{"id":1018,"date":"2025-11-19T20:16:21","date_gmt":"2025-11-19T20:16:21","guid":{"rendered":"https:\/\/international-school33.com\/?page_id=1018"},"modified":"2026-03-27T14:54:55","modified_gmt":"2026-03-27T14:54:55","slug":"elementary","status":"publish","type":"page","link":"https:\/\/international-school33.com\/en\/elementaire\/","title":{"rendered":"Elementary"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1018\" class=\"elementor elementor-1018\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1dfe05 e-flex e-con-boxed e-con e-parent\" data-id=\"a1dfe05\" 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-57a6e15 elementor-widget elementor-widget-html\" data-id=\"57a6e15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.is33-hero-elementaire {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    color: #05244F;\n    position: relative;\n    overflow: hidden;\n    background: transparent;\n}\n\n.hero-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 80px 40px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n    min-height: 85vh;\n}\n\n.hero-content {\n    animation: fadeInUp 0.8s ease-out;\n}\n\n.age-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    color: white;\n    padding: 8px 20px; \/* Le padding assure le centrage automatique du texte *\/\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 20px;\n    letter-spacing: 0.5px;\n    box-shadow: 0 4px 15px rgba(181, 145, 56, 0.3);\n    text-align: center; \/* S\u00e9curit\u00e9 suppl\u00e9mentaire pour le centrage *\/\n}\n\n.hero-title {\n    font-size: 52px;\n    font-weight: 700;\n    line-height: 1.2;\n    margin-bottom: 24px;\n    color: #05244F;\n}\n\n.hero-title .highlight {\n    color: #B59138;\n    position: relative;\n    display: inline-block;\n}\n\n.hero-subtitle {\n    font-size: 20px;\n    line-height: 1.6;\n    color: #05244F;\n    opacity: 0.85;\n    margin-bottom: 40px;\n    max-width: 540px;\n}\n\n.hero-features {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 40px;\n}\n\n.feature-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 16px;\n    color: #05244F;\n}\n\n.feature-icon {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.feature-icon::before {\n    content: \"\u2713\";\n    color: white;\n    font-weight: 700;\n    font-size: 14px;\n}\n\n.hero-image {\n    position: relative;\n    animation: fadeInRight 1s ease-out;\n}\n\n.hero-image-wrapper {\n    position: relative;\n    border-radius: 0;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(5, 36, 79, 0.15);\n}\n\n.hero-image-wrapper::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(135deg, rgba(181, 145, 56, 0.1) 0%, rgba(244, 93, 72, 0.1) 100%);\n    z-index: 1;\n    pointer-events: none;\n}\n\n.hero-image img {\n    width: 100%;\n    height: auto;\n    max-height: 600px;\n    object-fit: cover;\n    display: block;\n}\n\n.floating-card {\n    position: absolute;\n    background: white;\n    padding: 20px 24px;\n    border-radius: 16px;\n    box-shadow: 0 12px 40px rgba(5, 36, 79, 0.15);\n    animation: float 3s ease-in-out infinite;\n    z-index: 2;\n}\n\n.card-1 {\n    top: 40px;\n    right: -20px;\n    animation-delay: 0s;\n}\n\n.card-label {\n    font-size: 12px;\n    color: #B59138;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 4px;\n}\n\n.card-value {\n    font-size: 24px;\n    font-weight: 700;\n    color: #05244F;\n}\n\n\/* Animations *\/\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@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@keyframes float {\n    0%, 100% {\n        transform: translateY(0px);\n    }\n    50% {\n        transform: translateY(-15px);\n    }\n}\n\n\/* Responsive AM\u00c9LIOR\u00c9 *\/\n@media (max-width: 968px) {\n    .hero-container {\n        grid-template-columns: 1fr;\n        padding: 60px 24px;\n        gap: 40px;\n        min-height: auto;\n    }\n    \n    .hero-title {\n        font-size: 38px;\n    }\n    \n    .hero-subtitle {\n        font-size: 18px;\n    }\n    \n    .hero-image img {\n        height: auto;\n        max-height: 450px;\n        width: 100%;\n        object-fit: cover;\n    }\n    \n    .floating-card {\n        display: none;\n    }\n}\n\n@media (max-width: 480px) {\n    .hero-container {\n        padding: 40px 16px;\n    }\n    \n    .hero-title {\n        font-size: 32px;\n    }\n    \n    .hero-subtitle {\n        font-size: 16px;\n    }\n    \n    .hero-image img {\n        max-height: 350px;\n    }\n    \n    .feature-item {\n        font-size: 15px;\n    }\n}\n<\/style>\n\n<script type=\"application\/ld+json\">\n{\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"EducationalOrganization\",\n    \"name\": \"International School 33 - \u00c9cole \u00c9l\u00e9mentaire Gradignan\",\n    \"description\": \"\u00c9cole \u00e9l\u00e9mentaire internationale \u00e0 Gradignan. Programme Primaire du Baccalaur\u00e9at International (IB PP). P\u00e9dagogie Montessori et bilinguisme anglais-fran\u00e7ais pour enfants de 6 \u00e0 12 ans.\",\n    \"url\": \"https:\/\/international-school33.com\/elementaire\",\n    \"address\": {\n        \"@type\": \"PostalAddress\",\n        \"streetAddress\": \"47 avenue de la Poterie\",\n        \"postalCode\": \"33170\",\n        \"addressLocality\": \"Gradignan\",\n        \"addressRegion\": \"Nouvelle-Aquitaine\",\n        \"addressCountry\": \"FR\"\n    },\n    \"educationalProgramMode\": \"Full-time\",\n    \"audience\": {\n        \"@type\": \"EducationalAudience\",\n        \"educationalRole\": \"student\",\n        \"audienceType\": \"Enfants 6 \u00e0 12 ans\"\n    },\n    \"knowsAbout\": [\n        \"Baccalaur\u00e9at International\",\n        \"Programme Primaire IB\",\n        \"M\u00e9thode Montessori\",\n        \"\u00c9ducation bilingue\",\n        \"D\u00e9veloppement de l'enfant\"\n    ],\n    \"hasOfferCatalog\": {\n        \"@type\": \"OfferCatalog\",\n        \"name\": \"Programme \u00c9l\u00e9mentaire\",\n        \"itemListElement\": [\n            {\n                \"@type\": \"Course\",\n                \"name\": \"Programme Primaire du Baccalaur\u00e9at International (PP)\",\n                \"description\": \"Programme IB pour enfants de 6 \u00e0 12 ans, combinant m\u00e9thode Montessori et bilinguisme anglais-fran\u00e7ais. Classes \u00e0 effectifs r\u00e9duits.\",\n                \"provider\": {\n                    \"@type\": \"EducationalOrganization\",\n                    \"name\": \"International School 33\"\n                }\n            }\n        ]\n    }\n}\n<\/script>\n\n<section class=\"is33-hero-elementaire\" id=\"hero-elementaire\">\n    <div class=\"hero-container\">\n        <div class=\"hero-content\">\n            <span class=\"age-badge\">6 \u00e0 12 ans<\/span>\n            <h1 class=\"hero-title\">\n                \u00c9cole \u00c9l\u00e9mentaire Internationale avec un <span class=\"highlight\">programme 100% bilingue<\/span>\n            <\/h1>\n            <p class=\"hero-subtitle\">\n                IS33 est la premi\u00e8re \u00e9cole du monde de l'IB en Nouvelle-Aquitaine. Programme Primaire du Baccalaur\u00e9at International d\u00e8s la maternelle, avec p\u00e9dagogie Montessori et bilinguisme anglais-fran\u00e7ais.\n            <\/p>\n            \n            <div class=\"hero-features\">\n                <div class=\"feature-item\">\n                    <span class=\"feature-icon\"><\/span>\n                    <span><strong>Programme IB d\u00e8s le primaire<\/strong> \u2014 Former des citoyens du monde<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <span class=\"feature-icon\"><\/span>\n                    <span><strong>Bilinguisme total<\/strong> \u2014 Immersion anglais \/ fran\u00e7ais quotidienne<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <span class=\"feature-icon\"><\/span>\n                    <span><strong>M\u00e9thode Montessori<\/strong> \u2014 Apprentissage \u00e0 son rythme avec mat\u00e9riel concret<\/span>\n                <\/div>\n                <div class=\"feature-item\">\n                    <span class=\"feature-icon\"><\/span>\n                    <span><strong>Classes \u00e0 effectifs r\u00e9duits<\/strong> \u2014 Suivi personnalis\u00e9 de chaque \u00e9l\u00e8ve<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"hero-image\">\n            <div class=\"hero-image-wrapper\">\n                <img decoding=\"async\" \n                    src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33_Primaire-Welcome-to-3rd-grad.jpeg\" \n                    alt=\"\u00c9l\u00e8ves du programme \u00e9l\u00e9mentaire IS33 Gradignan travaillant en classe\"\n                    loading=\"eager\"\n                \/>\n            <\/div>\n            <div class=\"floating-card card-1\">\n                <div class=\"card-label\">Effectif classe<\/div>\n                <div class=\"card-value\">15-20 \u00e9l\u00e8ves<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\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-5f0399b e-flex e-con-boxed e-con e-parent\" data-id=\"5f0399b\" 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-a001502 elementor-widget elementor-widget-html\" data-id=\"a001502\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-programmes-ib {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);\n    padding: 50px 40px;\n    position: relative;\n}\n\n.programmes-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.programmes-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUp 0.8s ease-out;\n}\n\n.programmes-label {\n    display: inline-block;\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    color: white;\n    padding: 10px 24px;\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 24px;\n}\n\n.programmes-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 16px;\n    line-height: 1.2;\n}\n\n.programmes-subtitle {\n    font-size: 22px;\n    color: #05244F;\n    opacity: 0.85;\n    max-width: 700px;\n    margin: 0 auto;\n    line-height: 1.5;\n}\n\n\/* Introduction Block *\/\n.programmes-intro {\n    background: white;\n    padding: 50px 60px;\n    margin-bottom: 40px;\n    border-left: 6px solid #B59138;\n    box-shadow: 0 8px 32px rgba(5, 36, 79, 0.08);\n    animation: fadeInUp 0.8s ease-out 0.2s backwards;\n}\n\n.programmes-intro p {\n    font-size: 18px;\n    line-height: 1.8;\n    color: #05244F;\n    margin-bottom: 20px;\n}\n\n.programmes-intro p:last-child {\n    margin-bottom: 0;\n}\n\n.programmes-intro a {\n    color: #B59138;\n    font-weight: 600;\n    text-decoration: none;\n    border-bottom: 2px solid transparent;\n    transition: border-color 0.3s ease;\n    font-size: inherit !important;\n}\n\n.programmes-intro a:hover {\n    border-bottom-color: #B59138;\n}\n\n\/* Liste des avantages IB - Grille *\/\n.ib-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-bottom: 40px;\n}\n\n.benefit-card {\n    background: white;\n    padding: 32px;\n    border-radius: 0;\n    box-shadow: 0 4px 20px rgba(5, 36, 79, 0.08);\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    animation: fadeInUp 0.8s ease-out backwards;\n    display: flex;\n    flex-direction: column;\n}\n\n\/* --- STYLE SP\u00c9CIFIQUE POUR LA 6\u00e8me CARTE (SOURCE) --- *\/\n.benefit-card.source-card {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    color: white;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    border: none;\n}\n\n.benefit-card.source-card::before {\n    display: none;\n}\n\n.benefit-card.source-card .benefit-icon,\n.benefit-card.source-card .benefit-text {\n    color: white;\n}\n\n.benefit-card.source-card .benefit-text {\n    font-weight: 600;\n}\n\n\/* LIEN EN NAVY DANS LA CARTE SOURCE *\/\n.source-link {\n    color: #05244F !important;\n    font-weight: 800;\n    text-decoration: underline;\n    font-size: 18px;\n    margin-top: 8px;\n    display: block;\n    background-color: rgba(255,255,255,0.2);\n    padding: 4px 12px;\n    border-radius: 4px;\n}\n\n.source-link:hover {\n    background-color: rgba(255,255,255,0.4);\n    color: #05244F !important;\n}\n\n.benefit-card:nth-child(1) { animation-delay: 0.1s; }\n.benefit-card:nth-child(2) { animation-delay: 0.2s; }\n.benefit-card:nth-child(3) { animation-delay: 0.3s; }\n.benefit-card:nth-child(4) { animation-delay: 0.4s; }\n.benefit-card:nth-child(5) { animation-delay: 0.5s; }\n.benefit-card:nth-child(6) { animation-delay: 0.6s; }\n\n.benefit-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 100%;\n    background: linear-gradient(180deg, #F45D48 0%, #B59138 100%);\n}\n\n.benefit-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 12px 40px rgba(5, 36, 79, 0.15);\n}\n\n.benefit-icon {\n    font-size: 40px;\n    margin-bottom: 16px;\n    display: flex;\n    align-items: center;\n    color: #F45D48;\n}\n\n.benefit-text {\n    font-size: 16px;\n    line-height: 1.7;\n    color: #05244F;\n    margin: 0;\n}\n\n\/* Bloc principal enseignement *\/\n.enseignement-primaire-block {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    color: white;\n    padding: 60px;\n    margin-bottom: 40px;\n    animation: fadeInUp 0.8s ease-out 0.6s backwards;\n}\n\n.enseignement-primaire-block h3 {\n    font-size: 28px;\n    font-weight: 700;\n    margin-bottom: 24px;\n    color: #B59138;\n}\n\n.enseignement-primaire-block p {\n    font-size: 18px;\n    line-height: 1.8;\n    opacity: 0.95;\n    margin-bottom: 20px;\n}\n\n.enseignement-primaire-block p:last-child {\n    margin-bottom: 0;\n}\n\n.enseignement-primaire-block strong {\n    color: #B59138;\n}\n\n.enseignement-primaire-block a {\n    color: #F45D48;\n    text-decoration: none;\n    font-weight: 600;\n    border-bottom: 2px solid transparent;\n    transition: border-color 0.3s ease;\n}\n\n.enseignement-primaire-block a:hover {\n    border-bottom-color: #F45D48;\n}\n\n\/* Bloc entr\u00e9e coll\u00e8ge *\/\n.college-block {\n    background: #B59138;\n    color: white;\n    padding: 40px 60px;\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    animation: fadeInUp 0.8s ease-out 0.7s backwards;\n}\n\n.college-icon {\n    font-size: 48px;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n}\n\n.college-text {\n    font-size: 18px;\n    line-height: 1.7;\n    margin: 0;\n}\n\n.college-text a {\n    color: white;\n    font-weight: 600;\n    text-decoration: underline;\n    font-size: inherit !important; \/* Force la taille pour \u00eatre \u00e9gale au texte *\/\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n    .is33-programmes-ib { padding: 60px 24px; }\n    .programmes-title { font-size: 32px; }\n    .programmes-subtitle { font-size: 18px; }\n    .programmes-intro { padding: 32px; }\n    .ib-benefits { grid-template-columns: 1fr; }\n    .enseignement-primaire-block { padding: 40px 32px; }\n    .college-block { flex-direction: column; text-align: center; padding: 32px; }\n}\n\n@media (max-width: 480px) {\n    .programmes-title { font-size: 28px; }\n    .programmes-intro p,\n    .enseignement-primaire-block p { font-size: 16px; }\n}\n<\/style>\n\n<section class=\"is33-programmes-ib\" id=\"programmes-ib\">\n    <div class=\"programmes-container\">\n        \n        <div class=\"programmes-header\">\n            <span class=\"programmes-label\">Programme Primaire IB<\/span>\n            <h2 class=\"programmes-title\">Les programmes du Baccalaur\u00e9at International d\u00e8s le primaire<\/h2>\n            <p class=\"programmes-subtitle\">Le programme primaire (PP) de l'IB s'adresse aux \u00e9l\u00e8ves \u00e2g\u00e9s de 6 \u00e0 12 ans.<\/p>\n        <\/div>\n        \n        <div class=\"programmes-intro\">\n            <p>\n               \n    L'International School 33 de Gradignan, aux portes de Bordeaux, est la premi\u00e8re \u00e9cole du monde de l'IB de la r\u00e9gion Nouvelle-Aquitaine. Les programmes du <a href=\"https:\/\/international-school33.com\/baccalaureat-international\/\"><strong>Baccalaur\u00e9at International<\/strong><\/a> d\u00e9butent <a href=\"https:\/\/international-school33.com\/maternelle\/\"><strong>d\u00e8s la maternelle<\/strong><\/a>, se prolongent en primaire. Pour d\u00e9couvrir les \u00e9tapes d\u2019inscription, consultez notre <a href=\"https:\/\/international-school33.com\/admission\/\"><strong>page d\u2019admission \u00e9cole internationale Bordeaux<\/strong><\/a>.\n            <\/p>\n        <\/div>\n        \n        <div class=\"ib-benefits\">\n            <div class=\"benefit-card\">\n                <span class=\"benefit-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"128\" y1=\"128\" x2=\"224\" y2=\"32\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M195.88,60.12a95.88,95.88,0,1,0,18.77,26.49\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M161.94,94.06a48,48,0,1,0,14,31.2\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <\/span>\n                <p class=\"benefit-text\">Forment des futurs citoyens \u00e0 penser librement avec un esprit critique d\u00e9velopp\u00e9<\/p>\n            <\/div>\n            \n            <div class=\"benefit-card\">\n                <span class=\"benefit-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"88\" y1=\"232\" x2=\"168\" y2=\"232\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M78.7,167A79.87,79.87,0,0,1,48,104.45C47.76,61.09,82.72,25,126.07,24a80,80,0,0,1,51.34,142.9A24.3,24.3,0,0,0,168,186v6a8,8,0,0,1-8,8H96a8,8,0,0,1-8-8v-6A24.11,24.11,0,0,0,78.7,167Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M136,56c20,3.37,36.61,20,40,40\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <\/span>\n                <p class=\"benefit-text\">Encouragent les \u00e9l\u00e8ves de tous \u00e2ges \u00e0 r\u00e9fl\u00e9chir de mani\u00e8re critique et \u00e0 remettre en question les hypoth\u00e8ses<\/p>\n            <\/div>\n            \n            <div class=\"benefit-card\">\n                <span class=\"benefit-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M75.88,123.26,89.2,100a8,8,0,0,1,6.94-4h16.71a7.9,7.9,0,0,0,3.86-1L129,88.24a7.12,7.12,0,0,0,1.49-1.07l26.92-24.33A8,8,0,0,0,159,53l-10.5-18.81\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M67.78,53.23,56,81.08A8,8,0,0,0,55.88,87l11.5,30.67a8,8,0,0,0,5.81,5l21.43,4.61a8,8,0,0,1,5.52,4.33l3.8,7.87a8,8,0,0,0,7.2,4.51h13.8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M213.09,172.48l-52.38-32.22a8.11,8.11,0,0,0-3.12-1.11l-22.82-3.08a8,8,0,0,0-8.38,4.67l-13.7,30.74a8,8,0,0,0,1.44,8.69l19.74,20.33a8,8,0,0,1,2,6.95l-3.17,16.44\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <\/span>\n                <p class=\"benefit-text\">Se d\u00e9veloppent ind\u00e9pendamment des syst\u00e8mes gouvernementaux et nationaux, en int\u00e9grant les pratiques de qualit\u00e9<\/p>\n            <\/div>\n            \n            <div class=\"benefit-card\">\n                <span class=\"benefit-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M36,112H220\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M36,144H220\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><ellipse cx=\"128\" cy=\"128\" rx=\"40\" ry=\"96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <\/span>\n                <p class=\"benefit-text\">Encouragent les \u00e9tudiants de tous \u00e2ges \u00e0 tenir compte des contextes locaux et mondiaux<\/p>\n            <\/div>\n            \n            <div class=\"benefit-card\">\n                <span class=\"benefit-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"96\" y1=\"112\" x2=\"160\" y2=\"112\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"96\" y1=\"144\" x2=\"160\" y2=\"144\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M79.93,211.11a96,96,0,1,0-35-35h0L32.42,213.46a8,8,0,0,0,10.12,10.12l37.39-12.47Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <\/span>\n                <p class=\"benefit-text\">Aident au d\u00e9veloppement d'\u00e9tudiants multilingues<\/p>\n            <\/div>\n\n            <div class=\"benefit-card source-card\">\n                <span class=\"benefit-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M136,88h48a40,40,0,0,1,0,80H160\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M120,168H72a40,40,0,0,1,0-80H96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"104\" y1=\"128\" x2=\"152\" y2=\"128\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <\/span>\n                <p class=\"benefit-text\" style=\"margin-bottom: 8px;\">Source officielle<\/p>\n                <a href=\"http:\/\/www.ibo.org\" target=\"_blank\" rel=\"noopener\" class=\"source-link\">www.ibo.org<\/a>\n            <\/div>\n\n        <\/div>\n        \n        <div class=\"enseignement-primaire-block\">\n            <h3>Au cours du cycle du primaire \u00e0 International School 33 (IS33)<\/h3>\n            <p>\n                Les \u00e9l\u00e8ves d'\u00e9l\u00e9mentaire (du CP au CM2) \u00e9voluent dans un environnement <strong>bilingue, stimulant et bienveillant<\/strong>, o\u00f9 les <strong>comp\u00e9tences de l'\u00c9ducation nationale fran\u00e7aise<\/strong> sont non seulement respect\u00e9es, mais largement enrichies par les approches p\u00e9dagogiques les plus innovantes. En effet, notre enseignement s'appuie sur les fondements du <strong>Baccalaur\u00e9at International (IB)<\/strong> et de la <strong>p\u00e9dagogie Montessori<\/strong>, deux approches compl\u00e9mentaires qui placent l'enfant au c\u0153ur de ses apprentissages.\n            <\/p>\n            <p>\n               \n    Le but de cet enseignement est de permettre \u00e0 l'\u00e9l\u00e8ve d'aborder en toute confiance et dans les meilleures conditions <strong>l'entr\u00e9e en sixi\u00e8me<\/strong>. De m\u00eame, si l'enfant est amen\u00e9 \u00e0 quitter l'\u00e9tablissement en cours de cycle, il se r\u00e9int\u00e9grera facilement dans le syst\u00e8me traditionnel. Consultez notre <a href=\"https:\/\/international-school33.com\/tarifs\/\">grille tarifaire \u00e9cole internationale Bordeaux<\/a> pour estimer les frais de scolarit\u00e9 selon votre situation.\n            <\/p>\n        <\/div>\n        \n        <div class=\"college-block\">\n            <span class=\"college-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M224,96l-96,56L32,96l96-56Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M216,141.56V184a8,8,0,0,1-11.75,7.07l-70-36.84\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M128,152v62.5c0,28.4-23.88,27-59.69,15.68A8,8,0,0,1,64,222.61V114.67\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n            <\/span>\n            <p class=\"college-text\">\n                En fin de primaire l'enfant entre au <a href=\"https:\/\/international-school33.com\/college\/\">coll\u00e8ge avec un excellent niveau en anglais<\/a> (compr\u00e9hension, expression et r\u00e9daction) gr\u00e2ce \u00e0 un enseignement anglophone suivi en immersion.\n            <\/p>\n        <\/div>\n        \n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dcf97b4 e-con-full e-flex e-con e-child\" data-id=\"dcf97b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db95c27 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-image\" data-id=\"db95c27\" 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=\"800\" height=\"791\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-Primaire-chest-1024x1013.jpg\" class=\"attachment-large size-large wp-image-1023\" alt=\"\" srcset=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-Primaire-chest-1024x1013.jpg 1024w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-Primaire-chest-300x297.jpg 300w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-Primaire-chest-768x760.jpg 768w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-Primaire-chest-12x12.jpg 12w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-Primaire-chest.jpg 1170w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\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-fa5dc1e elementor-widget elementor-widget-image\" data-id=\"fa5dc1e\" 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=\"506\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33_Primaire-1024x648.jpg\" class=\"attachment-large size-large wp-image-1022\" alt=\"\" srcset=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33_Primaire-1024x648.jpg 1024w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33_Primaire-300x190.jpg 300w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33_Primaire-768x486.jpg 768w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33_Primaire-18x12.jpg 18w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33_Primaire.jpg 1170w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-466a88f elementor-widget elementor-widget-html\" data-id=\"466a88f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-richesse-enseignement {\n  font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n  background: #ffffff;\n  padding: 50px 40px; \/* MODIFICATION : Padding pass\u00e9 \u00e0 50px *\/\n  position: relative;\n}\n\n.richesse-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.richesse-header {\n  text-align: center;\n  margin-bottom: 60px;\n  animation: fadeInUp 0.8s ease-out;\n}\n\n.richesse-label {\n  display: inline-block;\n  background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n  color: white;\n  padding: 10px 24px;\n  font-size: 14px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-top: -30px; \n  margin-bottom: 54px;\n\n}\n\n.richesse-title {\n  font-size: 42px;\n  font-weight: 700;\n  color: #05244F;\n  margin-bottom: 16px;\n  line-height: 1.2;\n  \/* Reset des marges par d\u00e9faut des Hn pour garder le style visuel *\/\n  margin-top: 0;\n}\n\n.richesse-subtitle {\n  font-size: 20px;\n  color: #05244F;\n  margin-bottom: 8px;\n}\n\n\/* Citation en \u00e9vidence *\/\n.mission-quote {\n  background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n  color: white;\n  padding: 40px 50px;\n  margin-bottom: 50px;\n  position: relative;\n  animation: fadeInUp 0.8s ease-out 0.2s backwards;\n}\n\n.mission-quote::before {\n  content: '\"';\n  position: absolute;\n  top: 10px;\n  left: 20px;\n  font-size: 80px;\n  font-family: Georgia, serif;\n  opacity: 0.2;\n  line-height: 1;\n}\n\n.mission-quote p {\n  font-size: 22px;\n  font-weight: 600;\n  line-height: 1.6;\n  margin: 0;\n  position: relative;\n  z-index: 1;\n  font-style: italic;\n}\n\n\/* Grille bilingue *\/\n.bilingue-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n  margin-bottom: 50px;\n}\n\n.bilingue-card {\n  padding: 50px;\n  animation: fadeInUp 0.8s ease-out backwards;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, z-index 0s; \/* Ajout transition *\/\n  position: relative;\n  z-index: 1;\n}\n\n\/* EFFET HOVER AJOUT\u00c9 ICI *\/\n.bilingue-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 15px 40px rgba(0,0,0,0.2);\n    z-index: 2; \/* Passe au-dessus de l'autre *\/\n}\n\n.bilingue-card:nth-child(1) {\n  background: #05244F;\n  color: white;\n  animation-delay: 0.3s;\n}\n\n.bilingue-card:nth-child(2) {\n  background: #B59138;\n  color: white;\n  animation-delay: 0.4s;\n}\n\n.bilingue-card h4 {\n  font-size: 24px;\n  font-weight: 700;\n  margin-bottom: 20px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.bilingue-card p {\n  font-size: 17px;\n  line-height: 1.8;\n  opacity: 0.95;\n  margin: 0;\n}\n\n\/* Bloc enseignement d\u00e9taill\u00e9 *\/\n.enseignement-detail {\n  background: #f8f9fa;\n  padding: 50px 60px;\n  margin-bottom: 50px;\n  animation: fadeInUp 0.8s ease-out 0.5s backwards;\n}\n\n.enseignement-detail p {\n  font-size: 18px;\n  line-height: 1.8;\n  color: #05244F;\n  margin-bottom: 24px;\n}\n\n.enseignement-detail p:last-child {\n  margin-bottom: 0;\n}\n\n.enseignement-detail strong {\n  color: #B59138;\n}\n\n\/* Langues et certifications *\/\n.certifications-block {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 30px;\n  margin-bottom: 50px;\n}\n\n.cert-card {\n  background: white;\n  padding: 40px;\n  border: 2px solid #e9ecef;\n  transition: all 0.3s ease;\n  animation: fadeInUp 0.8s ease-out backwards;\n}\n\n.cert-card:nth-child(1) { animation-delay: 0.6s; }\n.cert-card:nth-child(2) { animation-delay: 0.7s; }\n\n.cert-card:hover {\n  border-color: #B59138;\n  box-shadow: 0 8px 32px rgba(181, 145, 56, 0.15);\n}\n\n.cert-icon {\n  font-size: 40px;\n  margin-bottom: 16px;\n  display: block;\n}\n\n.cert-card h4 {\n  font-size: 20px;\n  font-weight: 700;\n  color: #05244F;\n  margin-bottom: 12px;\n}\n\n.cert-card p {\n  font-size: 16px;\n  line-height: 1.7;\n  color: #05244F;\n  opacity: 0.85;\n  margin: 0;\n}\n\n\/* R\u00e9ussite IB *\/\n.reussite-block {\n  background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n  color: white;\n  padding: 50px 60px;\n  margin-bottom: 50px;\n  animation: fadeInUp 0.8s ease-out 0.8s backwards;\n}\n\n.reussite-block h3 {\n  font-size: 26px;\n  font-weight: 700;\n  margin-bottom: 20px;\n  color: #B59138;\n}\n\n.reussite-block p {\n  font-size: 18px;\n  line-height: 1.8;\n  opacity: 0.95;\n  margin-bottom: 30px;\n}\n\n\/* Liste des objectifs *\/\n.objectifs-list {\n  display: grid;\n  gap: 20px;\n}\n\n.objectif-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  background: rgba(255, 255, 255, 0.1);\n  padding: 24px;\n  transition: background 0.3s ease;\n}\n\n.objectif-item:hover {\n  background: rgba(255, 255, 255, 0.15);\n}\n\n.objectif-icon {\n  width: 32px;\n  height: 32px;\n  background: #B59138;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: white;\n}\n\n.objectif-text {\n  font-size: 16px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* Programme primaire communaut\u00e9 *\/\n.communaute-block {\n  background: #f8f9fa;\n  padding: 50px 60px;\n  animation: fadeInUp 0.8s ease-out 0.9s backwards;\n}\n\n.communaute-block p {\n  font-size: 18px;\n  line-height: 1.8;\n  color: #05244F;\n  margin-bottom: 20px;\n}\n\n.communaute-block p:last-child {\n  margin-bottom: 0;\n}\n\n.source-ib {\n  text-align: right;\n  margin-top: 20px;\n  font-size: 14px;\n  color: #05244F;\n  opacity: 0.7;\n}\n\n.source-ib a {\n  color: #B59138;\n  text-decoration: none;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n  .is33-richesse-enseignement { padding: 60px 24px; }\n  .richesse-title { font-size: 32px; }\n  .bilingue-grid { grid-template-columns: 1fr; }\n  .bilingue-card { padding: 32px; }\n  .enseignement-detail, .reussite-block, .communaute-block { padding: 32px; }\n  .certifications-block { grid-template-columns: 1fr; }\n  .mission-quote { padding: 32px; }\n  .mission-quote p { font-size: 18px; }\n}\n\n@media (max-width: 480px) {\n  .richesse-title { font-size: 28px; }\n}\n<\/style>\n\n<section class=\"is33-richesse-enseignement\" id=\"richesse-enseignement\">\n  <div class=\"richesse-container\">\n    \n    <div class=\"richesse-header\">\n      <h2 class=\"richesse-label\">Enseignement bilingue<\/h2>\n      <h3 class=\"richesse-title\">La richesse de l'enseignement en primaire<\/h3>\n      \n    <\/div>\n    \n    <div class=\"mission-quote\">\n      <p>Notre but est que les enfants soient heureux de venir \u00e0 l'\u00e9cole, qu'ils prennent plaisir \u00e0 travailler, aient confiance en eux et respectent les autres ainsi que leur environnement.<\/p>\n    <\/div>\n    \n    <div class=\"bilingue-grid\">\n      <div class=\"bilingue-card\">\n        <h4>Deux jours en fran\u00e7ais, deux jours en anglais<\/h4>\n        <p>Les \u00e9l\u00e8ves d'IS33 du programme primaire (PP) \u00e9tudient deux jours par semaine en fran\u00e7ais, et deux jours en anglais. Les enseignants dispensent leurs cours dans leur langue maternelle.<\/p>\n      <\/div>\n      <div class=\"bilingue-card\">\n        <h4>Toutes les mati\u00e8res en bilingue<\/h4>\n        <p>Les \u00e9l\u00e8ves \u00e9tudient donc le langage, les math\u00e9matiques, les sciences humaines et naturelles, les arts et l'\u00e9ducation personnelle, sociale et physique en anglais et en fran\u00e7ais.<\/p>\n      <\/div>\n    <\/div>\n    \n    <div class=\"enseignement-detail\">\n      <p>\n        Les enseignants passionn\u00e9s, sont \u00e0 <strong>l'\u00e9coute des \u00e9l\u00e8ves<\/strong> et <strong>entretiennent leur curiosit\u00e9 et leur soif de connaissances<\/strong> en proposant un travail attrayant. Forts du sentiment de travailler pour soi et de l'int\u00e9r\u00eat port\u00e9 \u00e0 ce qu'ils font, les \u00e9l\u00e8ves se constituent peu \u00e0 peu des bases solides en culture g\u00e9n\u00e9rale, et aiment travailler.\n      <\/p>\n      <p>\n        Cette exposition quotidienne \u00e0 deux langues vivantes renforce naturellement la capacit\u00e9 des \u00e9l\u00e8ves \u00e0 comprendre, s'exprimer et penser dans deux syst\u00e8mes linguistiques diff\u00e9rents. Les enseignements sont adapt\u00e9s en fonction du niveau de langue de chaque \u00e9l\u00e8ve, afin de garantir une progression r\u00e9elle, motivante et durable.\n      <\/p>\n    <\/div>\n    \n    <div class=\"certifications-block\">\n      <div class=\"cert-card\">\n        <span class=\"cert-icon\">\ud83c\udfc5<\/span>\n        <h4>Cambridge Young Learners<\/h4>\n        <p>Les \u00e9l\u00e8ves qui apprennent l'anglais comme langue seconde b\u00e9n\u00e9ficient d'un accompagnement sp\u00e9cifique leur permettant de passer les examens de Cambridge des Young Learners, une certification internationalement reconnue attestant de leur niveau.<\/p>\n      <\/div>\n      <div class=\"cert-card\">\n        <span class=\"cert-icon\">\ud83c\uddeb\ud83c\uddf7<\/span>\n        <h4>Fran\u00e7ais langue \u00e9trang\u00e8re (FLE)<\/h4>\n        <p>De la m\u00eame mani\u00e8re, les \u00e9l\u00e8ves non francophones suivent chaque jour des cours de Fran\u00e7ais Langue \u00c9trang\u00e8re (FLE), afin de renforcer et d'acc\u00e9l\u00e9rer leur ma\u00eetrise de la langue officielle du pays.<\/p>\n      <\/div>\n    <\/div>\n    \n    <div class=\"reussite-block\">\n      <h3>Les \u00e9l\u00e8ves de l'IB r\u00e9ussissent souvent mieux que les autres<\/h3>\n      <p>Tous les programmes de l'IB encouragent les \u00e9l\u00e8ves \u00e0 devenir des apprenants ind\u00e9pendants. Il s'agit l\u00e0 de l'un de leurs principaux points forts.<\/p>\n      \n      <p>Gr\u00e2ce \u00e0 nos programmes d'enseignement, nous :<\/p>\n      \n      <div class=\"objectifs-list\">\n        <div class=\"objectif-item\">\n          <span class=\"objectif-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"16\" height=\"16\" fill=\"white\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"objectif-text\">Incitons les \u00e9l\u00e8ves \u00e0 poser des questions, \u00e0 poursuivre leurs propres aspirations, \u00e0 se fixer des objectifs ambitieux et \u00e0 d\u00e9velopper la pers\u00e9v\u00e9rance n\u00e9cessaire afin de les atteindre<\/p>\n        <\/div>\n        <div class=\"objectif-item\">\n          <span class=\"objectif-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"16\" height=\"16\" fill=\"white\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"objectif-text\">Aidons les \u00e9l\u00e8ves \u00e0 \u00e9mettre des jugements critiques et \u00e9thiques en connaissance de cause, ainsi qu'\u00e0 d\u00e9velopper la souplesse, la pers\u00e9v\u00e9rance et la confiance dont ils ont besoin pour apporter des changements importants dans le monde<\/p>\n        <\/div>\n        <div class=\"objectif-item\">\n          <span class=\"objectif-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"16\" height=\"16\" fill=\"white\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"objectif-text\">Encourageons la cr\u00e9ation d'identit\u00e9s personnelles et culturelles riches<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"communaute-block\">\n      <p>\n        Les \u00e9tablissements qui choisissent de mettre en \u0153uvre le programme primaire contribuent au bien-\u00eatre scolaire, social et \u00e9motionnel des \u00e9l\u00e8ves, en se concentrant sur la sensibilit\u00e9 internationale ainsi que sur le d\u00e9veloppement d'un sentiment d'appartenance aux communaut\u00e9s tant locales que mondiales.\n      <\/p>\n      <p>\n        Le PP favorise le d\u00e9veloppement d'apprenants qui savent combiner l'autonomie et la collaboration, en encourageant tous les \u00e9l\u00e8ves \u00e0 exprimer leur opinion, \u00e0 faire des choix et \u00e0 s'approprier leur apprentissage.\n      <\/p>\n      <div class=\"source-ib\">\n        (source : <a href=\"https:\/\/www.ibo.org\/fr\/\" target=\"_blank\" rel=\"noopener\">www.ibo.org\/fr\/<\/a>)\n      <\/div>\n    <\/div>\n    \n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-873a00e e-con-full e-flex e-con e-child\" data-id=\"873a00e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151e39f elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image\" data-id=\"151e39f\" 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=\"768\" height=\"763\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/Journee-type2.jpg\" class=\"attachment-large size-large wp-image-1075\" alt=\"\" srcset=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/Journee-type2.jpg 768w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/Journee-type2-300x298.jpg 300w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/Journee-type2-150x150.jpg 150w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/Journee-type2-12x12.jpg 12w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\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-6f15122 elementor-widget elementor-widget-image\" data-id=\"6f15122\" 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=\"768\" height=\"959\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/journee-type.png\" class=\"attachment-large size-large wp-image-1074\" alt=\"\" srcset=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/journee-type.png 768w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/journee-type-240x300.png 240w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/journee-type-10x12.png 10w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b42bb37 elementor-widget elementor-widget-html\" data-id=\"b42bb37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BLOC 4: APPRENTISSAGE TRANSDISCIPLINAIRE (D\u00c9PLAC\u00c9) + ANCRE -->\n\n<style>\n.is33-themes-section {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: transparent;\n    padding: 50px 40px;\n    position: relative;\n}\n\n.themes-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.themes-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUp 0.8s ease-out;\n}\n\n.themes-subtitle {\n    font-size: 14px;\n    font-weight: 600;\n    color: #B59138;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin-bottom: 16px;\n}\n\n.themes-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 20px;\n    line-height: 1.2;\n}\n\n.themes-description {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.8;\n    max-width: 800px;\n    margin: 0 auto;\n    line-height: 1.6;\n}\n\n.themes-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-top: 60px;\n}\n\n.theme-card {\n    padding: 40px 32px;\n    border-radius: 0;\n    color: white;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;\n    cursor: pointer;\n    min-height: 280px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    animation: fadeInUp 0.8s ease-out backwards;\n}\n\n.theme-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.theme-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n}\n\n.theme-card:hover::before {\n    opacity: 1;\n}\n\n.theme-card:nth-child(1) {\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    animation-delay: 0.1s;\n}\n\n.theme-card:nth-child(2) {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    animation-delay: 0.2s;\n    min-height: 320px;\n}\n\n.theme-card:nth-child(3) {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    animation-delay: 0.3s;\n}\n\n.theme-card:nth-child(4) {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    animation-delay: 0.4s;\n    min-height: 320px;\n}\n\n.theme-card:nth-child(5) {\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    animation-delay: 0.5s;\n}\n\n.theme-card:nth-child(6) {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    animation-delay: 0.6s;\n    min-height: 320px;\n}\n\n.theme-icon {\n    font-size: 48px;\n    margin-bottom: 20px;\n    display: block;\n    line-height: 1;\n}\n\n.theme-title {\n    font-size: 24px;\n    font-weight: 700;\n    margin-bottom: 12px;\n    line-height: 1.3;\n}\n\n.theme-text {\n    font-size: 15px;\n    line-height: 1.6;\n    opacity: 0.95;\n}\n\n.themes-footer {\n    text-align: center;\n    margin-top: 60px;\n    padding: 40px;\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    border-radius: 0px;\n    animation: fadeInUp 0.8s ease-out 0.7s backwards;\n}\n\n.themes-footer-text {\n    font-size: 16px;\n    color: #05244F;\n    line-height: 1.8;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n.themes-footer-text strong {\n    color: #B59138;\n    font-weight: 600;\n}\n\n\/* Animations *\/\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\/* Responsive *\/\n@media (max-width: 968px) {\n    .is33-themes-section {\n        padding: 60px 24px;\n    }\n    \n    .themes-title {\n        font-size: 32px;\n    }\n    \n    .themes-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .theme-card {\n        min-height: 240px !important;\n    }\n    \n    .theme-title {\n        font-size: 22px;\n    }\n}\n\n@media (max-width: 768px) {\n    .themes-title {\n        font-size: 28px;\n    }\n    \n    .themes-description {\n        font-size: 16px;\n    }\n}\n<\/style>\n\n<!-- HTML Structure -->\n<section class=\"is33-themes-section\" id=\"apprentissage-transdisciplinaire\">\n    <div class=\"themes-container\">\n        <div class=\"themes-header\">\n            <div class=\"themes-subtitle\">Programme primaire IB<\/div>\n            <h2 class=\"themes-title\">Un apprentissage transdisciplinaire<\/h2>\n            <p class=\"themes-description\">\n                Le Programme Primaire de l'IB est structur\u00e9 autour de 6 th\u00e8mes transdisciplinaires qui offrent aux enfants des exp\u00e9riences d'apprentissage authentiques transcendant les fronti\u00e8res des disciplines traditionnelles.\n            <\/p>\n        <\/div>\n        \n        <div class=\"themes-grid\">\n            <div class=\"theme-card\">\n                <div>\n                    <span class=\"theme-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"96\" r=\"64\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M32,216c19.37-33.47,54.55-56,96-56s76.63,22.53,96,56\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"theme-title\">Qui nous sommes<\/h3>\n                <\/div>\n                <p class=\"theme-text\">\n                    Explorer notre nature en tant qu'\u00eatres humains, nos croyances, nos valeurs, notre sant\u00e9 physique et mentale, nos relations et nos communaut\u00e9s.\n                <\/p>\n            <\/div>\n            \n            <div class=\"theme-card\">\n                <div>\n                    <span class=\"theme-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M75.88,123.26,89.2,100a8,8,0,0,1,6.94-4h16.71a7.9,7.9,0,0,0,3.86-1L129,88.24a7.12,7.12,0,0,0,1.49-1.07l26.92-24.33A8,8,0,0,0,159,53l-10.5-18.81\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M67.78,53.23,56,81.08A8,8,0,0,0,55.88,87l11.5,30.67a8,8,0,0,0,5.81,5l21.43,4.61a8,8,0,0,1,5.52,4.33l3.8,7.87a8,8,0,0,0,7.2,4.51h13.8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M213.09,172.48l-52.38-32.22a8.11,8.11,0,0,0-3.12-1.11l-22.82-3.08a8,8,0,0,0-8.38,4.67l-13.7,30.74a8,8,0,0,0,1.44,8.69l19.74,20.33a8,8,0,0,1,2,6.95l-3.17,16.44\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"theme-title\">O\u00f9 nous nous situons dans l'espace et le temps<\/h3>\n                <\/div>\n                <p class=\"theme-text\">\n                    Comprendre notre orientation dans le lieu et le temps, notre histoire personnelle, nos foyers, nos d\u00e9couvertes et les liens entre individus et civilisations.\n                <\/p>\n            <\/div>\n            \n            <div class=\"theme-card\">\n                <div>\n                    <span class=\"theme-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"84\" cy=\"108\" r=\"52\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M10.23,200a88,88,0,0,1,147.54,0\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M172,160a87.93,87.93,0,0,1,73.77,40\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M152.69,59.7A52,52,0,1,1,172,160\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"theme-title\">Comment nous nous exprimons<\/h3>\n                <\/div>\n                <p class=\"theme-text\">\n                    D\u00e9velopper nos moyens d'expression, de cr\u00e9ation artistique, de communication et notre appr\u00e9ciation de l'esth\u00e9tique.\n                <\/p>\n            <\/div>\n            \n            <div class=\"theme-card\">\n                <div>\n                    <span class=\"theme-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M41.43,178.09A99.14,99.14,0,0,1,31.36,153.8l16.78-21a81.59,81.59,0,0,1,0-9.64l-16.77-21a99.43,99.43,0,0,1,10.05-24.3l26.71-3a81,81,0,0,1,6.81-6.81l3-26.7A99.14,99.14,0,0,1,102.2,31.36l21,16.78a81.59,81.59,0,0,1,9.64,0l21-16.77a99.43,99.43,0,0,1,24.3,10.05l3,26.71a81,81,0,0,1,6.81,6.81l26.7,3a99.14,99.14,0,0,1,10.07,24.29l-16.78,21a81.59,81.59,0,0,1,0,9.64l16.77,21a99.43,99.43,0,0,1-10,24.3l-26.71,3a81,81,0,0,1-6.81,6.81l-3,26.7a99.14,99.14,0,0,1-24.29,10.07l-21-16.78a81.59,81.59,0,0,1-9.64,0l-21,16.77a99.43,99.43,0,0,1-24.3-10l-3-26.71a81,81,0,0,1-6.81-6.81Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"theme-title\">Comment le monde fonctionne<\/h3>\n                <\/div>\n                <p class=\"theme-text\">\n                    Explorer le monde naturel et ses lois, l'interaction entre les sciences et la soci\u00e9t\u00e9, l'impact des avanc\u00e9es scientifiques et technologiques.\n                <\/p>\n            <\/div>\n            \n            <div class=\"theme-card\">\n                <div>\n                    <span class=\"theme-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><polygon points=\"24 96 232 96 128 32 24 96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"56\" y1=\"96\" x2=\"56\" y2=\"176\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"104\" y1=\"96\" x2=\"104\" y2=\"176\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"152\" y1=\"96\" x2=\"152\" y2=\"176\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"200\" y1=\"96\" x2=\"200\" y2=\"176\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"32\" y1=\"176\" x2=\"224\" y2=\"176\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"16\" y1=\"208\" x2=\"240\" y2=\"208\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"theme-title\">Comment nous nous organisons<\/h3>\n                <\/div>\n                <p class=\"theme-text\">\n                    Comprendre les syst\u00e8mes cr\u00e9\u00e9s par l'humanit\u00e9 et les communaut\u00e9s, leur structure et leur fonctionnement, leurs droits et leurs responsabilit\u00e9s.\n                <\/p>\n            <\/div>\n            \n            <div class=\"theme-card\">\n                <div>\n                    <span class=\"theme-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"128\" y1=\"232\" x2=\"128\" y2=\"88\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"128\" y1=\"152\" x2=\"80\" y2=\"128\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"128\" y1=\"128\" x2=\"176\" y2=\"104\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M128,177.94a63.72,63.72,0,0,0,41.66,14c33.93-.86,62.43-30.22,62.34-64.16a64,64,0,0,0-40.13-59.2,68,68,0,0,0-127.74,0A64,64,0,0,0,24,127.82c-.09,33.94,28.42,63.3,62.35,64.16A63.71,63.71,0,0,0,128,177.94Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <\/span>\n                    <h3 class=\"theme-title\">Le partage de la plan\u00e8te<\/h3>\n                <\/div>\n                <p class=\"theme-text\">\n                    D\u00e9velopper notre engagement envers les droits et responsabilit\u00e9s dans notre lutte pour partager des ressources limit\u00e9es avec d'autres \u00eatres vivants.\n                <\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"themes-footer\">\n            <p class=\"themes-footer-text\">\n                <strong>Ces th\u00e8mes transdisciplinaires<\/strong> permettent aux \u00e9l\u00e8ves de r\u00e9fl\u00e9chir sur l'importance de leur apprentissage et de mener des actions significatives au sein de leur communaut\u00e9 et dans le monde au sens large. Chaque \u00e9l\u00e8ve avance \u00e0 son rythme tout en d\u00e9veloppant une compr\u00e9hension profonde et connect\u00e9e du monde qui l'entoure.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\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-6a7e3f8 e-flex e-con-boxed e-con e-parent\" data-id=\"6a7e3f8\" 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-76a1dc1 elementor-widget elementor-widget-html\" data-id=\"76a1dc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-montessori-section {\n  font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n  background: transparent;\n  padding: 40px 40px 40px 40px;\n  position: relative;\n}\n\n.montessori-container {\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n.montessori-header {\n  text-align: center;\n  margin-bottom: 60px;\n  animation: fadeInUp 0.8s ease-out;\n}\n\n.montessori-badge {\n  display: inline-block; \/* Simplifi\u00e9 car plus d'icone \u00e0 aligner *\/\n  background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n  color: white;\n  padding: 8px 20px;\n  border-radius: 0; \/* Carr\u00e9 *\/\n  font-size: 14px;\n  font-weight: 600;\n  text-transform: uppercase; \/* Majuscules *\/\n  margin-bottom: 24px;\n  letter-spacing: 1px;\n}\n\n.montessori-title {\n  font-size: 42px;\n  font-weight: 700;\n  color: #05244F;\n  margin-bottom: 24px;\n  line-height: 1.2;\n}\n\n.montessori-title .highlight {\n  color: #B59138;\n}\n\n.montessori-intro {\n  font-size: 18px;\n  color: #05244F;\n  opacity: 0.85;\n  line-height: 1.7;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.montessori-blocks {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-bottom: 24px;\n}\n\n.montessori-block {\n  padding: 40px 32px;\n  color: white;\n  border-radius: 0;\n  position: relative;\n  overflow: hidden;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  animation: fadeInUp 0.8s ease-out backwards;\n  min-height: 320px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n\n.montessori-block:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n}\n\n.montessori-block.block-gold {\n  background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n  animation-delay: 0.1s;\n}\n\n.montessori-block.block-coral {\n  background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n  animation-delay: 0.2s;\n}\n\n.montessori-block.block-blue {\n  background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n  animation-delay: 0.3s;\n}\n\n.block-title {\n  font-size: 24px;\n  font-weight: 700;\n  margin-bottom: 12px;\n  line-height: 1.3;\n}\n\n.block-icon {\n  font-size: 48px; \n  display: block;\n  margin-bottom: 20px;\n  line-height: 1;\n}\n\n.block-text {\n  font-size: 15px;\n  line-height: 1.6;\n  opacity: 0.95;\n  margin: 0;\n}\n\n\/* Grille du bas *\/\n.montessori-bottom {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-bottom: 24px;\n}\n\n.timeline-combined {\n  padding: 32px;\n  background: white;\n  border: 2px solid #e9ecef;\n  border-radius: 0;\n  transition: all 0.3s ease;\n  animation: fadeInUp 0.8s ease-out 0.4s backwards;\n  grid-column: 1 \/ 2;\n}\n\n.timeline-combined:hover {\n  border-color: #B59138;\n  box-shadow: 0 8px 24px rgba(181, 145, 56, 0.15);\n}\n\n.timeline-phase {\n  margin-bottom: 24px;\n}\n\n.timeline-phase:last-child {\n  margin-bottom: 0;\n}\n\n.timeline-age {\n  font-size: 14px;\n  font-weight: 600;\n  color: #B59138;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-bottom: 8px;\n}\n\n.timeline-desc {\n  font-size: 15px;\n  color: #05244F;\n  line-height: 1.6;\n  margin: 0;\n}\n\n.montessori-quote {\n  padding: 48px 40px;\n  background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n  position: relative;\n  animation: fadeInUp 0.8s ease-out 0.5s backwards;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  grid-column: 2 \/ 4; \n}\n\n.montessori-quote::before {\n  content: '\"';\n  position: absolute;\n  top: 20px;\n  left: 20px;\n  font-size: 120px;\n  font-family: Georgia, serif;\n  color: rgba(255, 255, 255, 0.1);\n  line-height: 1;\n}\n\n.montessori-quote::after {\n  content: '\"';\n  position: absolute;\n  bottom: -20px;\n  right: 20px;\n  font-size: 120px;\n  font-family: Georgia, serif;\n  color: rgba(255, 255, 255, 0.1);\n  line-height: 1;\n}\n\n.quote-text {\n  font-size: 22px;\n  font-style: italic;\n  color: white;\n  line-height: 1.6;\n  margin: 0 0 20px 0;\n  position: relative;\n  z-index: 1;\n  font-weight: 300;\n}\n\n.quote-author {\n  font-size: 16px;\n  font-weight: 600;\n  color: #B59138;\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.wide-block {\n  padding: 40px 32px;\n  background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n  color: white;\n  border-radius: 0;\n  animation: fadeInUp 0.8s ease-out 0.6s backwards;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  grid-column: 1 \/ -1; \n  display: flex;\n  align-items: center;\n  gap: 32px;\n}\n\n.wide-block:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 32px rgba(5, 36, 79, 0.3);\n}\n\n.wide-block-content {\n  flex: 1;\n}\n\n.wide-block-title {\n  font-size: 24px;\n  font-weight: 700;\n  margin-bottom: 12px;\n  line-height: 1.3;\n}\n\n.wide-block-text {\n  font-size: 16px;\n  line-height: 1.7;\n  opacity: 0.95;\n  margin: 0;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n  .is33-montessori-section { padding: 40px 24px 60px 24px; }\n  .montessori-title { font-size: 32px; }\n  .montessori-blocks { grid-template-columns: 1fr; gap: 20px; }\n  .montessori-block { min-height: auto; }\n  .montessori-bottom { grid-template-columns: 1fr; gap: 20px; }\n  .timeline-combined, .montessori-quote, .wide-block { grid-column: 1 \/ -1; }\n  .wide-block { flex-direction: column; align-items: flex-start; gap: 20px; }\n  .quote-text { font-size: 18px; }\n  .montessori-quote::before, .montessori-quote::after { font-size: 80px; }\n}\n\n@media (max-width: 768px) {\n  .montessori-intro { font-size: 16px; }\n}\n<\/style>\n\n<section class=\"is33-montessori-section\" id=\"materiel-montessori\">\n  <div class=\"montessori-container\">\n    \n    <div class=\"montessori-header\">\n      <span class=\"montessori-badge\">\n        P\u00c9DAGOGIE MONTESSORI\n      <\/span>\n      \n      <h2 class=\"montessori-title\">\n        Le mat\u00e9riel Montessori au <span class=\"highlight\">service de l'enfant<\/span>\n      <\/h2>\n      \n      <p class=\"montessori-intro\">\n        Le mat\u00e9riel Montessori est un mat\u00e9riel concret et \u00e9labor\u00e9 scientifiquement, mis \u00e0 la disposition des \u00e9l\u00e8ves dans la classe pour aborder de nouvelles notions et d\u00e9velopper leur autonomie.\n      <\/p>\n    <\/div>\n\n    <div class=\"montessori-blocks\">\n      \n      <div class=\"montessori-block block-gold\">\n        <span class=\"block-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M64,216a8,8,0,0,1-8-8V165.31a28,28,0,1,1,0-50.62V72a8,8,0,0,1,8-8h46.69a28,28,0,1,1,50.61,0H208a8,8,0,0,1,8,8v42.69a28,28,0,1,0,0,50.62V208a8,8,0,0,1-8,8Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n        <\/span>\n        <h3 class=\"block-title\">Mat\u00e9riel concret & scientifique<\/h3>\n        <p class=\"block-text\">\n          Les \u00e9l\u00e8ves utilisent le mat\u00e9riel Montessori pour aborder des nouvelles notions ou tant qu'ils ne parviennent pas \u00e0 passer \u00e0 l'abstraction. Chaque mat\u00e9riel est con\u00e7u scientifiquement pour faciliter l'apprentissage.\n        <\/p>\n      <\/div>\n\n      <div class=\"montessori-block block-coral\">\n        <span class=\"block-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"128\" y1=\"232\" x2=\"128\" y2=\"88\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"128\" y1=\"152\" x2=\"80\" y2=\"128\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"128\" y1=\"128\" x2=\"176\" y2=\"104\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M128,177.94a63.72,63.72,0,0,0,41.66,14c33.93-.86,62.43-30.22,62.34-64.16a64,64,0,0,0-40.13-59.2,68,68,0,0,0-127.74,0A64,64,0,0,0,24,127.82c-.09,33.94,28.42,63.3,62.35,64.16A63.71,63.71,0,0,0,128,177.94Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n        <\/span>\n        <h3 class=\"block-title\">Progression naturelle vers l'abstraction<\/h3>\n        <p class=\"block-text\">\n          Peu \u00e0 peu, les enfants apprennent \u00e0 se d\u00e9tacher du mat\u00e9riel. Maria Montessori explique que si l'enfant avant 7 ans a besoin de concret, il demande par la suite \u00e0 passer \u00e0 l'abstrait naturellement.\n        <\/p>\n      <\/div>\n\n      <div class=\"montessori-block block-blue\">\n        <span class=\"block-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M224,96l-96,56L32,96l96-56Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M216,141.56V184a8,8,0,0,1-11.75,7.07l-70-36.84\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M128,152v62.5c0,28.4-23.88,27-59.69,15.68A8,8,0,0,1,64,222.61V114.67\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n        <\/span>\n        <h3 class=\"block-title\">Pr\u00e9paration au coll\u00e8ge<\/h3>\n        <p class=\"block-text\">\n          \u00c0 la fin du CM2, les enfants sont capables d'int\u00e9grer une classe dans laquelle il n'y a plus de mat\u00e9riel p\u00e9dagogique Montessori, pr\u00eats pour le coll\u00e8ge avec confiance et autonomie.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"montessori-bottom\">\n      \n      <div class=\"timeline-combined\">\n        <div class=\"timeline-phase\">\n          <div class=\"timeline-age\">Avant 7 ans<\/div>\n          <p class=\"timeline-desc\">Besoin de concret, manipulation active du mat\u00e9riel Montessori<\/p>\n        <\/div>\n        <div class=\"timeline-phase\">\n          <div class=\"timeline-age\">Apr\u00e8s 7 ans<\/div>\n          <p class=\"timeline-desc\">Passage progressif \u00e0 l'abstraction, d\u00e9tachement du mat\u00e9riel<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"montessori-quote\">\n        <p class=\"quote-text\">\n          L'enfant n'est pas un vase que l'on remplit, mais une source que l'on laisse jaillir.\n        <\/p>\n        <p class=\"quote-author\">\u2014 Maria Montessori<\/p>\n      <\/div>\n\n      <div class=\"wide-block\">\n        <div class=\"wide-block-content\">\n            <h3 class=\"wide-block-title\">Transition en douceur vers le coll\u00e8ge<\/h3>\n            <p class=\"wide-block-text\">\n            Gr\u00e2ce \u00e0 cette progression naturelle, les enfants sont pr\u00eats pour aborder la sixi\u00e8me en toute confiance. Si l'enfant quitte l'\u00e9tablissement en cours de cycle, il se r\u00e9int\u00e9grera facilement dans le syst\u00e8me traditionnel.\n            <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-335014f elementor-widget elementor-widget-html\" data-id=\"335014f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BLOC 6: CLASSES ADAPT\u00c9ES ET CONDITIONS D'APPRENTISSAGE (MODIFI\u00c9) + ANCRE -->\n\n<style>\n.is33-classes-conditions {\n    font-family: 'Elms Sans', sans-serif;\n    background: #ffffff;\n    padding: 50px 0;\n}\n\n.classes-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.section-label {\n    display: inline-block;\n    background: #F45D48;\n    color: white;\n    padding: 8px 24px;\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 20px;\n}\n\n.section-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 16px;\n    line-height: 1.2;\n}\n\n.section-subtitle {\n    font-size: 20px;\n    color: #05244F;\n    opacity: 0.75;\n    max-width: 700px;\n    margin: 0 auto;\n}\n\n\/* Classes Block - Hero *\/\n.classes-block {\n    background: linear-gradient(135deg, #05244F 0%, #0a3567 100%);\n    color: white;\n    padding: 60px 80px;\n    margin-bottom: 60px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.classes-content h3 {\n    font-size: 36px;\n    font-weight: 700;\n    margin-bottom: 24px;\n    color: white;\n}\n\n.classes-highlight {\n    font-size: 56px;\n    font-weight: 700;\n    color: #B59138;\n    display: block;\n    margin-bottom: 8px;\n}\n\n.classes-content p {\n    font-size: 18px;\n    line-height: 1.8;\n    opacity: 0.9;\n    margin-bottom: 16px;\n}\n\n.classes-content p:last-child {\n    margin-bottom: 0;\n}\n\n.classes-content strong {\n    color: #B59138;\n}\n\n.classes-levels {\n    display: grid;\n    gap: 20px;\n}\n\n.level-card {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 20px 24px;\n    border-left: 4px solid #B59138;\n    transition: all 0.3s ease;\n}\n\n.level-card:hover {\n    background: rgba(255, 255, 255, 0.15);\n    transform: translateX(8px);\n}\n\n.level-card h4 {\n    font-size: 18px;\n    font-weight: 600;\n    margin-bottom: 8px;\n    color: #B59138;\n}\n\n.level-card p {\n    font-size: 16px;\n    line-height: 1.6;\n    opacity: 0.85;\n    margin: 0;\n}\n\n\/* Stats Bar *\/\n.stats-bar {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 0;\n    margin-bottom: 80px;\n}\n\n.stat-box {\n    padding: 48px 32px;\n    text-align: center;\n    border-right: 2px solid white;\n}\n\n.stat-box:last-child {\n    border-right: none;\n}\n\n.stat-box:nth-child(1) {\n    background: #05244F;\n}\n\n.stat-box:nth-child(2) {\n    background: #F45D48;\n}\n\n.stat-box:nth-child(3) {\n    background: #B59138;\n}\n\n.stat-box:nth-child(4) {\n    background: #05244F;\n}\n\n.stat-number {\n    font-size: 56px;\n    font-weight: 700;\n    color: white;\n    display: block;\n    margin-bottom: 12px;\n}\n\n.stat-label {\n    font-size: 16px;\n    color: white;\n    opacity: 0.9;\n    font-weight: 500;\n}\n\n\/* Conditions d'apprentissage - NOUVEAU *\/\n.conditions-section {\n    background: #f8f9fa;\n    padding: 80px 60px;\n    margin-bottom: 80px;\n}\n\n.conditions-header {\n    margin-bottom: 48px;\n}\n\n.conditions-header h3 {\n    font-size: 36px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 20px;\n}\n\n.conditions-intro {\n    font-size: 18px;\n    line-height: 1.8;\n    color: #05244F;\n    max-width: 900px;\n}\n\n.conditions-intro strong {\n    color: #B59138;\n}\n\n\/* Grille des \u00e9quipements *\/\n.equipements-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-top: 40px;\n}\n\n.equipement-card {\n    background: white;\n    padding: 32px;\n    border-left: 4px solid #F45D48;\n    transition: all 0.3s ease;\n    animation: fadeInUp 0.8s ease-out backwards;\n}\n\n.equipement-card:nth-child(1) { animation-delay: 0.1s; }\n.equipement-card:nth-child(2) { animation-delay: 0.2s; }\n.equipement-card:nth-child(3) { animation-delay: 0.3s; }\n\n.equipement-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 12px 40px rgba(5, 36, 79, 0.1);\n}\n\n.equipement-icon {\n    font-size: 40px;\n    margin-bottom: 16px;\n    display: block;\n}\n\n.equipement-card h4 {\n    font-size: 20px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 12px;\n}\n\n.equipement-card p {\n    font-size: 16px;\n    line-height: 1.7;\n    color: #05244F;\n    opacity: 0.85;\n    margin: 0;\n}\n\n\/* Bloc conclusion conditions *\/\n.conditions-conclusion {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    color: white;\n    padding: 40px 60px;\n    margin-top: 40px;\n    text-align: center;\n}\n\n.conditions-conclusion p {\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 1.7;\n    margin: 0;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n\/* Enseignements Grid *\/\n.enseignements-section {\n    margin-bottom: 80px;\n}\n\n.enseignements-intro {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 60px;\n}\n\n.enseignements-intro h3 {\n    font-size: 36px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 16px;\n}\n\n.enseignements-intro p {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.75;\n    line-height: 1.7;\n}\n\n.enseignements-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 0;\n}\n\n.enseignement-card {\n    padding: 48px 40px;\n    position: relative;\n    transition: transform 0.3s ease;\n}\n\n.enseignement-card:hover {\n    transform: translateY(-8px);\n}\n\n.enseignement-card:nth-child(1) {\n    background: #F45D48;\n    color: white;\n}\n\n.enseignement-card:nth-child(2) {\n    background: #B59138;\n    color: white;\n}\n\n.enseignement-card:nth-child(3) {\n    background: #05244F;\n    color: white;\n}\n\n.enseignement-icon {\n    font-size: 48px;\n    margin-bottom: 20px;\n    display: block;\n}\n\n.enseignement-card h4 {\n    font-size: 24px;\n    font-weight: 700;\n    margin-bottom: 16px;\n}\n\n.enseignement-card p {\n    font-size: 16px;\n    line-height: 1.7;\n    opacity: 0.9;\n}\n\n.enseignement-card ul {\n    list-style: none;\n    padding: 0;\n    margin-top: 16px;\n}\n\n.enseignement-card li {\n    padding: 8px 0;\n    padding-left: 24px;\n    position: relative;\n    font-size: 15px;\n    opacity: 0.9;\n}\n\n.enseignement-card li::before {\n    content: \"\u2192\";\n    position: absolute;\n    left: 0;\n    font-weight: 600;\n}\n\n\/* Activit\u00e9s Extras *\/\n.extras-section {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0;\n    margin-bottom: 80px;\n}\n\n.extras-visual {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    padding: 80px 60px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    color: white;\n}\n\n.extras-visual h3 {\n    font-size: 42px;\n    font-weight: 700;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.extras-visual .big-number {\n    font-size: 120px;\n    font-weight: 700;\n    line-height: 1;\n    opacity: 0.3;\n    margin-bottom: -20px;\n}\n\n.extras-content {\n    background: white;\n    padding: 80px 60px;\n}\n\n.extras-grid {\n    display: grid;\n    gap: 32px;\n}\n\n.extra-item {\n    padding-left: 24px;\n    border-left: 4px solid #F45D48;\n}\n\n.extra-item h4 {\n    font-size: 20px;\n    font-weight: 600;\n    color: #05244F;\n    margin-bottom: 8px;\n}\n\n.extra-item p {\n    font-size: 16px;\n    color: #05244F;\n    opacity: 0.75;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* Animations *\/\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\/* Responsive *\/\n@media (max-width: 968px) {\n    .classes-block {\n        grid-template-columns: 1fr;\n        padding: 20px 32px;\n        gap: 32px;\n    }\n    \n    .enseignements-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .extras-section {\n        grid-template-columns: 1fr;\n    }\n    \n    .stats-bar {\n        grid-template-columns: 1fr 1fr;\n    }\n    \n    .stat-box {\n        border-right: none;\n        border-bottom: 2px solid white;\n    }\n    \n    .section-title {\n        font-size: 36px;\n    }\n    \n    .conditions-section {\n        padding: 40px 32px;\n    }\n    \n    .equipements-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .extras-visual,\n    .extras-content {\n        padding: 40px 32px;\n    }\n}\n\n@media (max-width: 480px) {\n    .classes-container {\n        padding: 0 16px;\n    }\n    \n    .classes-highlight {\n        font-size: 42px;\n    }\n    \n    .stat-number {\n        font-size: 40px;\n    }\n}\n<\/style>\n\n<!-- Schema.org JSON-LD pour le programme \u00e9l\u00e9mentaire -->\n<script type=\"application\/ld+json\">\n{\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"EducationalOccupationalProgram\",\n    \"name\": \"Programme \u00c9l\u00e9mentaire Bilingue International\",\n    \"description\": \"Classes \u00e9l\u00e9mentaires du CP au CM2 dans un environnement bilingue fran\u00e7ais-anglais avec petits effectifs et conditions d'apprentissage optimales\",\n    \"provider\": {\n        \"@type\": \"EducationalOrganization\",\n        \"name\": \"International School 33\",\n        \"address\": {\n            \"@type\": \"PostalAddress\",\n            \"addressLocality\": \"Gradignan\",\n            \"addressRegion\": \"Nouvelle-Aquitaine\",\n            \"addressCountry\": \"FR\"\n        }\n    },\n    \"educationalProgramMode\": \"Full-time\",\n    \"programPrerequisites\": \"Enfants de 6 \u00e0 11 ans (CP au CM2)\",\n    \"educationalLevel\": \"Elementary School\",\n    \"teaches\": [\n        \"Fran\u00e7ais langue maternelle\",\n        \"Anglais bilingue\",\n        \"Math\u00e9matiques bilingues\",\n        \"Sciences bilingues\",\n        \"Histoire et g\u00e9ographie bilingues\",\n        \"Espagnol\",\n        \"Chinois\",\n        \"Anglais renforc\u00e9\",\n        \"Fran\u00e7ais Langue \u00c9trang\u00e8re\",\n        \"Sport\",\n        \"Art\",\n        \"Musique\"\n    ],\n    \"availableLanguage\": [\"fr\", \"en\", \"es\", \"zh\"],\n    \"hasCourseInstance\": [\n        {\n            \"@type\": \"CourseInstance\",\n            \"name\": \"CP - Cours Pr\u00e9paratoire\",\n            \"courseMode\": \"Blended\",\n            \"inLanguage\": [\"fr\", \"en\"]\n        },\n        {\n            \"@type\": \"CourseInstance\",\n            \"name\": \"CE1 - Cours \u00c9l\u00e9mentaire 1\",\n            \"courseMode\": \"Blended\",\n            \"inLanguage\": [\"fr\", \"en\"]\n        },\n        {\n            \"@type\": \"CourseInstance\",\n            \"name\": \"CE2 - Cours \u00c9l\u00e9mentaire 2\",\n            \"courseMode\": \"Blended\",\n            \"inLanguage\": [\"fr\", \"en\"]\n        },\n        {\n            \"@type\": \"CourseInstance\",\n            \"name\": \"CM1 - Cours Moyen 1\",\n            \"courseMode\": \"Blended\",\n            \"inLanguage\": [\"fr\", \"en\"]\n        },\n        {\n            \"@type\": \"CourseInstance\",\n            \"name\": \"CM2 - Cours Moyen 2\",\n            \"courseMode\": \"Blended\",\n            \"inLanguage\": [\"fr\", \"en\"]\n        }\n    ]\n}\n<\/script>\n\n<!-- HTML Structure -->\n<section class=\"is33-classes-conditions\" id=\"classes-conditions\">\n    <div class=\"classes-container\">\n        \n        <!-- Section Header -->\n        <div class=\"section-header\">\n            <span class=\"section-label\">Section \u00c9l\u00e9mentaire<\/span>\n            <h2 class=\"section-title\">Classes et conditions d'apprentissage<\/h2>\n            <p class=\"section-subtitle\">\n                Confiance en soi et excellence scolaire : chaque \u00e9l\u00e8ve d\u00e9veloppe son plein potentiel \u00e0 son rythme, dans un environnement bilingue stimulant\n            <\/p>\n        <\/div>\n        \n        <!-- Classes Multi-niveaux Block -->\n        <div class=\"classes-block\">\n            <div class=\"classes-content\">\n                <h3>\n                    <span class=\"classes-highlight\">CP au CM2<\/span>\n                    Classes adapt\u00e9es \u00e0 chaque niveau\n                <\/h3>\n                <p>\n                    \u00c0 l'IS 33 de Gradignan, la section \u00e9l\u00e9mentaire accueille les \u00e9l\u00e8ves du CP au CM2 dans cinq classes distinctes, chacune adapt\u00e9e \u00e0 son niveau scolaire.\n                <\/p>\n                <p>\n                    Nos classes \u00e0 <strong>petits effectifs<\/strong> (entre 15 et 20 \u00e9l\u00e8ves par classe) permettent un <strong>accompagnement individualis\u00e9<\/strong>, o\u00f9 chaque enfant peut \u00e9voluer \u00e0 son rythme, \u00eatre valoris\u00e9 dans ses progr\u00e8s, et encourag\u00e9 dans ses initiatives. Toutes les conditions sont remplies pour permettre \u00e0 l'\u00e9quipe p\u00e9dagogique d'observer, soutenir et accompagner les \u00e9l\u00e8ves avec bienveillance et exigence.\n                <\/p>\n            <\/div>\n            \n            <div class=\"classes-levels\">\n                <div class=\"level-card\">\n                    <h4>Enseignement personnalis\u00e9<\/h4>\n                    <p>\n                        Au sein de chaque classe, les cours sont adapt\u00e9s au rythme de l'enfant. L'enseignement diff\u00e9renci\u00e9 garantit la progression de chacun.\n                    <\/p>\n                <\/div>\n                <div class=\"level-card\">\n                    <h4>Langues optionnelles<\/h4>\n                    <p>\n                        Espagnol, chinois mandarin, anglais renforc\u00e9 pour les \u00e9l\u00e8ves d\u00e9butant en anglais, et fran\u00e7ais langue \u00e9trang\u00e8re : les \u00e9l\u00e8ves sont r\u00e9partis par niveau pour un apprentissage optimal et progressif.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n<!-- Stats Bar -->\n<div class=\"stats-bar\">\n    <div class=\"stat-box\">\n        <span class=\"stat-number\">50%<\/span>\n        <span class=\"stat-label\">Fran\u00e7ais + Anglais<\/span>\n    <\/div>\n    <div class=\"stat-box\">\n        <span class=\"stat-number\">15-20<\/span>\n        <span class=\"stat-label\">\u00c9l\u00e8ves par classe<\/span>\n    <\/div>\n    <div class=\"stat-box\">\n        <span class=\"stat-number\">100%<\/span>\n        <span class=\"stat-label\">De r\u00e9ussite aux examens de Cambridge<\/span>\n    <\/div>\n    <div class=\"stat-box\">\n        <span class=\"stat-number\">5<\/span>\n        <span class=\"stat-label\">Niveaux CP-CM2<\/span>\n    <\/div>\n<\/div>\n        <!-- Conditions d'apprentissage - NOUVEAU -->\n        <div class=\"conditions-section\">\n            <div class=\"conditions-header\">\n                <h3>Des conditions d'apprentissage id\u00e9ales<\/h3>\n                <p class=\"conditions-intro\">\n                    Les \u00e9l\u00e8ves \u00e9voluent dans un cadre moderne et inspirant, avec des <strong>locaux lumineux<\/strong>, enti\u00e8rement r\u00e9nov\u00e9s en 2019, pens\u00e9s pour leur bien-\u00eatre et leur concentration. Le mat\u00e9riel p\u00e9dagogique est soigneusement s\u00e9lectionn\u00e9, et <strong>les nouvelles technologies sont int\u00e9gr\u00e9es de mani\u00e8re pertinente et \u00e9quilibr\u00e9e<\/strong> dans les apprentissages. <strong>\u00c9crans interactifs, \u00e9crans ou vid\u00e9oprojecteurs dans chaque classe, tablettes, imprimantes 3D et autres outils num\u00e9riques<\/strong> permettent de varier les supports, de favoriser l'autonomie, et de rendre les projets concrets, visuels et motivants.\n                <\/p>\n            <\/div>\n            \n            <div class=\"equipements-grid\">\n                <div class=\"equipement-card\">\n                    <span class=\"equipement-icon\">\ud83c\udf33<\/span>\n                    <h4>Grand jardin arbor\u00e9<\/h4>\n                    <p>Plus de 1800m\u00b2 pour les r\u00e9cr\u00e9ations et les activit\u00e9s ext\u00e9rieures qui offre un acc\u00e8s quotidien \u00e0 la nature, essentiel pour l'\u00e9quilibre physique et \u00e9motionnel des enfants.<\/p>\n                <\/div>\n                <div class=\"equipement-card\">\n                    <span class=\"equipement-icon\">\ud83e\udd4b<\/span>\n                    <h4>Dojo d\u00e9di\u00e9<\/h4>\n                    <p>Un dojo pour les cours de judo hebdomadaires pour tous les \u00e9l\u00e8ves, d\u00e9veloppant discipline, respect et ma\u00eetrise de soi.<\/p>\n                <\/div>\n                <div class=\"equipement-card\">\n                    <span class=\"equipement-icon\">\ud83c\udfdf\ufe0f<\/span>\n                    <h4>Acc\u00e8s au stade d'Ornon<\/h4>\n                    <p>Un acc\u00e8s direct au stade d'Ornon pour la pratique du sport et des activit\u00e9s sportives vari\u00e9es tout au long de l'ann\u00e9e.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"conditions-conclusion\">\n                <p>Tout est pens\u00e9 pour que l'\u00e9cole soit un lieu o\u00f9 l'on apprend avec enthousiasme, o\u00f9 l'on se sent en s\u00e9curit\u00e9, valoris\u00e9 et libre d'explorer.<\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- Enseignements Bilingues -->\n        <div class=\"enseignements-section\">\n            <div class=\"enseignements-intro\">\n                <h3>Enseignement bilingue complet<\/h3>\n                <p>\n                    Les mati\u00e8res fondamentales sont enseign\u00e9es dans les deux langues, garantissant une ma\u00eetrise \u00e9quilibr\u00e9e du fran\u00e7ais et de l'anglais tout en offrant l'ouverture \u00e0 d'autres langues.\n                <\/p>\n            <\/div>\n            \n            <div class=\"enseignements-grid\">\n                <div class=\"enseignement-card\">\n                    <span class=\"enseignement-icon\">\ud83c\uddeb\ud83c\uddf7<\/span>\n                    <h4>Fran\u00e7ais<\/h4>\n                    <p>\n                        Enseignement complet de la langue fran\u00e7aise, litt\u00e9rature, grammaire, expression \u00e9crite et orale.\n                    <\/p>\n                    <ul>\n                        <li>Lecture et compr\u00e9hension<\/li>\n                        <li>Expression \u00e9crite cr\u00e9ative<\/li>\n                        <li>Grammaire et conjugaison<\/li>\n                        <li>Litt\u00e9rature fran\u00e7aise<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"enseignement-card\">\n                    <span class=\"enseignement-icon\">\ud83c\uddec\ud83c\udde7<\/span>\n                    <h4>Anglais<\/h4>\n                    <p>\n                        Deux niveaux : natif ou seconde langue. Programme adapt\u00e9 pour une progression optimale de chacun.\n                    <\/p>\n                    <ul>\n                        <li>Niveau natif avanc\u00e9<\/li>\n                        <li>Anglais seconde langue<\/li>\n                        <li>Litt\u00e9rature anglophone<\/li>\n                        <li>Expression orale fluide<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"enseignement-card\">\n                    <span class=\"enseignement-icon\">\ud83c\udf0d<\/span>\n                    <h4>Langues optionnelles<\/h4>\n                    <p>\n                        Langues suppl\u00e9mentaires propos\u00e9es pendant la journ\u00e9e de classe, selon le niveau de l'\u00e9l\u00e8ve.\n                    <\/p>\n                    <ul>\n                        <li>Espagnol<\/li>\n                        <li>Chinois mandarin<\/li>\n                        <li>Anglais renforc\u00e9 (d\u00e9butants)<\/li>\n                        <li>Fran\u00e7ais Langue \u00c9trang\u00e8re<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Activit\u00e9s Compl\u00e9mentaires -->\n        <div class=\"extras-section\">\n            <div class=\"extras-visual\">\n                <span class=\"big-number\">+<\/span>\n                <h3>L'enfant dans sa globalit\u00e9<\/h3>\n                <p style=\"font-size: 18px; opacity: 0.9; line-height: 1.7;\">\n                    Bien dans son corps, bien dans sa t\u00eate, bien dans son milieu, bien avec les autres.\n                <\/p>\n            <\/div>\n            \n            <div class=\"extras-content\">\n                <div class=\"extras-grid\">\n                    <div class=\"extra-item\">\n                        <h4>Sport hebdomadaire<\/h4>\n                        <p>\n                            Cours de sport chaque semaine pour d\u00e9velopper la coordination, l'esprit d'\u00e9quipe et le bien-\u00eatre physique.\n                        <\/p>\n                    <\/div>\n                    <div class=\"extra-item\">\n                        <h4>Art & Musique<\/h4>\n                        <p>\n                            S\u00e9ances hebdomadaires d'art plastique et de musique pour d\u00e9velopper la cr\u00e9ativit\u00e9 et la sensibilit\u00e9 artistique.\n                        <\/p>\n                    <\/div>\n                    <div class=\"extra-item\">\n                        <h4>Soin des animaux<\/h4>\n                        <p>\n                            Les \u00e9l\u00e8ves prennent soin des animaux de l'\u00e9cole, apprenant la responsabilit\u00e9 et le respect du vivant.\n                        <\/p>\n                    <\/div>\n                    <div class=\"extra-item\">\n                        <h4>Activit\u00e9s extrascolaires<\/h4>\n                        <p>\n                            Th\u00e9\u00e2tre, hip-hop, com\u00e9die musicale, piano, guitare, violon, programmation et tennis apr\u00e8s les cours.\n                        <\/p>\n                    <\/div>\n                    <div class=\"extra-item\">\n                        <h4>Garderie & devoirs<\/h4>\n                        <p>\n                            Service de garderie et aide aux devoirs apr\u00e8s les cours pour accompagner les familles.\n                        <\/p>\n                    <\/div>\n                    <div class=\"extra-item\">\n                        <h4>Cours du mercredi<\/h4>\n                        <p>\n                            Cours optionnels propos\u00e9s le mercredi matin pour approfondir certaines mati\u00e8res.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1195543 elementor-widget elementor-widget-html\" data-id=\"1195543\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-eleves-engages {\n  font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n  background: #f8f9fa;\n  padding: 50px 40px;\n  position: relative;\n}\n\n.engages-container {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* Section \u00c9l\u00e8ves engag\u00e9s *\/\n.engages-header {\n  text-align: center;\n  margin-bottom: 60px;\n  animation: fadeInUp 0.8s ease-out;\n}\n\n.engages-label {\n  display: inline-block;\n  background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n  color: white;\n  padding: 10px 24px;\n  font-size: 14px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-bottom: 24px;\n}\n\n.engages-title {\n  font-size: 42px;\n  font-weight: 700;\n  color: #05244F;\n  margin-bottom: 24px;\n  line-height: 1.2;\n}\n\n.engages-intro {\n  font-size: 20px;\n  color: #05244F;\n  line-height: 1.7;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.engages-intro strong {\n  color: #B59138;\n}\n\n\/* Exposition block *\/\n.exposition-block {\n  background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n  color: white;\n  padding: 50px 60px;\n  margin-bottom: 50px;\n  animation: fadeInUp 0.8s ease-out 0.2s backwards;\n}\n\n.exposition-block h3 {\n  font-size: 26px;\n  font-weight: 700;\n  margin-bottom: 16px;\n  color: #B59138;\n}\n\n.exposition-block p {\n  font-size: 18px;\n  line-height: 1.8;\n  opacity: 0.95;\n  margin: 0;\n}\n\n\/* Grille des comp\u00e9tences *\/\n.competences-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-bottom: 50px;\n}\n\n.competence-card {\n  background: white;\n  padding: 32px;\n  border-radius: 0;\n  box-shadow: 0 4px 20px rgba(5, 36, 79, 0.08);\n  position: relative;\n  overflow: hidden;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  animation: fadeInUp 0.8s ease-out backwards;\n}\n\n\/* Bordures color\u00e9es *\/\n.competence-card:nth-child(1) { animation-delay: 0.1s; border-top: 4px solid #F45D48; }\n.competence-card:nth-child(2) { animation-delay: 0.15s; border-top: 4px solid #B59138; }\n.competence-card:nth-child(3) { animation-delay: 0.2s; border-top: 4px solid #05244F; }\n.competence-card:nth-child(4) { animation-delay: 0.25s; border-top: 4px solid #F45D48; }\n.competence-card:nth-child(5) { animation-delay: 0.3s; border-top: 4px solid #B59138; }\n.competence-card:nth-child(6) { animation-delay: 0.35s; border-top: 4px solid #05244F; }\n\n\/* Couleurs des icones correspondant aux bordures *\/\n.competence-card:nth-child(1) .competence-icon { color: #F45D48; }\n.competence-card:nth-child(2) .competence-icon { color: #B59138; }\n.competence-card:nth-child(3) .competence-icon { color: #05244F; }\n.competence-card:nth-child(4) .competence-icon { color: #F45D48; }\n.competence-card:nth-child(5) .competence-icon { color: #B59138; }\n.competence-card:nth-child(6) .competence-icon { color: #05244F; }\n\n.competence-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 16px 48px rgba(5, 36, 79, 0.15);\n}\n\n.competence-icon {\n  font-size: 36px;\n  margin-bottom: 16px;\n  display: flex;\n}\n\n.competence-title {\n  font-size: 18px;\n  font-weight: 700;\n  color: #05244F;\n  margin-bottom: 12px;\n}\n\n.competence-text {\n  font-size: 15px;\n  line-height: 1.6;\n  color: #05244F;\n  opacity: 0.8;\n  margin: 0;\n}\n\n\/* Conclusion projets *\/\n.projets-conclusion {\n  background: #B59138;\n  color: white;\n  padding: 40px 60px;\n  margin-bottom: 80px;\n  animation: fadeInUp 0.8s ease-out 0.4s backwards;\n}\n\n.projets-conclusion p {\n  font-size: 18px;\n  line-height: 1.8;\n  margin: 0;\n  text-align: center;\n}\u2028.college-intro a {\n  color: #F45D48;\n  text-decoration: none;\n  font-weight: 600;\n  border-bottom: 1px solid rgba(244, 93, 72, 0.35);\n}\n\n\/* ==================== *\/\n\/* Section Pr\u00e9paration Coll\u00e8ge *\/\n\/* ==================== *\/\n.college-section {\n  background: white;\n  padding: 80px 60px;\n  margin-top: 40px;\n}\n\n.college-header {\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n.college-title {\n  font-size: 38px;\n  font-weight: 700;\n  color: #05244F;\n  margin-bottom: 20px;\n}\n\n.college-intro {\n  font-size: 20px;\n  color: #05244F;\n  opacity: 0.85;\n}\n\n\/* Grille des acquis *\/\n.acquis-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  margin-bottom: 50px;\n}\n\n.acquis-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 20px;\n  padding: 28px 32px;\n  background: #f8f9fa;\n  transition: all 0.3s ease;\n  animation: fadeInUp 0.8s ease-out backwards;\n}\n\n.acquis-card:nth-child(1) { animation-delay: 0.1s; }\n.acquis-card:nth-child(2) { animation-delay: 0.15s; }\n.acquis-card:nth-child(3) { animation-delay: 0.2s; }\n.acquis-card:nth-child(4) { animation-delay: 0.25s; }\n.acquis-card:nth-child(5) { animation-delay: 0.3s; }\n\n.acquis-card:hover {\n  background: #e9ecef;\n  transform: translateX(8px);\n}\n\n.acquis-icon {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: white; \/* Important pour le SVG blanc *\/\n}\n\n\/* Suppression du pseudo-\u00e9l\u00e9ment CSS au profit du SVG *\/\n.acquis-icon::before {\n  content: none;\n}\n\n.acquis-text {\n  font-size: 17px;\n  line-height: 1.6;\n  color: #05244F;\n  margin: 0;\n  padding-top: 10px;\n}\n\n.acquis-text strong {\n  color: #B59138;\n}\n\n\/* Conclusion finale *\/\n.conclusion-finale {\n  background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n  color: white;\n  padding: 60px;\n  position: relative;\n  overflow: hidden;\n  animation: fadeInUp 0.8s ease-out 0.5s backwards;\n}\n\n.conclusion-finale::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(181, 145, 56, 0.15) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.conclusion-finale p {\n  font-size: 20px;\n  line-height: 1.8;\n  margin: 0;\n  position: relative;\n  z-index: 1;\n  font-style: italic;\n  text-align: center;\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n.conclusion-finale strong {\n  color: #B59138;\n}\n\n\/* CTA Final *\/\n.cta-final {\n  text-align: center;\n  margin-top: 60px;\n  animation: fadeInUp 0.8s ease-out 0.6s backwards;\n}\n\n.cta-button {\n  display: inline-block;\n  background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n  color: #ffffff !important; \/* FORCAGE DE LA COULEUR BLANCHE *\/\n  padding: 18px 48px;\n  font-size: 18px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: all 0.3s ease;\n  box-shadow: 0 8px 24px rgba(244, 93, 72, 0.3);\n  border-radius: 100px;\n}\n\n.cta-button:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 32px rgba(244, 93, 72, 0.4);\n  color: #ffffff !important; \/* FORCAGE AU HOVER AUSSI *\/\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(30px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n  .is33-eleves-engages { padding: 60px 24px; }\n  .engages-title { font-size: 32px; }\n  .competences-grid { grid-template-columns: 1fr 1fr; }\n  .acquis-grid { grid-template-columns: 1fr; }\n  .exposition-block, .projets-conclusion, .college-section, .conclusion-finale { padding: 40px 32px; }\n  .college-title { font-size: 30px; }\n}\n\n@media (max-width: 600px) {\n  .competences-grid { grid-template-columns: 1fr; }\n  .engages-title { font-size: 28px; }\n  .acquis-card { flex-direction: column; align-items: flex-start; gap: 12px; }\n  .acquis-text { padding-top: 0; }\n}\n<\/style>\n\n<section class=\"is33-eleves-engages\" id=\"eleves-engages\">\n  <div class=\"engages-container\">\n    \n    <div class=\"engages-header\">\n      <span class=\"engages-label\">Fin de cycle primaire<\/span>\n      <h2 class=\"engages-title\">Des \u00e9l\u00e8ves engag\u00e9s, cr\u00e9atifs et tourn\u00e9s vers l'avenir<\/h2>\n      <p class=\"engages-intro\">\n        En fin de cycle, les \u00e9l\u00e8ves de l'International School 33 de Gradignan, aux portes de Bordeaux surprennent par leur <strong>maturit\u00e9, leur cr\u00e9ativit\u00e9 et leur esprit critique<\/strong>.\n      <\/p>\n    <\/div>\n    \n    <div class=\"exposition-block\">\n      <h3>L'exposition de fin de programme primaire<\/h3>\n      <p>\n        Elle constitue le point d'orgue de leur parcours en \u00e9l\u00e9mentaire : un grand projet de recherche interdisciplinaire men\u00e9 en \u00e9quipe.\n      <\/p>\n    <\/div>\n    \n    <h3 style=\"text-align: center; font-size: 24px; color: #05244F; margin-bottom: 32px;\">Ils y font preuve de :<\/h3>\n    \n    <div class=\"competences-grid\">\n      <div class=\"competence-card\">\n        <span class=\"competence-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><rect x=\"32\" y=\"48\" width=\"192\" height=\"136\" rx=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M32,144H224\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"160\" y1=\"216\" x2=\"96\" y2=\"216\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n        <\/span>\n        <h4 class=\"competence-title\">Ma\u00eetrise des outils num\u00e9riques<\/h4>\n        <p class=\"competence-text\">Canva, Word, Excel, PowerPoint, iMovie (entre autres)<\/p>\n      <\/div>\n      \n      <div class=\"competence-card\">\n        <span class=\"competence-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><rect x=\"32\" y=\"72\" width=\"192\" height=\"112\" rx=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"80\" cy=\"128\" r=\"12\" fill=\"currentColor\"\/><circle cx=\"176\" cy=\"128\" r=\"12\" fill=\"currentColor\"\/><path d=\"M104,160h48\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M72,72V32a16,16,0,0,1,16-16h80a16,16,0,0,1,16,16V72\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n        <\/span>\n        <h4 class=\"competence-title\">Utilisation pertinente de l'IA<\/h4>\n        <p class=\"competence-text\">Capacit\u00e9 \u00e0 utiliser l'IA de mani\u00e8re r\u00e9fl\u00e9chie et \u00e9thique<\/p>\n      <\/div>\n      \n      <div class=\"competence-card\">\n        <span class=\"competence-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M200,224H56a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h96l56,56V216A8,8,0,0,1,200,224Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"152 32 152 88 208 88\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"116\" cy=\"136\" r=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"135.8\" y1=\"155.8\" x2=\"160\" y2=\"180\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n        <\/span>\n        <h4 class=\"competence-title\">Rigueur m\u00e9thodologique<\/h4>\n        <p class=\"competence-text\">Recherche de sources fiables, citations, interviews d'experts<\/p>\n      <\/div>\n      \n      <div class=\"competence-card\">\n        <span class=\"competence-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M10.23,200a88,88,0,0,1,147.54,0\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M172,160a87.93,87.93,0,0,1,73.77,40\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M152.69,59.7A52,52,0,1,1,172,160\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"84\" cy=\"108\" r=\"16\" fill=\"currentColor\"\/><\/svg>\n        <\/span>\n        <h4 class=\"competence-title\">Cr\u00e9ativit\u00e9 visuelle<\/h4>\n        <p class=\"competence-text\">Maquettes, affiches, vid\u00e9os, plastification, mise en page<\/p>\n      <\/div>\n      \n      <div class=\"competence-card\">\n        <span class=\"competence-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><rect x=\"88\" y=\"24\" width=\"80\" height=\"144\" rx=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"128\" y1=\"200\" x2=\"128\" y2=\"232\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M199.6,136a72.12,72.12,0,0,1-143.2,0\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n        <\/span>\n        <h4 class=\"competence-title\">Aisance orale<\/h4>\n        <p class=\"competence-text\">Prise de parole en public, adaptation \u00e0 diff\u00e9rents auditoires<\/p>\n      <\/div>\n      \n      <div class=\"competence-card\">\n        <span class=\"competence-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"1em\" height=\"1em\" fill=\"currentColor\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M128,216S24,160,24,94A54,54,0,0,1,78,40c22.59,0,41.94,12.31,50,32,8.06-19.69,27.41-32,50-32a54,54,0,0,1,54,54C232,160,128,216,128,216Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n        <\/span>\n        <h4 class=\"competence-title\">Responsabilit\u00e9 sociale<\/h4>\n        <p class=\"competence-text\">Capacit\u00e9 \u00e0 mettre en place des projets humanitaires<\/p>\n      <\/div>\n    <\/div>\n    \n    <div class=\"projets-conclusion\">\n      <p>Ces projets montrent leur capacit\u00e9 \u00e0 collaborer, s'organiser, r\u00e9soudre des probl\u00e8mes complexes, tout en s'impliquant avec enthousiasme dans des actions concr\u00e8tes et porteuses de sens.<\/p>\n    <\/div>\n    \n    <div class=\"college-section\" id=\"preparation-college\">\n      <div class=\"college-header\">\n        <h2 class=\"college-title\">Une pr\u00e9paration optimale \u00e0 l'entr\u00e9e au coll\u00e8ge<\/h2>\n        <p class=\"college-intro\">Nos \u00e9l\u00e8ves quittent l'\u00e9cole \u00e9l\u00e9mentaire avec tous les acquis n\u00e9cessaires pour int\u00e9grer sereinement notre <a href=\"https:\/\/international-school33.com\/college\/\">coll\u00e8ge international<\/a> :<\/p>\n      <\/div>\n      \n      <div class=\"acquis-grid\">\n        <div class=\"acquis-card\">\n          <span class=\"acquis-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"24\" height=\"24\" fill=\"white\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"acquis-text\">Une <strong>ma\u00eetrise approfondie au minimum du fran\u00e7ais et de l'anglais<\/strong> (certificats officiels \u00e0 l'appui)<\/p>\n        <\/div>\n        \n        <div class=\"acquis-card\">\n          <span class=\"acquis-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"24\" height=\"24\" fill=\"white\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"acquis-text\">Une <strong>culture g\u00e9n\u00e9rale riche<\/strong><\/p>\n        <\/div>\n        \n        <div class=\"acquis-card\">\n          <span class=\"acquis-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"24\" height=\"24\" fill=\"white\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"acquis-text\">Une <strong>curiosit\u00e9 intellectuelle aiguis\u00e9e<\/strong><\/p>\n        <\/div>\n        \n        <div class=\"acquis-card\">\n          <span class=\"acquis-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"24\" height=\"24\" fill=\"white\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"acquis-text\">Une <strong>confiance en eux solide<\/strong><\/p>\n        <\/div>\n        \n        <div class=\"acquis-card\">\n          <span class=\"acquis-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\" width=\"24\" height=\"24\" fill=\"white\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"><\/path><\/svg>\n          <\/span>\n          <p class=\"acquis-text\">Une capacit\u00e9 \u00e0 <strong>s'adapter, apprendre et innover<\/strong> dans un monde en perp\u00e9tuelle \u00e9volution<\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"conclusion-finale\">\n        <p>\n          <strong>Gr\u00e2ce au cadre structurant et bienveillant de l'IB<\/strong>, renforc\u00e9 par une p\u00e9dagogie moderne ancr\u00e9e dans les derni\u00e8res avanc\u00e9es en neurosciences, nos \u00e9l\u00e8ves d\u00e9passent les attentes du socle commun de comp\u00e9tences de l'\u00c9ducation Nationale Fran\u00e7aise tout en s'\u00e9panouissant pleinement. <strong>Ils abordent le coll\u00e8ge avec maturit\u00e9, ouverture d'esprit et enthousiasme.<\/strong>\n        <\/p>\n      <\/div>\n      \n      <div class=\"cta-final\">\n        <a href=\"https:\/\/international-school33.com\/admission\/\" class=\"cta-button\">D\u00e9couvrir les admissions \u2192<\/a>\n      <\/div>\n    <\/div>\n    \n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e6def4 elementor-widget elementor-widget-html\" data-id=\"6e6def4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* Menu Flottant Vertical *\/\n.is33-floating-nav-elementaire {\n    position: fixed;\n    right: 24px;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 9999; \/* Z-index augment\u00e9 pour passer au-dessus de tout *\/\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    \/* Consigne respect\u00e9e : Padding 50px *\/\n    padding-top: 50px;\n    padding-bottom: 50px;\n}\n\n.floating-nav-menu-elementaire {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 8px;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.floating-nav-item-elementaire {\n    position: relative;\n    margin: 0; \/* Reset marge par d\u00e9faut des th\u00e8mes *\/\n    padding: 0;\n}\n\n.floating-nav-link-elementaire {\n    display: block;\n    text-decoration: none;\n    padding: 8px;\n    border-radius: 50%;\n    background: white;\n    box-shadow: 0 2px 12px rgba(5, 36, 79, 0.08);\n    transition: all 0.3s ease;\n    position: relative;\n}\n\n.floating-nav-link-elementaire:hover {\n    background: #05244F;\n}\n\n\/* Indicateur (dot) - CORAIL au repos *\/\n.nav-dot-elementaire {\n    display: block;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: #F45D48;\n    transition: all 0.3s ease;\n}\n\n.floating-nav-link-elementaire:hover .nav-dot-elementaire {\n    background: #B59138;\n    transform: scale(1.1);\n}\n\n\/* \u00c9tat actif *\/\n.floating-nav-link-elementaire.active .nav-dot-elementaire {\n    background: #B59138;\n    box-shadow: 0 0 0 3px rgba(181, 145, 56, 0.3);\n}\n\n\/* Label - CACH\u00c9 par d\u00e9faut, appara\u00eet au hover *\/\n.nav-label-elementaire {\n    position: absolute;\n    right: 100%;\n    top: 50%;\n    transform: translateY(-50%);\n    margin-right: 12px;\n    padding: 8px 16px;\n    background: #05244F;\n    color: white;\n    font-size: 14px;\n    font-weight: 600;\n    white-space: nowrap;\n    border-radius: 6px;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: all 0.3s ease;\n}\n\n.floating-nav-link-elementaire:hover .nav-label-elementaire {\n    opacity: 1;\n    visibility: visible;\n}\n\n\/* Responsive - Mobile *\/\n@media (max-width: 968px) {\n    .is33-floating-nav-elementaire {\n        right: auto;\n        left: 50%;\n        top: auto;\n        bottom: 24px;\n        transform: translateX(-50%);\n        padding-top: 50px;\n        padding-bottom: 50px;\n    }\n    \n    .floating-nav-menu-elementaire {\n        flex-direction: row;\n        align-items: center;\n        gap: 6px;\n        background: white;\n        padding: 8px;\n        border-radius: 50px;\n        box-shadow: 0 4px 20px rgba(5, 36, 79, 0.15);\n    }\n    \n    .floating-nav-link-elementaire {\n        box-shadow: none;\n    }\n    \n    .nav-label-elementaire {\n        display: none !important;\n    }\n    \n    .nav-dot-elementaire {\n        width: 12px;\n        height: 12px;\n    }\n}\n<\/style>\n\n<nav class=\"is33-floating-nav-elementaire\" id=\"elementaire-nav\" aria-label=\"Navigation rapide page \u00e9l\u00e9mentaire\">\n    <ul class=\"floating-nav-menu-elementaire\">\n        <li class=\"floating-nav-item-elementaire\">\n            <a href=\"#hero-elementaire\" class=\"floating-nav-link-elementaire\" data-target=\"hero-elementaire\">\n                <span class=\"nav-dot-elementaire\"><\/span>\n                <span class=\"nav-label-elementaire\">Accueil<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-elementaire\">\n            <a href=\"#programmes-ib\" class=\"floating-nav-link-elementaire\" data-target=\"programmes-ib\">\n                <span class=\"nav-dot-elementaire\"><\/span>\n                <span class=\"nav-label-elementaire\">Programmes IB<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-elementaire\">\n            <a href=\"#richesse-enseignement\" class=\"floating-nav-link-elementaire\" data-target=\"richesse-enseignement\">\n                <span class=\"nav-dot-elementaire\"><\/span>\n                <span class=\"nav-label-elementaire\">Enseignement bilingue<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-elementaire\">\n            <a href=\"#apprentissage-transdisciplinaire\" class=\"floating-nav-link-elementaire\" data-target=\"apprentissage-transdisciplinaire\">\n                <span class=\"nav-dot-elementaire\"><\/span>\n                <span class=\"nav-label-elementaire\">Transdisciplinaire<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-elementaire\">\n            <a href=\"#materiel-montessori\" class=\"floating-nav-link-elementaire\" data-target=\"materiel-montessori\">\n                <span class=\"nav-dot-elementaire\"><\/span>\n                <span class=\"nav-label-elementaire\">Montessori<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-elementaire\">\n            <a href=\"#classes-conditions\" class=\"floating-nav-link-elementaire\" data-target=\"classes-conditions\">\n                <span class=\"nav-dot-elementaire\"><\/span>\n                <span class=\"nav-label-elementaire\">Classes & Conditions<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-elementaire\">\n            <a href=\"#eleves-engages\" class=\"floating-nav-link-elementaire\" data-target=\"eleves-engages\">\n                <span class=\"nav-dot-elementaire\"><\/span>\n                <span class=\"nav-label-elementaire\">\u00c9l\u00e8ves engag\u00e9s<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-elementaire\">\n            <a href=\"#preparation-college\" class=\"floating-nav-link-elementaire\" data-target=\"preparation-college\">\n                <span class=\"nav-dot-elementaire\"><\/span>\n                <span class=\"nav-label-elementaire\">Pr\u00e9paration coll\u00e8ge<\/span>\n            <\/a>\n        <\/li>\n    <\/ul>\n<\/nav>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Configuration\n    const headerOffset = 100; \/\/ Ajustement pour le header fixe\n    const navLinks = document.querySelectorAll('.floating-nav-link-elementaire');\n\n    \/\/ 1. Fonction de d\u00e9filement fluide\n    function smoothScrollTo(targetId) {\n        const targetSection = document.getElementById(targetId);\n        if (targetSection) {\n            const sectionPosition = targetSection.getBoundingClientRect().top + window.scrollY;\n            const offsetPosition = sectionPosition - headerOffset;\n\n            window.scrollTo({\n                top: offsetPosition,\n                behavior: \"smooth\"\n            });\n        }\n    }\n\n    \/\/ 2. Gestion du clic avec d\u00e9l\u00e9gation (plus robuste sur le live)\n    const navContainer = document.querySelector('.floating-nav-menu-elementaire');\n    if (navContainer) {\n        navContainer.addEventListener('click', function(e) {\n            \/\/ Remonter jusqu'au lien si on clique sur le point ou le label\n            const link = e.target.closest('.floating-nav-link-elementaire');\n            \n            if (link) {\n                e.preventDefault(); \/\/ Emp\u00eache le saut brutal natif\n                const targetId = link.getAttribute('data-target');\n                smoothScrollTo(targetId);\n                \n                \/\/ Gestion manuelle de l'URL sans saut (optionnel, pour l'historique)\n                if(history.pushState) {\n                    history.pushState(null, null, '#' + targetId);\n                }\n            }\n        });\n    }\n\n    \/\/ 3. Mise \u00e0 jour de l'\u00e9tat actif au scroll\n    function updateActiveLink() {\n        const sections = document.querySelectorAll('section[id]'); \/\/ Cible toutes les sections avec ID\n        const scrollPosition = window.scrollY + headerOffset + 50; \/\/ +50 marge de d\u00e9tection\n\n        sections.forEach(section => {\n            const sectionTop = section.offsetTop;\n            const sectionHeight = section.offsetHeight;\n            const sectionId = section.getAttribute('id');\n\n            if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {\n                navLinks.forEach(link => {\n                    link.classList.remove('active');\n                    if (link.getAttribute('data-target') === sectionId) {\n                        link.classList.add('active');\n                    }\n                });\n            }\n        });\n    }\n\n    \/\/ 4. D\u00e9clencheurs\n    window.addEventListener('scroll', updateActiveLink);\n    \n    \/\/ Attendre que tout soit charg\u00e9 (images incluses) pour calculer les positions\n    window.addEventListener('load', function() {\n        updateActiveLink();\n        \/\/ V\u00e9rification si on arrive depuis une autre page avec une ancre\n        if(window.location.hash) {\n            const hash = window.location.hash.substring(1); \/\/ Enlever le #\n            \/\/ V\u00e9rifier si le hash correspond \u00e0 un de nos targets\n            const isTarget = Array.from(navLinks).some(link => link.getAttribute('data-target') === hash);\n            if(isTarget) {\n                setTimeout(() => {\n                    smoothScrollTo(hash);\n                }, 500); \/\/ Petit d\u00e9lai pour laisser Elementor finir son rendu\n            }\n        }\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc17ba3 elementor-widget elementor-widget-html\" data-id=\"dc17ba3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-faq-elem {\n  font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n  --blue: #05244F;\n  --coral: #F45D48;\n  --light: #f8f9fa;\n  --white: #ffffff;\n  width: 100%;\n  padding: 48px 16px;\n  box-sizing: border-box;\n  background: var(--white);\n}\n\n.faq-elem-inner {\n  max-width: 860px;\n  margin: 0 auto;\n}\n\n.faq-elem-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.faq-elem-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  color: var(--coral);\n  margin-bottom: 14px;\n}\n\n.faq-elem-eyebrow::before,\n.faq-elem-eyebrow::after {\n  content: '';\n  display: block;\n  width: 24px;\n  height: 2px;\n  background: var(--coral);\n  border-radius: 2px;\n}\n\n.faq-elem-title {\n  font-size: 22px;\n  font-weight: 700;\n  color: var(--blue);\n  margin: 0 0 10px;\n  line-height: 1.3;\n}\n\n.faq-elem-subtitle {\n  font-size: 15px;\n  color: var(--blue);\n  opacity: 0.6;\n  margin: 0;\n  line-height: 1.6;\n}\n\n.faq-elem-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.faq-elem-item {\n  border: 1.5px solid #e8ecf0;\n  border-radius: 12px;\n  overflow: hidden;\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.faq-elem-item.open {\n  border-color: var(--coral);\n  box-shadow: 0 4px 20px rgba(244, 93, 72, 0.1);\n}\n\n.faq-elem-question {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 16px;\n  cursor: pointer;\n  background: transparent;\n  transition: background 0.2s ease;\n  -webkit-tap-highlight-color: transparent;\n  user-select: none;\n}\n\n.faq-elem-item.open .faq-elem-question {\n  background: #fff5f4;\n}\n\n.faq-elem-q-text {\n  display: block;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--blue);\n  line-height: 1.55;\n  flex: 1 1 auto;\n  min-width: 0;\n  max-width: calc(100% - 44px);\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n\n.faq-elem-q-icon {\n  flex: 0 0 28px;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: var(--light);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.3s ease, transform 0.3s ease;\n  margin-top: 2px;\n}\n\n.faq-elem-item.open .faq-elem-q-icon {\n  background: var(--coral);\n  transform: rotate(45deg);\n}\n\n.faq-elem-q-icon svg {\n  width: 13px;\n  height: 13px;\n  stroke: var(--blue);\n  display: block;\n  flex-shrink: 0;\n  transition: stroke 0.3s ease;\n}\n\n.faq-elem-item.open .faq-elem-q-icon svg {\n  stroke: white;\n}\n\n.faq-elem-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.faq-elem-item.open .faq-elem-answer {\n  max-height: 800px;\n}\n\n.faq-elem-a-inner {\n  padding: 4px 16px 20px 16px;\n  font-size: 14px;\n  line-height: 1.75;\n  color: var(--blue);\n  opacity: 0.85;\n}\n\n.faq-elem-a-inner a {\n  color: var(--coral);\n  font-weight: 600;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(244, 93, 72, 0.3);\n}\n\n.faq-elem-a-inner strong {\n  color: var(--blue);\n  font-weight: 700;\n}\n\n.faq-elem-footer {\n  margin-top: 32px;\n  text-align: center;\n  padding: 20px 16px;\n  background: linear-gradient(135deg, #fff5f4 0%, #fff9f0 100%);\n  border-radius: 12px;\n  border: 1px dashed rgba(244, 93, 72, 0.3);\n}\n\n.faq-elem-footer p {\n  font-size: 14px;\n  color: var(--blue);\n  opacity: 0.7;\n  margin: 0 0 12px;\n}\n\n.faq-elem-footer a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  background: var(--coral);\n  color: white;\n  font-size: 14px;\n  font-weight: 700;\n  padding: 12px 24px;\n  border-radius: 8px;\n  text-decoration: none;\n  box-shadow: 0 4px 16px rgba(244, 93, 72, 0.3);\n}\n<\/style>\n\n<section class=\"is33-faq-elem\">\n  <div class=\"faq-elem-inner\">\n\n    <div class=\"faq-elem-header\">\n      <div class=\"faq-elem-eyebrow\">Questions fr\u00e9quentes<\/div>\n      <h2 class=\"faq-elem-title\">Tout ce que vous voulez savoir sur l'\u00e9l\u00e9mentaire IS33<\/h2>\n      <p class=\"faq-elem-subtitle\">Les r\u00e9ponses aux questions que se posent les parents avant de choisir une \u00e9cole primaire internationale \u00e0 Bordeaux.<\/p>\n    <\/div>\n\n    <div class=\"faq-elem-list\">\n\n      <div class=\"faq-elem-item open\">\n        <div class=\"faq-elem-question\" onclick=\"toggleFaqElem(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"true\">\n          <span class=\"faq-elem-q-text\">Quelle est la diff\u00e9rence entre IS33 et une \u00e9cole primaire publique ou priv\u00e9e classique ?<\/span>\n          <span class=\"faq-elem-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-elem-answer\">\n          <div class=\"faq-elem-a-inner\">IS33 suit les programmes de l'\u00c9ducation nationale <strong>tout en les enrichissant par la p\u00e9dagogie Montessori<\/strong>. Concr\u00e8tement : classes de 15 \u00e0 20 \u00e9l\u00e8ves maximum, enseignants natifs pour l'anglais, bilinguisme total d\u00e8s le CP, suivi individualis\u00e9. Les \u00e9l\u00e8ves acqui\u00e8rent les comp\u00e9tences du cycle 2 et 3 <strong>en deux langues simultan\u00e9ment<\/strong>.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-elem-item\">\n        <div class=\"faq-elem-question\" onclick=\"toggleFaqElem(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n          <span class=\"faq-elem-q-text\">\u00c0 partir de quel \u00e2ge peut-on inscrire son enfant \u00e0 l'\u00e9l\u00e9mentaire IS33 ?<\/span>\n          <span class=\"faq-elem-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-elem-answer\">\n          <div class=\"faq-elem-a-inner\">L'\u00e9l\u00e9mentaire IS33 accueille les enfants <strong>du CP au CM2<\/strong>, de 6 \u00e0 11 ans. Les enfants issus de la maternelle IS33 int\u00e8grent naturellement l'\u00e9l\u00e9mentaire en continuant leur parcours bilingue Montessori. Des <strong>inscriptions en cours d'ann\u00e9e<\/strong> sont possibles selon les places disponibles.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-elem-item\">\n        <div class=\"faq-elem-question\" onclick=\"toggleFaqElem(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n          <span class=\"faq-elem-q-text\">Comment fonctionne le bilinguisme \u00e0 l'\u00e9l\u00e9mentaire IS33 ?<\/span>\n          <span class=\"faq-elem-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-elem-answer\">\n          <div class=\"faq-elem-a-inner\">Le bilinguisme se fait par <strong>immersion totale<\/strong> : les \u00e9l\u00e8ves alternent les jours en anglais et en fran\u00e7ais avec des enseignants natifs qui ne parlent que leur langue en classe. En fin d'\u00e9l\u00e9mentaire, les enfants <strong>lisent, \u00e9crivent et s'expriment couramment dans les deux langues<\/strong>.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-elem-item\">\n        <div class=\"faq-elem-question\" onclick=\"toggleFaqElem(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n          <span class=\"faq-elem-q-text\">La p\u00e9dagogie Montessori est-elle compatible avec le programme officiel fran\u00e7ais ?<\/span>\n          <span class=\"faq-elem-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-elem-answer\">\n          <div class=\"faq-elem-a-inner\">Oui. IS33 suit le programme officiel de l'\u00c9ducation nationale et l'enrichit avec la p\u00e9dagogie Montessori. Les \u00e9l\u00e8ves apprennent \u00e0 leur rythme avec du mat\u00e9riel concret, mais <strong>ma\u00eetrisent toutes les comp\u00e9tences requises par niveau<\/strong>. Ils sont parfaitement pr\u00e9par\u00e9s pour int\u00e9grer le coll\u00e8ge IS33 ou un coll\u00e8ge classique en 6e.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-elem-item\">\n        <div class=\"faq-elem-question\" onclick=\"toggleFaqElem(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n          <span class=\"faq-elem-q-text\">Quels sont les frais de scolarit\u00e9 \u00e0 l'\u00e9l\u00e9mentaire IS33 ?<\/span>\n          <span class=\"faq-elem-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-elem-answer\">\n          <div class=\"faq-elem-a-inner\">Calcul\u00e9s selon votre <strong>revenu fiscal de r\u00e9f\u00e9rence (RFR)<\/strong>, sur une grille \u00e0 6 cat\u00e9gories. Pour l'\u00e9l\u00e9mentaire : de <strong>7 038 \u20ac \u00e0 10 402 \u20ac par an<\/strong>. Paiement sur 10 mensualit\u00e9s. R\u00e9ductions d\u00e8s le 2e enfant. <a href=\"https:\/\/international-school33.com\/tarifs\/\">Consultez la grille tarifaire compl\u00e8te<\/a>.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-elem-item\">\n        <div class=\"faq-elem-question\" onclick=\"toggleFaqElem(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n          <span class=\"faq-elem-q-text\">Comment se d\u00e9roule l'admission \u00e0 l'\u00e9l\u00e9mentaire IS33 ?<\/span>\n          <span class=\"faq-elem-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-elem-answer\">\n          <div class=\"faq-elem-a-inner\"><strong>1)<\/strong> Contact avec notre \u00e9quipe admissions (formulaire, t\u00e9l\u00e9phone ou WhatsApp). <strong>2)<\/strong> Entretien de pr\u00e9sentation pour \u00e9valuer le niveau et d\u00e9couvrir l'\u00e9cole. <strong>3)<\/strong> Constitution du dossier. Les places \u00e9tant limit\u00e9es, <strong>nous recommandons de prendre contact d\u00e8s que possible<\/strong>. <a href=\"https:\/\/international-school33.com\/admission\/\">D\u00e9marrer une demande d'admission<\/a>.<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Quelle est la diff\u00e9rence entre IS33 et une \u00e9cole primaire publique ou priv\u00e9e classique ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"IS33 suit les programmes de l'\u00c9ducation nationale tout en les enrichissant par la p\u00e9dagogie Montessori. Classes de 15 \u00e0 20 \u00e9l\u00e8ves maximum, enseignants natifs pour l'anglais, bilinguisme total d\u00e8s le CP, suivi individualis\u00e9. Les \u00e9l\u00e8ves acqui\u00e8rent les comp\u00e9tences du cycle 2 et 3 en deux langues simultan\u00e9ment.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u00c0 partir de quel \u00e2ge peut-on inscrire son enfant \u00e0 l'\u00e9l\u00e9mentaire IS33 ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"L'\u00e9l\u00e9mentaire IS33 accueille les enfants du CP au CM2, de 6 \u00e0 11 ans. Les enfants issus de la maternelle IS33 int\u00e8grent naturellement l'\u00e9l\u00e9mentaire en continuant leur parcours bilingue Montessori. Des inscriptions en cours d'ann\u00e9e sont possibles selon les places disponibles.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Comment fonctionne le bilinguisme \u00e0 l'\u00e9l\u00e9mentaire IS33 ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Le bilinguisme se fait par immersion totale : les \u00e9l\u00e8ves alternent les jours en anglais et en fran\u00e7ais avec des enseignants natifs qui ne parlent que leur langue en classe. En fin d'\u00e9l\u00e9mentaire, les enfants lisent, \u00e9crivent et s'expriment couramment dans les deux langues.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"La p\u00e9dagogie Montessori est-elle compatible avec le programme officiel fran\u00e7ais ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui. IS33 suit le programme officiel de l'\u00c9ducation nationale et l'enrichit avec la p\u00e9dagogie Montessori. Les \u00e9l\u00e8ves apprennent \u00e0 leur rythme avec du mat\u00e9riel concret, mais ma\u00eetrisent toutes les comp\u00e9tences requises par niveau. Ils sont parfaitement pr\u00e9par\u00e9s pour int\u00e9grer le coll\u00e8ge IS33 ou un coll\u00e8ge classique en 6e.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Quels sont les frais de scolarit\u00e9 \u00e0 l'\u00e9l\u00e9mentaire IS33 ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Les frais sont calcul\u00e9s selon votre revenu fiscal de r\u00e9f\u00e9rence (RFR), sur une grille \u00e0 6 cat\u00e9gories. Pour l'\u00e9l\u00e9mentaire : de 7 038 \u20ac \u00e0 10 402 \u20ac par an. Paiement sur 10 mensualit\u00e9s. R\u00e9ductions d\u00e8s le 2e enfant.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Comment se d\u00e9roule l'admission \u00e0 l'\u00e9l\u00e9mentaire IS33 ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Le processus comprend : 1) un contact avec l'\u00e9quipe admissions, 2) un entretien de pr\u00e9sentation pour \u00e9valuer le niveau et d\u00e9couvrir l'\u00e9cole, 3) la constitution du dossier. Les places \u00e9tant limit\u00e9es, nous recommandons de prendre contact d\u00e8s que possible.\"\n      }\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\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>6 \u00e0 12 ans \u00c9cole \u00c9l\u00e9mentaire Internationale avec un programme 100% bilingue IS33 est la premi\u00e8re \u00e9cole du monde de l&rsquo;IB en Nouvelle-Aquitaine. Programme Primaire du Baccalaur\u00e9at International d\u00e8s la maternelle, avec p\u00e9dagogie Montessori et bilinguisme anglais-fran\u00e7ais. Programme IB d\u00e8s le primaire \u2014 Former des citoyens du monde Bilinguisme total \u2014 Immersion anglais \/ fran\u00e7ais [&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-1018","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/comments?post=1018"}],"version-history":[{"count":187,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1018\/revisions"}],"predecessor-version":[{"id":3699,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1018\/revisions\/3699"}],"wp:attachment":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/media?parent=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}