{"id":1423,"date":"2025-11-21T19:22:36","date_gmt":"2025-11-21T19:22:36","guid":{"rendered":"https:\/\/international-school33.com\/?page_id=1423"},"modified":"2026-01-11T17:35:55","modified_gmt":"2026-01-11T17:35:55","slug":"pedagogy","status":"publish","type":"page","link":"https:\/\/international-school33.com\/en\/pedagogie\/","title":{"rendered":"Teaching"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1423\" class=\"elementor elementor-1423\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe804d9 e-flex e-con-boxed e-con e-parent\" data-id=\"fe804d9\" 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-a26978d elementor-widget elementor-widget-html\" data-id=\"a26978d\" 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-pedagogie {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    color: #05244F;\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\n    display: flex;\n    flex-direction: column;\n}\n\n.hero-container {\n    max-width: 1400px;\n    width: 100%;\n    margin: 0 auto;\n    \/* CONSIGNE RESPECT\u00c9E : 50px haut\/bas *\/\n    padding: 50px 40px; \n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center; \n    min-height: 95vh; \n}\n\n.hero-content {\n    animation: fadeInUp 0.8s ease-out;\n    margin-top: 0; \n}\n\n.hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\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    margin-bottom: 24px;\n    letter-spacing: 0.5px;\n    box-shadow: 0 4px 15px rgba(181, 145, 56, 0.3);\n    border-radius: 100px;\n}\n\n.hero-title {\n    font-size: 58px;\n    font-weight: 700;\n    line-height: 1.1;\n    margin-bottom: 28px;\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.7;\n    color: #05244F;\n    opacity: 0.85;\n    margin-bottom: 40px;\n    max-width: 580px;\n}\n\n.hero-stats {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n    margin-top: 48px;\n}\n\n.stat-card {\n    padding: 24px;\n    background: white;\n    border-left: 4px solid #F45D48;\n    box-shadow: 0 4px 12px rgba(5, 36, 79, 0.08);\n    transition: all 0.3s ease;\n}\n\n.stat-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(5, 36, 79, 0.12);\n}\n\n.stat-card:nth-child(2) {\n    border-left-color: #B59138;\n}\n\n.stat-number {\n    font-size: 36px;\n    font-weight: 700;\n    color: #05244F;\n    display: block;\n    margin-bottom: 8px;\n}\n\n.stat-label {\n    font-size: 15px;\n    color: #05244F;\n    opacity: 0.75;\n}\n\n.hero-image {\n    position: relative;\n    animation: fadeInRight 1s ease-out;\n    height: 100%;\n    display: flex;\n    align-items: center;\n}\n\n.hero-image-wrapper {\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 24px 64px rgba(5, 36, 79, 0.15);\n    width: 100%;\n    border-radius: 4px; \/* Ajout l\u00e9ger radius pour l'esth\u00e9tique mobile *\/\n}\n\n.hero-image-wrapper::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(181, 145, 56, 0.15) 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: 700px;\n    object-fit: cover;\n    display: block;\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\/* Responsive *\/\n@media (max-width: 968px) {\n    .is33-hero-pedagogie {\n        height: auto;\n    }\n\n    .hero-container {\n        display: flex;\n        flex-direction: column; \/* Empilement vertical *\/\n        \/* CONSIGNE RESPECT\u00c9E MOBILE : 50px haut\/bas *\/\n        padding: 50px 24px; \n        gap: 40px;\n        min-height: auto;\n    }\n\n    .hero-title {\n        font-size: 36px; \/* Taille r\u00e9duite pour \u00e9viter d\u00e9bordement *\/\n        line-height: 1.2;\n    }\n\n    .hero-subtitle {\n        font-size: 17px;\n        margin-bottom: 30px;\n    }\n    \n    .hero-image {\n        width: 100%;\n        margin-top: 20px;\n    }\n\n    .hero-image img {\n        height: 350px; \/* Hauteur adapt\u00e9e au mobile *\/\n    }\n\n    .hero-stats {\n        grid-template-columns: 1fr; \/* Une seule colonne pour les stats sur mobile *\/\n        gap: 16px;\n        margin-top: 32px;\n    }\n    \n    .stat-card {\n        padding: 20px;\n    }\n    \n    .stat-number {\n        font-size: 30px;\n    }\n}\n\n@media (max-width: 480px) {\n    .hero-container {\n        padding: 50px 20px; \/* Marges lat\u00e9rales r\u00e9duites sur petits \u00e9crans, vertical toujours 50px *\/\n    }\n    .hero-title {\n        font-size: 32px;\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 - P\u00e9dagogie\",\n    \"description\": \"P\u00e9dagogie innovante combinant Baccalaur\u00e9at International (IB) et enseignement bilingue. Programmes IB de la maternelle \u00e0 la terminale \u00e0 Gradignan, Bordeaux.\",\n    \"url\": \"https:\/\/international-school33.com\/pedagogie\",\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    \"knowsAbout\": [\n        \"Baccalaur\u00e9at International\",\n        \"Programme Primaire IB\",\n        \"Programme d'\u00c9ducation Interm\u00e9diaire IB\",\n        \"Dipl\u00f4me du Baccalaur\u00e9at International\",\n        \"Programme \u00e0 orientation professionnelle IB\",\n        \"\u00c9ducation bilingue\"\n    ],\n    \"hasCredential\": {\n        \"@type\": \"EducationalOccupationalCredential\",\n        \"credentialCategory\": \"\u00c9cole du monde du Baccalaur\u00e9at International\",\n        \"recognizedBy\": {\n            \"@type\": \"Organization\",\n            \"name\": \"International Baccalaureate Organization\"\n        }\n    }\n}\n<\/script>\n\n<section class=\"is33-hero-pedagogie\" id=\"hero-pedagogie\">\n    <div class=\"hero-container\">\n        <div class=\"hero-content\">\n            <span class=\"hero-badge\">\n                P\u00e9dagogie innovante\n            <\/span>\n            <h1 class=\"hero-title\">\n                Enseignement <span class=\"highlight\">rigoureux<\/span> et \u00e9panouissement des \u00e9l\u00e8ves\n            <\/h1>\n            <p class=\"hero-subtitle\">\n                International School 33 est la premi\u00e8re \u00e9cole du monde du baccalaur\u00e9at international de Nouvelle-Aquitaine, rejoignant ainsi plus de 5 300 \u00e9tablissements \u00e0 travers le monde qui se distinguent par leur rigueur p\u00e9dagogique et mettent l'accent sur les comp\u00e9tences de pens\u00e9e critique, la diversit\u00e9 et l'\u00e9panouissement personnel de leurs \u00e9l\u00e8ves.\n            <\/p>\n            <div class=\"hero-stats\">\n                <div class=\"stat-card\">\n                    <span class=\"stat-number\">5 300+<\/span>\n                    <span class=\"stat-label\">\u00c9coles du monde IB<\/span>\n                <\/div>\n                <div class=\"stat-card\">\n                    <span class=\"stat-number\">100%<\/span>\n                    <span class=\"stat-label\">Approche individualis\u00e9e<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\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-pedagogie-hero-scaled.jpg\"\n                    alt=\"\u00c9l\u00e8ves IS33 en classe - P\u00e9dagogie IB bilingue\"\n                    loading=\"eager\"\n                \/>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-263a95d elementor-widget elementor-widget-menu-anchor\" data-id=\"263a95d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"notre-mission\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a504e2b elementor-widget elementor-widget-html\" data-id=\"a504e2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-mission-section {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: #f8f9fa;\n    \/* MODIFICATION ICI : Padding r\u00e9duit et \u00e9quilibr\u00e9 (50px au lieu de 100px) *\/\n    padding: 50px 0;\n    position: relative;\n    margin: 0;\n}\n\n.mission-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.mission-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUpMission 0.8s ease-out;\n}\n\n.mission-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.mission-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.mission-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-bottom: 60px;\n}\n\n.mission-card {\n    padding: 40px 32px;\n    border-radius: 0;\n    color: white;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;\n    cursor: default;\n    min-height: 320px;\n    display: flex;\n    flex-direction: column;\n    animation: fadeInUpMission 0.8s ease-out backwards;\n}\n\n.mission-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.mission-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n}\n\n.mission-card:hover::before {\n    opacity: 1;\n}\n\n.mission-card:nth-child(1) {\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    animation-delay: 0.1s;\n}\n\n.mission-card:nth-child(2) {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    animation-delay: 0.2s;\n}\n\n.mission-card:nth-child(3) {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    animation-delay: 0.3s;\n}\n\n.mission-card-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 20px;\n    color: white;\n    opacity: 0.95;\n}\n\n.mission-card-title {\n    font-size: 24px;\n    font-weight: 700;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.mission-card-text {\n    font-size: 16px;\n    line-height: 1.7;\n    opacity: 0.95;\n    margin: 0;\n}\n\n\/* Section Sondage *\/\n.sondage-section {\n    background: white;\n    padding: 48px;\n    margin-top: 60px;\n    border-left: 6px solid #B59138;\n    animation: fadeInUpMission 0.8s ease-out 0.5s backwards;\n}\n\n.sondage-section h3 {\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.sondage-section h3 svg {\n    width: 32px;\n    height: 32px;\n    color: #B59138;\n}\n\n.sondage-section p {\n    font-size: 17px;\n    color: #05244F;\n    line-height: 1.8;\n    margin-bottom: 16px;\n    opacity: 0.85;\n}\n\n.sondage-section p:last-child {\n    margin-bottom: 0;\n}\n\n@keyframes fadeInUpMission {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (max-width: 968px) {\n    .is33-mission-section {\n        \/* MODIFICATION ICI : Padding r\u00e9duit \u00e9galement sur mobile (40px au lieu de 60px) *\/\n        padding: 40px 0;\n    }\n    .mission-container {\n        padding: 0 24px;\n    }\n    .mission-title {\n        font-size: 32px;\n    }\n    .mission-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    .mission-card {\n        min-height: auto;\n    }\n    .sondage-section {\n        padding: 24px;\n    }\n}\n<\/style>\n\n<section class=\"is33-mission-section\" id=\"mission\">\n    <div class=\"mission-container\">\n        <div class=\"mission-header\">\n            <h2 class=\"mission-title\">Notre mission \u00e9ducative<\/h2>\n            <p class=\"mission-intro\">\n                Nous pla\u00e7ons l'\u00e9l\u00e8ve au c\u0153ur de notre projet p\u00e9dagogique, avec une attention particuli\u00e8re \u00e0 son bien-\u00eatre et \u00e0 son d\u00e9veloppement.\n            <\/p>\n        <\/div>\n        \n        <div class=\"mission-grid\">\n            <div class=\"mission-card\">\n                <svg class=\"mission-card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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                <h3 class=\"mission-card-title\">Notre But<\/h3>\n                <p class=\"mission-card-text\">\n                    Permettre aux \u00e9l\u00e8ves d'\u00eatre heureux d'aller travailler, d'\u00eatre respect\u00e9s dans leur individualit\u00e9, qu'ils aient confiance en eux, respectent les autres, et se sentent bien dans leur environnement.\n                <\/p>\n            <\/div>\n            \n            <div class=\"mission-card\">\n                <svg class=\"mission-card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><polyline points=\"200 152 160 192 96 176 40 136\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"72.68 70.63 128 56 183.32 70.63\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M34.37,60.42,8.85,111.48a8,8,0,0,0,3.57,10.73L40,136,72.68,70.63,45.11,56.85A8,8,0,0,0,34.37,60.42Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M216,136l27.58-13.79a8,8,0,0,0,3.57-10.73L221.63,60.42a8,8,0,0,0-10.74-3.57L183.32,70.63Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M184,72H144L98.34,116.29a8,8,0,0,0,1.38,12.42C117.23,139.9,141,139.13,160,120l40,32,16-16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"124.06 216 82.34 205.57 56 186.75\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <h3 class=\"mission-card-title\">Notre Engagement<\/h3>\n                <p class=\"mission-card-text\">\n                    Proposer des ambiances de travail sereines et stimulantes, assurer un enseignement de qualit\u00e9, avoir une relation de confiance avec les parents, respecter les \u00e9l\u00e8ves et leur permettre de donner le meilleur d'eux-m\u00eames.\n                <\/p>\n            <\/div>\n            \n            <div class=\"mission-card\">\n                <svg class=\"mission-card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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                <h3 class=\"mission-card-title\">Notre P\u00e9dagogie<\/h3>\n                <p class=\"mission-card-text\">\n                    Des programmes du Baccalaur\u00e9at International qui d\u00e9veloppent la pens\u00e9e critique, valorisent la diversit\u00e9 culturelle et permettent l'\u00e9panouissement personnel de chaque \u00e9l\u00e8ve.\n                <\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"sondage-section\">\n            <h3>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><polyline points=\"48 208 48 136 96 136\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"224\" y1=\"208\" x2=\"32\" y2=\"208\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"96 208 96 88 152 88\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"152 208 152 40 208 40 208 208\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                Ce que nos familles appr\u00e9cient\n            <\/h3>\n            <p>\n                Suite au sondage men\u00e9 aupr\u00e8s de nos familles, il appara\u00eet qu'IS33 est particuli\u00e8rement appr\u00e9ci\u00e9 pour la qualit\u00e9 de son enseignement, \u00e0 la fois exigeant, inspirant et dispens\u00e9 dans un environnement bienveillant, attentionn\u00e9 et s\u00e9curisant.\n            <\/p>\n            <p>\n                Les parents per\u00e7oivent l'\u00e9cole comme un \u00e9tablissement et multiculturel.\n            <\/p>\n            <p>\n                Notre accompagnement personnalis\u00e9 constitue l'un des points forts d'IS33 : les familles soulignent l'esprit de communaut\u00e9 et la dimension familiale de l'\u00e9cole, o\u00f9 chaque \u00e9l\u00e8ve est connu, soutenu et consid\u00e9r\u00e9 dans son individualit\u00e9.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d44ea4f elementor-widget elementor-widget-menu-anchor\" data-id=\"d44ea4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"notre-philosophie-educative\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bee3e0b elementor-widget elementor-widget-html\" data-id=\"bee3e0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-philosophie-section {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: white;\n    padding: 50px 0;\n    position: relative;\n    margin: 0;\n}\n\n.philosophie-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.philosophie-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUpPhilo 0.8s ease-out;\n}\n\n.philosophie-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.philosophie-intro {\n    font-size: 20px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.7;\n    max-width: 900px;\n    margin: 0 auto 16px;\n}\n\n.philosophie-description {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.75;\n    line-height: 1.7;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n.philosophie-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-top: 60px;\n}\n\n.philosophie-card {\n    padding: 40px 32px;\n    border-radius: 0;\n    color: white;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;\n    cursor: default;\n    min-height: 300px;\n    display: flex;\n    flex-direction: column;\n    animation: fadeInUpPhilo 0.8s ease-out backwards;\n}\n\n.philosophie-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.philosophie-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n}\n\n.philosophie-card:hover::before {\n    opacity: 1;\n}\n\n.philosophie-card:nth-child(1) {\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    animation-delay: 0.1s;\n}\n\n.philosophie-card:nth-child(2) {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    animation-delay: 0.2s;\n}\n\n.philosophie-card:nth-child(3) {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    animation-delay: 0.3s;\n}\n\n.card-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 20px;\n    display: block;\n    color: white;\n}\n\n.card-title {\n    font-size: 24px;\n    font-weight: 700;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.card-text {\n    font-size: 16px;\n    line-height: 1.7;\n    opacity: 0.95;\n    margin: 0;\n}\n\n@keyframes fadeInUpPhilo {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (max-width: 968px) {\n    .is33-philosophie-section {\n        padding: 50px 0;\n    }\n    .philosophie-container {\n        padding: 0 24px;\n    }\n    .philosophie-title {\n        font-size: 32px;\n    }\n    .philosophie-intro {\n        font-size: 18px;\n    }\n    .philosophie-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    .philosophie-card {\n        min-height: auto;\n    }\n}\n<\/style>\n\n<section class=\"is33-philosophie-section\" id=\"philosophie\">\n    <div class=\"philosophie-container\">\n        <div class=\"philosophie-header\">\n            <h2 class=\"philosophie-title\">Notre philosophie \u00e9ducative : rigueur et \u00e9panouissement<\/h2>\n            <p class=\"philosophie-intro\">\n                International School 33 (IS33), c'est la joie d'aller \u00e0 l'\u00e9cole et la garantie d'un excellent niveau scolaire.\n            <\/p>\n            <p class=\"philosophie-description\">\n                \u00c0 IS33, nous croyons que l'excellence acad\u00e9mique et l'\u00e9panouissement personnel vont de pair. Notre approche p\u00e9dagogique repose sur la conviction que les jeunes apprenants s'\u00e9panouissent lorsqu'ils \u00e9voluent dans un environnement exigeant, structur\u00e9 et bienveillant.\n            <\/p>\n        <\/div>\n        \n        <div class=\"philosophie-grid\">\n            <div class=\"philosophie-card\">\n                <svg class=\"card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><rect x=\"48\" y=\"40\" width=\"64\" height=\"176\" rx=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M217.67,205.77l-46.81,10a8,8,0,0,1-9.5-6.21L128.18,51.8a8.07,8.07,0,0,1,6.15-9.57l46.81-10a8,8,0,0,1,9.5,6.21L223.82,196.2A8.07,8.07,0,0,1,217.67,205.77Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"48\" y1=\"72\" x2=\"112\" y2=\"72\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"48\" y1=\"184\" x2=\"112\" y2=\"184\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"133.16\" y1=\"75.48\" x2=\"195.61\" y2=\"62.06\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"139.79\" y1=\"107.04\" x2=\"202.25\" y2=\"93.62\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"156.39\" y1=\"185.94\" x2=\"218.84\" y2=\"172.52\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <h3 class=\"card-title\">La rigueur p\u00e9dagogique<\/h3>\n                <p class=\"card-text\">\n                    Des programmes exigeants qui d\u00e9veloppent la curiosit\u00e9 intellectuelle, les connaissances et la d\u00e9termination n\u00e9cessaires pour r\u00e9ussir.\n                <\/p>\n            <\/div>\n            \n            <div class=\"philosophie-card\">\n                <svg class=\"card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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                <h3 class=\"card-title\">L'\u00e9panouissement de chaque \u00e9l\u00e8ve<\/h3>\n                <p class=\"card-text\">\n                    Une attention port\u00e9e au d\u00e9veloppement personnel, \u00e0 la confiance en soi et \u00e0 la sensibilit\u00e9 de chacun.\n                <\/p>\n            <\/div>\n            \n            <div class=\"philosophie-card\">\n                <svg class=\"card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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                <h3 class=\"card-title\">L'ouverture internationale<\/h3>\n                <p class=\"card-text\">\n                    Une \u00e9ducation qui valorise la diversit\u00e9 culturelle et cultive une perspective mondiale.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb6832a elementor-widget elementor-widget-menu-anchor\" data-id=\"fb6832a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"programmes-ib\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c03b45c elementor-widget elementor-widget-html\" data-id=\"c03b45c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-enseignement-section {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: #f8f9fa;\n    padding: 50px 0;\n    position: relative;\n    margin: 0;\n}\n\n.enseignement-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.enseignement-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUpEns 0.8s ease-out;\n}\n\n.enseignement-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.enseignement-intro {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.8;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n\/* Bloc lien vers site *\/\n.enseignement-link-block {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    color: white;\n    padding: 40px 48px;\n    margin-bottom: 60px;\n    animation: fadeInUpEns 0.8s ease-out 0.2s backwards;\n}\n\n.enseignement-link-block a {\n    color: #B59138;\n    text-decoration: none;\n    font-weight: 600;\n    transition: color 0.3s ease;\n}\n\n.enseignement-link-block a:hover {\n    color: #d4ab4d;\n}\n\n.enseignement-link-block p {\n    font-size: 17px;\n    line-height: 1.8;\n    margin-bottom: 16px;\n    opacity: 0.95;\n}\n\n.enseignement-link-block p:last-child {\n    margin-bottom: 0;\n}\n\n.enseignement-link-block ul {\n    list-style: none;\n    padding: 0;\n    margin: 24px 0;\n}\n\n.enseignement-link-block ul li {\n    font-size: 17px;\n    line-height: 1.8;\n    padding-left: 28px;\n    position: relative;\n    margin-bottom: 12px;\n    opacity: 0.95;\n}\n\n.enseignement-link-block ul li::before {\n    content: \"\u2192\";\n    position: absolute;\n    left: 0;\n    color: #B59138;\n    font-weight: 700;\n}\n\n\/* Grille des valeurs p\u00e9dagogiques *\/\n.valeurs-pedagogiques-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-bottom: 60px;\n    animation: fadeInUpEns 0.8s ease-out 0.3s backwards;\n}\n\n.valeur-card {\n    background: white;\n    padding: 32px;\n    border-left: 4px solid #B59138;\n    transition: all 0.3s ease;\n}\n\n.valeur-card:hover {\n    transform: translateX(8px);\n    box-shadow: 0 8px 24px rgba(5, 36, 79, 0.1);\n}\n\n.valeur-card:nth-child(1) { border-left-color: #F45D48; }\n.valeur-card:nth-child(2) { border-left-color: #B59138; }\n.valeur-card:nth-child(3) { border-left-color: #05244F; }\n.valeur-card:nth-child(4) { border-left-color: #F45D48; }\n.valeur-card:nth-child(5) { border-left-color: #B59138; }\n\n.valeur-card-icon {\n    width: 32px;\n    height: 32px;\n    color: #05244F;\n    margin-bottom: 16px;\n}\n\n.valeur-card p {\n    font-size: 16px;\n    color: #05244F;\n    line-height: 1.7;\n    margin: 0;\n    font-weight: 600;\n}\n\n\/* Section texte d\u00e9taill\u00e9 *\/\n.enseignement-detail-section {\n    background: white;\n    padding: 48px;\n    margin-bottom: 60px;\n    animation: fadeInUpEns 0.8s ease-out 0.4s backwards;\n}\n\n.enseignement-detail-section p {\n    font-size: 17px;\n    color: #05244F;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    opacity: 0.85;\n}\n\n.enseignement-detail-section p:last-child {\n    margin-bottom: 0;\n}\n\n\/* Highlight IB *\/\n.ib-highlight-block {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    color: white;\n    padding: 40px 48px;\n    margin-bottom: 60px;\n    animation: fadeInUpEns 0.8s ease-out 0.5s backwards;\n}\n\n.ib-highlight-block p {\n    font-size: 18px;\n    line-height: 1.8;\n    margin: 0;\n    opacity: 0.95;\n}\n\n\/* Section 4 programmes *\/\n.programmes-ib-subtitle {\n    text-align: center;\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 16px;\n    animation: fadeInUpEns 0.8s ease-out 0.6s backwards;\n}\n\n.programmes-ib-intro {\n    text-align: center;\n    font-size: 17px;\n    color: #05244F;\n    opacity: 0.85;\n    margin-bottom: 40px;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.programmes-ib-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n\n.programme-ib-card {\n    background: white;\n    padding: 40px 24px;\n    text-align: center;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border-top: 4px solid transparent;\n    animation: fadeInUpEns 0.8s ease-out backwards;\n}\n\n.programme-ib-card:nth-child(1) {\n    border-top-color: #F45D48;\n    animation-delay: 0.7s;\n}\n\n.programme-ib-card:nth-child(2) {\n    border-top-color: #B59138;\n    animation-delay: 0.8s;\n}\n\n.programme-ib-card:nth-child(3) {\n    border-top-color: #05244F;\n    animation-delay: 0.9s;\n}\n\n.programme-ib-card:nth-child(4) {\n    border-top-color: #F45D48;\n    animation-delay: 1s;\n}\n\n.programme-ib-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 12px 32px rgba(5, 36, 79, 0.15);\n}\n\n.programme-icon {\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 20px;\n    color: #05244F;\n}\n\n.programme-title {\n    font-size: 20px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 12px;\n    line-height: 1.3;\n}\n\n.programme-level {\n    font-size: 15px;\n    color: #6c757d;\n    margin-bottom: 0;\n}\n\n@keyframes fadeInUpEns {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (max-width: 1200px) {\n    .programmes-ib-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 968px) {\n    .is33-enseignement-section {\n        padding: 50px 0;\n    }\n    .enseignement-container {\n        padding: 0 24px;\n    }\n    .enseignement-title {\n        font-size: 32px;\n    }\n    .valeurs-pedagogiques-grid {\n        grid-template-columns: 1fr;\n    }\n    .programmes-ib-grid {\n        grid-template-columns: 1fr;\n    }\n    .enseignement-link-block,\n    .enseignement-detail-section,\n    .ib-highlight-block {\n        padding: 24px;\n    }\n}\n<\/style>\n\n<section class=\"is33-enseignement-section\" id=\"methode-ib\">\n    <div class=\"enseignement-container\">\n        <div class=\"enseignement-header\">\n            <h2 class=\"enseignement-title\">Un enseignement de qualit\u00e9 adapt\u00e9 \u00e0 chaque enfant<\/h2>\n            <p class=\"enseignement-intro\">\n                IS33 fait partie des 5 300 \u00e9tablissements scolaires qui enseignent les programmes du Baccalaur\u00e9at International\u00ae (IB) \u00e0 plus d'un million d'\u00e9l\u00e8ves \u00e0 travers le monde.\n            <\/p>\n        <\/div>\n        \n        <div class=\"enseignement-link-block\">\n            <p>\n                <a href=\"https:\/\/international-school33.com\/\" target=\"_blank\">International School 33 Bordeaux<\/a> garantit un enseignement de qualit\u00e9 adapt\u00e9 \u00e0 chaque enfant dans le strict respect :\n            <\/p>\n            <ul>\n                <li>Des valeurs et des programmes de l'\u00c9ducation Nationale et du baccalaur\u00e9at international (IB).<\/li>\n                <li>De l'enseignement des langues en immersion d\u00e8s la maternelle.<\/li>\n                <li>De la mise en place d'un environnement bienveillant o\u00f9 le travail est valoris\u00e9.<\/li>\n            <\/ul>\n        <\/div>\n        \n        <div class=\"valeurs-pedagogiques-grid\">\n            <div class=\"valeur-card\">\n                <svg class=\"valeur-card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M216,48a8,8,0,0,0-10.89-7.47C190,46.41,160.89,55.71,128,55.71s-62-9.3-77.11-15.16A8,8,0,0,0,40,48v55.77C40,174.6,79.4,232,128,232s88-57.4,88-128.21Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M144,128c4.39-4.91,12.89-8,20-8s15.61,3.09,20,8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M72,128c4.39-4.91,12.89-8,20-8s15.61,3.09,20,8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M162.36,168a44.89,44.89,0,0,1-68.72,0\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <p>La joie d'aller travailler<\/p>\n            <\/div>\n            <div class=\"valeur-card\">\n                <svg class=\"valeur-card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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                <p>La diff\u00e9rence et la valorisation de la personnalit\u00e9 de chacun<\/p>\n            <\/div>\n            <div class=\"valeur-card\">\n                <svg class=\"valeur-card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"96\" r=\"80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"176 160 176 240 127.99 216 80 240 80 160.01\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <p>La confiance en soi et l'autonomie<\/p>\n            <\/div>\n            <div class=\"valeur-card\">\n                <svg class=\"valeur-card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M128,88a32,32,0,0,1,32-32h72V200H160a32,32,0,0,0-32,32\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M24,200H96a32,32,0,0,1,32,32V88A32,32,0,0,0,96,56H24Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <p>Le go\u00fbt d'apprendre<\/p>\n            <\/div>\n            <div class=\"valeur-card\">\n                <svg class=\"valeur-card-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"112\" cy=\"112\" r=\"80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"168.57\" y1=\"168.57\" x2=\"224\" y2=\"224\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <p>La curiosit\u00e9<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"enseignement-detail-section\">\n            <p>\n                L'enfant est consid\u00e9r\u00e9 avec sa propre personnalit\u00e9 afin qu'il d\u00e9veloppe au mieux ses capacit\u00e9s uniques.\n            <\/p>\n            <p>\n                Les enseignants de International School 33 ont pour habitude de travailler avec des enfants \u00e0 haut potentiel intellectuel. Ils leur permettent d'\u00e9voluer \u00e0 leur rythme tout en prenant en compte leur grande sensibilit\u00e9.\n            <\/p>\n            <p>\n                L'enfant re\u00e7oit une instruction globale avec des cours sp\u00e9cifiques et hebdomadaires comme les activit\u00e9s physiques (motricit\u00e9 pour les plus jeunes et sport pour les plus grands) et artistiques (musique et art). Les enfants sont encourag\u00e9s \u00e0 d\u00e9velopper leur cr\u00e9ativit\u00e9. Cette valeur, fondamentale \u00e0 l'\u00e9panouissement de l'\u00e9l\u00e8ve, lui permettra plus tard de trouver, par lui-m\u00eame, ses propres solutions en cas de difficult\u00e9.\n            <\/p>\n            <p>\n                Le choix d'IS33 de rentrer dans le monde des \u00e9coles de l'IB s'inscrit dans la continuit\u00e9 de son projet p\u00e9dagogique autour de Montessori et du multilinguisme. En effet, les m\u00e9thodes d'enseignements impliquent plus de recherches de la part des enseignants et un meilleur suivi de la part des coordinateurs et de la direction. Les principes de la p\u00e9dagogie Montessori ne seront pas abandonn\u00e9s puisque le mat\u00e9riel reste en place dans les classes.\n            <\/p>\n            <p>\n                \u00c0 l'IS33, l'IB associ\u00e9 \u00e0 la p\u00e9dagogie Montessori permet de former des \u00eatres ouverts au monde, sachant s'adapter, ayant confiance en eux, respectant les autres et leur environnement.\n            <\/p>\n        <\/div>\n        \n        <div class=\"ib-highlight-block\">\n            <p>\n                Les \u00e9l\u00e8ves des \u00e9coles du monde de l'IB d\u00e9veloppent de solides acquisitions scolaires, sociales et \u00e9motionnelles. Ils ont \u00e9galement plus de chances de r\u00e9ussir leurs \u00e9tudes, et obtiennent souvent de meilleurs r\u00e9sultats que les \u00e9l\u00e8ves suivant des programmes autres que ceux propos\u00e9s par l'IB. Les enseignements dispens\u00e9s \u00e0 IS33 vont donc au-del\u00e0 de la dimension strictement scolaire, en aidant les \u00e9l\u00e8ves \u00e0 explorer et \u00e0 construire leurs identit\u00e9s personnelles et culturelles. (source : <a href=\"http:\/\/www.ibo.org\" target=\"_blank\" style=\"color: white; text-decoration: underline;\" rel=\"noopener\">www.ibo.org<\/a>)\n            <\/p>\n        <\/div>\n        \n        <h3 class=\"programmes-ib-subtitle\">Les quatre programmes de l'IB \u00e0 IS33<\/h3>\n        <p class=\"programmes-ib-intro\">\n            IS33 est \u00e9tablissement du monde de l'IB pour les quatre programmes du continuum :\n        <\/p>\n        \n        <div class=\"programmes-ib-grid\">\n            <div class=\"programme-ib-card\">\n                <svg class=\"programme-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><rect x=\"48\" y=\"40\" width=\"64\" height=\"176\" rx=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M217.67,205.77l-46.81,10a8,8,0,0,1-9.5-6.21L128.18,51.8a8.07,8.07,0,0,1,6.15-9.57l46.81-10a8,8,0,0,1,9.5,6.21L223.82,196.2A8.07,8.07,0,0,1,217.67,205.77Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"48\" y1=\"72\" x2=\"112\" y2=\"72\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"48\" y1=\"184\" x2=\"112\" y2=\"184\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"133.16\" y1=\"75.48\" x2=\"195.61\" y2=\"62.06\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"139.79\" y1=\"107.04\" x2=\"202.25\" y2=\"93.62\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"156.39\" y1=\"185.94\" x2=\"218.84\" y2=\"172.52\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <h3 class=\"programme-title\">Programme Primaire<\/h3>\n                <p class=\"programme-level\">De la maternelle au CM2<\/p>\n            <\/div>\n            \n            <div class=\"programme-ib-card\">\n                <svg class=\"programme-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M128,88a32,32,0,0,1,32-32h72V200H160a32,32,0,0,0-32,32\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M24,200H96a32,32,0,0,1,32,32V88A32,32,0,0,0,96,56H24Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <h3 class=\"programme-title\">Programme d'\u00c9ducation Interm\u00e9diaire<\/h3>\n                <p class=\"programme-level\">De la 6e \u00e0 la 2nde<\/p>\n            <\/div>\n            \n            <div class=\"programme-ib-card\">\n                <svg class=\"programme-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"96\" y1=\"224\" x2=\"160\" y2=\"224\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"128\" y1=\"184\" x2=\"128\" y2=\"224\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M58,128H48A32,32,0,0,1,16,96V80a8,8,0,0,1,8-8H56\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M198,128h10a32,32,0,0,0,32-32V80a8,8,0,0,0-8-8H200\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M56,48H200v63.1c0,39.7-31.75,72.6-71.45,72.9A72,72,0,0,1,56,112Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <h3 class=\"programme-title\">Dipl\u00f4me du Baccalaur\u00e9at International<\/h3>\n                <p class=\"programme-level\">Premi\u00e8re et Terminale<\/p>\n            <\/div>\n            \n            <div class=\"programme-ib-card\">\n                <svg class=\"programme-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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                <h3 class=\"programme-title\">Programme \u00e0 orientation professionnelle<\/h3>\n                <p class=\"programme-level\">Premi\u00e8re et Terminale<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76bc060 elementor-widget elementor-widget-menu-anchor\" data-id=\"76bc060\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"enseignement-des-langues\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-479968d elementor-widget elementor-widget-html\" data-id=\"479968d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ============================================\n   STYLES G\u00c9N\u00c9RAUX SECTION LANGUES\n   ============================================ *\/\n.is33-langues-section {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: white;\n    padding: 50px 0;\n    position: relative;\n    margin: 0;\n}\n\n.langues-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.langues-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUpLang 0.8s ease-out;\n}\n\n.langues-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.langues-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.bilinguisme-title-wrapper {\n    margin-bottom: 40px;\n    animation: fadeInUpLang 0.8s ease-out 0.2s backwards;\n}\n\n.langues-subtitle {\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    line-height: 1.3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    text-align: center;\n}\n\n.subtitle-icon {\n    font-size: 32px;\n    line-height: 1;\n    letter-spacing: 8px;\n    margin-right: -8px;\n}\n\n.subtitle-svg-icon {\n    width: 32px;\n    height: 32px;\n    color: #B59138;\n}\n\n.langues-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    margin-bottom: 80px;\n    align-items: center;\n}\n\n.langues-content {\n    animation: fadeInUpLang 0.8s ease-out 0.3s backwards;\n}\n\n.langues-image {\n    position: relative;\n    animation: fadeInUpLang 0.8s ease-out 0.4s backwards;\n}\n\n.langues-image img {\n    width: 100%;\n    height: 500px;\n    object-fit: cover;\n    box-shadow: 0 20px 40px rgba(5, 36, 79, 0.15);\n}\n\n.langues-subsection {\n    margin-bottom: 60px;\n}\n\n.langues-text {\n    font-size: 17px;\n    color: #05244F;\n    line-height: 1.8;\n    margin-bottom: 16px;\n    opacity: 0.85;\n    text-align: justify;\n    -webkit-hyphens: auto;\n    -ms-hyphens: auto;\n    hyphens: auto;\n}\n\n.langues-highlight {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    color: white;\n    padding: 32px 40px;\n    margin: 32px 0;\n    border-left: 6px solid #B59138;\n}\n\n.langues-highlight p {\n    font-size: 17px;\n    line-height: 1.8;\n    margin-bottom: 16px;\n    opacity: 0.95;\n}\n\n.langues-highlight p:last-child {\n    margin-bottom: 0;\n}\n\n\/* Options linguistiques - 4 colonnes *\/\n.options-langues-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    margin-top: 32px;\n}\n\n.option-langue-card {\n    background: #f8f9fa;\n    padding: 32px 24px;\n    text-align: center;\n    transition: all 0.3s ease;\n    border-top: 4px solid transparent;\n}\n\n.option-langue-card:nth-child(1) { border-top-color: #F45D48; }\n.option-langue-card:nth-child(2) { border-top-color: #B59138; }\n.option-langue-card:nth-child(3) { border-top-color: #05244F; }\n.option-langue-card:nth-child(4) { border-top-color: #F45D48; }\n\n.option-langue-card:hover {\n    background: white;\n    box-shadow: 0 8px 24px rgba(5, 36, 79, 0.1);\n    transform: translateY(-4px);\n}\n\n.option-flag {\n    font-size: 56px;\n    margin-bottom: 16px;\n    display: block;\n}\n\n.option-langue-icon {\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 16px;\n    color: #05244F;\n}\n\n.option-langue-name {\n    font-size: 18px;\n    font-weight: 700;\n    color: #05244F;\n    margin: 0;\n}\n\n.cambridge-section {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    color: white;\n    padding: 48px;\n    margin: 60px 0;\n    animation: fadeInUpLang 0.8s ease-out 0.6s backwards;\n}\n\n.cambridge-section h3 {\n    font-size: 28px;\n    font-weight: 700;\n    margin-bottom: 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.cambridge-section h3 svg {\n    width: 32px;\n    height: 32px;\n}\n\n.cambridge-section p {\n    font-size: 17px;\n    line-height: 1.8;\n    opacity: 0.95;\n    margin: 0;\n}\n\n\/* ============================================\n   STYLE FAQ\n   ============================================ *\/\n.faq-mini-header {\n    text-align: center;\n    margin-bottom: 50px;\n    margin-top: 80px;\n}\n\n.faq-mini-header h2 {\n    font-size: 32px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 16px;\n}\n\n.faq-mini-container {\n    max-width: 900px;\n    margin: 0 auto;\n    display: grid;\n    gap: 24px;\n}\n\n.faq-mini-item {\n    background: #f8f9fa;\n    padding: 32px;\n    border-radius: 12px;\n    border-left: 4px solid #B59138;\n    transition: all 0.3s ease;\n    animation: fadeInUpLang 0.8s ease-out backwards;\n}\n\n.faq-mini-item:nth-child(1) { animation-delay: 0.8s; }\n.faq-mini-item:nth-child(2) { animation-delay: 0.9s; }\n.faq-mini-item:nth-child(3) { animation-delay: 1.0s; }\n\n.faq-mini-item:hover {\n    background: white;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n}\n\n.faq-mini-question {\n    font-size: 20px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 12px;\n    line-height: 1.4;\n}\n\n.faq-mini-answer {\n    font-size: 16px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.7;\n}\n\n\/* Animation g\u00e9n\u00e9rale *\/\n@keyframes fadeInUpLang {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (max-width: 1200px) {\n    .options-langues-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 968px) {\n    .is33-langues-section { padding: 50px 0; }\n    .langues-container { padding: 0 24px; }\n    .langues-title { font-size: 32px; }\n    .langues-grid { grid-template-columns: 1fr; gap: 40px; }\n    .langues-image img { height: 350px; }\n    .options-langues-grid { grid-template-columns: 1fr; }\n    .cambridge-section, .langues-highlight { padding: 24px; }\n    .faq-mini-item { padding: 24px; }\n}\n<\/style>\n\n<script type=\"application\/ld+json\">\n{\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n        {\n            \"@type\": \"Question\",\n            \"name\": \"\u00c0 partir de quel \u00e2ge commence le bilinguisme \u00e0 IS33 ?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"L'enseignement bilingue fran\u00e7ais-anglais d\u00e9bute d\u00e8s 2 ans et demi en maternelle, avec une immersion naturelle et progressive dans les deux langues, sur toutes les mati\u00e8res enseign\u00e9es.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Mon enfant doit-il \u00eatre d\u00e9j\u00e0 bilingue pour int\u00e9grer IS33 ?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Non. Nous accueillons des \u00e9l\u00e8ves de tous niveaux linguistiques. Les \u00e9l\u00e8ves non-bilingues b\u00e9n\u00e9ficient d'une section d\u00e9di\u00e9e avec un accompagnement adapt\u00e9 \u00e0 leur niveau.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Quels examens de langue les \u00e9l\u00e8ves de l'International School 33 passent-ils ?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Les \u00e9l\u00e8ves sont pr\u00e9par\u00e9s aux Cambridge English Qualifications, au DELF junior en fran\u00e7ais, au Cervant\u00e8s en espagnol, au HSK en chinois, au Dipl\u00f4me National du Brevet, \u00e0 l'e-assessment en seconde, et au baccalaur\u00e9at international.\"\n            }\n        }\n    ]\n}\n<\/script>\n\n<section class=\"is33-langues-section\" id=\"langues\">\n    <div class=\"langues-container\">\n        <div class=\"langues-header\">\n            <h2 class=\"langues-title\">L'enseignement des langues \u00e0 IS33<\/h2>\n            <p class=\"langues-intro\">\n                \u00c0 IS33, l'apprentissage des langues est au c\u0153ur de notre projet p\u00e9dagogique. D\u00e8s la maternelle, les \u00e9l\u00e8ves \u00e9voluent dans un environnement multilingue qui favorise l'ouverture culturelle et la ma\u00eetrise de plusieurs langues.\n            <\/p>\n        <\/div>\n        \n        <div class=\"bilinguisme-title-wrapper\">\n            <h3 class=\"langues-subtitle\">\n                <span class=\"subtitle-icon\">\ud83c\uddeb\ud83c\uddf7\ud83c\uddec\ud83c\udde7<\/span>\n                <span>Le bilinguisme fran\u00e7ais-anglais, socle de notre enseignement<\/span>\n            <\/h3>\n        <\/div>\n        \n        <div class=\"langues-grid\">\n            <div class=\"langues-content\">\n                <div class=\"langues-subsection\">\n                    <p class=\"langues-text\">\n                        \u00c0 IS33, l'enseignement est bilingue en anglais et en fran\u00e7ais d\u00e8s la maternelle et tout au long du primaire.\n                    <\/p>\n                    <p class=\"langues-text\">\n                        Les \u00e9l\u00e8ves \u00e9tudient toutes les mati\u00e8res \u2014 math\u00e9matiques, langage, sciences naturelles et humaines, art et \u00e9ducation personnelle, sociale et physique \u2014 dans les deux langues, autant d'heures en fran\u00e7ais qu'en anglais.\n                    <\/p>\n                    <p class=\"langues-text\">\n                        Les enseignants dispensent leurs cours dans leur langue maternelle.\n                    <\/p>\n                    <div class=\"langues-highlight\">\n                        <p>\n                            <strong>Au coll\u00e8ge et au lyc\u00e9e :<\/strong>\n                        <\/p>\n                        <p>\n                            Les \u00e9l\u00e8ves bilingues int\u00e8grent la section internationale afin d'\u00e9tudier la langue et la litt\u00e9rature anglaises. Ils passeront ainsi des examens de l'IB bilingues en fin de cursus.\n                        <\/p>\n                        <p>\n                            Les \u00e9l\u00e8ves non-bilingues int\u00e8grent une section qui leur est d\u00e9di\u00e9e, avec un accompagnement adapt\u00e9 \u00e0 leur niveau et leur permettant de progresser \u00e0 leur rythme.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"langues-image\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-pedagogie-langues-scaled.jpg\"\n                    alt=\"Enseignement des langues \u00e0 l'International School 33\"\n                    loading=\"lazy\"\n                \/>\n            <\/div>\n        <\/div>\n        \n        <div class=\"langues-subsection\">\n            <h3 class=\"langues-subtitle\">\n                <svg class=\"subtitle-svg-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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>Options linguistiques suppl\u00e9mentaires<\/span>\n            <\/h3>\n            <p class=\"langues-text\">\n                Chaque \u00e9l\u00e8ve a la possibilit\u00e9 d'\u00e9tudier sur le temps scolaire :\n            <\/p>\n            <div class=\"options-langues-grid\">\n                <div class=\"option-langue-card\">\n                    <span class=\"option-flag\">\ud83c\uddea\ud83c\uddf8<\/span>\n                    <h4 class=\"option-langue-name\">L'espagnol<\/h4>\n                <\/div>\n                <div class=\"option-langue-card\">\n                    <span class=\"option-flag\">\ud83c\udde8\ud83c\uddf3<\/span>\n                    <h4 class=\"option-langue-name\">Le chinois mandarin<\/h4>\n                <\/div>\n                <div class=\"option-langue-card\">\n                    <span class=\"option-flag\">\ud83c\uddec\ud83c\udde7<\/span>\n                    <h4 class=\"option-langue-name\">Anglais seconde langue renforc\u00e9<\/h4>\n                <\/div>\n                <div class=\"option-langue-card\">\n                    <span class=\"option-flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n                    <h4 class=\"option-langue-name\">Fran\u00e7ais langue \u00e9trang\u00e8re ou langue seconde<\/h4>\n                <\/div>\n            <\/div>\n            <p class=\"langues-text\" style=\"margin-top: 24px;\">\n                Ces cours optionnels permettent aux \u00e9l\u00e8ves d'enrichir leur parcours linguistique et de s'ouvrir \u00e0 de nouvelles cultures d\u00e8s le plus jeune \u00e2ge.\n            <\/p>\n        <\/div>\n        \n        <div class=\"cambridge-section\">\n            <h3>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"96\" y1=\"224\" x2=\"160\" y2=\"224\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"128\" y1=\"184\" x2=\"128\" y2=\"224\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M58,128H48A32,32,0,0,1,16,96V80a8,8,0,0,1,8-8H56\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M198,128h10a32,32,0,0,0,32-32V80a8,8,0,0,0-8-8H200\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M56,48H200v63.1c0,39.7-31.75,72.6-71.45,72.9A72,72,0,0,1,56,112Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <span>Pr\u00e9paration aux examens de Cambridge<\/span>\n            <\/h3>\n            <p>\n                Tous les \u00e9l\u00e8ves sont pr\u00e9par\u00e9s aux Examens de Cambridge chaque ann\u00e9e, et notre \u00e9tablissement enregistre de tr\u00e8s bons r\u00e9sultats \u00e0 chaque session.\n            <\/p>\n            <p style=\"margin-top: 16px;\">\n                Les Cambridge English Qualifications constituent une certification reconnue internationalement et un atout majeur pour le parcours acad\u00e9mique et professionnel de nos \u00e9l\u00e8ves.\n            <\/p>\n        <\/div>\n        \n        <div class=\"faq-mini-header\">\n            <h2>Questions fr\u00e9quentes sur les langues<\/h2>\n        <\/div>\n        \n        <div class=\"faq-mini-container\">\n            <div class=\"faq-mini-item\">\n                <div class=\"faq-mini-question\">\u00c0 partir de quel \u00e2ge commence le bilinguisme ?<\/div>\n                <div class=\"faq-mini-answer\">\n                    L'enseignement bilingue fran\u00e7ais-anglais d\u00e9bute d\u00e8s 2 ans et demi en maternelle, avec une immersion naturelle et progressive dans les deux langues, sur toutes les mati\u00e8res enseign\u00e9es.\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-mini-item\">\n                <div class=\"faq-mini-question\">Mon enfant doit-il \u00eatre d\u00e9j\u00e0 bilingue pour int\u00e9grer IS33 ?<\/div>\n                <div class=\"faq-mini-answer\">\n                    Non. Nous accueillons des \u00e9l\u00e8ves de tous niveaux linguistiques. Les \u00e9l\u00e8ves <strong>non-bilingues ou ne parlant pas anglais<\/strong> b\u00e9n\u00e9ficient d'une section d\u00e9di\u00e9e avec un accompagnement adapt\u00e9 \u00e0 leur niveau.\n                <\/div>\n            <\/div>\n            \n            <div class=\"faq-mini-item\">\n                <div class=\"faq-mini-question\">Quels examens de langue les \u00e9l\u00e8ves passent-ils ?<\/div>\n                <div class=\"faq-mini-answer\">\n                    Tous les \u00e9l\u00e8ves sont pr\u00e9par\u00e9s aux Cambridge English Qualifications, au DELF junior en fran\u00e7ais, au Cervant\u00e8s en espagnol, au HSK en chinois, au Dipl\u00f4me National du Brevet, \u00e0 l'e-assessment en seconde, et au baccalaur\u00e9at international.\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6e5edd elementor-widget elementor-widget-menu-anchor\" data-id=\"b6e5edd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"campus\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a622484 elementor-widget elementor-widget-html\" data-id=\"a622484\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ... Votre CSS Campus original reste inchang\u00e9 ... *\/\n.is33-campus-section {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: #f8f9fa;\n    padding: 50px 0;\n    position: relative;\n    margin: 0;\n}\n.campus-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n.campus-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUpCampus 0.8s ease-out;\n}\n.campus-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n.campus-intro {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0 auto;\n}\n.campus-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n    margin-bottom: 60px;\n}\n.campus-building {\n    background: white;\n    padding: 48px 40px;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    animation: fadeInUpCampus 0.8s ease-out backwards;\n    border-left: 6px solid transparent;\n}\n.campus-building:nth-child(1) {\n    border-left-color: #F45D48;\n    animation-delay: 0.2s;\n}\n.campus-building:nth-child(2) {\n    border-left-color: #B59138;\n    animation-delay: 0.3s;\n}\n.campus-building:hover {\n    box-shadow: 0 12px 32px rgba(5, 36, 79, 0.15);\n    transform: translateY(-4px);\n}\n.building-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 24px;\n}\n.building-icon {\n    width: 48px;\n    height: 48px;\n    color: #05244F;\n}\n.building-info h3 {\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 4px;\n    line-height: 1.2;\n}\n.building-size {\n    font-size: 16px;\n    color: #B59138;\n    font-weight: 600;\n}\n.building-level {\n    font-size: 17px;\n    color: #05244F;\n    opacity: 0.85;\n    margin-bottom: 24px;\n    font-weight: 600;\n}\n.building-features {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n.building-features li {\n    font-size: 16px;\n    color: #05244F;\n    line-height: 1.8;\n    padding-left: 28px;\n    position: relative;\n    margin-bottom: 12px;\n    opacity: 0.85;\n}\n.building-features li::before {\n    content: \"\u2192\";\n    position: absolute;\n    left: 0;\n    color: #B59138;\n    font-weight: 700;\n}\n.campus-description {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    color: white;\n    padding: 48px;\n    margin-bottom: 60px;\n    animation: fadeInUpCampus 0.8s ease-out 0.4s backwards;\n}\n.campus-description p {\n    font-size: 17px;\n    line-height: 1.8;\n    margin: 0;\n    opacity: 0.95;\n}\n.campus-gallery {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n    animation: fadeInUpCampus 0.8s ease-out 0.6s backwards;\n}\n.gallery-item {\n    position: relative;\n    overflow: hidden;\n    height: 350px;\n    transition: all 0.4s ease;\n}\n.gallery-item:hover {\n    transform: scale(1.02);\n    box-shadow: 0 16px 40px rgba(5, 36, 79, 0.2);\n}\n.gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n.gallery-caption {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to top, rgba(5, 36, 79, 0.95) 0%, rgba(5, 36, 79, 0) 100%);\n    color: white;\n    padding: 40px 24px 24px;\n    font-size: 16px;\n    font-weight: 600;\n    transform: translateY(100%);\n    transition: transform 0.3s ease;\n}\n.gallery-item:hover .gallery-caption {\n    transform: translateY(0);\n}\n@keyframes fadeInUpCampus {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n@media (max-width: 968px) {\n    .is33-campus-section {\n        padding: 50px 0;\n    }\n    .campus-container {\n        padding: 0 24px;\n    }\n    .campus-title {\n        font-size: 32px;\n    }\n    .campus-grid {\n        grid-template-columns: 1fr;\n    }\n    .campus-gallery {\n        grid-template-columns: 1fr;\n    }\n    .gallery-item {\n        height: 280px;\n    }\n    .campus-description {\n        padding: 24px;\n    }\n    .gallery-caption {\n        transform: translateY(0);\n    }\n}\n<\/style>\n\n<section class=\"is33-campus-section\" id=\"is33-campus\">\n    <div class=\"campus-container\">\n        <div class=\"campus-header\">\n            <h2 class=\"campus-title\">Un environnement con\u00e7u pour l'\u00e9panouissement<\/h2>\n            <p class=\"campus-intro\">\n                L'International School 33 dispose de deux b\u00e2timents modernes espac\u00e9s de 500 m\u00e8tres, offrant des espaces de travail adapt\u00e9s \u00e0 chaque niveau.\n            <\/p>\n        <\/div>\n        \n        <div class=\"campus-grid\">\n            <div class=\"campus-building\">\n                <div class=\"building-header\">\n                    <svg class=\"building-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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                    <div class=\"building-info\">\n                        <h3>B\u00e2timent 1<\/h3>\n                        <span class=\"building-size\">850 m\u00b2<\/span>\n                    <\/div>\n                <\/div>\n                <p class=\"building-level\">De la maternelle jusqu'\u00e0 la 4e<\/p>\n                <ul class=\"building-features\">\n                    <li>Espaces lumineux et vastes enti\u00e8rement r\u00e9nov\u00e9s en 2019 comprenant biblioth\u00e8que, laboratoire de sciences, salles d\u00e9di\u00e9es aux arts visuels, \u00e9crans interactifs, ordinateurs dans chaque classe, tablettes, imprimantes 3D etc.<\/li>\n                    <li>1800 m\u00b2 de cour de r\u00e9cr\u00e9ation avec espaces v\u00e9g\u00e9talis\u00e9s, structures de jeux, zone r\u00e9serv\u00e9e au football et au basketball, bancs, cour d\u00e9di\u00e9e aux \u00e9l\u00e8ves de maternelle.<\/li>\n                    <li>Dojo pour les cours de judo, de sport et de motricit\u00e9.<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"campus-building\">\n                <div class=\"building-header\">\n                    <svg class=\"building-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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                    <div class=\"building-info\">\n                        <h3>B\u00e2timent 2<\/h3>\n                        <span class=\"building-size\">480 m\u00b2<\/span>\n                    <\/div>\n                <\/div>\n                <p class=\"building-level\">De la 3e \u00e0 la terminale<\/p>\n                <ul class=\"building-features\">\n                    <li>Grandes salles adapt\u00e9es aux besoins des lyc\u00e9ens dont des salles d'examens dimensionn\u00e9es, d'\u00e9tude calmes, laboratoire etc.<\/li>\n                    <li>Espace ext\u00e9rieur de 1000 m\u00b2 v\u00e9g\u00e9talis\u00e9 et s\u00e9curis\u00e9<\/li>\n                    <li>Acc\u00e8s facilit\u00e9 aux coordinatrices, aux enseignants et \u00e0 l'\u00e9quipe p\u00e9dagogique<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        \n        <div class=\"campus-description\">\n            <p>\n                Les deux b\u00e2timents disposent de cours de r\u00e9cr\u00e9ation spacieuses, permettant aux \u00e9l\u00e8ves de profiter d'un environnement ext\u00e9rieur s\u00e9curis\u00e9 et agr\u00e9able. L'am\u00e9nagement des espaces favorise \u00e0 la fois l'apprentissage acad\u00e9mique et le bien-\u00eatre des \u00e9l\u00e8ves, dans une ambiance bienveillante et internationale.\n            <\/p>\n        <\/div>\n        \n        <div class=\"campus-gallery\">\n            <div class=\"gallery-item\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-pedagogie-scaled.jpg\"\n                    alt=\"Campus de l'International School 33 \u00e0 Gradignan\"\n                    loading=\"lazy\"\n                \/>\n                <div class=\"gallery-caption\">Campus IS33 - Espaces d'apprentissage<\/div>\n            <\/div>\n            <div class=\"gallery-item\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-pedagogie-smiles-scaled.jpg\"\n                    alt=\"Ambiance chaleureuse \u00e0 l'International School 33\"\n                    loading=\"lazy\"\n                \/>\n                <div class=\"gallery-caption\">Vie scolaire \u00e9panouissante<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a358e3 elementor-widget elementor-widget-menu-anchor\" data-id=\"7a358e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"etudes-suprieures\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cffc224 elementor-widget elementor-widget-html\" data-id=\"cffc224\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-etudes-section {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: white;\n    padding: 50px 0; \/* 50px haut\/bas conserv\u00e9 *\/\n    position: relative;\n    margin: 0;\n}\n\n.etudes-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0; \/* MODIFICATION ICI: Suppression du padding horizontal (0 40px -> 0) *\/\n}\n\n.etudes-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUpEtudes 0.8s ease-out;\n    padding: 0 20px; \/* Ajout d'un petit padding interne de s\u00e9curit\u00e9 pour le texte si n\u00e9cessaire, sinon retirer *\/\n}\n\n.etudes-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.etudes-intro {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.8;\n    max-width: 900px;\n    margin: 0 auto 32px;\n}\n\n.etudes-content {\n    animation: fadeInUpEtudes 0.8s ease-out 0.2s backwards;\n    padding: 0 20px; \/* S\u00e9curit\u00e9 pour le texte *\/\n}\n\n.etudes-content p {\n    font-size: 17px;\n    color: #05244F;\n    line-height: 1.8;\n    margin-bottom: 24px;\n    opacity: 0.85;\n}\n\n.competences-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n    margin: 48px 0;\n    padding: 0 20px; \/* S\u00e9curit\u00e9 pour que les cartes ne touchent pas le bord absolu si l'\u00e9cran est petit *\/\n}\n\n.competence-card {\n    background: #f8f9fa;\n    padding: 32px;\n    border-left: 4px solid #B59138;\n    transition: all 0.3s ease;\n    animation: fadeInUpEtudes 0.6s ease-out backwards;\n}\n\n.competence-card:nth-child(1) { animation-delay: 0.4s; }\n.competence-card:nth-child(2) { animation-delay: 0.5s; }\n.competence-card:nth-child(3) { animation-delay: 0.6s; }\n.competence-card:nth-child(4) { animation-delay: 0.7s; }\n.competence-card:nth-child(5) { animation-delay: 0.8s; }\n.competence-card:nth-child(6) { animation-delay: 0.9s; }\n\n.competence-card:hover {\n    background: white;\n    box-shadow: 0 8px 24px rgba(5, 36, 79, 0.12);\n    transform: translateX(8px);\n}\n\n.competence-icon {\n    width: 32px;\n    height: 32px;\n    margin-bottom: 16px;\n    color: #05244F;\n}\n\n.competence-text {\n    font-size: 16px;\n    color: #05244F;\n    line-height: 1.7;\n    margin: 0;\n    font-weight: 600;\n}\n\n.recherche-block {\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    color: white;\n    padding: 48px;\n    margin: 60px 0;\n    animation: fadeInUpEtudes 0.8s ease-out 1s backwards;\n    \/* Le padding horizontal est g\u00e9r\u00e9 par le padding interne du bloc ici (48px) *\/\n}\n\n.recherche-block h3 {\n    font-size: 24px;\n    font-weight: 700;\n    margin-bottom: 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.recherche-block h3 svg {\n    width: 28px;\n    height: 28px;\n}\n\n.recherche-block p {\n    font-size: 17px;\n    line-height: 1.8;\n    margin: 0;\n    opacity: 0.95;\n}\n\n.reconnaissance-section {\n    background: #f8f9fa;\n    padding: 48px;\n    margin: 60px 0;\n    animation: fadeInUpEtudes 0.8s ease-out 1.2s backwards;\n    text-align: center;\n}\n\n.reconnaissance-section h3 {\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n}\n\n.reconnaissance-section p {\n    font-size: 17px;\n    color: #05244F;\n    line-height: 1.8;\n    margin-bottom: 20px;\n    opacity: 0.85;\n}\n\n.universites-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 24px;\n    justify-content: center;\n}\n\n.universite-tag {\n    display: inline-block;\n    text-decoration: none;\n    cursor: pointer;\n    background: white;\n    color: #05244F;\n    padding: 12px 24px;\n    font-size: 15px;\n    font-weight: 600;\n    border-left: 4px solid #B59138;\n    transition: all 0.3s ease;\n}\n\n.universite-tag:hover {\n    background: #05244F;\n    color: white;\n    transform: translateX(4px);\n}\n\n.cta-etudes {\n    text-align: center;\n    margin-top: 60px;\n    padding: 48px;\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    animation: fadeInUpEtudes 0.8s ease-out 1.4s backwards;\n}\n\n.cta-etudes p {\n    font-size: 18px;\n    color: white;\n    margin-bottom: 24px;\n    opacity: 0.95;\n}\n\n.cta-etudes-button {\n    display: inline-block;\n    padding: 16px 40px;\n    font-size: 16px;\n    font-weight: 600;\n    color: #FFFFFF !important;\n    background: #B59138;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    border-radius: 100px;\n}\n\n.cta-etudes-button:hover {\n    background: white;\n    color: #05244F !important;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(255, 255, 255, 0.3);\n}\n\n@keyframes fadeInUpEtudes {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (max-width: 968px) {\n    .is33-etudes-section {\n        padding: 50px 0; \/* Maintien 50px *\/\n    }\n    .etudes-container {\n        padding: 0; \/* MODIFICATION ICI: Suppression du padding mobile *\/\n    }\n    .etudes-title {\n        font-size: 32px;\n    }\n    .competences-grid {\n        grid-template-columns: 1fr;\n    }\n    .recherche-block,\n    .reconnaissance-section,\n    .cta-etudes {\n        padding: 24px;\n    }\n    .universites-list {\n        flex-direction: column;\n    }\n}\n<\/style>\n\n<section class=\"is33-etudes-section\" id=\"etudes-superieures\">\n    <div class=\"etudes-container\">\n        <div class=\"etudes-header\">\n            <h2 class=\"etudes-title\">Une \u00e9ducation qui ouvre toutes les portes<\/h2>\n            <p class=\"etudes-intro\">\n                Les universit\u00e9s et les institutions d'enseignement sup\u00e9rieur trouvent de nombreux avantages \u00e0 recruter et admettre des \u00e9l\u00e8ves ayant suivi des programmes de l'IB.\n            <\/p>\n        <\/div>\n        \n        <div class=\"etudes-content\">\n            <p>\n                En effet, l'IB leur permet de d\u00e9velopper les connaissances, les comp\u00e9tences et les aptitudes dont ils ont besoin pour r\u00e9ussir tout au long de leurs \u00e9tudes universitaires.\n            <\/p>\n            <p>\n                Gr\u00e2ce \u00e0 leur parcours au sein d'un \u00e9tablissement de l'IB, les \u00e9l\u00e8ves d\u00e9veloppent :\n            <\/p>\n        <\/div>\n        \n        <div class=\"competences-grid\">\n            <div class=\"competence-card\">\n                <svg class=\"competence-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><rect x=\"40\" y=\"40\" width=\"176\" height=\"176\" rx=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"176\" y1=\"24\" x2=\"176\" y2=\"56\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"80\" y1=\"24\" x2=\"80\" y2=\"56\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"40\" y1=\"88\" x2=\"216\" y2=\"88\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"88 128 104 120 104 184\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M138.14,128a16,16,0,1,1,26.64,17.63L136,184h32\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <p class=\"competence-text\">\n                    Des comp\u00e9tences de gestion du temps ainsi qu'un r\u00e9el sens de la motivation personnelle\n                <\/p>\n            <\/div>\n            \n            <div class=\"competence-card\">\n                <svg class=\"competence-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><polyline points=\"200 152 160 192 96 176 40 136\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"72.68 70.63 128 56 183.32 70.63\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M34.37,60.42,8.85,111.48a8,8,0,0,0,3.57,10.73L40,136,72.68,70.63,45.11,56.85A8,8,0,0,0,34.37,60.42Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M216,136l27.58-13.79a8,8,0,0,0,3.57-10.73L221.63,60.42a8,8,0,0,0-10.74-3.57L183.32,70.63Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M184,72H144L98.34,116.29a8,8,0,0,0,1.38,12.42C117.23,139.9,141,139.13,160,120l40,32,16-16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"124.06 216 82.34 205.57 56 186.75\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <p class=\"competence-text\">\n                    Un profond int\u00e9r\u00eat envers l'engagement civique\n                <\/p>\n            <\/div>\n            \n            <div class=\"competence-card\">\n                <svg class=\"competence-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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                <p class=\"competence-text\">\n                    De remarquables aptitudes scolaires\n                <\/p>\n            <\/div>\n            \n            <div class=\"competence-card\">\n                <svg class=\"competence-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"112\" cy=\"112\" r=\"80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"168.57\" y1=\"168.57\" x2=\"224\" y2=\"224\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <p class=\"competence-text\">\n                    De solides comp\u00e9tences de recherche et de communication \u00e9crite\n                <\/p>\n            <\/div>\n            \n            <div class=\"competence-card\">\n                <svg class=\"competence-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M88,136a40,40,0,1,1-40,40v-6.73\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M168,136a40,40,0,1,0,40,40v-6.73\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M72,172H64A48,48,0,0,1,48,78.73V72a40,40,0,0,1,80,0V176\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M184,172h8a48,48,0,0,0,16-93.27V72a40,40,0,0,0-80,0\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M200,112h-4a28,28,0,0,1-28-28V80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M56,112h4A28,28,0,0,0,88,84V80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <p class=\"competence-text\">\n                    Des comp\u00e9tences de pens\u00e9e critique d\u00e9velopp\u00e9es\n                <\/p>\n            <\/div>\n            \n            <div class=\"competence-card\">\n                <svg class=\"competence-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><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                <p class=\"competence-text\">\n                    Une perspective internationale\n                <\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"recherche-block\">\n            <h3>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><polyline points=\"48 208 48 136 96 136\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"224\" y1=\"208\" x2=\"32\" y2=\"208\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"96 208 96 88 152 88\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"152 208 152 40 208 40 208 208\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <span>Les recherches le confirment<\/span>\n            <\/h3>\n            <p>\n                Les \u00e9l\u00e8ves de l'IB ont davantage de chance que leurs pairs d'obtenir leur dipl\u00f4me de premier cycle universitaire et de poursuivre des \u00e9tudes de deuxi\u00e8me et troisi\u00e8me cycles. Ils sont \u00e9galement plus susceptibles de s'impliquer dans les diff\u00e9rents aspects de la vie universitaire.\n            <\/p>\n        <\/div>\n        \n        <div class=\"reconnaissance-section\">\n            <h3>Reconnaissance et acc\u00e8s aux grandes \u00e9coles<\/h3>\n            <p>\n                \u00c0 l'IS33, les \u00e9l\u00e8ves passent le baccalaur\u00e9at international, soit en fran\u00e7ais, soit en anglais, soit bilingue.\n            <\/p>\n            <p>\n                En suivant cet enseignement exigeant et innovant, les \u00e9l\u00e8ves pr\u00e9sentent un dossier tr\u00e8s appr\u00e9ci\u00e9 des universit\u00e9s les plus prestigieuses \u00e0 travers le monde.\n            <\/p>\n            <div class=\"universites-list\">\n                <a href=\"https:\/\/www.polytechnique.edu\/\" class=\"universite-tag\" target=\"_blank\" rel=\"noopener\">Ecole Polytechnique<\/a>\n                <a href=\"https:\/\/www.hec.edu\/fr\" class=\"universite-tag\" target=\"_blank\" rel=\"noopener\">HEC Paris<\/a>\n                <a href=\"https:\/\/www.ox.ac.uk\/\" class=\"universite-tag\" target=\"_blank\" rel=\"noopener\">University of Oxford<\/a>\n                <a href=\"https:\/\/www.harvard.edu\/\" class=\"universite-tag\" target=\"_blank\" rel=\"noopener\">Harvard University<\/a>\n            <\/div>\n        <\/div>\n        \n        <div class=\"cta-etudes\">\n            <p>\n                D\u00e9couvrir le Dipl\u00f4me du Baccalaur\u00e9at International en d\u00e9tail\n            <\/p>\n            <a href=\"https:\/\/international-school33.com\/baccalaureat-international\/\" class=\"cta-etudes-button\">\n                En savoir plus sur le Dipl\u00f4me IB \u2192\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f861081 elementor-widget elementor-widget-html\" data-id=\"f861081\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-cta-final-section {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    padding: 50px 0; \/* MODIFICATION ICI: Passage de 100px \u00e0 50px *\/\n    position: relative;\n    overflow: hidden;\n    margin: 0;\n}\n\n.cta-final-container {\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 0 40px;\n    text-align: center;\n    position: relative;\n    z-index: 2;\n}\n\n.cta-final-badge {\n    display: inline-block;\n    background: rgba(255, 255, 255, 0.2);\n    color: white;\n    padding: 10px 24px;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 24px;\n    animation: fadeInUpCTA 0.8s ease-out;\n}\n\n.cta-final-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: white;\n    margin-bottom: 24px;\n    line-height: 1.2;\n    animation: fadeInUpCTA 0.8s ease-out 0.1s backwards;\n}\n\n.cta-final-description {\n    font-size: 20px;\n    color: white;\n    opacity: 0.95;\n    line-height: 1.7;\n    margin-bottom: 40px;\n    animation: fadeInUpCTA 0.8s ease-out 0.2s backwards;\n}\n\n\/* Bouton *\/\n.cta-final-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px 48px;\n    font-size: 18px;\n    font-weight: 600;\n    background: #ffffff;\n    text-decoration: none;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n    border-radius: 100px;\n    animation: fadeInUpCTA 0.8s ease-out 0.3s backwards;\n    color: #B59138 !important;\n}\n\n.cta-final-button span {\n    color: #B59138 !important;\n}\n\n.cta-final-icon {\n    font-size: 24px;\n    transition: transform 0.3s ease;\n    color: #B59138 !important;\n}\n\n.cta-final-button:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);\n    background: #05244F;\n    color: #ffffff !important;\n}\n\n.cta-final-button:hover span,\n.cta-final-button:hover .cta-final-icon {\n    color: #ffffff !important;\n}\n\n.cta-final-button:hover .cta-final-icon {\n    transform: translateX(4px);\n}\n\n\/* D\u00e9coration de fond *\/\n.is33-cta-final-section::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n    border-radius: 50%;\n    z-index: 1;\n}\n\n.is33-cta-final-section::after {\n    content: '';\n    position: absolute;\n    bottom: -30%;\n    left: -15%;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);\n    border-radius: 50%;\n    z-index: 1;\n}\n\n@keyframes fadeInUpCTA {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (max-width: 968px) {\n    .is33-cta-final-section {\n        padding: 50px 0; \/* MODIFICATION ICI: Harmonisation mobile \u00e0 50px *\/\n    }\n    .cta-final-container {\n        padding: 0 24px;\n    }\n    .cta-final-title {\n        font-size: 36px;\n    }\n    .cta-final-description {\n        font-size: 18px;\n    }\n    .cta-final-button {\n        width: 100%;\n        justify-content: center;\n        padding: 18px 32px;\n    }\n}\n<\/style>\n\n<section class=\"is33-cta-final-section\" id=\"cta-final\">\n    <div class=\"cta-final-container\">\n        <span class=\"cta-final-badge\">Et ce n'est pas tout<\/span>\n        <h2 class=\"cta-final-title\">D\u00e9couvrir la vie \u00e0 IS33<\/h2>\n        <p class=\"cta-final-description\">\n            Au-del\u00e0 de l'excellence acad\u00e9mique, IS33 propose un environnement dynamique avec des activit\u00e9s extra-scolaires vari\u00e9es, des \u00e9v\u00e9nements internationaux et une vie scolaire riche.\n        <\/p>\n        <a href=\"\/pedagogie\/activites\/\" class=\"cta-final-button\">\n            <span>D\u00e9couvrir nos activit\u00e9s et la vie scolaire<\/span>\n            <span class=\"cta-final-icon\">\u2192<\/span>\n        <\/a>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82074be elementor-widget elementor-widget-html\" data-id=\"82074be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ============================================\n   ANIMATIONS AU SCROLL - OBSERVER API\n   ============================================ *\/\n\n.fade-in-observer {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n.fade-in-observer.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.slide-in-left-observer {\n  opacity: 0;\n  transform: translateX(-40px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n.slide-in-left-observer.is-visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.slide-in-right-observer {\n  opacity: 0;\n  transform: translateX(40px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n.slide-in-right-observer.is-visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.scale-in-observer {\n  opacity: 0;\n  transform: scale(0.95);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n\n.scale-in-observer.is-visible {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* Stagger animation pour listes *\/\n.stagger-item {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n}\n\n.stagger-item.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.stagger-item:nth-child(1) { transition-delay: 0.1s; }\n.stagger-item:nth-child(2) { transition-delay: 0.2s; }\n.stagger-item:nth-child(3) { transition-delay: 0.3s; }\n.stagger-item:nth-child(4) { transition-delay: 0.4s; }\n.stagger-item:nth-child(5) { transition-delay: 0.5s; }\n.stagger-item:nth-child(6) { transition-delay: 0.6s; }\n\n\/* Hover effects am\u00e9lior\u00e9s *\/\n.hover-lift {\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.hover-lift:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 32px rgba(5, 36, 79, 0.15);\n}\n\n.hover-slide-right {\n  transition: transform 0.3s ease;\n}\n\n.hover-slide-right:hover {\n  transform: translateX(8px);\n}\n\n\/* Smooth scroll *\/\nhtml {\n  scroll-behavior: smooth;\n}\n\n\/* Focus visible pour accessibilit\u00e9 *\/\n*:focus-visible {\n  outline: 3px solid #B59138;\n  outline-offset: 2px;\n}\n\n\/* Am\u00e9lioration des transitions de liens *\/\na {\n  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;\n}\n\n\/* Effet parallaxe l\u00e9ger sur les images *\/\n.parallax-light {\n  transition: transform 0.3s ease-out;\n}\n\n.parallax-light:hover {\n  transform: scale(1.03);\n}\n<\/style>\n\n<script>\n\/\/ ============================================\n\/\/ INTERSECTION OBSERVER POUR ANIMATIONS SCROLL\n\/\/ ============================================\ndocument.addEventListener('DOMContentLoaded', function() {\n  \n  \/\/ Configuration de l'Intersection Observer\n  const observerOptions = {\n    threshold: 0.15,\n    rootMargin: '0px 0px -50px 0px'\n  };\n  \n  const observer = new IntersectionObserver(function(entries) {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        \/\/ Optionnel : unobserve apr\u00e8s animation pour performance\n        \/\/ observer.unobserve(entry.target);\n      }\n    });\n  }, observerOptions);\n  \n  \/\/ Observer tous les \u00e9l\u00e9ments avec classes d'animation\n  const animatedElements = document.querySelectorAll(\n    '.fade-in-observer, .slide-in-left-observer, .slide-in-right-observer, .scale-in-observer, .stagger-item'\n  );\n  \n  animatedElements.forEach(el => observer.observe(el));\n  \n  \/\/ ============================================\n  \/\/ SMOOTH SCROLL POUR ANCRES (fallback)\n  \/\/ ============================================\n  document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function(e) {\n      const href = this.getAttribute('href');\n      if (href !== '#' && href !== '') {\n        e.preventDefault();\n        const target = document.querySelector(href);\n        if (target) {\n          const offset = 100; \/\/ Offset pour le menu sticky\n          const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - offset;\n          \n          window.scrollTo({\n            top: targetPosition,\n            behavior: 'smooth'\n          });\n        }\n      }\n    });\n  });\n  \n  \/\/ ============================================\n  \/\/ ANIMATIONS DE COMPTEURS (si n\u00e9cessaire)\n  \/\/ ============================================\n  function animateCounter(element, target, duration = 2000) {\n    const start = 0;\n    const increment = target \/ (duration \/ 16);\n    let current = start;\n    \n    const timer = setInterval(() => {\n      current += increment;\n      if (current >= target) {\n        element.textContent = target;\n        clearInterval(timer);\n      } else {\n        element.textContent = Math.floor(current);\n      }\n    }, 16);\n  }\n  \n  \/\/ Observer pour les compteurs (si vous en ajoutez)\n  const counterElements = document.querySelectorAll('[data-counter]');\n  const counterObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting && !entry.target.classList.contains('counted')) {\n        const target = parseInt(entry.target.getAttribute('data-counter'));\n        animateCounter(entry.target, target);\n        entry.target.classList.add('counted');\n      }\n    });\n  }, { threshold: 0.5 });\n  \n  counterElements.forEach(el => counterObserver.observe(el));\n  \n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4be47f elementor-widget elementor-widget-html\" data-id=\"b4be47f\" 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 {\n    position: fixed;\n    right: 24px;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 99999;\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n}\n\n.floating-nav-menu {\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 {\n    position: relative;\n}\n\n.floating-nav-link {\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    cursor: pointer;\n}\n\n.floating-nav-link:hover {\n    background: #05244F;\n}\n\n\/* Indicateur (dot) *\/\n.nav-dot {\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:hover .nav-dot {\n    background: #B59138;\n    transform: scale(1.1);\n}\n\n\/* Section active *\/\n.floating-nav-link.active .nav-dot {\n    background: #B59138;\n    transform: scale(1.2);\n}\n\n\/* Label - appara\u00eet au hover *\/\n.nav-label {\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:hover .nav-label {\n    opacity: 1;\n    visibility: visible;\n}\n\n\/* Responsive - Mobile *\/\n@media (max-width: 968px) {\n    .is33-floating-nav {\n        right: auto;\n        left: 50%;\n        top: auto;\n        bottom: 24px;\n        transform: translateX(-50%);\n    }\n    .floating-nav-menu {\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    .floating-nav-link {\n        box-shadow: none;\n    }\n    .nav-label {\n        display: none !important;\n    }\n    .nav-dot {\n        width: 12px;\n        height: 12px;\n    }\n}\n<\/style>\n\n<nav class=\"is33-floating-nav\" id=\"pedagogie-nav\" aria-label=\"Navigation rapide page p\u00e9dagogie\">\n    <ul class=\"floating-nav-menu\">\n        <li class=\"floating-nav-item\">\n            <a href=\"#mission\" class=\"floating-nav-link\" data-target=\"mission\">\n                <span class=\"nav-dot\"><\/span>\n                <span class=\"nav-label\">Notre mission<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item\">\n            <a href=\"#philosophie\" class=\"floating-nav-link\" data-target=\"philosophie\">\n                <span class=\"nav-dot\"><\/span>\n                <span class=\"nav-label\">Philosophie<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item\">\n            <a href=\"#methode-ib\" class=\"floating-nav-link\" data-target=\"methode-ib\">\n                <span class=\"nav-dot\"><\/span>\n                <span class=\"nav-label\">Programmes IB<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item\">\n            <a href=\"#langues\" class=\"floating-nav-link\" data-target=\"langues\">\n                <span class=\"nav-dot\"><\/span>\n                <span class=\"nav-label\">Langues<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item\">\n            <a href=\"#is33-campus\" class=\"floating-nav-link\" data-target=\"is33-campus\">\n                <span class=\"nav-dot\"><\/span>\n                <span class=\"nav-label\">Campus<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item\">\n            <a href=\"#etudes-superieures\" class=\"floating-nav-link\" data-target=\"etudes-superieures\">\n                <span class=\"nav-dot\"><\/span>\n                <span class=\"nav-label\">\u00c9tudes sup\u00e9rieures<\/span>\n            <\/a>\n        <\/li>\n    <\/ul>\n<\/nav>\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ Fonction principale d'initialisation\n    function initIS33FloatingNav() {\n        var navLinks = document.querySelectorAll('.floating-nav-link');\n        var headerOffset = 120;\n        \n        \/\/ V\u00e9rifier que les liens existent\n        if (!navLinks || navLinks.length === 0) {\n            return false;\n        }\n        \n        \/\/ Smooth scroll au clic\n        navLinks.forEach(function(link) {\n            \/\/ Supprimer les anciens event listeners\n            link.removeEventListener('click', handleNavClick);\n            link.addEventListener('click', handleNavClick);\n        });\n        \n        function handleNavClick(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            \n            var targetId = this.getAttribute('data-target') || this.getAttribute('href').replace('#', '');\n            var targetSection = document.getElementById(targetId);\n            \n            if (targetSection) {\n                var offsetTop = targetSection.getBoundingClientRect().top + window.pageYOffset - headerOffset;\n                \n                \/\/ Utiliser scrollTo avec fallback\n                try {\n                    window.scrollTo({\n                        top: offsetTop,\n                        behavior: 'smooth'\n                    });\n                } catch(err) {\n                    window.scrollTo(0, offsetTop);\n                }\n            }\n        }\n        \n        \/\/ Highlight section active au scroll\n        function highlightActiveSection() {\n            var sections = document.querySelectorAll('section[id]');\n            var scrollPosition = window.scrollY + 250;\n            \n            sections.forEach(function(section) {\n                var sectionTop = section.offsetTop;\n                var sectionHeight = section.offsetHeight;\n                var sectionId = section.getAttribute('id');\n                var correspondingLink = document.querySelector('.floating-nav-link[data-target=\"' + sectionId + '\"]');\n                \n                if (correspondingLink) {\n                    if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {\n                        correspondingLink.classList.add('active');\n                    } else {\n                        correspondingLink.classList.remove('active');\n                    }\n                }\n            });\n        }\n        \n        \/\/ Attacher l'event scroll avec throttle\n        var scrollTimeout;\n        window.addEventListener('scroll', function() {\n            if (scrollTimeout) {\n                window.cancelAnimationFrame(scrollTimeout);\n            }\n            scrollTimeout = window.requestAnimationFrame(function() {\n                highlightActiveSection();\n            });\n        }, { passive: true });\n        \n        \/\/ Ex\u00e9cuter une fois au chargement\n        highlightActiveSection();\n        \n        return true;\n    }\n    \n    \/\/ Tentative d'initialisation avec plusieurs fallbacks\n    function tryInit() {\n        var success = initIS33FloatingNav();\n        if (!success) {\n            setTimeout(tryInit, 500);\n        }\n    }\n    \n    \/\/ Initialisation au chargement\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', tryInit);\n    } else {\n        tryInit();\n    }\n    \n    window.addEventListener('load', function() {\n        setTimeout(tryInit, 100);\n    });\n    \n    \/\/ Support sp\u00e9cifique Elementor\n    if (typeof jQuery !== 'undefined') {\n        jQuery(window).on('elementor\/frontend\/init', function() {\n            setTimeout(tryInit, 200);\n        });\n    }\n    \n    \/\/ MutationObserver pour chargement dynamique\n    if (typeof MutationObserver !== 'undefined') {\n        var observer = new MutationObserver(function(mutations) {\n            mutations.forEach(function(mutation) {\n                if (mutation.addedNodes.length > 0) {\n                    var nav = document.querySelector('.is33-floating-nav');\n                    if (nav) {\n                        tryInit();\n                        observer.disconnect();\n                    }\n                }\n            });\n        });\n        \n        observer.observe(document.body, {\n            childList: true,\n            subtree: true\n        });\n        \n        setTimeout(function() {\n            observer.disconnect();\n        }, 10000);\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>P\u00e9dagogie innovante Enseignement rigoureux et \u00e9panouissement des \u00e9l\u00e8ves International School 33 est la premi\u00e8re \u00e9cole du monde du baccalaur\u00e9at international de Nouvelle-Aquitaine, rejoignant ainsi plus de 5 300 \u00e9tablissements \u00e0 travers le monde qui se distinguent par leur rigueur p\u00e9dagogique et mettent l&rsquo;accent sur les comp\u00e9tences de pens\u00e9e critique, la diversit\u00e9 et l&rsquo;\u00e9panouissement personnel de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1423","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1423","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=1423"}],"version-history":[{"count":178,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1423\/revisions"}],"predecessor-version":[{"id":3179,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1423\/revisions\/3179"}],"wp:attachment":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/media?parent=1423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}