{"id":28,"date":"2026-01-05T16:45:24","date_gmt":"2026-01-05T16:45:24","guid":{"rendered":"https:\/\/lyceeinternationalmontessori.com\/?page_id=28"},"modified":"2026-03-14T12:02:28","modified_gmt":"2026-03-14T12:02:28","slug":"college-montessori-international","status":"publish","type":"page","link":"https:\/\/lyceeinternationalmontessori.com\/en\/college-montessori-international\/","title":{"rendered":"International Montessori College"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c551b2e e-con-full e-flex e-con e-parent\" data-id=\"c551b2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05e47e7 elementor-widget elementor-widget-html\" data-id=\"05e47e7\" 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>Hero - Coll\u00e8ge Montessori Bilingue<\/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: 50;\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        \/* Hero Section *\/\n        .hero-section {\n            padding: 80px 0;\n            position: relative;\n            \/* Nuance : D\u00e9grad\u00e9 vert sauge tr\u00e8s l\u00e9ger pour le coll\u00e8ge *\/\n            background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 30%, rgba(139, 157, 131, 0.08) 70%, rgba(139, 157, 131, 0.15) 100%);\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        \/* Hero Grid *\/\n        .hero-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }\n\n        \/* Content Column *\/\n        .hero-content {\n            opacity: 0;\n            animation: fadeInLeft 0.8s ease forwards;\n        }\n\n        @keyframes fadeInLeft {\n            from {\n                opacity: 0;\n                transform: translateX(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        \/* Badge *\/\n        .hero-badge {\n            display: inline-block;\n            padding: 6px 16px;\n            \/* Vert plus profond pour marquer la maturit\u00e9 du coll\u00e8ge *\/\n            background: linear-gradient(135deg, #5A6E53 0%, #8B9D83 100%);\n            color: #FFFFFF;\n            font-size: 0.8125rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            border-radius: 8px;\n            margin-bottom: 24px;\n        }\n\n        \/* Title *\/\n        .hero-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        .title-accent {\n            \/* Vert Montessori au lieu du bleu *\/\n            color: #8B9D83; \n        }\n\n        \/* Subtitle *\/\n        .hero-subtitle {\n            font-size: 1.125rem;\n            color: #2C2C2C;\n            font-weight: 400;\n            line-height: 1.7;\n            margin-bottom: 40px;\n        }\n\n        \/* Key Points *\/\n        .key-points {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .key-point {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .key-point-icon {\n            flex-shrink: 0;\n            width: 28px;\n            height: 28px;\n            background: linear-gradient(135deg, #8B9D83 0%, #7A8C75 100%);\n            border-radius: 6px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .key-point-icon svg {\n            width: 16px;\n            height: 16px;\n            stroke: #FFFFFF;\n        }\n\n        .key-point-text {\n            font-size: 1rem;\n            color: #2C2C2C;\n            font-weight: 500;\n        }\n\n        \/* Image Column *\/\n        .hero-image {\n            position: relative;\n            opacity: 0;\n            animation: fadeInRight 0.8s ease 0.2s forwards;\n        }\n\n        @keyframes fadeInRight {\n            from {\n                opacity: 0;\n                transform: translateX(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        .hero-image img {\n            width: 100%;\n            height: 600px;\n            object-fit: cover;\n            border-radius: 8px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .hero-grid {\n                grid-template-columns: 1fr;\n                gap: 60px;\n            }\n\n            .hero-image img {\n                height: 400px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .hero-section {\n                padding: 80px 0;\n            }\n\n            .hero-title {\n                font-size: 2rem;\n            }\n\n            .hero-subtitle {\n                font-size: 1rem;\n            }\n\n            .hero-grid {\n                gap: 40px;\n            }\n\n            .hero-image img {\n                height: 300px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"hero-section\">\n        <div class=\"container\">\n\n            <div class=\"hero-grid\">\n\n                <!-- Content Column -->\n                <div class=\"hero-content\">\n                    \n                    <div class=\"hero-badge\">11-15 ans<\/div>\n                    \n                    <h1 class=\"hero-title\">Coll\u00e8ge <span class=\"title-accent\">Montessori bilingue<\/span> \u00e0 Bailly<\/h1>\n                    \n                    <p class=\"hero-subtitle\">Notre coll\u00e8ge alternatif pr\u00e9pare les \u00e9l\u00e8ves au Dipl\u00f4me National du Brevet avec d'excellents r\u00e9sultats. L'\u00e9panouissement des enfants et l'accompagnement bienveillant dans leurs apprentissages tout en leur offrant un tr\u00e8s bon niveau scolaire.<\/p>\n\n                    <div class=\"key-points\">\n                        <div class=\"key-point\">\n                            <div class=\"key-point-icon\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"key-point-text\">Pr\u00e9paration au Dipl\u00f4me National du Brevet<\/div>\n                        <\/div>\n                        \n                        <div class=\"key-point\">\n                            <div class=\"key-point-icon\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"key-point-text\">Enseignement bilingue fran\u00e7ais-anglais<\/div>\n                        <\/div>\n                        \n                        <div class=\"key-point\">\n                            <div class=\"key-point-icon\">\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"key-point-text\">Plans de travail individuels<\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <!-- Image Column -->\n                <div class=\"hero-image\">\n                    <img decoding=\"async\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/02\/12.webp\" alt=\"Classe Coll\u00e9giens Montessori\" title=\"\">\n                <\/div>\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-7fe11b1 elementor-widget elementor-widget-html\" data-id=\"7fe11b1\" 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 1 - Programme Acad\u00e9mique - Coll\u00e8ge<\/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\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody {\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.academique-section {\n    padding: 100px 0;\n    position: relative;\n    background: #FFFFFF;\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: 900px;\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(2rem, 4vw, 3rem);\n    font-weight: 700;\n    color: #2C2C2C;\n    margin-bottom: 20px;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n}\n\n.title-accent {\n    display: inline-block;\n    color: #7ACAFF;\n    position: relative;\n}\n\n.subtitle {\n    font-size: 1.125rem;\n    color: #2C2C2C;\n    font-weight: 400;\n    line-height: 1.6;\n}\n\n\/* Cards Grid *\/\n.program-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 32px;\n    margin-bottom: 60px;\n}\n\n.program-card {\n    background: #FFFFFF;\n    padding: 40px;\n    border-radius: 8px;\n    border: 1px solid #E8E8E8;\n    transition: all 0.3s ease;\n    opacity: 0;\n    animation: fadeIn 0.6s ease forwards;\n    position: relative;\n    overflow: hidden;\n}\n\n.program-card:nth-child(1) { animation-delay: 0.1s; }\n.program-card:nth-child(2) { animation-delay: 0.2s; }\n.program-card:nth-child(3) { animation-delay: 0.3s; }\n.program-card:nth-child(4) { animation-delay: 0.4s; }\n\n@keyframes fadeIn {\n    to { opacity: 1; }\n}\n\n\/* Top Bar *\/\n.program-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 0;\n    transition: height 0.3s ease;\n}\n\n.program-card:hover::before {\n    height: 4px;\n}\n\n\/* Alternating colors *\/\n.program-card:nth-child(1)::before { background: linear-gradient(90deg, #7ACAFF 0%, #6BB8E8 100%); }\n.program-card:nth-child(2)::before { background: linear-gradient(90deg, #8B9D83 0%, #7A8C75 100%); }\n.program-card:nth-child(3)::before { background: linear-gradient(90deg, #D9C7A8 0%, #CDB896 100%); }\n.program-card:nth-child(4)::before { background: linear-gradient(90deg, #7ACAFF 0%, #6BB8E8 100%); }\n\n.program-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n}\n\n\/* Icon *\/\n.program-icon {\n    width: 60px;\n    height: 60px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 24px;\n}\n\n.program-card:nth-child(1) .program-icon { background: linear-gradient(135deg, #7ACAFF 0%, #6BB8E8 100%); }\n.program-card:nth-child(2) .program-icon { background: linear-gradient(135deg, #8B9D83 0%, #7A8C75 100%); }\n.program-card:nth-child(3) .program-icon { background: linear-gradient(135deg, #D9C7A8 0%, #CDB896 100%); }\n.program-card:nth-child(4) .program-icon { background: linear-gradient(135deg, #7ACAFF 0%, #6BB8E8 100%); }\n\n.program-icon svg {\n    width: 32px;\n    height: 32px;\n}\n\n\/* Icon strokes *\/\n.program-card:nth-child(1) .program-icon svg,\n.program-card:nth-child(2) .program-icon svg,\n.program-card:nth-child(4) .program-icon svg {\n    stroke: #FFFFFF;\n}\n\n.program-card:nth-child(3) .program-icon svg {\n    stroke: #2C2C2C;\n}\n\n\/* Content *\/\n.program-title {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #2C2C2C;\n    margin-bottom: 16px;\n}\n\n.program-description {\n    font-size: 1rem;\n    color: #2C2C2C;\n    line-height: 1.7;\n}\n\n\/* Values Grid *\/\n.values-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-top: 80px;\n    opacity: 0;\n    animation: fadeIn 0.8s ease 0.9s forwards;\n}\n\n.value-card {\n    background: #FFFFFF;\n    padding: 32px 20px;\n    border-radius: 8px;\n    text-align: center;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    border: 2px solid transparent;\n}\n\n\/* Alternating colors - Top border POUR 9 CARDS *\/\n.value-card:nth-child(1) { border-top: 4px solid #7ACAFF; }\n.value-card:nth-child(2) { border-top: 4px solid #8B9D83; }\n.value-card:nth-child(3) { border-top: 4px solid #D9C7A8; }\n.value-card:nth-child(4) { border-top: 4px solid #7ACAFF; }\n.value-card:nth-child(5) { border-top: 4px solid #8B9D83; }\n.value-card:nth-child(6) { border-top: 4px solid #D9C7A8; }\n.value-card:nth-child(7) { border-top: 4px solid #7ACAFF; }\n.value-card:nth-child(8) { border-top: 4px solid #8B9D83; }\n.value-card:nth-child(9) { border-top: 4px solid #D9C7A8; }\n\n.value-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);\n}\n\n\/* Hover background colors POUR 9 CARDS *\/\n.value-card:nth-child(1):hover { background: rgba(122, 202, 255, 0.05); }\n.value-card:nth-child(2):hover { background: rgba(139, 157, 131, 0.05); }\n.value-card:nth-child(3):hover { background: rgba(217, 199, 168, 0.05); }\n.value-card:nth-child(4):hover { background: rgba(122, 202, 255, 0.05); }\n.value-card:nth-child(5):hover { background: rgba(139, 157, 131, 0.05); }\n.value-card:nth-child(6):hover { background: rgba(217, 199, 168, 0.05); }\n.value-card:nth-child(7):hover { background: rgba(122, 202, 255, 0.05); }\n.value-card:nth-child(8):hover { background: rgba(139, 157, 131, 0.05); }\n.value-card:nth-child(9):hover { background: rgba(217, 199, 168, 0.05); }\n\n.value-icon {\n    width: 48px;\n    height: 48px;\n    margin: 0 auto 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n}\n\n\/* Icon backgrounds POUR 9 CARDS *\/\n.value-card:nth-child(1) .value-icon { background: rgba(122, 202, 255, 0.15); }\n.value-card:nth-child(2) .value-icon { background: rgba(139, 157, 131, 0.15); }\n.value-card:nth-child(3) .value-icon { background: rgba(217, 199, 168, 0.25); }\n.value-card:nth-child(4) .value-icon { background: rgba(122, 202, 255, 0.15); }\n.value-card:nth-child(5) .value-icon { background: rgba(139, 157, 131, 0.15); }\n.value-card:nth-child(6) .value-icon { background: rgba(217, 199, 168, 0.25); }\n.value-card:nth-child(7) .value-icon { background: rgba(122, 202, 255, 0.15); }\n.value-card:nth-child(8) .value-icon { background: rgba(139, 157, 131, 0.15); }\n.value-card:nth-child(9) .value-icon { background: rgba(217, 199, 168, 0.25); }\n\n.value-icon svg {\n    width: 24px;\n    height: 24px;\n}\n\n\/* Icon strokes POUR 9 CARDS *\/\n.value-card:nth-child(1) .value-icon svg { stroke: #7ACAFF; }\n.value-card:nth-child(2) .value-icon svg { stroke: #8B9D83; }\n.value-card:nth-child(3) .value-icon svg { stroke: #CDB896; }\n.value-card:nth-child(4) .value-icon svg { stroke: #7ACAFF; }\n.value-card:nth-child(5) .value-icon svg { stroke: #8B9D83; }\n.value-card:nth-child(6) .value-icon svg { stroke: #CDB896; }\n.value-card:nth-child(7) .value-icon svg { stroke: #7ACAFF; }\n.value-card:nth-child(8) .value-icon svg { stroke: #8B9D83; }\n.value-card:nth-child(9) .value-icon svg { stroke: #CDB896; }\n\n.value-text {\n    font-size: 0.9375rem;\n    font-weight: 600;\n    color: #2C2C2C;\n    line-height: 1.4;\n}\n\n\/* SECTION : Accompagnement Bienveillant *\/\n.accompagnement-section {\n    margin-top: 60px;\n    margin-bottom: 0;\n    padding: 60px 0;\n    background: linear-gradient(135deg, rgba(139, 157, 131, 0.08) 0%, rgba(217, 199, 168, 0.08) 100%);\n    border-radius: 8px;\n    opacity: 0;\n    animation: fadeIn 0.8s ease 0.6s forwards;\n}\n\n.accompagnement-content {\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.accompagnement-title {\n    font-size: clamp(1.75rem, 3.5vw, 2.5rem);\n    font-weight: 700;\n    color: #2C2C2C;\n    margin-bottom: 32px;\n    line-height: 1.3;\n    position: relative;\n    display: inline-block;\n}\n\n.accompagnement-title::after {\n    content: '';\n    position: absolute;\n    bottom: -12px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 4px;\n    background: linear-gradient(90deg, #8B9D83 0%, #7A8C75 100%);\n    border-radius: 2px;\n}\n\n.accompagnement-text {\n    font-size: 1.0625rem;\n    line-height: 1.8;\n    color: #2C2C2C;\n    text-align: left;\n    margin-bottom: 24px;\n}\n\n.accompagnement-text:last-child {\n    margin-bottom: 0;\n}\n\n\/* Responsive *\/\n@media (max-width: 1200px) {\n    .values-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .program-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }\n    \n    .values-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .academique-section {\n        padding: 60px 0;\n    }\n    \n    .title-wrapper {\n        margin-bottom: 50px;\n    }\n    \n    .title-wrapper h2 {\n        font-size: 1.75rem;\n    }\n    \n    .program-card {\n        padding: 32px 28px;\n    }\n    \n    .values-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n    \n    .value-card {\n        padding: 24px 16px;\n    }\n    \n    .accompagnement-section {\n        margin-top: 60px;\n        padding: 40px 5%;\n    }\n    \n    .accompagnement-title {\n        font-size: 1.5rem;\n        margin-bottom: 24px;\n    }\n    \n    .accompagnement-text {\n        font-size: 1rem;\n    }\n}\n<\/style>\n<\/head>\n\n<body>\n<section class=\"academique-section\">\n    <div class=\"container\">\n        <div class=\"title-wrapper\">\n            <h2>Un programme <span class=\"title-accent\">coll\u00e8ge<\/span> rigoureux et ambitieux<\/h2>\n            <p class=\"subtitle\">Un programme de coll\u00e8ge rigoureux et ambitieux, port\u00e9 par une approche bienveillante qui accompagne chaque \u00e9l\u00e8ve avec exigence, \u00e9coute et respect de son rythme.<\/p>\n        <\/div>\n        \n        <div class=\"program-grid\">\n            <!-- Card 1 : Programmes -->\n            <div class=\"program-card\">\n                <div class=\"program-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-flag\"><path d=\"M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528\"\/><\/svg>\n                <\/div>\n                <h3 class=\"program-title\">Programmes de l'\u00c9ducation Nationale<\/h3>\n                <p class=\"program-description\">Le coll\u00e8ge suit pour la partie fran\u00e7aise les programmes officiels de l'\u00e9ducation nationale avec une aide adapt\u00e9e pour les \u00e9l\u00e8ves ne parlant pas fran\u00e7ais.<\/p>\n            <\/div>\n            \n            <!-- Card 2 : Brevet -->\n            <div class=\"program-card\">\n                <div class=\"program-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"program-title\">Dipl\u00f4me National du Brevet<\/h3>\n                <p class=\"program-description\">Notre coll\u00e8ge alternatif pr\u00e9pare les \u00e9l\u00e8ves au Dipl\u00f4me National du Brevet avec chaque ann\u00e9e d'excellents r\u00e9sultats.<\/p>\n            <\/div>\n            \n            <!-- Card 3 : Cours -->\n            <div class=\"program-card\">\n                <div class=\"program-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                        <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"program-title\">Cours individuels et collectifs<\/h3>\n                <p class=\"program-description\">Les cours sont individuels ou collectifs en fonction des sujets abord\u00e9s, avec des professeurs hautement qualifi\u00e9s.<\/p>\n            <\/div>\n            \n            <!-- Card 4 : Enseignants -->\n            <div class=\"program-card\">\n                <div class=\"program-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-cog\"><path d=\"M11 10.27 7 3.34\"\/><path d=\"m11 13.73-4 6.93\"\/><path d=\"M12 22v-2\"\/><path d=\"M12 2v2\"\/><path d=\"M14 12h8\"\/><path d=\"m17 20.66-1-1.73\"\/><path d=\"m17 3.34-1 1.73\"\/><path d=\"M2 12h2\"\/><path d=\"m20.66 17-1.73-1\"\/><path d=\"m20.66 7-1.73 1\"\/><path d=\"m3.34 17 1.73-1\"\/><path d=\"m3.34 7 1.73 1\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"8\"\/><\/svg>\n                <\/div>\n                <h3 class=\"program-title\">P\u00e9dagogie Montessori<\/h3>\n                <p class=\"program-description\">Notre coll\u00e8ge international a \u00e9t\u00e9 le premier en France \u00e0 appliquer la p\u00e9dagogie Montessori et demeure aujourd'hui l'un des rares \u00e9tablissements \u00e0 la proposer..<\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- SECTION : Accompagnement Bienveillant -->\n        <div class=\"accompagnement-section\">\n            <div class=\"accompagnement-content\">\n                <h3 class=\"accompagnement-title\">Un accompagnement bienveillant au c\u0153ur de l'adolescence<\/h3>\n                \n                <p class=\"accompagnement-text\">Au coll\u00e8ge Montessori International ATHENA, l'accompagnement humain des \u00e9l\u00e8ves est une priorit\u00e9 essentielle. L'adolescence est une p\u00e9riode de profonds changements, marqu\u00e9e par une grande sensibilit\u00e9, des questionnements identitaires et une fragilit\u00e9 \u00e9motionnelle accrue. Conscients de ces enjeux, les adultes qui entourent les \u00e9l\u00e8ves adoptent une posture d'\u00e9coute, de bienveillance et de respect, indispensable \u00e0 leur \u00e9quilibre et \u00e0 leur d\u00e9veloppement.<\/p>\n                \n                <p class=\"accompagnement-text\">Dans ce cadre s\u00e9curisant, chaque \u00e9l\u00e8ve est reconnu dans sa singularit\u00e9, encourag\u00e9 \u00e0 s'exprimer et accompagn\u00e9 avec attention dans ses apprentissages comme dans son \u00e9volution personnelle. Cette relation de confiance permet aux adolescents de gagner en assurance, de d\u00e9velopper leur autonomie et de s'engager sereinement dans leur parcours scolaire, tout en construisant progressivement leur identit\u00e9 et leur sens des responsabilit\u00e9s.<\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- 9 Values Cards -->\n        <div class=\"values-grid\">\n            <!-- Autonomie -->\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                        <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n                        <polyline points=\"17 11 19 13 23 9\"><\/polyline>\n                    <\/svg>\n                <\/div>\n                <p class=\"value-text\">Autonomie<\/p>\n            <\/div>\n            \n            <!-- Confiance en soi -->\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                        <path d=\"M2 17l10 5 10-5\"><\/path>\n                        <path d=\"M2 12l10 5 10-5\"><\/path>\n                    <\/svg>\n                <\/div>\n                <p class=\"value-text\">Confiance en soi<\/p>\n            <\/div>\n            \n            <!-- Enthousiasme -->\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                        <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"><\/path>\n                        <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"><\/line>\n                        <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"><\/line>\n                    <\/svg>\n                <\/div>\n                <p class=\"value-text\">Enthousiasme d'apprendre<\/p>\n            <\/div>\n            \n            <!-- Autodiscipline -->\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                        <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                    <\/svg>\n                <\/div>\n                <p class=\"value-text\">Diff\u00e9renciation et respect du rythme individuel<\/p>\n            <\/div>\n            \n            <!-- Rigueur -->\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                    <\/svg>\n                <\/div>\n                <p class=\"value-text\">Rigueur et bon niveau scolaire<\/p>\n            <\/div>\n            \n            <!-- Pr\u00e9paration au Brevet -->\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                        <path d=\"M2 17l10 5 10-5\"><\/path>\n                        <path d=\"M2 12l10 5 10-5\"><\/path>\n                    <\/svg>\n                <\/div>\n                <p class=\"value-text\">Pr\u00e9paration au Dipl\u00f4me National du Brevet<\/p>\n            <\/div>\n            \n            <!-- Anglais -->\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                        <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                        <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <p class=\"value-text\">Enseignement avec un minimum de 6 heures d'anglais par semaine<\/p>\n            <\/div>\n            \n            <!-- Suivi personnalis\u00e9 -->\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                        <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n                    <\/svg>\n                <\/div>\n                <p class=\"value-text\">Suivi personnalis\u00e9 de chaque \u00e9l\u00e8ve<\/p>\n            <\/div>\n            \n            <!-- Exigence et bienveillance -->\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n                    <\/svg>\n                <\/div>\n                <p class=\"value-text\">Exigence et bienveillance des enseignants<\/p>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f43fc3 e-flex e-con-boxed e-con e-child\" data-id=\"6f43fc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2607ed2 elementor-widget elementor-widget-image\" data-id=\"2607ed2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1500\" height=\"1000\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college2.jpg\" class=\"attachment-full size-full wp-image-563\" alt=\"\" srcset=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college2.jpg 1500w, https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college2-300x200.jpg 300w, https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college2-1024x683.jpg 1024w, https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college2-768x512.jpg 768w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" title=\"\">\t\t\t\t\t\t\t\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-aab471d e-flex e-con-boxed e-con e-child\" data-id=\"aab471d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a59df1c elementor-widget elementor-widget-image\" data-id=\"a59df1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college3-1024x683.jpg\" class=\"attachment-large size-large wp-image-564\" alt=\"\" srcset=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college3-1024x683.jpg 1024w, https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college3-300x200.jpg 300w, https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college3-768x512.jpg 768w, https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college3-1536x1024.jpg 1536w, https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college3.jpg 1800w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb8a4be elementor-widget elementor-widget-image\" data-id=\"cb8a4be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college-1024x683.jpg\" class=\"attachment-large size-large wp-image-562\" alt=\"\" srcset=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college-1024x683.jpg 1024w, https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college-300x200.jpg 300w, https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college-768x512.jpg 768w, https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/01\/Ecole-internationale-Montessori-college.jpg 1500w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\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\t\t<div class=\"elementor-element elementor-element-11afb44 elementor-widget elementor-widget-html\" data-id=\"11afb44\" 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 - Trilinguisme & Cambridge - Coll\u00e8ge<\/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* {\nmargin: 0;\npadding: 0;\nbox-sizing: border-box;\n}\n\nbody {\nfont-family: 'Montserrat', sans-serif;\ncolor: #2C2C2C;\nbackground: #FFFFFF;\nline-height: 1.6;\noverflow-x: hidden;\n}\n\n\/* Section Container *\/\n.bilinguisme-section {\npadding: 100px 0;\nposition: relative;\nbackground: #FAFAFA;\n}\n\n.container {\nmax-width: 1400px;\nmargin: 0 auto;\npadding: 0 5%;\nposition: relative;\nz-index: 2;\n}\n\n\/* Title Section *\/\n.title-wrapper {\nmax-width: 900px;\nmargin: 0 auto 80px auto;\ntext-align: center;\nopacity: 0;\nanimation: fadeInUp 0.8s ease forwards;\n}\n\n@keyframes fadeInUp {\nto {\nopacity: 1;\ntransform: translateY(0);\n}\n}\n\n.title-wrapper h2 {\nfont-size: clamp(2rem, 4vw, 3rem);\nfont-weight: 700;\ncolor: #2C2C2C;\nmargin-bottom: 20px;\nletter-spacing: -0.02em;\nline-height: 1.2;\n}\n\n.title-accent {\ndisplay: inline-block;\ncolor: #8B9D83;\nposition: relative;\n}\n\n.subtitle {\nfont-size: 1.125rem;\ncolor: #2C2C2C;\nfont-weight: 400;\nline-height: 1.6;\n}\n\n\/* 2 Columns Layout - Middle Section *\/\n.two-columns-section {\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 60px;\nalign-items: stretch;\nmargin-bottom: 60px;\n}\n\n\/* Left Column - Intro Text *\/\n.intro-text {\nopacity: 0;\nanimation: fadeInLeft 0.8s ease 0.2s forwards;\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\ngap: 20px;\nbackground: rgba(217, 199, 168, 0.15);\nborder: 2px solid #D9C7A8;\nborder-radius: 8px;\npadding: 40px;\n}\n\n.intro-text p {\nfont-size: 1.0625rem;\ncolor: #2C2C2C;\nline-height: 1.8;\nmargin: 0;\n}\n\n\/* Full Width Content Bottom *\/\n.full-width-bottom {\nopacity: 0;\nanimation: fadeInUp 0.8s ease 0.4s forwards;\ndisplay: flex;\nflex-direction: column;\ngap: 40px;\n}\n\n@keyframes fadeInLeft {\nfrom {\nopacity: 0;\ntransform: translateX(-30px);\n}\nto {\nopacity: 1;\ntransform: translateX(0);\n}\n}\n\n\/* Full Width Content Bottom *\/\n.full-width-bottom {\nopacity: 0;\nanimation: fadeInUp 0.8s ease 0.4s forwards;\ndisplay: flex;\nflex-direction: column;\ngap: 40px;\n}\n\n\/* Language Section Block *\/\n.language-block {\ndisplay: flex;\nflex-direction: column;\ngap: 16px;\n}\n\n.language-block h3 {\nfont-size: 1.75rem;\nfont-weight: 600;\ncolor: #2C2C2C;\nmargin-bottom: 4px;\nline-height: 1.3;\n}\n\n.decorative-line {\nwidth: 80px;\nheight: 4px;\nbackground: linear-gradient(90deg, #7ACAFF 0%, #8B9D83 100%);\nborder-radius: 2px;\nmargin-bottom: 12px;\n}\n\n.language-block p {\nfont-size: 1.0625rem;\ncolor: #2C2C2C;\nline-height: 1.8;\nmargin: 0;\n}\n\n.language-block .info-box + p {\nmargin-top: 16px;\n}\n\n\/* Colored Info Boxes *\/\n.info-box {\npadding: 20px 24px;\nborder-radius: 8px;\nborder-left: 4px solid;\n}\n\n.info-box-beige {\nbackground: rgba(217, 199, 168, 0.15);\nborder-left-color: #D9C7A8;\n}\n\n.info-box-green {\nbackground: rgba(139, 157, 131, 0.12);\nborder-left-color: #8B9D83;\n}\n\n.info-box-blue {\nbackground: rgba(122, 202, 255, 0.08);\nborder-left-color: #7ACAFF;\n}\n\n.info-box p {\nfont-size: 1rem;\ncolor: #2C2C2C;\nline-height: 1.7;\nmargin: 0;\n}\n\n.info-box p + p {\nmargin-top: 12px;\n}\n\n.info-box strong {\nfont-weight: 600;\ncolor: #2C2C2C;\n}\n\n\/* Highlight Box *\/\n.highlight-box {\nbackground: rgba(122, 202, 255, 0.08);\npadding: 24px 28px;\nborder-radius: 8px;\nborder-left: 4px solid #7ACAFF;\nmargin-top: auto;\n}\n\n.highlight-box p {\nfont-size: 1rem;\ncolor: #2C2C2C;\nfont-weight: 500;\nmargin: 0;\n}\n\n\/* Right Column - Cambridge Box *\/\n.cambridge-box {\nbackground: linear-gradient(135deg, #8B9D83 0%, #7A8C75 100%);\nborder-radius: 8px;\npadding: 0;\nposition: relative;\noverflow: hidden;\nmin-height: auto;\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\nopacity: 0;\nanimation: fadeInRight 0.8s ease 0.4s forwards;\n}\n\n@keyframes fadeInRight {\nfrom {\nopacity: 0;\ntransform: translateX(30px);\n}\nto {\nopacity: 1;\ntransform: translateX(0);\n}\n}\n\n\/* Background Image Overlay *\/\n.cambridge-box::before {\ncontent: '';\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\nbackground-image: url('https:\/\/i0.wp.com\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2021\/03\/Les-examens-de-Cambridge.jpg');\nbackground-size: cover;\nbackground-position: center;\nopacity: 0.15;\nz-index: 1;\n}\n\n.cambridge-content {\nposition: relative;\nz-index: 2;\npadding: 40px;\ncolor: #FFFFFF;\n}\n\n.cambridge-icon {\nwidth: 56px;\nheight: 56px;\nbackground: rgba(255, 255, 255, 0.2);\nborder-radius: 8px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nmargin-bottom: 24px;\n}\n\n.cambridge-icon svg {\nwidth: 28px;\nheight: 28px;\nstroke: #FFFFFF;\n}\n\n.cambridge-content h3 {\nfont-size: 1.75rem;\nfont-weight: 700;\ncolor: #FFFFFF;\nmargin-bottom: 16px;\nline-height: 1.3;\n}\n\n.cambridge-content p {\nfont-size: 1.0625rem;\ncolor: #FFFFFF;\nline-height: 1.7;\nfont-weight: 500;\nmargin-bottom: 24px;\n}\n\n\/* Cambridge Levels *\/\n.cambridge-levels {\ndisplay: flex;\nflex-direction: column;\ngap: 12px;\n}\n\n.cambridge-level {\ndisplay: flex;\nalign-items: center;\ngap: 12px;\npadding: 12px 16px;\nbackground: rgba(255, 255, 255, 0.15);\nborder-radius: 6px;\nbackdrop-filter: blur(10px);\n}\n\n.level-badge {\nbackground: #FFFFFF;\ncolor: #8B9D83;\nfont-weight: 700;\nfont-size: 0.8125rem;\npadding: 4px 10px;\nborder-radius: 4px;\nmin-width: 40px;\ntext-align: center;\n}\n\n.level-name {\nfont-size: 0.9375rem;\nfont-weight: 600;\ncolor: #FFFFFF;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n.two-columns-section {\ngrid-template-columns: 1fr;\ngap: 40px;\nmargin-bottom: 40px;\n}\n\n.full-width-bottom {\ngap: 32px;\n}\n}\n\n@media (max-width: 768px) {\n.bilinguisme-section {\npadding: 60px 0;\n}\n\n.title-wrapper {\nmargin-bottom: 50px;\n}\n\n.title-wrapper h2 {\nfont-size: 1.75rem;\n}\n\n.language-block h3 {\nfont-size: 1.5rem;\n}\n\n.cambridge-content {\npadding: 36px 28px;\n}\n\n.cambridge-content h3 {\nfont-size: 1.5rem;\n}\n\n.info-box {\npadding: 16px 20px;\n}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"bilinguisme-section\">\n<div class=\"container\">\n\n<div class=\"title-wrapper\">\n<h2>Un <span class=\"title-accent\">coll\u00e8ge trilingue<\/span> pour ma\u00eetriser l'anglais et l'espagnol<\/h2>\n<p class=\"subtitle\">L'enseignement trilingue se poursuit au coll\u00e8ge avec un anglais renforc\u00e9 et l'apprentissage de l'espagnol d\u00e8s la 6<sup>\u00e8me<\/sup>.<\/p>\n<\/div>\n\n<!-- 2 COLUMNS SECTION: Intro Text + Cambridge Box -->\n<div class=\"two-columns-section\">\n\n<!-- Left Column: Intro Text -->\n<div class=\"intro-text\">\n<p>Chaque semaine, dans toutes les classes de coll\u00e8ge, les \u00e9l\u00e8ves b\u00e9n\u00e9ficient de <strong>6 heures d'enseignement d'anglais par semaine en immersion<\/strong>.<\/p>\n\n<p>L'anglais est enseign\u00e9 dans des classes \u00e0 tr\u00e8s faibles effectifs afin de permettre \u00e0 chacun de bien comprendre et de s'exprimer.<\/p>\n\n<p>Dans un monde toujours plus ouvert, ma\u00eetriser une ou plusieurs langues \u00e9trang\u00e8res permet notamment d'acc\u00e9der aux meilleures universit\u00e9s internationales, et, par la suite, d'\u00eatre libre de trouver un emploi \u00e0 l'\u00e9tranger.<\/p>\n\n<p>Nos \u00e9l\u00e8ves se distinguent, chaque ann\u00e9e, par d'excellents r\u00e9sultats aux <strong>examens de Cambridge<\/strong>.<\/p>\n<\/div>\n\n<!-- Right Column: Cambridge Box -->\n<div class=\"cambridge-box\">\n<div class=\"cambridge-content\">\n\n<div class=\"cambridge-icon\">\n<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n<circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n<path d=\"M12 16v-4\"><\/path>\n<path d=\"M12 8h.01\"><\/path>\n<\/svg>\n<\/div>\n\n<h3>Examens de Cambridge<\/h3>\n\n<p>Nous pr\u00e9parons les coll\u00e9giens aux examens d'anglais de Cambridge. En tant que centre d'examen, nos cours sont align\u00e9s avec le niveau du Cadre europ\u00e9en commun de r\u00e9f\u00e9rence pour les langues (CECRL).<\/p>\n\n<div class=\"cambridge-levels\">\n<div class=\"cambridge-level\">\n<span class=\"level-badge\">A2<\/span>\n<span class=\"level-name\">KET - Cambridge English Key<\/span>\n<\/div>\n\n<div class=\"cambridge-level\">\n<span class=\"level-badge\">B1<\/span>\n<span class=\"level-name\">PET - Cambridge English Preliminary<\/span>\n<\/div>\n\n<div class=\"cambridge-level\">\n<span class=\"level-badge\">B2<\/span>\n<span class=\"level-name\">FCE - Cambridge English First<\/span>\n<\/div>\n\n<div class=\"cambridge-level\">\n<span class=\"level-badge\">C1<\/span>\n<span class=\"level-name\">CAE - Cambridge English Advanced<\/span>\n<\/div>\n<\/div>\n\n<\/div>\n<\/div>\n\n<\/div>\n\n<!-- FULL WIDTH BOTTOM: Language Sections -->\n<div class=\"full-width-bottom\">\n\n<!-- Section Anglais -->\n<div class=\"language-block\">\n<h3>Anglais renforc\u00e9<\/h3>\n<div class=\"decorative-line\"><\/div>\n\n<div class=\"info-box info-box-beige\">\n<p>L'enseignement de l'anglais est compl\u00e8tement individualis\u00e9 permettant \u00e0 chacun d'apprendre en fonction de son niveau et de son rythme :<\/p>\n<p><strong>Pour ceux qui sont natifs et\/ou bilingues<\/strong>, le programme est adapt\u00e9, leur permettant de pr\u00e9senter les examens adapt\u00e9s \u00e0 leurs souhaits.<\/p>\n<p><strong>Pour les Fran\u00e7ais, ayant un niveau moyen<\/strong>, le programme est \u00e9galement adapt\u00e9 dans le but de les rendre le plus bilingue possible.<\/p>\n<\/div>\n\n<p>L'objectif est d'amener chaque \u00e9l\u00e8ve \u00e0 atteindre une ma\u00eetrise approfondie de la langue, nettement sup\u00e9rieure \u00e0 celle g\u00e9n\u00e9ralement acquise dans un parcours classique. Ce renforcement linguistique s'inscrit pleinement dans les apprentissages fondamentaux et permet aux \u00e9l\u00e8ves de se pr\u00e9parer efficacement au Dipl\u00f4me National du Brevet (DNB), tout en d\u00e9veloppant des comp\u00e9tences solides en expression, en pens\u00e9e critique et en communication interculturelle.<\/p>\n\n<div class=\"info-box info-box-green\">\n<p>Le DNB fait l'objet d'une pr\u00e9paration rigoureuse et progressive, conduisant chaque ann\u00e9e \u00e0 d'excellents r\u00e9sultats.<\/p>\n<\/div>\n<\/div>\n\n<!-- Section Espagnol -->\n<div class=\"language-block\">\n<h3>Enseignement de l'espagnol<\/h3>\n<div class=\"decorative-line\"><\/div>\n\n<p>D\u00e8s la 6<sup>\u00e8me<\/sup>, en plus de l'anglais renforc\u00e9, nous int\u00e9grons l'enseignement d'une seconde langue \u00e9trang\u00e8re, l'espagnol.<\/p>\n\n<p>L'espagnol est \u00e9galement enseign\u00e9 dans des classes \u00e0 petits effectifs et lorsque les \u00e9l\u00e8ves sont pr\u00eats, ils peuvent pr\u00e9senter les examens de Cervant\u00e8s.<\/p>\n\n<div class=\"info-box info-box-blue\">\n<p>Le niveau de nos \u00e9l\u00e8ves en espagnol est excellent atteignant souvent la note maximale aux \u00e9preuves du baccalaur\u00e9at.<\/p>\n<\/div>\n<\/div>\n\n<!-- Highlight Box -->\n<div class=\"highlight-box\">\n<p>Notre coll\u00e8ge bilingue compte de nombreux \u00e9l\u00e8ves bilingues (\u00e9trangers ou expatri\u00e9s), cr\u00e9ant un environnement authentique de pratique des langues au quotidien.<\/p>\n<\/div>\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-43045dc elementor-widget elementor-widget-html\" data-id=\"43045dc\" 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 4 - Accompagnement Adolescent - Coll\u00e8ge<\/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        .accompagnement-section {\n            padding: 100px 0;\n            position: relative;\n            background: #FAFAFA;\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: 900px;\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(2rem, 4vw, 3rem);\n            font-weight: 700;\n            color: #2C2C2C;\n            margin-bottom: 20px;\n            letter-spacing: -0.02em;\n            line-height: 1.2;\n        }\n\n        .title-accent {\n            display: inline-block;\n            color: #8B9D83;\n            position: relative;\n        }\n\n        .subtitle {\n            font-size: 1.125rem;\n            color: #2C2C2C;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Grid 2x2 *\/\n        .accompagnement-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 40px;\n        }\n\n        \/* Feature Box *\/\n        .feature-box {\n            background: #FFFFFF;\n            border-radius: 8px;\n            padding: 48px 40px;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            border: 1px solid #E8E8E8;\n            opacity: 0;\n            animation: fadeIn 0.6s ease forwards;\n        }\n\n        .feature-box:nth-child(1) { animation-delay: 0.1s; }\n        .feature-box:nth-child(2) { animation-delay: 0.2s; }\n        .feature-box:nth-child(3) { animation-delay: 0.3s; }\n        .feature-box:nth-child(4) { animation-delay: 0.4s; }\n\n        @keyframes fadeIn {\n            to { opacity: 1; }\n        }\n\n        .feature-box:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Top Bar - Alternating colors *\/\n        .feature-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 0;\n            transition: height 0.3s ease;\n        }\n\n        .feature-box:hover::before {\n            height: 4px;\n        }\n\n        .feature-box:nth-child(1)::before { background: linear-gradient(90deg, #7ACAFF 0%, #6BB8E8 100%); }\n        .feature-box:nth-child(2)::before { background: linear-gradient(90deg, #8B9D83 0%, #7A8C75 100%); }\n        .feature-box:nth-child(3)::before { background: linear-gradient(90deg, #D9C7A8 0%, #CDB896 100%); }\n        .feature-box:nth-child(4)::before { background: linear-gradient(90deg, #7ACAFF 0%, #6BB8E8 100%); }\n\n        \/* Icon *\/\n        .feature-icon-wrapper {\n            width: 64px;\n            height: 64px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 24px;\n            transition: transform 0.3s ease;\n        }\n\n        \/* Icon backgrounds *\/\n        .feature-box:nth-child(1) .feature-icon-wrapper { background: rgba(122, 202, 255, 0.15); }\n        .feature-box:nth-child(2) .feature-icon-wrapper { background: rgba(139, 157, 131, 0.15); }\n        .feature-box:nth-child(3) .feature-icon-wrapper { background: rgba(217, 199, 168, 0.25); }\n        .feature-box:nth-child(4) .feature-icon-wrapper { background: rgba(122, 202, 255, 0.15); }\n\n        .feature-box:hover .feature-icon-wrapper {\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .feature-icon-wrapper svg {\n            width: 32px;\n            height: 32px;\n        }\n\n        \/* Icon strokes *\/\n        .feature-box:nth-child(1) svg { stroke: #7ACAFF; }\n        .feature-box:nth-child(2) svg { stroke: #8B9D83; }\n        .feature-box:nth-child(3) svg { stroke: #CDB896; }\n        .feature-box:nth-child(4) svg { stroke: #7ACAFF; }\n\n        \/* Content *\/\n        .feature-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #2C2C2C;\n            margin-bottom: 16px;\n        }\n\n        .feature-text {\n            font-size: 1rem;\n            color: #2C2C2C;\n            line-height: 1.7;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 900px) {\n            .accompagnement-grid {\n                grid-template-columns: 1fr;\n                gap: 24px;\n            }\n\n            .feature-box {\n                padding: 36px 32px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .accompagnement-section {\n                padding: 60px 0;\n            }\n\n            .title-wrapper {\n                margin-bottom: 50px;\n            }\n\n            .title-wrapper h2 {\n                font-size: 1.75rem;\n            }\n\n            .feature-box {\n                padding: 32px 28px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"accompagnement-section\">\n        <div class=\"container\">\n\n            <div class=\"title-wrapper\">\n                <h2>Un accompagnement <span class=\"title-accent\">au coll\u00e8ge Montessori<\/span> centr\u00e9 sur l'adolescent<\/h2>\n                <p class=\"subtitle\">Au-del\u00e0 des bons r\u00e9sultats scolaires, nous accompagnons chaque coll\u00e9gien dans son d\u00e9veloppement personnel et social.<\/p>\n            <\/div>\n\n            <div class=\"accompagnement-grid\">\n\n                <!-- Box 1: Relations \u00e9cole-famille -->\n                <div class=\"feature-box\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Relations \u00e9cole-famille<\/h3>\n                    <p class=\"feature-text\">La relation avec les familles est essentielle pour nous : les parents sont inform\u00e9s tr\u00e8s r\u00e9guli\u00e8rement, et ils sont invit\u00e9s \u00e0 assister \u00e0 de nombreux \u00e9v\u00e8nements au sein du coll\u00e8ge.<\/p>\n                <\/div>\n\n                <!-- Box 2: Soft skills -->\n                <div class=\"feature-box\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"><\/path>\n                            <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"><\/line>\n                            <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"><\/line>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">D\u00e9veloppement des soft skills<\/h3>\n                    <p class=\"feature-text\">Nous attachons une importance au d\u00e9veloppement des soft skills chez nos \u00e9l\u00e8ves : la confiance en soi, la tol\u00e9rance, la gestion des \u00e9checs et le plaisir d'apprendre.<\/p>\n                <\/div>\n\n                <!-- Box 3: Effectifs r\u00e9duits -->\n                <div class=\"feature-box\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n                            <polyline points=\"17 11 19 13 23 9\"><\/polyline>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Classes \u00e0 effectifs r\u00e9duits<\/h3>\n                    <p class=\"feature-text\">Entre 10 et 15 \u00e9l\u00e8ves par classe permettent un suivi personnalis\u00e9 et un accompagnement bienveillant de chaque adolescent dans ses apprentissages.<\/p>\n                <\/div>\n\n                <!-- Box 4: Voyages & Sorties -->\n                <div class=\"feature-box\">\n                    <div class=\"feature-icon-wrapper\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n                            <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Voyages scolaires et sorties p\u00e9dagogiques<\/h3>\n                    <p class=\"feature-text\">Des voyages culturels et sorties p\u00e9dagogiques r\u00e9guli\u00e8res pour ouvrir l'esprit des coll\u00e9giens et donner du sens aux apprentissages.<\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31f7359 e-con-full e-flex e-con e-child\" data-id=\"31f7359\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e107fa elementor-widget elementor-widget-image\" data-id=\"6e107fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2250\" height=\"1500\" src=\"https:\/\/lyceeinternationalmontessori.com\/wp-content\/uploads\/2026\/02\/Montessori-International-Athena-Collegienne-e1771607083388.jpg\" class=\"attachment-full size-full wp-image-1781\" alt=\"\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bf8305 elementor-widget elementor-widget-html\" data-id=\"1bf8305\" 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 - \u00c9quipe & Relations - Coll\u00e8ge<\/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    \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        .equipe-section {\n            padding: 100px 0;\n            position: relative;\n            background: #FFFFFF;\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: 900px;\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(2rem, 4vw, 3rem);\n            font-weight: 700;\n            color: #2C2C2C;\n            margin-bottom: 20px;\n            letter-spacing: -0.02em;\n            line-height: 1.2;\n        }\n\n        .title-accent {\n            display: inline-block;\n            color: #8B9D83;\n            position: relative;\n        }\n\n        .subtitle {\n            font-size: 1.125rem;\n            color: #2C2C2C;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n\n        \/* Main Content Box - \u00c9quipe P\u00e9dagogique *\/\n        .equipe-highlight {\n            background: linear-gradient(135deg, #D9C7A8 0%, #CDB896 100%);\n            border-radius: 8px;\n            padding: 0;\n            position: relative;\n            overflow: hidden;\n            margin-bottom: 60px;\n            opacity: 0;\n            animation: fadeIn 0.8s ease 0.2s forwards;\n        }\n\n        @keyframes fadeIn {\n            to { opacity: 1; }\n        }\n\n        .equipe-content {\n            position: relative;\n            z-index: 2;\n            padding: 60px;\n        }\n\n        .equipe-icon {\n            width: 64px;\n            height: 64px;\n            background: rgba(255, 255, 255, 0.25);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 28px;\n        }\n\n        .equipe-icon svg {\n            width: 32px;\n            height: 32px;\n            stroke: #2C2C2C;\n        }\n\n        .equipe-content h3 {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #2C2C2C;\n            margin-bottom: 24px;\n            line-height: 1.3;\n        }\n\n        .equipe-content p {\n            font-size: 1.0625rem;\n            color: #2C2C2C;\n            line-height: 1.8;\n            margin-bottom: 20px;\n            font-weight: 500;\n        }\n\n        .equipe-content p:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Two Columns Layout *\/\n        .relation-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            margin-bottom: 60px;\n        }\n\n        .relation-card {\n            background: #FAFAFA;\n            padding: 44px;\n            border-radius: 8px;\n            position: relative;\n            overflow: hidden;\n            border: 1px solid #E8E8E8;\n            opacity: 0;\n            animation: fadeInScale 0.8s ease forwards;\n        }\n\n        .relation-card:nth-child(1) { animation-delay: 0.3s; }\n        .relation-card:nth-child(2) { animation-delay: 0.4s; }\n\n        @keyframes fadeInScale {\n            from {\n                opacity: 0;\n                transform: scale(0.95);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        \/* Top colored bar *\/\n        .relation-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n        }\n\n        .relation-card:nth-child(1)::before {\n            background: linear-gradient(90deg, #7ACAFF 0%, #6BB8E8 100%);\n        }\n\n        .relation-card:nth-child(2)::before {\n            background: linear-gradient(90deg, #8B9D83 0%, #7A8C75 100%);\n        }\n\n        .relation-icon {\n            width: 56px;\n            height: 56px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 24px;\n        }\n\n        .relation-card:nth-child(1) .relation-icon {\n            background: linear-gradient(135deg, #7ACAFF 0%, #6BB8E8 100%);\n        }\n\n        .relation-card:nth-child(2) .relation-icon {\n            background: linear-gradient(135deg, #8B9D83 0%, #7A8C75 100%);\n        }\n\n        .relation-icon svg {\n            width: 28px;\n            height: 28px;\n            stroke: #FFFFFF;\n        }\n\n        .relation-card h3 {\n            font-size: 1.625rem;\n            font-weight: 600;\n            color: #2C2C2C;\n            margin-bottom: 20px;\n            line-height: 1.3;\n        }\n\n        .relation-card p {\n            font-size: 1rem;\n            color: #2C2C2C;\n            line-height: 1.8;\n        }\n\n        \/* Objectifs Section *\/\n        .objectifs-wrapper {\n            background: #FAFAFA;\n            padding: 60px;\n            border-radius: 8px;\n            opacity: 0;\n            animation: fadeIn 0.8s ease 0.5s forwards;\n        }\n\n        .objectifs-wrapper h3 {\n            font-size: 1.875rem;\n            font-weight: 700;\n            color: #2C2C2C;\n            margin-bottom: 40px;\n            text-align: center;\n        }\n\n        .objectifs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 24px;\n        }\n\n        .objectif-item {\n            background: #FFFFFF;\n            padding: 28px 32px;\n            border-radius: 8px;\n            border-left: 4px solid transparent;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n\n        .objectif-item:nth-child(1) { border-left-color: #7ACAFF; }\n        .objectif-item:nth-child(2) { border-left-color: #8B9D83; }\n        .objectif-item:nth-child(3) { border-left-color: #D9C7A8; }\n        .objectif-item:nth-child(4) { border-left-color: #7ACAFF; }\n        .objectif-item:nth-child(5) { border-left-color: #8B9D83; }\n        .objectif-item:nth-child(6) { border-left-color: #D9C7A8; }\n\n        .objectif-item:hover {\n            transform: translateX(8px);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        }\n\n        .objectif-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 6px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .objectif-item:nth-child(1) .objectif-icon {\n            background: rgba(122, 202, 255, 0.15);\n        }\n\n        .objectif-item:nth-child(2) .objectif-icon {\n            background: rgba(139, 157, 131, 0.15);\n        }\n\n        .objectif-item:nth-child(3) .objectif-icon {\n            background: rgba(217, 199, 168, 0.25);\n        }\n\n        .objectif-item:nth-child(4) .objectif-icon {\n            background: rgba(122, 202, 255, 0.15);\n        }\n\n        .objectif-item:nth-child(5) .objectif-icon {\n            background: rgba(139, 157, 131, 0.15);\n        }\n\n        .objectif-item:nth-child(6) .objectif-icon {\n            background: rgba(217, 199, 168, 0.25);\n        }\n\n        .objectif-icon svg {\n            width: 20px;\n            height: 20px;\n        }\n\n        .objectif-item:nth-child(1) .objectif-icon svg { stroke: #7ACAFF; }\n        .objectif-item:nth-child(2) .objectif-icon svg { stroke: #8B9D83; }\n        .objectif-item:nth-child(3) .objectif-icon svg { stroke: #CDB896; }\n        .objectif-item:nth-child(4) .objectif-icon svg { stroke: #7ACAFF; }\n        .objectif-item:nth-child(5) .objectif-icon svg { stroke: #8B9D83; }\n        .objectif-item:nth-child(6) .objectif-icon svg { stroke: #CDB896; }\n\n        .objectif-text {\n            font-size: 0.9375rem;\n            font-weight: 600;\n            color: #2C2C2C;\n            line-height: 1.5;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .relation-grid {\n                grid-template-columns: 1fr;\n                gap: 32px;\n            }\n\n            .objectifs-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .equipe-section {\n                padding: 60px 0;\n            }\n\n            .title-wrapper {\n                margin-bottom: 50px;\n            }\n\n            .title-wrapper h2 {\n                font-size: 1.75rem;\n            }\n\n            .equipe-content {\n                padding: 40px 32px;\n            }\n\n            .equipe-content h3 {\n                font-size: 1.625rem;\n            }\n\n            .relation-card {\n                padding: 36px 28px;\n            }\n\n            .relation-card h3 {\n                font-size: 1.375rem;\n            }\n\n            .objectifs-wrapper {\n                padding: 40px 28px;\n            }\n\n            .objectifs-wrapper h3 {\n                font-size: 1.5rem;\n                margin-bottom: 32px;\n            }\n\n            .objectif-item {\n                padding: 24px 28px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .equipe-content {\n                padding: 32px 24px;\n            }\n\n            .relation-card {\n                padding: 28px 20px;\n            }\n\n            .objectifs-wrapper {\n                padding: 32px 20px;\n            }\n\n            .objectif-item {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 12px;\n                padding: 20px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <section class=\"equipe-section\">\n        <div class=\"container\">\n            <!-- Title -->\n            <div class=\"title-wrapper\">\n                <h2>L'<span class=\"title-accent\">\u00e9quipe p\u00e9dagogique<\/span> et la relation enseignant-\u00e9l\u00e8ve<\/h2>\n                <p class=\"subtitle\">Une \u00e9quipe stable, engag\u00e9e et bienveillante pour accompagner chaque adolescent dans sa r\u00e9ussite.<\/p>\n            <\/div>\n\n            <!-- \u00c9quipe P\u00e9dagogique Highlight -->\n            <div class=\"equipe-highlight\">\n                <div class=\"equipe-content\">\n                    <div class=\"equipe-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    \n                    <h3>L'\u00e9quipe p\u00e9dagogique<\/h3>\n                    \n                    <p>L'\u00e9quipe p\u00e9dagogique est compos\u00e9e d'enseignants dipl\u00f4m\u00e9s, exp\u00e9riment\u00e9s et profond\u00e9ment engag\u00e9s dans leur m\u00e9tier. Tous ont fait le choix de la p\u00e9dagogie Montessori par conviction, afin d'enseigner autrement et de faire \u00e9voluer leurs pratiques p\u00e9dagogiques avec exigence et innovation. Leur bienveillance, leur \u00e9coute et leur engagement quotidien constituent un pilier essentiel de l'accompagnement des \u00e9l\u00e8ves.<\/p>\n                    \n                    <p>L'\u00e9quipe se distingue \u00e9galement par sa grande stabilit\u00e9, plusieurs enseignants exer\u00e7ant au sein de l'\u00e9tablissement depuis de nombreuses ann\u00e9es, voire plusieurs d\u00e9cennies. Certains assurent la continuit\u00e9 de l'enseignement au coll\u00e8ge et au lyc\u00e9e, garantissant ainsi une coh\u00e9rence p\u00e9dagogique forte. C'est notamment le cas du professeur de math\u00e9matiques et de physique (voir son t\u00e9moignage) pr\u00e9sent dans l'\u00e9tablissement depuis plus de vingt ans, du professeur d'\u00e9conomie, \u00e9galement directeur p\u00e9dagogique du coll\u00e8ge et du lyc\u00e9e, ainsi que des enseignants de fran\u00e7ais, de sports, de musique, d'anglais et d'espagnol.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Relation & Cadre Grid -->\n            <div class=\"relation-grid\">\n                <!-- Relation enseignant-\u00e9l\u00e8ve -->\n                <div class=\"relation-card\">\n                    <div class=\"relation-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    \n                    <h3>La relation enseignant-\u00e9l\u00e8ve, pilier de la r\u00e9ussite au coll\u00e8ge<\/h3>\n                    \n                    <p>Au coll\u00e8ge, la qualit\u00e9 de la relation entre les adolescents et les enseignants est un facteur essentiel de r\u00e9ussite et d'\u00e9quilibre. Une relation fond\u00e9e sur la confiance, l'\u00e9coute et le respect mutuel permet aux \u00e9l\u00e8ves de se sentir s\u00e9curis\u00e9s, compris et soutenus dans cette p\u00e9riode cl\u00e9 de leur d\u00e9veloppement. Cet accompagnement attentif favorise l'engagement scolaire, la confiance en soi et le plaisir d'apprendre, tout en aidant les adolescents \u00e0 construire progressivement leur autonomie et leur sens des responsabilit\u00e9s.<\/p>\n                <\/div>\n\n                <!-- Cadre respectueux -->\n                <div class=\"relation-card\">\n                    <div class=\"relation-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M12 2a10 10 0 0 0-9.95 9h11.64L9.74 7.05a1 1 0 0 1 1.41-1.41l5.66 5.65a1 1 0 0 1 0 1.42l-5.66 5.65a1 1 0 0 1-1.41 0 1 1 0 0 1 0-1.41L13.69 13H2.05A10 10 0 1 0 12 2z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    \n                    <h3>Un cadre respectueux de chacun<\/h3>\n                    \n                    <p>Au coll\u00e8ge Montessori, la libert\u00e9 d'\u00eatre soi-m\u00eame et la libert\u00e9 d'expression sont des conditions essentielles au bien-\u00eatre et \u00e0 l'\u00e9panouissement des adolescents. Pouvoir s'exprimer, \u00eatre \u00e9cout\u00e9 et respect\u00e9 dans sa singularit\u00e9 permet \u00e0 chaque \u00e9l\u00e8ve de se sentir en confiance et reconnu. Dans ce climat s\u00e9curisant, l'adolescent peut se construire, d\u00e9velopper son identit\u00e9, affirmer ses valeurs et s'engager plus sereinement dans ses apprentissages et dans la vie collective.<\/p>\n                <\/div>\n            <\/div>\n\n           \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a56e6d elementor-widget elementor-widget-html\" data-id=\"8a56e6d\" 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>Nos objectifs au coll\u00e8ge - Coll\u00e8ge Montessori Ath\u00e9na<\/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\nbody {\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.objectifs-section {\n    padding: 40px 0;\n    position: relative;\n    background: #FFFFFF;\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: 900px;\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    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.title-wrapper h2 {\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 700;\n    color: #2C2C2C;\n    margin-bottom: 20px;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n}\n\n.title-accent {\n    display: inline-block;\n    color: #7ACAFF;\n    position: relative;\n}\n\n\/* Objectifs principaux - Bloc beige *\/\n.objectifs-principaux {\n    background: linear-gradient(135deg, #D9C7A8 0%, #E5D4B8 100%);\n    border-radius: 8px;\n    padding: 60px 50px;\n    margin-bottom: 60px;\n    opacity: 0;\n    animation: fadeInUp 0.8s ease 0.2s forwards;\n}\n\n.objectifs-principaux h3 {\n    font-size: 1.75rem;\n    font-weight: 700;\n    color: #2C2C2C;\n    margin-bottom: 40px;\n    text-align: center;\n}\n\n.objectifs-list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 24px;\n}\n\n.objectif-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    padding: 20px;\n    background: rgba(255, 255, 255, 0.7);\n    border-radius: 8px;\n    backdrop-filter: blur(10px);\n    transition: all 0.3s ease;\n}\n\n.objectif-item:hover {\n    background: rgba(255, 255, 255, 0.9);\n    transform: translateY(-3px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.objectif-icon {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    background: #8B9D83;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.objectif-icon svg {\n    width: 16px;\n    height: 16px;\n    stroke: #FFFFFF;\n}\n\n.objectif-text {\n    font-size: 1rem;\n    color: #2C2C2C;\n    font-weight: 600;\n    line-height: 1.5;\n}\n\n\/* Pourquoi Montessori Section *\/\n.pourquoi-montessori {\n    margin-bottom: 60px;\n}\n\n.pourquoi-title {\n    font-size: 2rem;\n    font-weight: 700;\n    color: #2C2C2C;\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.montessori-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px;\n}\n\n.montessori-item {\n    padding: 40px;\n    background: #F8F8F8;\n    border-radius: 8px;\n    opacity: 0;\n    animation: fadeInUp 0.8s ease forwards;\n    transition: all 0.3s ease;\n}\n\n.montessori-item:hover {\n    background: #FFFFFF;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n    transform: translateY(-3px);\n}\n\n.montessori-item:nth-child(1) { animation-delay: 0.1s; }\n.montessori-item:nth-child(2) { animation-delay: 0.2s; }\n.montessori-item:nth-child(3) { animation-delay: 0.3s; }\n.montessori-item:nth-child(4) { animation-delay: 0.4s; }\n.montessori-item:nth-child(5) { animation-delay: 0.5s; }\n.montessori-item:nth-child(6) { animation-delay: 0.6s; }\n\n.montessori-content {\n    max-width: 100%;\n}\n\n.montessori-content h4 {\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: #2C2C2C;\n    margin-bottom: 16px;\n    position: relative;\n    padding-left: 20px;\n}\n\n.montessori-content h4::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 6px;\n    height: 30px;\n    background: #7ACAFF;\n    border-radius: 3px;\n}\n\n.montessori-content p {\n    font-size: 1.0625rem;\n    color: #2C2C2C;\n    line-height: 1.8;\n}\n\n\/* Voyages et Sorties - Grille 2 colonnes *\/\n.voyages-sorties-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px;\n    margin-bottom: 60px;\n}\n\n\/* Voyages scolaires - Bloc vert *\/\n.voyages-section {\n    background: linear-gradient(135deg, #8B9D83 0%, #7A8C75 100%);\n    border-radius: 8px;\n    padding: 50px 40px;\n    color: #FFFFFF;\n    opacity: 0;\n    animation: fadeInUp 0.8s ease 0.7s forwards;\n}\n\n.voyages-section h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin-bottom: 20px;\n    text-align: left;\n}\n\n.voyages-section p {\n    font-size: 1.0625rem;\n    color: #FFFFFF;\n    line-height: 1.8;\n    text-align: left;\n}\n\n\/* Sorties p\u00e9dagogiques - Bloc bleu *\/\n.sorties-section {\n    background: linear-gradient(135deg, #7ACAFF 0%, #5AB8EE 100%);\n    border-radius: 8px;\n    padding: 50px 40px;\n    color: #FFFFFF;\n    opacity: 0;\n    animation: fadeInUp 0.8s ease 0.8s forwards;\n}\n\n.sorties-section h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin-bottom: 20px;\n    text-align: left;\n}\n\n.sorties-section p {\n    font-size: 1.0625rem;\n    color: #FFFFFF;\n    line-height: 1.8;\n    text-align: left;\n}\n\n\/* R\u00e9sultats Section - Conservation code existant *\/\n.resultats-grid {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 60px;\n    align-items: center;\n    margin-top: 60px;\n}\n\n.resultats-content {\n    opacity: 0;\n    animation: fadeInLeft 0.8s ease 0.9s forwards;\n}\n\n@keyframes fadeInLeft {\n    from {\n        opacity: 0;\n        transform: translateX(-30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n.resultats-content h3 {\n    font-size: 1.75rem;\n    font-weight: 600;\n    color: #2C2C2C;\n    margin-bottom: 20px;\n    line-height: 1.3;\n}\n\n.decorative-line {\n    width: 80px;\n    height: 4px;\n    background: linear-gradient(90deg, #7ACAFF 0%, #8B9D83 100%);\n    margin-bottom: 24px;\n    border-radius: 2px;\n}\n\n.resultats-content p {\n    font-size: 1.0625rem;\n    color: #2C2C2C;\n    line-height: 1.8;\n    margin-bottom: 20px;\n}\n\n.resultats-content p:last-child {\n    margin-bottom: 0;\n}\n\n.resultats-content strong {\n    font-weight: 600;\n    color: #2C2C2C;\n}\n\n\/* Stats Box *\/\n.stats-box {\n    background: linear-gradient(135deg, #8B9D83 0%, #7A8C75 100%);\n    border-radius: 8px;\n    padding: 48px 40px;\n    color: #FFFFFF;\n    opacity: 0;\n    animation: fadeInRight 0.8s ease 0.9s forwards;\n}\n\n@keyframes fadeInRight {\n    from {\n        opacity: 0;\n        transform: translateX(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n.stats-box h3 {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin-bottom: 32px;\n    text-align: center;\n}\n\n\/* Stats List *\/\n.stats-list {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n.stat-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    backdrop-filter: blur(10px);\n    transition: all 0.3s ease;\n}\n\n.stat-item:hover {\n    background: rgba(255, 255, 255, 0.25);\n    transform: translateX(5px);\n}\n\n.stat-icon {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.stat-icon svg {\n    width: 20px;\n    height: 20px;\n    stroke: #FFFFFF;\n}\n\n.stat-text {\n    font-size: 1rem;\n    color: #FFFFFF;\n    font-weight: 500;\n    line-height: 1.5;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n    .resultats-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    \n    .objectifs-list {\n        grid-template-columns: 1fr;\n    }\n    \n    .montessori-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n    \n    .voyages-sorties-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n}\n\n@media (max-width: 768px) {\n    .objectifs-section {\n        padding: 60px 0;\n    }\n    \n    .title-wrapper {\n        margin-bottom: 50px;\n    }\n    \n    .title-wrapper h2 {\n        font-size: 1.75rem;\n    }\n    \n    .objectifs-principaux {\n        padding: 40px 28px;\n    }\n    \n    .objectifs-principaux h3 {\n        font-size: 1.5rem;\n        margin-bottom: 30px;\n    }\n    \n    .pourquoi-title {\n        font-size: 1.5rem;\n        margin-bottom: 30px;\n    }\n    \n    .montessori-item {\n        padding: 32px 24px;\n    }\n    \n    .montessori-content h4 {\n        font-size: 1.25rem;\n    }\n    \n    .voyages-section,\n    .sorties-section {\n        padding: 36px 28px;\n    }\n    \n    .voyages-section h3,\n    .sorties-section h3 {\n        font-size: 1.375rem;\n    }\n    \n    .resultats-content h3 {\n        font-size: 1.5rem;\n    }\n    \n    .stats-box {\n        padding: 36px 28px;\n    }\n    \n    .stat-item {\n        padding: 16px;\n    }\n}\n\n@media (max-width: 480px) {\n    .objectifs-principaux,\n    .voyages-section,\n    .sorties-section,\n    .montessori-item {\n        padding: 32px 20px;\n    }\n    \n    .objectif-item {\n        padding: 16px;\n    }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"objectifs-section\">\n    <div class=\"container\">\n        \n        <div class=\"title-wrapper\">\n            <h2>Nos objectifs au <span class=\"title-accent\">coll\u00e8ge<\/span><\/h2>\n        <\/div>\n        \n         <div class=\"objectifs-wrapper\">\n                <div class=\"objectifs-grid\">\n                    <div class=\"objectif-item\">\n                        <div class=\"objectif-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"><\/path>\n                                <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"><\/line>\n                                <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"><\/line>\n                            <\/svg>\n                        <\/div>\n                        <p class=\"objectif-text\">Le bien-\u00eatre et l'\u00e9panouissement de l'adolescent<\/p>\n                    <\/div>\n\n                    <div class=\"objectif-item\">\n                        <div class=\"objectif-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <p class=\"objectif-text\">Une r\u00e9ussite scolaire solide et durable<\/p>\n                    <\/div>\n\n                    <div class=\"objectif-item\">\n                        <div class=\"objectif-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                                <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <p class=\"objectif-text\">Un bilinguisme r\u00e9el et ma\u00eetris\u00e9 (anglais \/ fran\u00e7ais) et tr\u00e8s bon niveau d'espagnol<\/p>\n                    <\/div>\n\n                    <div class=\"objectif-item\">\n                        <div class=\"objectif-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n                                <polyline points=\"17 11 19 13 23 9\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <p class=\"objectif-text\">Le d\u00e9veloppement de l'autonomie, de la confiance et de l'esprit critique<\/p>\n                    <\/div>\n\n                    <div class=\"objectif-item\">\n                        <div class=\"objectif-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <p class=\"objectif-text\">Un accompagnement humain, bienveillant et individualis\u00e9 pour pr\u00e9parer le lyc\u00e9e avec confiance<\/p>\n                    <\/div>\n\n                    <div class=\"objectif-item\">\n                        <div class=\"objectif-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon>\n                                <polyline points=\"2 17 12 22 22 17\"><\/polyline>\n                                <polyline points=\"2 12 12 17 22 12\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <p class=\"objectif-text\">Une ouverture internationale et des valeurs fortes<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        \n        <div class=\"pourquoi-montessori\">\n            <h3 class=\"pourquoi-title\">Pourquoi choisir un coll\u00e8ge Montessori ?<\/h3>\n            \n            <div class=\"montessori-grid\">\n                <div class=\"montessori-item\">\n                    <div class=\"montessori-content\">\n                        <h4>Une p\u00e9dagogie adapt\u00e9e \u00e0 l'adolescence<\/h4>\n                        <p>La p\u00e9dagogie Montessori accompagne les adolescents dans une p\u00e9riode sensible de leur d\u00e9veloppement, en favorisant autonomie, confiance en soi et engagement, dans un cadre structur\u00e9 et bienveillant.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"montessori-item\">\n                    <div class=\"montessori-content\">\n                        <h4>Une exigence scolaire solide<\/h4>\n                        <p>L'enseignement est rigoureux et pr\u00e9pare efficacement aux exigences du lyc\u00e9e, tout en respectant le rythme de chaque \u00e9l\u00e8ve.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"montessori-item\">\n                    <div class=\"montessori-content\">\n                        <h4>Des classes \u00e0 petits effectifs<\/h4>\n                        <p>Les classes \u00e0 effectifs r\u00e9duits permettent un accompagnement individualis\u00e9, une meilleure connaissance de chaque \u00e9l\u00e8ve et une relation de confiance avec les enseignants. Ce cadre favorise le bien-\u00eatre, l'implication et la progression de chacun.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"montessori-item\">\n                    <div class=\"montessori-content\">\n                        <h4>Un apprentissage renforc\u00e9 des langues<\/h4>\n                        <p>L'anglais et l'espagnol occupent une place centrale, avec une pratique r\u00e9guli\u00e8re permettant une communication naturelle \u00e0 l'oral comme \u00e0 l'\u00e9crit et une ouverture \u00e0 l'international.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"montessori-item\">\n                    <div class=\"montessori-content\">\n                        <h4>Une place essentielle pour l'art et le th\u00e9\u00e2tre<\/h4>\n                        <p>Les arts et le th\u00e9\u00e2tre d\u00e9veloppent cr\u00e9ativit\u00e9, expression orale, confiance en soi et esprit de coop\u00e9ration, des comp\u00e9tences cl\u00e9s pour la r\u00e9ussite scolaire et personnelle.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"montessori-item\">\n                    <div class=\"montessori-content\">\n                        <h4>Une pr\u00e9paration sereine au lyc\u00e9e<\/h4>\n                        <p>Les \u00e9l\u00e8ves acqui\u00e8rent m\u00e9thode, autonomie et assurance pour aborder le lyc\u00e9e avec confiance.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"voyages-sorties-grid\">\n            <div class=\"voyages-section\">\n                <h3>Voyages scolaires<\/h3>\n                <p>Des voyages \u00e9ducatifs, organis\u00e9s chaque ann\u00e9e en France et \u00e0 l'\u00e9tranger, permettent aux \u00e9l\u00e8ves de d\u00e9couvrir le monde, de s'ouvrir \u00e0 d'autres cultures et d'enrichir leurs apprentissages.<\/p>\n            <\/div>\n            \n            <div class=\"sorties-section\">\n                <h3>Sorties p\u00e9dagogiques<\/h3>\n                <p>\u00c0 l'adolescence, il est essentiel de sortir des murs du coll\u00e8ge pour confronter les apprentissages \u00e0 la r\u00e9alit\u00e9. Les sorties p\u00e9dagogiques locales permettent d'ancrer les connaissances dans le concret, de donner du sens aux notions abord\u00e9es en classe et d'enrichir l'exp\u00e9rience \u00e9ducative par des situations v\u00e9cues et stimulantes.<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"resultats-grid\">\n            <div class=\"resultats-content\">\n                <h3>Pr\u00e9parer la r\u00e9ussite au lyc\u00e9e<\/h3>\n                <div class=\"decorative-line\"><\/div>\n                <p>Notre coll\u00e8ge alternatif pr\u00e9pare les \u00e9l\u00e8ves au Dipl\u00f4me National du Brevet avec <strong>chaque ann\u00e9e d'excellents r\u00e9sultats.<\/strong><\/p>\n                <p>Au-del\u00e0 de la r\u00e9ussite aux examens, nous veillons \u00e0 ce que nos coll\u00e9giens acqui\u00e8rent des <strong>m\u00e9thodes de travail solides<\/strong> qui leur permettent d'int\u00e9grer les meilleurs lyc\u00e9es g\u00e9n\u00e9raux ou internationaux.<\/p>\n                <p>L'\u00e9panouissement des enfants et l'accompagnement bienveillant dans leurs apprentissages tout en leur offrant un <strong>tr\u00e8s bon niveau scolaire<\/strong> restent nos priorit\u00e9s.<\/p>\n            <\/div>\n            \n            <div class=\"stats-box\">\n                <h3>Nos r\u00e9sultats<\/h3>\n                <div class=\"stats-list\">\n                    <div class=\"stat-item\">\n                        <div class=\"stat-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"stat-text\">Excellents r\u00e9sultats au Dipl\u00f4me National du Brevet chaque ann\u00e9e<\/div>\n                    <\/div>\n                    \n                    <div class=\"stat-item\">\n                        <div class=\"stat-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"stat-text\">M\u00e9thodes de travail solides pour r\u00e9ussir au lyc\u00e9e<\/div>\n                    <\/div>\n                    \n                    <div class=\"stat-item\">\n                        <div class=\"stat-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                <circle cx=\"8.5\" cy=\"7\" r=\"4\"><\/circle>\n                                <polyline points=\"17 11 19 13 23 9\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"stat-text\">Classes de 10 \u00e0 15 \u00e9l\u00e8ves pour un suivi personnalis\u00e9 optimal<\/div>\n                    <\/div>\n                    \n                    <div class=\"stat-item\">\n                        <div class=\"stat-icon\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"><\/path>\n                                <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"><\/line>\n                                <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"><\/line>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"stat-text\">\u00c9l\u00e8ves \u00e9panouis, autonomes et confiants<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\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-357ce0c elementor-widget elementor-widget-html\" data-id=\"357ce0c\" 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>FAQ Coll\u00e8ge - Athena Montessori Bailly<\/title>\n<style>\n* {\nmargin: 0;\npadding: 0;\nbox-sizing: border-box;\n}\n\n\/* Variables *\/\n:root {\n--color-beige: #D9C7A8;\n--color-green: #8B9D83;\n--color-blue: #7ACAFF;\n--color-brown: #2C2C2C;\n--color-white: #FFFFFF;\n--color-grey-light: #F8F6F3;\n--spacing-xs: 0.5rem;\n--spacing-sm: 1rem;\n--spacing-md: 2rem;\n--spacing-lg: 3rem;\n--spacing-xl: 4rem;\n}\n\nbody {\nfont-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\nline-height: 1.6;\ncolor: var(--color-brown);\n}\n\n\/* FAQ Section - Compact version for page-specific FAQ *\/\n.faq-section-compact {\nbackground: var(--color-grey-light);\npadding: var(--spacing-lg) var(--spacing-md);\nwidth: 100vw;\nmargin-left: calc(-50vw + 50%);\nposition: relative;\n}\n\n.faq-container-compact {\nmax-width: 1000px;\nmargin: 0 auto;\n}\n\n.faq-header-compact {\ntext-align: center;\nmargin-bottom: var(--spacing-lg);\n}\n\n.faq-header-compact h2 {\nfont-size: 2rem;\ncolor: var(--color-brown);\nmargin-bottom: var(--spacing-sm);\nfont-weight: 600;\n}\n\n.faq-header-compact p {\nfont-size: 1rem;\ncolor: var(--color-green);\nmax-width: 600px;\nmargin: 0 auto;\n}\n\n\/* FAQ Items *\/\n.faq-grid-compact {\ndisplay: grid;\ngap: var(--spacing-sm);\n}\n\n.faq-item {\nbackground: var(--color-white);\nborder-radius: 12px;\noverflow: hidden;\nbox-shadow: 0 2px 8px rgba(44, 44, 44, 0.08);\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.faq-item:hover {\nbox-shadow: 0 4px 16px rgba(44, 44, 44, 0.12);\n}\n\n.faq-question {\npadding: 1.25rem 1.5rem;\ncursor: pointer;\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\ngap: var(--spacing-sm);\ntransition: all 0.3s ease;\n}\n\n.faq-question:hover {\nbackground: rgba(217, 199, 168, 0.1);\n}\n\n.faq-question h3 {\nfont-size: 1.1rem;\nfont-weight: 600;\ncolor: var(--color-brown);\nflex: 1;\n}\n\n.faq-icon {\nwidth: 28px;\nheight: 28px;\nbackground: var(--color-beige);\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nflex-shrink: 0;\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.faq-icon::after {\ncontent: '+';\nfont-size: 1.4rem;\ncolor: var(--color-brown);\nfont-weight: 300;\ntransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.faq-item.active .faq-icon {\nbackground: var(--color-green);\ntransform: rotate(45deg);\n}\n\n.faq-item.active .faq-icon::after {\ncolor: var(--color-white);\n}\n\n.faq-answer {\nmax-height: 0;\noverflow: hidden;\ntransition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s cubic-bezier(0.4, 0, 0.2, 1);\npadding: 0 1.5rem;\n}\n\n.faq-item.active .faq-answer {\nmax-height: 1000px;\npadding: 0 1.5rem 1.25rem 1.5rem;\n}\n\n.faq-answer-content {\ncolor: var(--color-brown);\nfont-size: 0.95rem;\nline-height: 1.7;\n}\n\n.faq-answer-content p {\nmargin-bottom: 0.75rem;\n}\n\n.faq-answer-content p:last-child {\nmargin-bottom: 0;\n}\n\n.faq-answer-content strong {\ncolor: var(--color-green);\nfont-weight: 600;\n}\n\n\/* CTA Footer *\/\n.faq-cta-compact {\ntext-align: center;\nmargin-top: var(--spacing-lg);\npadding: var(--spacing-md);\nbackground: var(--color-white);\nborder-radius: 12px;\nbox-shadow: 0 2px 8px rgba(44, 44, 44, 0.06);\n}\n\n.faq-cta-compact p {\nfont-size: 1rem;\ncolor: var(--color-brown);\nmargin-bottom: var(--spacing-sm);\n}\n\n.faq-cta-compact a {\ncolor: var(--color-green);\nfont-weight: 600;\ntext-decoration: none;\ntransition: color 0.3s ease;\n}\n\n.faq-cta-compact a:hover {\ncolor: var(--color-blue);\ntext-decoration: underline;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n.faq-section-compact {\npadding: var(--spacing-md) var(--spacing-sm);\n}\n\n.faq-header-compact h2 {\nfont-size: 1.75rem;\n}\n\n.faq-question h3 {\nfont-size: 1rem;\n}\n}\n\n@media (max-width: 480px) {\n.faq-header-compact h2 {\nfont-size: 1.5rem;\n}\n\n.faq-question {\npadding: 1rem;\n}\n\n.faq-icon {\nwidth: 26px;\nheight: 26px;\n}\n}\n<\/style>\n<\/head>\n\n<body>\n\n<section class=\"faq-section-compact\">\n<div class=\"faq-container-compact\">\n\n<!-- Header -->\n<div class=\"faq-header-compact\">\n<h2>Questions fr\u00e9quentes sur le coll\u00e8ge<\/h2>\n<p>Les r\u00e9ponses aux questions sp\u00e9cifiques que se posent les parents pour le coll\u00e8ge Montessori<\/p>\n<\/div>\n\n<!-- FAQ Items -->\n<div class=\"faq-grid-compact\">\n\n<!-- Question 1 : Hors contrat = pas de brevet ? -->\n<div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n<div class=\"faq-question\">\n<h3 itemprop=\"name\">En tant qu'\u00e9tablissement international, mon enfant passera-t-il le Dipl\u00f4me National du Brevet ?<\/h3>\n<div class=\"faq-icon\"><\/div>\n<\/div>\n<div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"faq-answer-content\" itemprop=\"text\">\n<p>Oui. Nos \u00e9l\u00e8ves sont inscrits au Dipl\u00f4me National du Brevet par l'\u00e9tablissement. La seule diff\u00e9rence est qu'ils passent toutes les \u00e9preuves en 3<sup>\u00e8me<\/sup> sans contr\u00f4le continu. Cela repr\u00e9sente m\u00eame un avantage : nos \u00e9l\u00e8ves, tr\u00e8s bien pr\u00e9par\u00e9s, ne risquent pas de voir leur moyenne impact\u00e9e par quelques mauvaises notes en contr\u00f4le continu pendant l'ann\u00e9e.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Question 2 : Montessori au coll\u00e8ge = infantilisant ? -->\n<div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n<div class=\"faq-question\">\n<h3 itemprop=\"name\">En quoi La p\u00e9dagogie Montessori au coll\u00e8ge, est atout d\u00e9terminant pour l'avenir des adolescents ?<\/h3>\n<div class=\"faq-icon\"><\/div>\n<\/div>\n<div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"faq-answer-content\" itemprop=\"text\">\n<p>La p\u00e9dagogie Montessori pour adolescents, cr\u00e9\u00e9e par Maria Montessori elle-m\u00eame, est sp\u00e9cifiquement adapt\u00e9e \u00e0 leurs besoins d\u00e9veloppementaux. Elle favorise l'autonomie, la responsabilisation et la construction de l'identit\u00e9, tout en maintenant un niveau acad\u00e9mique rigoureux. Les adolescents sont acteurs de leurs apprentissages, g\u00e8rent leur plan de travail et d\u00e9veloppent leur esprit critique. C'est exactement ce dont ils ont besoin \u00e0 cet \u00e2ge. En grandissant, ils se d\u00e9marquent naturellement par une autonomie solide, une cr\u00e9ativit\u00e9 affirm\u00e9e et une capacit\u00e9 d\u2019analyse et de pens\u00e9e critique particuli\u00e8rement d\u00e9velopp\u00e9e.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Question 3 : Mon ado en difficult\u00e9 peut-il s'\u00e9panouir ? -->\n<div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n<div class=\"faq-question\">\n<h3 itemprop=\"name\">Comment aider mon enfant \u00e0 am\u00e9liorer sa confiance et sa motivation pour apprendre ?<\/h3>\n<div class=\"faq-icon\"><\/div>\n<\/div>\n<div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"faq-answer-content\" itemprop=\"text\">\n<p>La confiance et la motivation se construisent dans un environnement o\u00f9 l\u2019adolescent se sent reconnu, encourag\u00e9 et stimul\u00e9. Au sein de notre coll\u00e8ge, les classes \u00e0 effectifs r\u00e9duits (10 \u00e0 15 \u00e9l\u00e8ves) permettent un accompagnement individualis\u00e9 : chaque \u00e9l\u00e8ve est connu, \u00e9cout\u00e9 et guid\u00e9 selon ses forces et son rythme. Notre approche associe relation de confiance, exigence acad\u00e9mique progressive et cadre structurant et bienveillant. Nous aidons les jeunes \u00e0 identifier leurs r\u00e9ussites, \u00e0 d\u00e9velopper des m\u00e9thodes efficaces et \u00e0 gagner en autonomie. Lorsque cela est n\u00e9cessaire, un accompagnement personnalis\u00e9, y compris \u00e0 distance, peut \u00eatre mis en place. Parce que chaque \u00e9l\u00e8ve m\u00e9rite un environnement dans lequel il peut r\u00e9v\u00e9ler pleinement son potentiel.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Question 4 : Lyc\u00e9e apr\u00e8s coll\u00e8ge Montessori -->\n<div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n<div class=\"faq-question\">\n<h3 itemprop=\"name\">Apr\u00e8s le coll\u00e8ge Montessori, mon enfant pourra-t-il int\u00e9grer un lyc\u00e9e classique ou international ?<\/h3>\n<div class=\"faq-icon\"><\/div>\n<\/div>\n<div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"faq-answer-content\" itemprop=\"text\">\n<p>Absolument. Nos \u00e9l\u00e8ves de 3\u00e8me ont un excellent niveau acad\u00e9mique, des m\u00e9thodes de travail solides, une grande autonomie et une ma\u00eetrise de l'anglais sup\u00e9rieure \u00e0 la moyenne. Ces qualit\u00e9s leur permettent d'int\u00e9grer les meilleurs lyc\u00e9es g\u00e9n\u00e9raux et\/ou internationaux en France ou \u00e0 l'\u00e9tranger. Beaucoup poursuivent leur scolarit\u00e9 dans notre lyc\u00e9e, mais ceux qui partent r\u00e9ussissent tr\u00e8s bien ailleurs gr\u00e2ce \u00e0 leur pr\u00e9paration rigoureuse.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<!-- Question 5 : Niveau r\u00e9el compar\u00e9 coll\u00e8ge public -->\n<div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n<div class=\"faq-question\">\n<h3 itemprop=\"name\">Pourquoi le niveau acad\u00e9mique de notre coll\u00e8ge d\u00e9passe-t-il  les standards acad\u00e9miques fran\u00e7ais ?<\/h3>\n<div class=\"faq-icon\"><\/div>\n<\/div>\n<div class=\"faq-answer\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"faq-answer-content\" itemprop=\"text\">\n<p>Le niveau acad\u00e9mique de notre coll\u00e8ge d\u00e9passe les standards fran\u00e7ais. En effet, dans les \u00e9valuations internationales comme PISA (Programme for International Student Assessment) et TIMSS (Trends in International Mathematics and Science Study), la France est mal class\u00e9e. Notre p\u00e9dagogie vise donc un niveau d\u2019exigence align\u00e9 sur les meilleurs standards acad\u00e9miques internationaux.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n<!-- CTA Footer -->\n<div class=\"faq-cta-compact\">\n<p>Vous avez d'autres questions sur notre coll\u00e8ge Montessori international \u00e0 Bailly ?<\/p>\n<p><a href=\"\/faq\/\">Consultez notre FAQ compl\u00e8te<\/a> ou <a href=\"\/contact\/\">contactez-nous directement<\/a><\/p>\n<\/div>\n\n<\/div>\n<\/section>\n\n<script>\n\/\/ FAQ Accordion\ndocument.querySelectorAll('.faq-question').forEach(question => {\nquestion.addEventListener('click', () => {\nconst item = question.parentElement;\nconst isActive = item.classList.contains('active');\n\n\/\/ Close all items\ndocument.querySelectorAll('.faq-item').forEach(i => {\ni.classList.remove('active');\n});\n\n\/\/ Open clicked item if it wasn't active\nif (!isActive) {\nitem.classList.add('active');\n}\n});\n});\n\n\/\/ Schema.org structured data pour SEO\/AEO\nconst faqSchema = {\n\"@context\": \"https:\/\/schema.org\",\n\"@type\": \"FAQPage\",\n\"mainEntity\": [\n{\n\"@type\": \"Question\",\n\"name\": \"En tant qu'\u00e9tablissement international, mon enfant passera-t-il le Dipl\u00f4me National du Brevet ?\",\n\"acceptedAnswer\": {\n\"@type\": \"Answer\",\n\"text\": \"Oui. Nos \u00e9l\u00e8ves sont inscrits au Dipl\u00f4me National du Brevet par l'\u00e9tablissement. La seule diff\u00e9rence est qu'ils passent toutes les \u00e9preuves en 3\u00e8me sans contr\u00f4le continu. Cela repr\u00e9sente m\u00eame un avantage : nos \u00e9l\u00e8ves, tr\u00e8s bien pr\u00e9par\u00e9s, ne risquent pas de voir leur moyenne impact\u00e9e par quelques mauvaises notes en contr\u00f4le continu pendant l'ann\u00e9e.\"\n}\n},\n{\n\"@type\": \"Question\",\n\"name\": \"En quoi La p\u00e9dagogie Montessori au coll\u00e8ge, est atout d\u00e9terminant pour l'avenir des adolescents ?\",\n\"acceptedAnswer\": {\n\"@type\": \"Answer\",\n\"text\": \"La p\u00e9dagogie Montessori pour adolescents, cr\u00e9\u00e9e par Maria Montessori elle-m\u00eame, est sp\u00e9cifiquement adapt\u00e9e \u00e0 leurs besoins d\u00e9veloppementaux. Elle favorise l'autonomie, la responsabilisation et la construction de l'identit\u00e9, tout en maintenant un niveau acad\u00e9mique rigoureux. Les adolescents sont acteurs de leurs apprentissages, g\u00e8rent leur plan de travail et d\u00e9veloppent leur esprit critique. C'est exactement ce dont ils ont besoin \u00e0 cet \u00e2ge. En grandissant, ils se d\u00e9marquent naturellement par une autonomie solide, une cr\u00e9ativit\u00e9 affirm\u00e9e et une capacit\u00e9 d\u2019analyse et de pens\u00e9e critique particuli\u00e8rement d\u00e9velopp\u00e9e.\"\n}\n},\n{\n\"@type\": \"Question\",\n\"name\": \"Comment aider mon enfant \u00e0 am\u00e9liorer sa confiance et sa motivation pour apprendre ?\",\n\"acceptedAnswer\": {\n\"@type\": \"Answer\",\n\"text\": \"La confiance et la motivation se construisent dans un environnement o\u00f9 l\u2019adolescent se sent reconnu, encourag\u00e9 et stimul\u00e9. Au sein de notre coll\u00e8ge, les classes \u00e0 effectifs r\u00e9duits (10 \u00e0 15 \u00e9l\u00e8ves) permettent un accompagnement individualis\u00e9 : chaque \u00e9l\u00e8ve est connu, \u00e9cout\u00e9 et guid\u00e9 selon ses forces et son rythme. Notre approche associe relation de confiance, exigence acad\u00e9mique progressive et cadre structurant et bienveillant. Nous aidons les jeunes \u00e0 identifier leurs r\u00e9ussites, \u00e0 d\u00e9velopper des m\u00e9thodes efficaces et \u00e0 gagner en autonomie. Lorsque cela est n\u00e9cessaire, un accompagnement personnalis\u00e9, y compris \u00e0 distance, peut \u00eatre mis en place. Parce que chaque \u00e9l\u00e8ve m\u00e9rite un environnement dans lequel il peut r\u00e9v\u00e9ler pleinement son potentiel.\"\n}\n},\n{\n\"@type\": \"Question\",\n\"name\": \"Apr\u00e8s le coll\u00e8ge Montessori, mon enfant pourra-t-il int\u00e9grer un lyc\u00e9e classique ou international ?\",\n\"acceptedAnswer\": {\n\"@type\": \"Answer\",\n\"text\": \"Absolument. Nos \u00e9l\u00e8ves de 3\u00e8me ont un excellent niveau acad\u00e9mique, des m\u00e9thodes de travail solides, une grande autonomie et une ma\u00eetrise de l'anglais sup\u00e9rieure \u00e0 la moyenne. Ces qualit\u00e9s leur permettent d'int\u00e9grer les meilleurs lyc\u00e9es g\u00e9n\u00e9raux et\/ou internationaux en France ou \u00e0 l'\u00e9tranger. Beaucoup poursuivent leur scolarit\u00e9 dans notre lyc\u00e9e, mais ceux qui partent r\u00e9ussissent tr\u00e8s bien ailleurs gr\u00e2ce \u00e0 leur pr\u00e9paration rigoureuse.\"\n}\n},\n{\n\"@type\": \"Question\",\n\"name\": \"Pourquoi le niveau acad\u00e9mique de notre coll\u00e8ge d\u00e9passe-t-il  les standards acad\u00e9miques fran\u00e7ais ?\",\n\"acceptedAnswer\": {\n\"@type\": \"Answer\",\n\"text\": \"Le niveau acad\u00e9mique de notre coll\u00e8ge d\u00e9passe les standards fran\u00e7ais. En effet, dans les \u00e9valuations internationales comme PISA (Programme for International Student Assessment) et TIMSS (Trends in International Mathematics and Science Study), la France est mal class\u00e9e. Notre p\u00e9dagogie vise donc un niveau d\u2019exigence align\u00e9 sur les meilleurs standards acad\u00e9miques internationaux.\"\n}\n}\n]\n};\n\n\/\/ Inject schema\nconst script = document.createElement('script');\nscript.type = 'application\/ld+json';\nscript.text = JSON.stringify(faqSchema);\ndocument.head.appendChild(script);\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-143ad11 elementor-widget elementor-widget-html\" data-id=\"143ad11\" 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 - CTA Final - Maternelle<\/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        .cta-final-section {\n            padding: 100px 0;\n            position: relative;\n            background: linear-gradient(135deg, #D9C7A8 0%, #CDB896 100%);\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n        }\n\n        .cta-final-section::before,\n        .cta-final-section::after {\n            content: none !important;\n            display: none !important;\n        }\n\n        .container {\n            width: 100%;\n            padding: 0 5%;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Content Wrapper *\/\n        .cta-content {\n            text-align: center;\n            max-width: 900px;\n            margin: 0 auto;\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        .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-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 Buttons *\/\n        .cta-buttons {\n            display: flex;\n            gap: 24px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        .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-button.primary {\n            background: #8B9D83;\n            color: #FFFFFF;\n        }\n\n        .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-button.primary:hover::before {\n            left: 0;\n        }\n\n        .cta-button.primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 12px 40px rgba(139, 157, 131, 0.3);\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        \/* Info Text *\/\n        .cta-info {\n            margin-top: 48px;\n            font-size: 1rem;\n            color: #2C2C2C;\n            font-weight: 400;\n        }\n\n        .cta-info a {\n            color: #2C2C2C;\n            text-decoration: underline;\n            font-weight: 600;\n            transition: opacity 0.3s ease;\n        }\n\n        .cta-info a:hover {\n            opacity: 0.7;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .cta-final-section {\n                padding: 80px 0;\n            }\n\n            .cta-title {\n                font-size: 2rem;\n            }\n\n            .cta-subtitle {\n                font-size: 1.125rem;\n                margin-bottom: 36px;\n            }\n\n            .cta-buttons {\n                flex-direction: column;\n                gap: 16px;\n            }\n\n            .cta-button {\n                width: 100%;\n                justify-content: center;\n                padding: 18px 32px;\n            }\n\n            .cta-info {\n                margin-top: 36px;\n                font-size: 0.9375rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"cta-final-section\">\n        <div class=\"container\">\n            \n            <div class=\"cta-content\">\n                \n                <h2 class=\"cta-title\">Inscrivez votre enfant en Coll\u00e8ge Montessori<\/h2>\n                \n                <p class=\"cta-subtitle\">Rejoignez notre coll\u00e8ge et offrez \u00e0 votre adolescent un environnement bilingue o\u00f9 il pourra d\u00e9velopper son autonomie et se pr\u00e9parer au lyc\u00e9e.<\/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                    Des questions ? Consultez notre <a href=\"\/faq\/\">FAQ<\/a>\n                <\/p>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero &#8211; Coll\u00e8ge Montessori Bilingue 11-15 ans Coll\u00e8ge Montessori bilingue \u00e0 Bailly Notre coll\u00e8ge alternatif pr\u00e9pare les \u00e9l\u00e8ves au Dipl\u00f4me National du Brevet avec d&rsquo;excellents r\u00e9sultats. L&rsquo;\u00e9panouissement des enfants et l&rsquo;accompagnement bienveillant dans leurs apprentissages tout en leur offrant un tr\u00e8s bon niveau scolaire. Pr\u00e9paration au Dipl\u00f4me National du Brevet Enseignement bilingue fran\u00e7ais-anglais Plans de [&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":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/pages\/28","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=28"}],"version-history":[{"count":119,"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":2118,"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/pages\/28\/revisions\/2118"}],"wp:attachment":[{"href":"https:\/\/lyceeinternationalmontessori.com\/en\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}