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; \/* Augment\u00e9 pour permettre une meilleure r\u00e9partition sur une ligne centr\u00e9e *\/\n margin: 0 auto 80px auto; \/* Centrage du bloc horizontalement *\/\n text-align: center; \/* Centrage du texte *\/\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; \/* Corrig\u00e9 : \u00e9tait #5A5A5A *\/\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; \/* Corrig\u00e9 : \u00e9tait #5A5A5A *\/\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; \/* Harmonis\u00e9 sur le noir demand\u00e9 *\/\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; \/* Corrig\u00e9 : \u00e9tait #5A5A5A *\/\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 \/* AJOUT: Force la couleur du texte au hover *\/\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 }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"montessori-section\">\n <div class=\"container\">\n \n <div class=\"title-wrapper\">\n <h2>The <span class=\"title-accent\">Montessori pedagogy<\/span> from Kindergarten to French Baccalaureate<\/h2>\n <p class=\"subtitle\">An authentic educational approach that has placed the child at the center of learning since 1991.<\/p>\n <\/div>\n\n <div class=\"content-grid\">\n \n <div class=\"blue-block\">\n <h3>A pioneering school for over 30 years<\/h3>\n <p>Founded in 1991 by Sylvie d'Esclaibes, the Ath\u00e9na International Montessori School offers every child a harmonious education in a spirit of joy and respect for their personality.<\/p>\n <p>Bilingual English-French school from nursery to final year, focusing on developing independence, a sense of responsibility and adaptability.<\/p>\n <p>In line with the French national education curriculum, our school applies Montessori teaching methods from nursery through to high school, while developing self-confidence, autonomy and a sense of responsibility.\n<\/p>\n <\/div>\n\n <div class=\"values-stack\">\n <div class=\"value-item\">\n <div class=\"value-number\">01<\/div>\n <h4>Respect for rhythm<\/h4>\n <p>Each child progresses at his or her own pace, with personalised support.<\/p>\n <\/div>\n <div class=\"value-item\">\n <div class=\"value-number\">02<\/div>\n <h4>Bilingualism<\/h4>\n <p>Bilingual English-French programme adapted to each student's level.<\/p>\n <\/div>\n <div class=\"value-item\">\n <div class=\"value-number\">03<\/div>\n <h4>Montessori values<\/h4>\n <p>To encourage autonomy, responsibility, cooperation, adaptability and self-fulfilment in each student within a respectful and stimulating environment.<\/p>\n <\/div>\n <div class=\"value-item\">\n <div class=\"value-number\">04<\/div>\n <h4>Self-confidence<\/h4>\n <p>An environment where every student can develop to the full.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"beige-block\">\n <div class=\"beige-content\">\n <h3>Our commitment<\/h3>\n <p><strong>Training happy AND successful students<\/strong> in an environment where personal development and academic excellence are mutually supportive. Bilingual French-English teaching is adapted to each child's personality and abilities.<\/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\">Students<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">34<\/div>\n <div class=\"stat-label\">Years of experience<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Passing the baccalaur\u00e9at<\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-section\">\n <a href=\"https:\/\/lyceeinternationalmontessori.com\/en\/la-pedagogie-montessori\/\" class=\"cta-button\">\n <span>Discover Montessori teaching methods<\/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\">Educational project<\/span>\n <h2>From <span class=\"title-accent\">kindergarten to baccalaur\u00e9at<\/span><\/h2>\n <p class=\"subtitle\">A complete Montessori education from age 2 to 18 in same school.<\/p>\n <\/div>\n\n <div class=\"sections-grid\">\n \n <a href=\"\/en\/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 years<\/div>\n <h3 class=\"card-title\">Montessori Bilingual Kindergarten<\/h3>\n <p class=\"card-description\">The 5 Montessori areas: practical life, sensory life, mathematics, language and culture. Bilingual French-English immersion.<\/p>\n <div class=\"card-link\">\n Discover\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\/en\/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 years<\/div>\n <h3 class=\"card-title\">Elementary Montessori Bilingual<\/h3>\n <p class=\"card-description\">National education programmes with concrete Montessori material. 4 half-days of English immersion.<\/p>\n <div class=\"card-link\">\n Discover\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=\"\/en\/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 years<\/div>\n <h3 class=\"card-title\">International middle school<\/h3>\n <p class=\"card-description\">Official national education programmes. Preparation for the Dipl\u00f4me National du Brevet with excellent results.<\/p>\n <div class=\"card-link\">\n Discover\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\/en\/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 years<\/div>\n <h3 class=\"card-title\">International high school<\/h3>\n <p class=\"card-description\">Autonomy, self-discipline, respect, enthusiasm for learning and a good command of foreign languages.<\/p>\n <div class=\"card-link\">\n Discover\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>What sets our <span class=\"title-accent\">Montessori school<\/span><\/h2>\n <p class=\"subtitle\">In Bailly, Montessori International Ath\u00e9na has been cultivating a unique educational approach since 1991, which places the child at the heart of learning.<\/p>\n <\/div>\n\n <div class=\"difference-grid\">\n \n <a href=\"https:\/\/lyceeinternationalmontessori.com\/en\/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\">Bilingual French-English<\/h3>\n <p class=\"card-description\">Children learn English in total immersion 4 half-days a week from the first year of Maternelle through to the end of primary school.<\/p>\n <div class=\"card-link\">\n Find out more\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\/en\/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 with nature<\/h3>\n <p class=\"card-description\">Once a week, in nursery and primary schools, the school takes place in nature: forest, countryside, vegetable garden.<\/p>\n <div class=\"card-link\">\n Find out more\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\/en\/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\">Montessori materials<\/h3>\n <p class=\"card-description\">A wide range of teaching materials created by Maria Montessori are used to help children hone their five senses.<\/p>\n <div class=\"card-link\">\n Find out more\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\/en\/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\">Respecting everyone's pace<\/h3>\n <p class=\"card-description\">Every child has his or her own rhythm of development. It is essential to respect this rhythm so that we can always meet the needs of the moment.<\/p>\n <div class=\"card-link\">\n Find out more\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>Because trust is built <span class=\"title-accent\">over time<\/span><\/h2>\n <p class=\"subtitle\">Read the testimonials of parents who have chosen our school to support their child's development and success.<\/p>\n <\/div>\n\n <div class=\"testimonials-grid\">\n \n \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\">Enrolling Alyssa in your Montessori school was one of the best decisions of my life. During her three years at middle school and high school , I saw her blossom, gain self-confidence and develop a joy of learning that brightens up her everyday life. Today, she is doing brilliantly in her final year, with an academic level worthy of the best schools, but above all with deep human values: respect, autonomy and sharing.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-name\">Alyssa's mum<\/div>\n <div class=\"author-role\">Secondary school student - November 2025<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \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\">We particularly appreciated the fact that he was able to regain confidence in his abilities surrounded by caring but demanding people. It wasn't easy for us to choose an independent school. But we quickly became convinced that it was the right choice. Today, we have a son who is happy to have achieved his goal and to see his future as an adventure to be lived rather than a burden.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-name\">Arthur's mum<\/div>\n <div class=\"author-role\">Pupils in their second to final year of secondary school - June 2021<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \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\">Our son started at the Montessori School in Bailly at the age of 2 and a half. Here he is at the age of 18, back at the Athena Montessori International High School in Bailly, well in his head as a young adult, confirmed in his worth and in tune with his attentive teachers. For everyone, schooling should be a pleasant experience that builds both self-confidence and learning. Thank you to the whole team who support the adults of tomorrow.<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-name\">Mother of Wenceslas<\/div>\n <div class=\"author-role\">Students from kindergarten to the baccalaur\u00e9at - June 2021<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"cta-section\">\n <a href=\"\/en\/temoignages\/\" class=\"cta-button\">\n <span>See all testimonials<\/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>News from our <span class=\"title-accent\">Montessori school<\/span><\/h2>\n <p class=\"subtitle\">Discover the life of our school in Bailly through outings, events and moments of sharing.<\/p>\n <\/div>\n\n <div class=\"news-grid\">\n \n \n <a href=\"https:\/\/lyceeinternationalmontessori.com\/en\/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\">October 2025<\/div>\n <\/div>\n <div class=\"card-content\">\n <div class=\"card-category\">School trip<\/div>\n <h3 class=\"card-title\">Travel to Barcelona<\/h3>\n <p class=\"card-excerpt\">Our school trip to Barcelona will live long in the memory. It was a wonderful opportunity for learning, cultural openness and human sharing.<\/p>\n <div class=\"card-link\">\n Read more\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 \n <a href=\"https:\/\/lyceeinternationalmontessori.com\/en\/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\">June 2025<\/div>\n <\/div>\n <div class=\"card-content\">\n <div class=\"card-category\">Certification<\/div>\n <h3 class=\"card-title\">Cambridge exams<\/h3>\n <p class=\"card-excerpt\">At the Lyc\u00e9e International Montessori Ath\u00e9na, we place linguistic excellence and international openness at the heart of our educational project.<\/p>\n <div class=\"card-link\">\n Read more\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 \n <a href=\"https:\/\/lyceeinternationalmontessori.com\/en\/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\">May 2025<\/div>\n <\/div>\n <div class=\"card-content\">\n <div class=\"card-category\">Field trip<\/div>\n <h3 class=\"card-title\">A beautiful day in London<\/h3>\n <p class=\"card-excerpt\">Around fifty of our secondary school pupils took part in a wonderful day out in London. This English-speaking trip was full of discoveries.<\/p>\n <div class=\"card-link\">\n Read more\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=\"\/en\/actualites\/\" class=\"cta-button\">\n <span>All the news<\/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\">Join our Montessori school in Bailly<\/h2>\n \n <p class=\"cta-subtitle\">Contact us to find out more about our teaching methods and to meet our team.<\/p>\n\n <div class=\"cta-buttons\">\n \n <a href=\"\/en\/contact\/\" class=\"cta-button primary\">\n <span>Contact us<\/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 Do you have any questions? Consult our <a href=\"\/en\/faq\/\">FAQ<\/a>\n <\/p>\n\n <\/div>\n\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","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 – Style PLC La p\u00e9dagogie Montessori de la maternelle au baccalaur\u00e9at Une approche \u00e9ducative authentique qui place l’enfant au c\u0153ur de ses apprentissages depuis 1991. Une \u00e9cole pionni\u00e8re depuis […]<\/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":{"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":245,"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1985,"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/1985"}],"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}]}}