{"id":7,"date":"2026-01-05T16:41:09","date_gmt":"2026-01-05T16:41:09","guid":{"rendered":"https:\/\/lyceeinternationalmontessori.com\/?page_id=7"},"modified":"2026-06-13T18:44:28","modified_gmt":"2026-06-13T18:44:28","slug":"home","status":"publish","type":"page","link":"https:\/\/lyceeinternationalmontessori.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd152cc e-flex e-con-boxed e-con e-parent\" data-id=\"bd152cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4296267 animated-slow e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"4296267\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d80b64d animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d80b64d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Montessori International Ath\u00e9na <br>Maternelle au Baccalaur\u00e9at \u00e0 Bailly (78)<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00c1d82 animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"00c1d82\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Aux portes de Versailles et Saint-Germain-en-Laye.<br \/>P\u00e9dagogie Montessori bilingue de 2 \u00e0 18 ans.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17a2cd7 e-con-full e-flex e-con e-parent\" data-id=\"17a2cd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dd6334 elementor-widget elementor-widget-html\" data-id=\"8dd6334\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Section P\u00e9dagogie Montessori V2 - Style PLC<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            color: #2C2C2C;\n            background: #FFFFFF;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Section Container *\/\n        .montessori-section {\n            padding: 100px 0;\n            position: relative;\n            background: #FFFFFF; \n        }\n\n        .montessori-section::before,\n        .montessori-section::after {\n            content: none !important;\n            display: none !important;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 5%;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Title Section *\/\n        .title-wrapper {\n            max-width: 1000px;\n            margin: 0 auto 80px auto;\n            text-align: center;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .title-wrapper h2 {\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            font-weight: 700;\n            color: #2C2C2C;\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n            line-height: 1.1;\n        }\n\n        .title-accent {\n            display: inline-block;\n            color: #8B9D83;\n            position: relative;\n        }\n\n        .subtitle {\n            font-size: 1.25rem;\n            color: #2C2C2C;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Main Content Grid *\/\n        .content-grid {\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 0;\n            margin-bottom: 60px;\n        }\n\n        \/* Bloc Bleu *\/\n        .blue-block {\n            background: linear-gradient(135deg, #7ACAFF 0%, #6BB8E8 100%);\n            padding: 60px;\n            color: #FFFFFF;\n            position: relative;\n            overflow: hidden;\n            opacity: 0;\n            animation: slideInLeft 0.8s ease 0.2s forwards;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            border-radius: 8px;\n        }\n\n        @keyframes slideInLeft {\n            from { \n                opacity: 0;\n                transform: translateX(-50px); \n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        .blue-block h3 {\n            font-size: 2.5rem;\n            font-weight: 600;\n            margin-bottom: 32px;\n            letter-spacing: -0.01em;\n            position: relative;\n            z-index: 1;\n            line-height: 1.2;\n        }\n\n        .blue-block p {\n            font-size: 1.25rem;\n            line-height: 1.7;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Colonne droite *\/\n        .values-stack {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .value-item {\n            background: #FFFFFF;\n            padding: 40px;\n            border-bottom: 1px solid #E8E8E8;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            opacity: 0;\n            animation: fadeIn 0.6s ease forwards;\n        }\n\n        .value-item:nth-child(1) { animation-delay: 0.3s; }\n        .value-item:nth-child(2) { animation-delay: 0.4s; }\n        .value-item:nth-child(3) { animation-delay: 0.5s; }\n        .value-item:nth-child(4) { animation-delay: 0.6s; }\n\n        @keyframes fadeIn {\n            to { opacity: 1; }\n        }\n\n        .value-item::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            width: 0;\n            height: 100%;\n            background: linear-gradient(90deg, #7ACAFF 0%, #8B9D83 100%);\n            transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .value-item:hover::before {\n            width: 5px;\n        }\n\n        .value-item:hover {\n            padding-left: 50px;\n            background: #FAFAFA;\n        }\n\n        .value-number {\n            font-size: 3rem;\n            font-weight: 700;\n            color: #D9C7A8;\n            line-height: 1;\n            margin-bottom: 12px;\n            opacity: 0.3;\n        }\n\n        .value-item h4 {\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: #2C2C2C;\n            margin-bottom: 8px;\n        }\n\n        .value-item p {\n            font-size: 1rem;\n            color: #2C2C2C;\n            line-height: 1.6;\n        }\n\n        \/* Bloc Beige *\/\n        .beige-block {\n            background: linear-gradient(135deg, #D9C7A8 0%, #CDB896 100%);\n            padding: 50px 60px;\n            margin: 60px 0;\n            position: relative;\n            border-radius: 8px;\n            opacity: 0;\n            animation: scaleIn 0.8s ease 0.4s forwards;\n        }\n\n        @keyframes scaleIn {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        .beige-content {\n            max-width: 900px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .beige-block h3 {\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: #2C2C2C;\n            margin-bottom: 20px;\n            letter-spacing: -0.01em;\n        }\n\n        .beige-block p {\n            font-size: 1.125rem;\n            color: #2C2C2C;\n            line-height: 1.8;\n            margin-bottom: 0;\n        }\n\n        .beige-block strong {\n            color: #2C2C2C;\n            font-weight: 600;\n        }\n\n        \/* Stats row *\/\n        .stats-row {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 60px;\n            margin: 80px 0;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease 0.6s forwards;\n        }\n\n        .stat-item {\n            text-align: center;\n            position: relative;\n        }\n\n        .stat-item::before {\n            content: '';\n            position: absolute;\n            top: -20px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 4px;\n            background: linear-gradient(90deg, #7ACAFF 0%, #8B9D83 100%);\n            border-radius: 2px;\n        }\n\n        .stat-number {\n            font-size: 3.5rem;\n            font-weight: 700;\n            color: #8B9D83;\n            line-height: 1;\n            margin-bottom: 12px;\n            letter-spacing: -0.02em;\n        }\n\n        .stat-label {\n            font-size: 1rem;\n            color: #2C2C2C;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n\n        \/* CTA Section *\/\n        .cta-section {\n            text-align: center;\n            margin-top: 80px;\n            opacity: 0;\n            animation: fadeIn 0.8s ease 0.8s forwards;\n        }\n\n        .cta-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: #8B9D83;\n            color: #FFFFFF;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            padding: 18px 40px;\n            border-radius: 0;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: #7A8C75;\n            transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: 0;\n        }\n\n        .cta-button:hover::before {\n            left: 0;\n        }\n\n        .cta-button:hover {\n            color: #2C2C2C;\n        }\n\n        .cta-button span,\n        .cta-button svg {\n            position: relative;\n            z-index: 1;\n        }\n\n        .cta-button svg {\n            width: 20px;\n            height: 20px;\n            transition: transform 0.4s ease;\n        }\n\n        .cta-button:hover svg {\n            transform: translateX(6px);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .content-grid { grid-template-columns: 1fr; }\n            .stats-row { grid-template-columns: repeat(2, 1fr); gap: 40px; }\n        }\n\n        @media (max-width: 768px) {\n            .montessori-section { padding: 60px 0; }\n            .title-wrapper h2 { font-size: 2rem; }\n            .stats-row { grid-template-columns: 1fr; }\n            .blue-block { padding: 40px 30px; }\n            .blue-block h3 { font-size: 1.5rem; margin-bottom: 24px; }\n            .blue-block p { font-size: 1rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"montessori-section\">\n        <div class=\"container\">\n            \n            <div class=\"title-wrapper\">\n                <h2>La <span class=\"title-accent\">p\u00e9dagogie Montessori<\/span> de la maternelle au baccalaur\u00e9at<\/h2>\n                <p class=\"subtitle\">Une approche \u00e9ducative authentique qui place l'enfant au c\u0153ur de ses apprentissages depuis 1991.<\/p>\n            <\/div>\n\n            <div class=\"content-grid\">\n                \n                <div class=\"blue-block\">\n                    <h3>Une \u00e9cole pionni\u00e8re depuis plus de 30 ans<\/h3>\n                    <p>Fond\u00e9e en 1991 par Sylvie d'Esclaibes, l'\u00c9cole Montessori Internationale Ath\u00e9na permet \u00e0 chaque enfant de suivre une scolarit\u00e9 harmonieuse dans la joie de vivre et le respect de sa personnalit\u00e9.<\/p>\n                    <p>\u00c9cole bilingue anglais-fran\u00e7ais de la maternelle \u00e0 la terminale ax\u00e9e sur l'acquisition de l'autonomie, du sens de la responsabilit\u00e9 et de l'adaptabilit\u00e9.<\/p>\n                    <p>Respectant les programmes de l'\u00c9ducation Nationale, notre \u00e9cole applique la p\u00e9dagogie Montessori de la maternelle au lyc\u00e9e tout en d\u00e9veloppant la confiance en soi, l'autonomie, et le sens de la responsabilit\u00e9.<\/p>\n                <\/div>\n\n                <div class=\"values-stack\">\n                    <div class=\"value-item\">\n                        <div class=\"value-number\">01<\/div>\n                        <h4>Respect du rythme<\/h4>\n                        <p>Chaque enfant progresse \u00e0 son rythme avec un suivi personnalis\u00e9.<\/p>\n                    <\/div>\n                    <div class=\"value-item\">\n                        <div class=\"value-number\">02<\/div>\n                        <h4>Bilinguisme<\/h4>\n                        <p>Programme bilingue anglais-fran\u00e7ais adapt\u00e9 en fonction du niveau de chacun.<\/p>\n                    <\/div>\n                    <div class=\"value-item\">\n                        <div class=\"value-number\">03<\/div>\n                        <h4>Les valeurs Montessori<\/h4>\n                        <p>Favoriser l'autonomie, la responsabilit\u00e9, la coop\u00e9ration, l'adaptabilit\u00e9 et l'\u00e9panouissement de chaque \u00e9l\u00e8ve au sein d'un environnement respectueux et stimulant.<\/p>\n                    <\/div>\n                    <div class=\"value-item\">\n                        <div class=\"value-number\">04<\/div>\n                        <h4>Confiance en soi<\/h4>\n                        <p>Un environnement o\u00f9 chaque \u00e9l\u00e8ve s'\u00e9panouit pleinement.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"beige-block\">\n                <div class=\"beige-content\">\n                    <h3>Notre engagement<\/h3>\n                    <p><strong>Former des \u00e9l\u00e8ves heureux ET performants<\/strong> dans un environnement o\u00f9 l'\u00e9panouissement personnel et l'excellence acad\u00e9mique se nourrissent mutuellement. L'enseignement bilingue fran\u00e7ais-anglais est adapt\u00e9 \u00e0 la personnalit\u00e9 et aux capacit\u00e9s de chaque enfant.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"stats-row\">\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">150<\/div>\n                    <div class=\"stat-label\">\u00c9l\u00e8ves<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">34<\/div>\n                    <div class=\"stat-label\">Ann\u00e9es d'exp\u00e9rience<\/div>\n                <\/div>\n                <div class=\"stat-item\">\n                    <div class=\"stat-number\">100%<\/div>\n                    <div class=\"stat-label\">R\u00e9ussite au baccalaur\u00e9at<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"cta-section\">\n                <a href=\"https:\/\/lyceeinternationalmontessori.com\/la-pedagogie-montessori\/\" class=\"cta-button\">\n                    <span>D\u00e9couvrir la p\u00e9dagogie Montessori<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45a2034 elementor-widget elementor-widget-html\" data-id=\"45a2034\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Section 3 - Nos Sections - Athena<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            color: #2C2C2C;\n            background: #FFFFFF;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Section Container *\/\n        .sections-section {\n            padding: 100px 0;\n            position: relative;\n            background: #FAFAFA;\n        }\n\n        .sections-section::before,\n        .sections-section::after {\n            content: none !important;\n            display: none !important;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 5%;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Title Section *\/\n        .title-wrapper {\n            max-width: 1000px;\n            margin: 0 auto 80px auto;\n            text-align: center;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Nouveau Subhead *\/\n        .subhead {\n            display: block;\n            font-size: 1rem;\n            font-weight: 700;\n            color: #7ACAFF;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            margin-bottom: 12px;\n        }\n\n        .title-wrapper h2 {\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            font-weight: 700;\n            color: #2C2C2C;\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n            line-height: 1.1;\n        }\n\n        .title-accent {\n            display: inline-block;\n            color: #8B9D83;\n            position: relative;\n        }\n\n        .subtitle {\n            font-size: 1.25rem;\n            color: #2C2C2C;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Cards Grid *\/\n        .sections-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 30px;\n            margin-bottom: 60px;\n        }\n\n        \/* Section Card *\/\n        .section-card {\n            background: #FFFFFF;\n            border-radius: 8px;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            opacity: 0;\n            animation: fadeIn 0.6s ease forwards;\n            text-decoration: none;\n            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n        }\n\n        .section-card:nth-child(1) { animation-delay: 0.2s; }\n        .section-card:nth-child(2) { animation-delay: 0.3s; }\n        .section-card:nth-child(3) { animation-delay: 0.4s; }\n        .section-card:nth-child(4) { animation-delay: 0.5s; }\n\n        @keyframes fadeIn {\n            to { opacity: 1; }\n        }\n\n        .section-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 0;\n            background: linear-gradient(135deg, #7ACAFF 0%, #8B9D83 100%);\n            transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: 0;\n        }\n\n        .section-card:hover::before {\n            height: 4px;\n        }\n\n        .section-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 12px 40px rgba(139, 157, 131, 0.15);\n        }\n\n        \/* Card Image *\/\n        .card-image {\n            width: 100%;\n            height: 240px;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n            overflow: hidden;\n            flex-shrink: 0;\n        }\n\n        .card-image::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 60%;\n            background: linear-gradient(to top, rgba(44, 44, 44, 0.7) 0%, transparent 100%);\n        }\n\n        .section-card:hover .card-image::after {\n            background: linear-gradient(to top, rgba(139, 157, 131, 0.8) 0%, transparent 100%);\n        }\n\n        \/* Card Content *\/\n        .card-content {\n            padding: 32px 28px;\n            position: relative;\n            z-index: 1;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .card-age {\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: #8B9D83;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            margin-bottom: 12px;\n        }\n\n        .card-title {\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: #2C2C2C;\n            margin-bottom: 16px;\n            letter-spacing: -0.01em;\n            line-height: 1.2;\n        }\n\n        .card-description {\n            font-size: 0.9375rem;\n            color: #5A5A5A;\n            line-height: 1.6;\n            margin-bottom: 24px;\n        }\n\n        \/* Card Link *\/\n        .card-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 0.9375rem;\n            font-weight: 600;\n            color: #8B9D83;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            transition: all 0.3s ease;\n            margin-top: auto;\n        }\n\n        .section-card:hover .card-link {\n            gap: 12px;\n            color: #7ACAFF;\n        }\n\n        .card-link svg {\n            width: 16px;\n            height: 16px;\n            transition: transform 0.3s ease;\n        }\n\n        .section-card:hover .card-link svg {\n            transform: translateX(4px);\n        }\n\n        \/* Image integration *\/\n        .card-image.maternelle {\n            background-image: linear-gradient(135deg, rgba(217, 199, 168, 0.3) 0%, rgba(139, 157, 131, 0.3) 100%),\n                              url('https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-3-6_PuzzleBotanique01.webp');\n        }\n\n        .card-image.elementaire {\n            background-image: linear-gradient(135deg, rgba(122, 202, 255, 0.3) 0%, rgba(139, 157, 131, 0.3) 100%),\n                              url('https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Primaire-76-1.png');\n        }\n\n        .card-image.college {\n            background-image: linear-gradient(135deg, rgba(139, 157, 131, 0.3) 0%, rgba(122, 202, 255, 0.3) 100%),\n                              url('https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college.jpg');\n        }\n\n        .card-image.lycee {\n            background-image: linear-gradient(135deg, rgba(217, 199, 168, 0.3) 0%, rgba(122, 202, 255, 0.3) 100%),\n                              url('https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-lyceens.webp');\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1200px) {\n            .sections-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 24px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .sections-section {\n                padding: 60px 0;\n            }\n\n            .title-wrapper {\n                margin-bottom: 50px;\n            }\n\n            .title-wrapper h2 {\n                font-size: 2rem;\n            }\n\n            .sections-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .card-image {\n                height: 200px;\n            }\n\n            .card-content {\n                padding: 28px 24px;\n            }\n\n            .card-title {\n                font-size: 1.375rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"sections-section\">\n        <div class=\"container\">\n            \n            <div class=\"title-wrapper\">\n                <span class=\"subhead\">Projet p\u00e9dagogique<\/span>\n                <h2>De la <span class=\"title-accent\">maternelle au baccalaur\u00e9at<\/span><\/h2>\n                <p class=\"subtitle\">Un parcours scolaire complet Montessori de 2 \u00e0 18 ans dans le m\u00eame \u00e9tablissement.<\/p>\n            <\/div>\n\n            <div class=\"sections-grid\">\n                \n                <a href=\"\/maternelle-montessori-bilingue\/\" class=\"section-card\">\n                    <div class=\"card-image maternelle\"><\/div>\n                    <div class=\"card-content\">\n                        <div class=\"card-age\">2-6 ans<\/div>\n                        <h3 class=\"card-title\">Maternelle Montessori Bilingue<\/h3>\n                        <p class=\"card-description\">Les 5 domaines Montessori : vie pratique, vie sensorielle, math\u00e9matiques, langage et culture. Bilinguisme fran\u00e7ais-anglais en immersion.<\/p>\n                        <div class=\"card-link\">\n                            D\u00e9couvrir\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/lyceeinternationalmontessori.com\/elementaire-montessori-bilingue\/\" class=\"section-card\">\n                    <div class=\"card-image elementaire\"><\/div>\n                    <div class=\"card-content\">\n                        <div class=\"card-age\">6-11 ans<\/div>\n                        <h3 class=\"card-title\">\u00c9l\u00e9mentaire Montessori Bilingue<\/h3>\n                        <p class=\"card-description\">Programmes de l'\u00e9ducation nationale avec mat\u00e9riel concret Montessori. Enseignement de l'anglais 4 demi-journ\u00e9es en immersion.<\/p>\n                        <div class=\"card-link\">\n                            D\u00e9couvrir\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n                <a href=\"\/college-montessori-international\/\" class=\"section-card\">\n                    <div class=\"card-image college\"><\/div>\n                    <div class=\"card-content\">\n                        <div class=\"card-age\">11-15 ans<\/div>\n                        <h3 class=\"card-title\">Coll\u00e8ge bilingue dans les Yvelines<\/h3>\n                        <p class=\"card-description\">Programmes officiels de l'\u00e9ducation nationale. Pr\u00e9paration au Dipl\u00f4me National du Brevet avec d'excellents r\u00e9sultats.<\/p>\n                        <div class=\"card-link\">\n                            D\u00e9couvrir\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/lyceeinternationalmontessori.com\/lycee-international-montessori\/\" class=\"section-card\">\n                    <div class=\"card-image lycee\"><\/div>\n                    <div class=\"card-content\">\n                        <div class=\"card-age\">15-18 ans<\/div>\n                        <h3 class=\"card-title\">Lyc\u00e9e International<\/h3>\n                        <p class=\"card-description\">Autonomie, autodiscipline, respect, enthousiasme d'apprendre et bonne ma\u00eetrise des langues \u00e9trang\u00e8res.<\/p>\n                        <div class=\"card-link\">\n                            D\u00e9couvrir\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0694749 elementor-widget elementor-widget-html\" data-id=\"0694749\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Section 5 - Notre Diff\u00e9rence - Athena<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            color: #2C2C2C;\n            background: #FFFFFF;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Section Container *\/\n        .difference-section {\n            padding: 100px 0;\n            position: relative;\n            background: #FFFFFF;\n        }\n\n        .difference-section::before,\n        .difference-section::after {\n            content: none !important;\n            display: none !important;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 5%;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Title Section *\/\n        .title-wrapper {\n            max-width: 1000px;\n            margin: 0 auto 80px auto;\n            text-align: center;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .title-wrapper h2 {\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            font-weight: 700;\n            color: #2C2C2C;\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n            line-height: 1.1;\n        }\n\n        .title-accent {\n            display: inline-block;\n            color: #8B9D83;\n            position: relative;\n        }\n\n        .subtitle {\n            font-size: 1.25rem;\n            color: #2C2C2C;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Cards Grid *\/\n        .difference-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n            margin-bottom: 0;\n        }\n\n        \/* Difference Card *\/\n        .difference-card {\n            background: #FFFFFF;\n            border-radius: 8px;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            opacity: 0;\n            animation: fadeIn 0.6s ease forwards;\n            text-decoration: none;\n            display: block;\n            \/* MODIFICATION ICI : Ajout d'une bordure l\u00e9g\u00e8re et ajustement de l'ombre au repos *\/\n            border: 1px solid #F0F0F0;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n        }\n\n        .difference-card:nth-child(1) { animation-delay: 0.2s; }\n        .difference-card:nth-child(2) { animation-delay: 0.3s; }\n        .difference-card:nth-child(3) { animation-delay: 0.4s; }\n        .difference-card:nth-child(4) { animation-delay: 0.5s; }\n\n        @keyframes fadeIn {\n            to { opacity: 1; }\n        }\n\n        .difference-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 0;\n            background: linear-gradient(135deg, #7ACAFF 0%, #8B9D83 100%);\n            transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: 1;\n        }\n\n        .difference-card:hover::before {\n            height: 4px;\n        }\n\n        .difference-card:hover {\n            transform: translateY(-8px);\n            \/* MODIFICATION ICI : On retire la bordure et on accentue l'ombre au hover *\/\n            border-color: transparent;\n            box-shadow: 0 12px 40px rgba(139, 157, 131, 0.15);\n        }\n\n        \/* Card Image *\/\n        .card-image {\n            width: 100%;\n            height: 280px;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }\n\n        .difference-card:hover .card-image img {\n            transform: scale(1.05);\n        }\n\n        .card-image::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 60%;\n            background: linear-gradient(to top, rgba(44, 44, 44, 0.6) 0%, transparent 100%);\n            z-index: 1;\n        }\n\n        \/* Card Content *\/\n        .card-content {\n            padding: 36px 32px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .card-title {\n            font-size: 1.75rem;\n            font-weight: 600;\n            color: #2C2C2C;\n            margin-bottom: 16px;\n            letter-spacing: -0.01em;\n            line-height: 1.2;\n        }\n\n        .card-description {\n            font-size: 1rem;\n            color: #5A5A5A;\n            line-height: 1.7;\n            margin-bottom: 24px;\n        }\n\n        \/* Card Link *\/\n        .card-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 0.9375rem;\n            font-weight: 600;\n            color: #8B9D83;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            transition: all 0.3s ease;\n        }\n\n        .difference-card:hover .card-link {\n            gap: 12px;\n            color: #7ACAFF;\n        }\n\n        .card-link svg {\n            width: 16px;\n            height: 16px;\n            transition: transform 0.3s ease;\n        }\n\n        .difference-card:hover .card-link svg {\n            transform: translateX(4px);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .difference-grid {\n                grid-template-columns: 1fr;\n                gap: 24px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .difference-section {\n                padding: 60px 0;\n            }\n\n            .title-wrapper {\n                margin-bottom: 50px;\n            }\n\n            .title-wrapper h2 {\n                font-size: 2rem;\n            }\n\n            .card-image {\n                height: 220px;\n            }\n\n            .card-content {\n                padding: 28px 24px;\n            }\n\n            .card-title {\n                font-size: 1.5rem;\n            }\n\n            .card-description {\n                font-size: 0.9375rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"difference-section\">\n        <div class=\"container\">\n            \n            <div class=\"title-wrapper\">\n                <h2>Ce qui diff\u00e9rencie notre <span class=\"title-accent\">\u00e9cole Montessori<\/span><\/h2>\n                <p class=\"subtitle\">\u00c0 Bailly, Montessori International Ath\u00e9na cultive depuis 1991 une approche \u00e9ducative unique qui place l\u2019enfant au c\u0153ur des apprentissages.<\/p>\n            <\/div>\n\n            <div class=\"difference-grid\">\n                \n                <a href=\"https:\/\/lyceeinternationalmontessori.com\/philosophie\/#bilinguisme\" class=\"difference-card\">\n                    <div class=\"card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-3-6_multiling.webp\" alt=\"Bilinguisme Montessori\" title=\"\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Bilinguisme fran\u00e7ais-anglais<\/h3>\n                        <p class=\"card-description\">Les enfants apprennent l'anglais en immersion totale 4 demi-journ\u00e9es par semaine d\u00e8s la premi\u00e8re ann\u00e9e de Maternelle et jusqu'\u00e0 la fin du primaire.<\/p>\n                        <div class=\"card-link\">\n                            En savoir plus\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/lyceeinternationalmontessori.com\/philosophie\/#ecoledanslanature\" class=\"difference-card\">\n                    <div class=\"card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-ecole-dans-la-nature3.webp\" alt=\"\u00c9cole dans la nature\" title=\"\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Contact avec la nature<\/h3>\n                        <p class=\"card-description\">Une fois par semaine, en maternelle et primaire, l'\u00e9cole se d\u00e9roule dans la nature : for\u00eat, campagne, potager.<\/p>\n                        <div class=\"card-link\">\n                            En savoir plus\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/lyceeinternationalmontessori.com\/la-pedagogie-montessori\/\" class=\"difference-card\">\n                    <div class=\"card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-materiel-montessori.webp\" alt=\"Mat\u00e9riel Montessori\" title=\"\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Mat\u00e9riel Montessori<\/h3>\n                        <p class=\"card-description\">Un important mat\u00e9riel p\u00e9dagogique cr\u00e9\u00e9 par Maria Montessori est mis en place afin que l'enfant puisse affiner ses cinq sens.<\/p>\n                        <div class=\"card-link\">\n                            En savoir plus\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n                <a href=\"https:\/\/lyceeinternationalmontessori.com\/ce-qui-nous-distingue\/#ecole-inclusive\" class=\"difference-card\">\n                    <div class=\"card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-eveil-sens.webp\" alt=\"Respect du rythme\" title=\"\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3 class=\"card-title\">Respect du rythme de chacun<\/h3>\n                        <p class=\"card-description\">Chaque enfant poss\u00e8de un rythme de d\u00e9veloppement qui lui est propre. Il est essentiel de respecter ce rythme afin de toujours r\u00e9pondre aux besoins du moment.<\/p>\n                        <div class=\"card-link\">\n                            En savoir plus\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fe2495 elementor-widget elementor-widget-html\" data-id=\"7fe2495\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Section 6 - T\u00e9moignages - Athena<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            color: #2C2C2C;\n            background: #FFFFFF;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Section Container *\/\n        .testimonials-section {\n            padding: 100px 0;\n            position: relative;\n            background: #FAFAFA;\n        }\n\n        .testimonials-section::before,\n        .testimonials-section::after {\n            content: none !important;\n            display: none !important;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 5%;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Title Section *\/\n        .title-wrapper {\n            max-width: 1000px;\n            margin: 0 auto 80px auto;\n            text-align: center;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .title-wrapper h2 {\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            font-weight: 700;\n            color: #2C2C2C;\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n            line-height: 1.1;\n        }\n\n        .title-accent {\n            display: inline-block;\n            color: #8B9D83;\n            position: relative;\n        }\n\n        .subtitle {\n            font-size: 1.25rem;\n            color: #2C2C2C;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Testimonials Grid *\/\n        .testimonials-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 40px;\n            margin-bottom: 60px;\n        }\n\n        \/* Testimonial Card *\/\n        .testimonial-card {\n            border-radius: 8px;\n            padding: 40px 36px;\n            position: relative;\n            opacity: 0;\n            animation: fadeIn 0.6s ease forwards;\n            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        \/* Card 1 - Bleu *\/\n        .testimonial-card:nth-child(1) {\n            background: linear-gradient(135deg, #7ACAFF 0%, #6BB8E8 100%);\n            animation-delay: 0.2s;\n        }\n\n        \/* Card 2 - Vert *\/\n        .testimonial-card:nth-child(2) {\n            background: linear-gradient(135deg, #8B9D83 0%, #7A8C75 100%);\n            animation-delay: 0.3s;\n        }\n\n        \/* Card 3 - Beige *\/\n        .testimonial-card:nth-child(3) {\n            background: linear-gradient(135deg, #D9C7A8 0%, #CDB896 100%);\n            animation-delay: 0.4s;\n        }\n\n        @keyframes fadeIn {\n            to { opacity: 1; }\n        }\n\n        .testimonial-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);\n        }\n\n        \/* Quote Icon *\/\n        .quote-icon {\n            width: 48px;\n            height: 48px;\n            margin-bottom: 24px;\n            opacity: 0.2;\n        }\n\n        .quote-icon svg {\n            width: 100%;\n            height: 100%;\n            fill: #FFFFFF;\n        }\n\n        \/* Testimonial Content *\/\n        .testimonial-content {\n            position: relative;\n            z-index: 1;\n        }\n\n        .testimonial-text {\n            font-size: 1rem;\n            line-height: 1.8;\n            color: #FFFFFF;\n            margin-bottom: 28px;\n            font-style: italic;\n        }\n\n        \/* Testimonial Author *\/\n        .testimonial-author {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n            padding-top: 24px;\n            border-top: 1px solid rgba(255, 255, 255, 0.3);\n        }\n\n        .author-name {\n            font-size: 1.125rem;\n            font-weight: 600;\n            color: #FFFFFF;\n        }\n\n        .author-role {\n            font-size: 0.9375rem;\n            color: rgba(255, 255, 255, 0.9);\n            font-weight: 500;\n        }\n\n        \/* CTA Section *\/\n        .cta-section {\n            text-align: center;\n            margin-top: 60px;\n            opacity: 0;\n            animation: fadeIn 0.8s ease 0.6s forwards;\n        }\n\n        .cta-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: #8B9D83;\n            color: #FFFFFF;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            padding: 18px 40px;\n            border-radius: 8px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: #7A8C75;\n            transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: 0;\n        }\n\n        .cta-button:hover::before {\n            left: 0;\n        }\n\n        .cta-button span,\n        .cta-button svg {\n            position: relative;\n            z-index: 1;\n        }\n\n        .cta-button svg {\n            width: 20px;\n            height: 20px;\n            transition: transform 0.4s ease;\n        }\n\n        .cta-button:hover svg {\n            transform: translateX(6px);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .testimonials-grid {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .testimonials-section {\n                padding: 60px 0;\n            }\n\n            .title-wrapper {\n                margin-bottom: 50px;\n            }\n\n            .title-wrapper h2 {\n                font-size: 2rem;\n            }\n\n            .testimonial-card {\n                padding: 32px 28px;\n            }\n\n            .testimonial-text {\n                font-size: 0.9375rem;\n            }\n\n            .cta-section {\n                margin-top: 40px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"testimonials-section\">\n        <div class=\"container\">\n            \n            <div class=\"title-wrapper\">\n                <h2>Parce que la confiance se construit  <span class=\"title-accent\">dans le temps<\/span><\/h2>\n                <p class=\"subtitle\">D\u00e9couvrez les t\u00e9moignages de parents qui ont choisi notre \u00e9cole pour accompagner le d\u00e9veloppement et la r\u00e9ussite de leur enfant.<\/p>\n            <\/div>\n\n            <div class=\"testimonials-grid\">\n                \n                <!-- T\u00e9moignage 1: Parent Alyssa -->\n                <div class=\"testimonial-card\">\n                    <div class=\"quote-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"testimonial-content\">\n                        <p class=\"testimonial-text\">Inscrire Alyssa dans votre \u00e9cole Montessori a \u00e9t\u00e9 l'une des meilleures d\u00e9cisions de ma vie. Pendant trois ann\u00e9es au coll\u00e8ge et au lyc\u00e9e, je l'ai vu s'\u00e9panouir, gagner confiance en soi et d\u00e9velopper une joie d'apprendre qui illumine son quotidien. Aujourd'hui, elle r\u00e9ussit brillamment en terminale, avec un niveau acad\u00e9mique digne des bonnes \u00e9coles, mais surtout avec des valeurs humaines profondes : respect, autonomie et partage.<\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-name\">Maman d'Alyssa<\/div>\n                            <div class=\"author-role\">\u00c9l\u00e8ve au coll\u00e8ge et lyc\u00e9e \u2022 Novembre 2025<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- T\u00e9moignage 2: Parent Arthur -->\n                <div class=\"testimonial-card\">\n                    <div class=\"quote-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"testimonial-content\">\n                        <p class=\"testimonial-text\">Nous avons particuli\u00e8rement appr\u00e9ci\u00e9 le fait qu'il ait pu reprendre confiance dans ses capacit\u00e9s entour\u00e9 de personnes bienveillantes mais exigeantes. Il n'\u00e9tait pas facile pour nous de faire le choix d'une \u00e9cole hors contrat. Mais nous avons \u00e9t\u00e9 convaincus rapidement que c'\u00e9tait le bon choix. Nous avons aujourd'hui un fils heureux d'avoir atteint son objectif et de regarder son avenir comme une aventure \u00e0 vivre plut\u00f4t que comme un fardeau.<\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-name\">Maman d'Arthur<\/div>\n                            <div class=\"author-role\">\u00c9l\u00e8ve de la seconde \u00e0 la terminale \u2022 Juin 2021<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- T\u00e9moignage 3: Parent Venceslas -->\n                <div class=\"testimonial-card\">\n                    <div class=\"quote-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"testimonial-content\">\n                        <p class=\"testimonial-text\">Notre fils a commenc\u00e9 \u00e0 l'\u00c9cole Montessori de Bailly \u00e0 2 ans et demi. Le voici \u00e0 18 ans, de retour au lyc\u00e9e international Montessori Athena de Bailly, bien dans sa t\u00eate de jeune adulte, confort\u00e9 dans sa valeur et en phase avec ses enseignants attentifs. La scolarit\u00e9 devrait \u00eatre pour tous un parcours agr\u00e9able, formateur tant sur la confiance en soi que sur l'apprentissage. Merci \u00e0 toute l'\u00e9quipe qui entoure les adultes de demain.<\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-name\">Maman de Venceslas<\/div>\n                            <div class=\"author-role\">\u00c9l\u00e8ve de la maternelle au baccalaur\u00e9at \u2022 Juin 2021<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"cta-section\">\n                <a href=\"\/temoignages\/\" class=\"cta-button\">\n                    <span>Voir tous les t\u00e9moignages<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f168cb3 e-con-full e-flex e-con e-parent\" data-id=\"f168cb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0d4659 elementor-widget elementor-widget-html\" data-id=\"d0d4659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Section 7 - Actualit\u00e9s - Athena<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            color: #2C2C2C;\n            background: #FFFFFF;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Section Container *\/\n        .news-section {\n            padding: 100px 0;\n            position: relative;\n            background: #FFFFFF;\n        }\n\n        .news-section::before,\n        .news-section::after {\n            content: none !important;\n            display: none !important;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 5%;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Title Section *\/\n        .title-wrapper {\n            max-width: 1000px;\n            margin: 0 auto 80px auto;\n            text-align: center;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .title-wrapper h2 {\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            font-weight: 700;\n            color: #2C2C2C;\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n            line-height: 1.1;\n        }\n\n        .title-accent {\n            display: inline-block;\n            color: #8B9D83;\n            position: relative;\n        }\n\n        .subtitle {\n            font-size: 1.25rem;\n            color: #2C2C2C;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* News Grid *\/\n        .news-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 40px;\n            margin-bottom: 60px;\n        }\n\n        \/* News Card *\/\n        .news-card {\n            background: #FFFFFF;\n            border-radius: 8px;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            opacity: 0;\n            animation: fadeIn 0.6s ease forwards;\n            text-decoration: none;\n            display: flex;\n            flex-direction: column;\n            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n        }\n\n        .news-card:nth-child(1) { animation-delay: 0.2s; }\n        .news-card:nth-child(2) { animation-delay: 0.3s; }\n        .news-card:nth-child(3) { animation-delay: 0.4s; }\n\n        @keyframes fadeIn {\n            to { opacity: 1; }\n        }\n\n        .news-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 0;\n            background: linear-gradient(135deg, #7ACAFF 0%, #8B9D83 100%);\n            transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: 1;\n        }\n\n        .news-card:hover::before {\n            height: 4px;\n        }\n\n        .news-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 12px 40px rgba(139, 157, 131, 0.15);\n        }\n\n        \/* Card Image *\/\n        .card-image {\n            width: 100%;\n            height: 240px;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }\n\n        .news-card:hover .card-image img {\n            transform: scale(1.05);\n        }\n\n        \/* Date Badge *\/\n        .date-badge {\n            position: absolute;\n            top: 16px;\n            right: 16px;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            padding: 8px 16px;\n            border-radius: 8px;\n            font-size: 0.8125rem;\n            font-weight: 600;\n            color: #2C2C2C;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            z-index: 2;\n        }\n\n        \/* Card Content *\/\n        .card-content {\n            padding: 32px 28px;\n            position: relative;\n            z-index: 2;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n        }\n\n        .card-category {\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: #8B9D83;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            margin-bottom: 12px;\n        }\n\n        .card-title {\n            font-size: 1.5rem;\n            font-weight: 600;\n            color: #2C2C2C;\n            margin-bottom: 16px;\n            letter-spacing: -0.01em;\n            line-height: 1.3;\n            min-height: 3.9rem;\n        }\n\n        .card-excerpt {\n            font-size: 0.9375rem;\n            color: #5A5A5A;\n            line-height: 1.7;\n            margin-bottom: 24px;\n            min-height: 5rem;\n        }\n\n        \/* Card Link *\/\n        .card-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 0.9375rem;\n            font-weight: 600;\n            color: #8B9D83;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            transition: all 0.3s ease;\n            margin-top: auto;\n        }\n\n        .news-card:hover .card-link {\n            gap: 12px;\n            color: #7ACAFF;\n        }\n\n        .card-link svg {\n            width: 16px;\n            height: 16px;\n            transition: transform 0.3s ease;\n        }\n\n        .news-card:hover .card-link svg {\n            transform: translateX(4px);\n        }\n\n        \/* CTA Section *\/\n        .cta-section {\n            text-align: center;\n            margin-top: 60px;\n            opacity: 0;\n            animation: fadeIn 0.8s ease 0.6s forwards;\n        }\n\n        .cta-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: #8B9D83;\n            color: #FFFFFF;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            padding: 18px 40px;\n            border-radius: 8px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: #7A8C75;\n            transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: 0;\n        }\n\n        .cta-button:hover::before {\n            left: 0;\n        }\n\n        .cta-button span,\n        .cta-button svg {\n            position: relative;\n            z-index: 1;\n        }\n\n        .cta-button svg {\n            width: 20px;\n            height: 20px;\n            transition: transform 0.4s ease;\n        }\n\n        .cta-button:hover svg {\n            transform: translateX(6px);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .news-grid {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .news-section {\n                padding: 60px 0;\n            }\n\n            .title-wrapper {\n                margin-bottom: 50px;\n            }\n\n            .title-wrapper h2 {\n                font-size: 2rem;\n            }\n\n            .card-image {\n                height: 200px;\n            }\n\n            .card-content {\n                padding: 28px 24px;\n            }\n\n            .card-title {\n                font-size: 1.375rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"news-section\">\n        <div class=\"container\">\n            \n            <div class=\"title-wrapper\">\n                <h2>Actualit\u00e9s de notre <span class=\"title-accent\">\u00e9cole Montessori<\/span><\/h2>\n                <p class=\"subtitle\">D\u00e9couvrez la vie de notre \u00e9cole \u00e0 Bailly \u00e0 travers les sorties, \u00e9v\u00e9nements et moments de partage.<\/p>\n            <\/div>\n\n            <div class=\"news-grid\">\n                \n                <!-- Article 1: Voyage \u00e0 Barcelone -->\n                <a href=\"https:\/\/lyceeinternationalmontessori.com\/voyage-a-barcelone\/\" class=\"news-card\">\n                    <div class=\"card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-Voyage-Barcelone.webp\" alt=\"Voyage \u00e0 Barcelone\" title=\"\">\n                        <div class=\"date-badge\">Octobre 2025<\/div>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <div class=\"card-category\">Voyage scolaire<\/div>\n                        <h3 class=\"card-title\">Voyage \u00e0 Barcelone<\/h3>\n                        <p class=\"card-excerpt\">Notre voyage scolaire \u00e0 Barcelone restera grav\u00e9 dans les m\u00e9moires. Une magnifique occasion d'apprentissage, d'ouverture culturelle et de partage humain.<\/p>\n                        <div class=\"card-link\">\n                            Lire la suite\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n                <!-- Article 2: Examens de Cambridge -->\n                <a href=\"https:\/\/lyceeinternationalmontessori.com\/les-examens-de-cambridge-a-au-lycee-international-montessori-athena\/\" class=\"news-card\">\n                    <div class=\"card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-Examen-de-Cambridge.webp\" alt=\"Examens de Cambridge\" title=\"\">\n                        <div class=\"date-badge\">Juin 2025<\/div>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <div class=\"card-category\">Certification<\/div>\n                        <h3 class=\"card-title\">Les examens de Cambridge<\/h3>\n                        <p class=\"card-excerpt\">Au Lyc\u00e9e International Montessori Ath\u00e9na, nous pla\u00e7ons l'excellence linguistique et l'ouverture internationale au c\u0153ur de notre projet \u00e9ducatif.<\/p>\n                        <div class=\"card-link\">\n                            Lire la suite\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n                <!-- Article 3: Journ\u00e9e \u00e0 Londres -->\n                <a href=\"https:\/\/lyceeinternationalmontessori.com\/une-belle-journee-a-londres\/\" class=\"news-card\">\n                    <div class=\"card-image\">\n                        <img decoding=\"async\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-Journee-a-Londres.webp\" alt=\"Journ\u00e9e \u00e0 Londres\" title=\"\">\n                        <div class=\"date-badge\">Mai 2025<\/div>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <div class=\"card-category\">Sortie p\u00e9dagogique<\/div>\n                        <h3 class=\"card-title\">Une belle journ\u00e9e \u00e0 Londres<\/h3>\n                        <p class=\"card-excerpt\">Une cinquantaine de nos \u00e9l\u00e8ves, coll\u00e9giens et lyc\u00e9ens, ont particip\u00e9 \u00e0 une belle journ\u00e9e \u00e0 Londres. Ce voyage anglophone a \u00e9t\u00e9 riche en d\u00e9couvertes.<\/p>\n                        <div class=\"card-link\">\n                            Lire la suite\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/a>\n\n            <\/div>\n\n            <div class=\"cta-section\">\n                <a href=\"\/actualites\/\" class=\"cta-button\">\n                    <span>Toutes les actualit\u00e9s<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5be8480 elementor-widget elementor-widget-html\" data-id=\"5be8480\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* \u26a0\ufe0f SCOPING : on \u00e9vite toute r\u00e8gle globale *\/\n    .cta-final-section,\n    .cta-final-section * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    \/* Section Container *\/\n    .cta-final-section {\n        padding: 100px 0;\n        position: relative;\n        background: linear-gradient(135deg, #D9C7A8 0%, #CDB896 100%);\n        \n        \/* Styles de base *\/\n        font-family: 'Montserrat', sans-serif;\n        color: #2C2C2C;\n        line-height: 1.6;\n        overflow: visible;\n        \n        \/* \u2705 Force le fond \u00e0 prendre 100% de la largeur *\/\n        width: 100vw !important;\n        max-width: 100vw !important;\n        margin-left: calc(-50vw + 50%) !important;\n        margin-right: calc(-50vw + 50%) !important;\n    }\n\n    .cta-final-section::before,\n    .cta-final-section::after {\n        content: none !important;\n        display: none !important;\n    }\n\n    .cta-final-section .container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 5%;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* Content Wrapper *\/\n    .cta-final-section .cta-content {\n        text-align: center;\n        max-width: 900px;\n        margin: 0 auto;\n        opacity: 0;\n        animation: ctaFinalFadeInUp 0.8s ease forwards;\n    }\n\n    @keyframes ctaFinalFadeInUp {\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .cta-final-section .cta-title {\n        font-size: clamp(2.5rem, 5vw, 3.5rem);\n        font-weight: 700;\n        color: #2C2C2C;\n        margin-bottom: 24px;\n        letter-spacing: -0.02em;\n        line-height: 1.1;\n    }\n\n    .cta-final-section .cta-subtitle {\n        font-size: 1.25rem;\n        color: #2C2C2C;\n        font-weight: 400;\n        line-height: 1.6;\n        margin-bottom: 48px;\n    }\n\n    \/* CTA Button *\/\n    .cta-final-section .cta-buttons {\n        display: flex;\n        justify-content: center;\n    }\n\n    .cta-final-section .cta-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 1rem;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        padding: 20px 40px;\n        border-radius: 8px;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Primary CTA *\/\n    .cta-final-section .cta-button.primary {\n        background: #8B9D83;\n        color: #FFFFFF;\n    }\n\n    .cta-final-section .cta-button.primary::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: #7A8C75;\n        transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        z-index: 0;\n    }\n\n    .cta-final-section .cta-button.primary:hover::before {\n        left: 0;\n    }\n\n    .cta-final-section .cta-button.primary:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);\n    }\n\n    .cta-final-section .cta-button span,\n    .cta-final-section .cta-button svg {\n        position: relative;\n        z-index: 1;\n    }\n\n    .cta-final-section .cta-button svg {\n        width: 20px;\n        height: 20px;\n        transition: transform 0.4s ease;\n    }\n\n    .cta-final-section .cta-button:hover svg {\n        transform: translateX(6px);\n    }\n\n    \/* Info Text *\/\n    .cta-final-section .cta-info {\n        margin-top: 48px;\n        font-size: 1rem;\n        color: #2C2C2C;\n        font-weight: 400;\n    }\n\n    .cta-final-section .cta-info a {\n        color: #2C2C2C;\n        text-decoration: underline;\n        font-weight: 600;\n        transition: opacity 0.3s ease;\n    }\n\n    .cta-final-section .cta-info a:hover {\n        opacity: 0.8;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .cta-final-section {\n            padding: 80px 0;\n        }\n\n        .cta-final-section .cta-title {\n            font-size: 2rem;\n        }\n\n        .cta-final-section .cta-subtitle {\n            font-size: 1.125rem;\n            margin-bottom: 36px;\n        }\n\n        .cta-final-section .cta-button {\n            width: 100%;\n            justify-content: center;\n            padding: 18px 32px;\n        }\n\n        .cta-final-section .cta-info {\n            margin-top: 36px;\n            font-size: 0.9375rem;\n        }\n    }\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"cta-final-section\">\n    <div class=\"container\">\n        \n        <div class=\"cta-content\">\n            \n            <h2 class=\"cta-title\">Rejoignez notre \u00e9cole Montessori \u00e0 Bailly<\/h2>\n            \n            <p class=\"cta-subtitle\">Contactez-nous pour d\u00e9couvrir notre p\u00e9dagogie et rencontrer notre \u00e9quipe.<\/p>\n\n            <div class=\"cta-buttons\">\n                \n                <a href=\"\/contact\/\" class=\"cta-button primary\">\n                    <span>Nous contacter<\/span>\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n            <p class=\"cta-info\">\n                Vous avez des questions ? Consultez notre <a href=\"\/faq\">FAQ<\/a>\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2da31c5 elementor-widget elementor-widget-html\" data-id=\"2da31c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"School\",\n  \"name\": \"Lyc\u00e9e International Montessori Ath\u00e9na\",\n  \"alternateName\": \"\u00c9cole Montessori Internationale Bilingue Ath\u00e9na\",\n  \"url\": \"https:\/\/lyceeinternationalmontessori.com\/\",\n  \"foundingDate\": \"1991\",\n  \"slogan\": \"Le seul lyc\u00e9e Montessori de France pr\u00e9parant au baccalaur\u00e9at g\u00e9n\u00e9ral\",\n  \"description\": \"\u00c9cole Montessori internationale bilingue \u00e0 Bailly (78), de la maternelle au baccalaur\u00e9at g\u00e9n\u00e9ral. Seul lyc\u00e9e Montessori de France menant au bac g\u00e9n\u00e9ral.\",\n  \"founder\": {\n    \"@type\": \"Person\",\n    \"name\": \"Sylvie d'Esclaibes\"\n  },\n  \"address\": {\n    \"@type\": \"PostalAddress\",\n    \"streetAddress\": \"29 rue de Noisy\",\n    \"addressLocality\": \"Bailly\",\n    \"postalCode\": \"78870\",\n    \"addressRegion\": \"Yvelines\",\n    \"addressCountry\": \"FR\"\n  },\n  \"areaServed\": [\"Bailly\", \"Yvelines\", \"Versailles\", \"Saint-Germain-en-Laye\", \"\u00cele-de-France\"],\n  \"telephone\": \"+33 6 31 05 41 34\",\n  \"knowsLanguage\": [\"fr\", \"en\"]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Montessori International Ath\u00e9na Maternelle au Baccalaur\u00e9at \u00e0 Bailly (78) Aux portes de Versailles et Saint-Germain-en-Laye.P\u00e9dagogie Montessori bilingue de 2 \u00e0 18 ans. Section P\u00e9dagogie Montessori V2 &#8211; Style PLC La p\u00e9dagogie Montessori de la maternelle au baccalaur\u00e9at Une approche \u00e9ducative authentique qui place l&rsquo;enfant au c\u0153ur de ses apprentissages depuis 1991. Une \u00e9cole pionni\u00e8re depuis [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":277,"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":2387,"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/2387"}],"wp:attachment":[{"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}