{"id":3708,"date":"2026-03-29T17:38:56","date_gmt":"2026-03-29T17:38:56","guid":{"rendered":"https:\/\/international-school33.com\/?page_id=3708"},"modified":"2026-04-01T18:12:59","modified_gmt":"2026-04-01T18:12:59","slug":"erasmus","status":"publish","type":"page","link":"https:\/\/international-school33.com\/en\/erasmus\/","title":{"rendered":"Erasmus"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3708\" class=\"elementor elementor-3708\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bacf801 e-con-full e-flex e-con e-parent\" data-id=\"bacf801\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64c593f elementor-widget elementor-widget-html\" data-id=\"64c593f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-hero-erasmus {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    color: #05244F;\n    position: relative;\n    overflow: hidden;\n    background: transparent;\n}\n\n.hero-container-erasmus {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 50px 40px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n    min-height: 65vh;\n}\n\n.hero-content-erasmus {\n    animation: fadeInUpErasmus 0.8s ease-out;\n}\n\n.age-badge-erasmus {\n    display: inline-block;\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    color: white;\n    padding: 8px 20px;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 20px;\n    letter-spacing: 0.5px;\n    box-shadow: 0 4px 15px rgba(181, 145, 56, 0.3);\n}\n\n.hero-title-erasmus {\n    font-size: 52px;\n    font-weight: 700;\n    line-height: 1.2;\n    margin-bottom: 24px;\n    color: #05244F;\n}\n\n.hero-title-erasmus .highlight {\n    color: #F45D48;\n    position: relative;\n    display: inline-block;\n}\n\n.hero-subtitle-erasmus {\n    font-size: 20px;\n    line-height: 1.6;\n    color: #05244F;\n    opacity: 0.85;\n    margin-bottom: 40px;\n    max-width: 540px;\n}\n\n.hero-features-erasmus {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.feature-item-erasmus {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 16px;\n    color: #05244F;\n}\n\n.feature-icon-erasmus {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.feature-icon-erasmus::before {\n    content: \"\u2713\";\n    color: white;\n    font-weight: 700;\n    font-size: 14px;\n}\n\n.hero-image-erasmus {\n    position: relative;\n    animation: fadeInRightErasmus 1s ease-out;\n}\n\n.hero-image-wrapper-erasmus {\n    position: relative;\n    border-radius: 0;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(5, 36, 79, 0.15);\n}\n\n.hero-image-wrapper-erasmus::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(135deg, rgba(181, 145, 56, 0.1) 0%, rgba(244, 93, 72, 0.1) 100%);\n    z-index: 1;\n    pointer-events: none;\n}\n\n.hero-image-erasmus img {\n    width: 100%;\n    height: 600px;\n    object-fit: cover;\n    display: block;\n}\n\n.floating-card-erasmus {\n    position: absolute;\n    background: white;\n    padding: 20px 24px;\n    border-radius: 16px;\n    box-shadow: 0 12px 40px rgba(5, 36, 79, 0.15);\n    animation: floatErasmus 3s ease-in-out infinite;\n    z-index: 2;\n}\n\n.card-1-erasmus {\n    top: 40px;\n    right: -20px;\n    animation-delay: 0s;\n}\n\n.card-2-erasmus {\n    bottom: 60px;\n    left: -20px;\n    animation-delay: 1.5s;\n}\n\n.card-label-erasmus {\n    font-size: 12px;\n    color: #F45D48;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 4px;\n}\n\n.card-value-erasmus {\n    font-size: 24px;\n    font-weight: 700;\n    color: #05244F;\n}\n\n@keyframes fadeInUpErasmus {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInRightErasmus {\n    from { opacity: 0; transform: translateX(30px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n\n@keyframes floatErasmus {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-15px); }\n}\n\n@media (max-width: 968px) {\n    .hero-container-erasmus {\n        grid-template-columns: 1fr;\n        padding: 60px 24px;\n        gap: 40px;\n    }\n\n    .hero-title-erasmus {\n        font-size: 38px;\n    }\n\n    .hero-subtitle-erasmus {\n        font-size: 18px;\n    }\n\n    .hero-image-erasmus img {\n        height: 400px;\n    }\n\n    .floating-card-erasmus {\n        display: none;\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 \u2013 Projets Erasmus+\",\n    \"description\": \"International School 33 participe \u00e0 4 projets europ\u00e9ens Erasmus+ mobilisant plus de 51 jeunes dans 6 pays partenaires. \u00c9cole internationale bilingue \u00e0 Gradignan, Bordeaux.\",\n    \"url\": \"https:\/\/international-school33.com\/pedagogie\/erasmus\",\n    \"address\": {\n        \"@type\": \"PostalAddress\",\n        \"streetAddress\": \"All\u00e9e de Lussy\",\n        \"postalCode\": \"33170\",\n        \"addressLocality\": \"Gradignan\",\n        \"addressRegion\": \"Nouvelle-Aquitaine\",\n        \"addressCountry\": \"FR\"\n    },\n    \"knowsAbout\": [\n        \"Erasmus+\",\n        \"Programme europ\u00e9en\",\n        \"Mobilit\u00e9 internationale\",\n        \"Projets p\u00e9dagogiques europ\u00e9ens\",\n        \"MUNConnect\",\n        \"RoboSTEM\",\n        \"MUEAH\",\n        \"Eco-Explorateurs\"\n    ]\n}\n<\/script>\n\n<section class=\"is33-hero-erasmus\" id=\"erasmus-hero\">\n    <div class=\"hero-container-erasmus\">\n        <div class=\"hero-content-erasmus\">\n            <span class=\"age-badge-erasmus\">Programme europ\u00e9en<\/span>\n            <h1 class=\"hero-title-erasmus\">\n                Nos projets <span class=\"highlight\">Erasmus+<\/span>\n            <\/h1>\n            <p class=\"hero-subtitle-erasmus\">\n                Des exp\u00e9riences internationales qui transforment nos \u00e9l\u00e8ves. IS33 s'engage dans des projets europ\u00e9ens concrets pour d\u00e9velopper l'ouverture sur le monde, la citoyennet\u00e9 et les comp\u00e9tences de demain.\n            <\/p>\n            <div class=\"hero-features-erasmus\">\n                <div class=\"feature-item-erasmus\">\n                    <span class=\"feature-icon-erasmus\"><\/span>\n                    <span><strong>4 projets europ\u00e9ens actifs<\/strong> \u2013 MUNConnect, RoboSTEM, MUEAH, Eco-Explorateurs<\/span>\n                <\/div>\n                <div class=\"feature-item-erasmus\">\n                    <span class=\"feature-icon-erasmus\"><\/span>\n                    <span><strong>51+ jeunes mobilis\u00e9s<\/strong> \u2013 Des \u00e9l\u00e8ves acteurs de leur parcours international<\/span>\n                <\/div>\n                <div class=\"feature-item-erasmus\">\n                    <span class=\"feature-icon-erasmus\"><\/span>\n                    <span><strong>6 pays partenaires<\/strong> \u2013 Une coop\u00e9ration europ\u00e9enne ancr\u00e9e dans le r\u00e9el<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"hero-image-erasmus\">\n            <div class=\"hero-image-wrapper-erasmus\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2026\/04\/Erasmus.jpeg\"\n                    alt=\"\u00c9l\u00e8ves de l'International School 33 participant aux projets Erasmus+ \u2013 \u00e9cole internationale \u00e0 Gradignan Bordeaux\"\n                    loading=\"eager\"\n                \/>\n            <\/div>\n            <div class=\"floating-card-erasmus card-1-erasmus\">\n                <div class=\"card-label-erasmus\">Projets actifs<\/div>\n                <div class=\"card-value-erasmus\">4 projets<\/div>\n            <\/div>\n            <div class=\"floating-card-erasmus card-2-erasmus\">\n                <div class=\"card-label-erasmus\">Pays partenaires<\/div>\n                <div class=\"card-value-erasmus\">6 pays<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11cb440 e-con-full e-flex e-con e-parent\" data-id=\"11cb440\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fe5d7b elementor-widget elementor-widget-html\" data-id=\"3fe5d7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.cdnfonts.com\/css\/elms-sans\" rel=\"stylesheet\">\n\n<style>\n.erasmus-page * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.erasmus-page {\n    --navy:         #05244F;\n    --coral:        #F45D48;\n    --gold:         #B59138;\n    --white:        #ffffff;\n    --light-gray:   #f8f9fa;\n    --text-dark:    #1a1a1a;\n    --text-medium:  #4a5568;\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--text-dark);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n}\n\n.er-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 2rem;\n}\n\n.erasmus-intro {\n    padding: 5rem 0 4rem;\n    background: var(--white);\n}\n\n.erasmus-intro h2 {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 2.25rem;\n    font-weight: 700;\n    color: var(--navy);\n    line-height: 1.2;\n    margin-bottom: 2.5rem;\n    position: relative;\n    padding-bottom: 1rem;\n    text-align: center;\n}\n\n.erasmus-intro h2::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 4px;\n    background: var(--coral);\n}\n\n.erasmus-intro p {\n    font-size: 1.1rem;\n    line-height: 1.85;\n    color: var(--text-medium);\n    text-align: justify;\n    margin-bottom: 1.4rem;\n    max-width: 860px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.erasmus-intro p:last-child {\n    margin-bottom: 0;\n}\n\n.er-highlight-box {\n    background: var(--light-gray);\n    border-left: 5px solid var(--gold);\n    padding: 2rem 2.5rem;\n    margin: 2.5rem auto;\n    max-width: 860px;\n    text-align: justify;\n}\n\n.er-highlight-box p {\n    margin-bottom: 0;\n    color: var(--text-dark);\n    font-weight: 500;\n}\n\n@keyframes er-fadeInUp {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n.erasmus-intro .er-container {\n    animation: er-fadeInUp 0.75s ease both;\n    animation-delay: 0.1s;\n}\n\n@media (max-width: 768px) {\n    .erasmus-intro h2 { font-size: 1.75rem; }\n    .erasmus-intro p { text-align: justify; }\n    .er-container { padding: 0 1.25rem; }\n    .erasmus-intro { padding: 3rem 0 2.5rem; }\n}\n<\/style>\n\n<div class=\"erasmus-page\">\n\n<section class=\"erasmus-intro\">\n    <div class=\"er-container\">\n\n        <h2>Une \u00e9ducation qui d\u00e9passe les murs de la classe<\/h2>\n\n        <p>\u00c0 International School 33, nous croyons qu'une \u00e9ducation d'excellence d\u00e9passe les murs de la salle de classe. Notre \u00e9tablissement se distingue par son dynamisme et sa capacit\u00e9 \u00e0 offrir \u00e0 ses \u00e9l\u00e8ves des exp\u00e9riences internationales uniques, porteuses de sens et profond\u00e9ment transformatrices.<\/p>\n\n        <p>Gr\u00e2ce au programme Erasmus+, nos \u00e9l\u00e8ves participent \u00e0 des projets europ\u00e9ens ambitieux qui les placent au c\u0153ur de l'action : diplomatie internationale, innovation technologique, m\u00e9moire historique, engagement environnemental. Ces initiatives leur permettent de voyager, collaborer avec des jeunes venus d'autres pays, d\u00e9battre, cr\u00e9er, r\u00e9fl\u00e9chir et surtout agir.<\/p>\n\n        <p>Chaque projet est con\u00e7u pour d\u00e9velopper des comp\u00e9tences essentielles : leadership, esprit critique, autonomie, travail en \u00e9quipe, ma\u00eetrise de l'anglais, ouverture interculturelle. Au-del\u00e0 de l'enrichissement acad\u00e9mique, ces exp\u00e9riences renforcent leur confiance et donnent une v\u00e9ritable valeur ajout\u00e9e \u00e0 leur parcours et \u00e0 leur futur curriculum vitae.<\/p>\n\n        <div class=\"er-highlight-box\">\n            <p>Ces mobilit\u00e9s leur permettent \u00e9galement d'obtenir une certification officielle Erasmus+, appel\u00e9e <strong>Youthpass<\/strong>, reconnue \u00e0 travers le monde. Ce certificat valorise les comp\u00e9tences d\u00e9velopp\u00e9es lors des projets et constitue un v\u00e9ritable atout pour leur parcours acad\u00e9mique et professionnel, en attestant de leur engagement, de leur dynamisme et de leur capacit\u00e9 \u00e0 \u00e9voluer dans un environnement international.<\/p>\n        <\/div>\n\n        <p>Mais plus encore, nos projets Erasmus+ forment des jeunes conscients des enjeux du monde contemporain, capables de dialoguer, d'innover et de s'engager. \u00c0 International School 33, nous ne pr\u00e9parons pas seulement nos \u00e9l\u00e8ves \u00e0 r\u00e9ussir leurs \u00e9tudes&nbsp;: nous les accompagnons pour qu'ils deviennent des acteurs \u00e9clair\u00e9s et responsables d'un monde meilleur.<\/p>\n\n    <\/div>\n<\/section>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8db8d7b e-con-full e-flex e-con e-parent\" data-id=\"8db8d7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-904650a elementor-widget elementor-widget-html\" data-id=\"904650a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.er-anchor-nav {\n    background: var(--navy, #05244F);\n    padding: 0;\n    position: sticky;\n    top: 0;\n    z-index: 100;\n    width: 100vw;\n    margin: 0 calc(50% - 50vw);\n}\n.er-anchor-nav .er-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 2rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 0;\n}\n.er-anchor-nav a {\n    display: flex;\n    align-items: center;\n    padding: 1.1rem 2rem;\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: rgba(255,255,255,0.75);\n    text-decoration: none;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    border-bottom: 3px solid transparent;\n    transition: all 0.25s ease;\n    white-space: nowrap;\n}\n.er-anchor-nav a:hover {\n    color: var(--white, #ffffff);\n    border-bottom-color: var(--coral, #F45D48);\n    background: rgba(255,255,255,0.05);\n}\n.er-anchor-nav a.active {\n    color: var(--white, #ffffff);\n    border-bottom-color: var(--gold, #B59138);\n}\n@media (max-width: 900px) {\n    .er-anchor-nav .er-container {\n        overflow-x: auto;\n        justify-content: flex-start;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n    }\n    .er-anchor-nav .er-container::-webkit-scrollbar {\n        display: none;\n    }\n    .er-anchor-nav a {\n        padding: 1rem 1.25rem;\n        font-size: 0.8rem;\n    }\n}\n<\/style>\n\n<nav class=\"er-anchor-nav\" aria-label=\"Navigation des projets Erasmus+\">\n    <div class=\"er-container\">\n        <a href=\"#munconnect\">MUNConnect<\/a>\n        <a href=\"#robostem\">RoboSTEM<\/a>\n        <a href=\"#mueah\">M\u00e9moires Unies<\/a>\n        <a href=\"#eco-explorateurs\">Eco-Explorateurs<\/a>\n    <\/div>\n<\/nav>\n\n<script>\n(function() {\n    var ids = ['munconnect', 'robostem', 'mueah', 'eco-explorateurs'];\n\n    function init() {\n        var allFound = ids.every(function(id) {\n            return document.getElementById(id) !== null;\n        });\n\n        if (!allFound) {\n            setTimeout(init, 300);\n            return;\n        }\n\n        var links = document.querySelectorAll('.er-anchor-nav a');\n\n        function onScroll() {\n            var scrollY = window.scrollY;\n            var current = '';\n\n            for (var i = ids.length - 1; i >= 0; i--) {\n                var el = document.getElementById(ids[i]);\n                if (el && scrollY >= el.getBoundingClientRect().top + window.scrollY - 120) {\n                    current = ids[i];\n                    break;\n                }\n            }\n\n            links.forEach(function(link) {\n                link.classList.toggle('active', link.getAttribute('href') === '#' + current);\n            });\n        }\n\n        window.addEventListener('scroll', onScroll, { passive: true });\n        onScroll();\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init);\n    } else {\n        init();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4c2451 e-con-full e-flex e-con e-parent\" data-id=\"e4c2451\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b707168 elementor-widget elementor-widget-html\" data-id=\"b707168\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2500\u2500 SECTION PROJET G\u00c9N\u00c9RIQUE \u2500\u2500 *\/\n.er-project-section {\n    padding: 5rem 0;\n}\n\n.er-project-section:nth-child(odd) {\n    background: var(--light-gray, #f8f9fa);\n}\n\n.er-project-section:nth-child(even) {\n    background: var(--white, #ffffff);\n}\n\n\/* \u2500\u2500 LAYOUT IMAGE + CONTENU \u2500\u2500 *\/\n.er-project-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 5rem;\n    align-items: center;\n}\n\n.er-project-grid.reverse {\n    direction: rtl;\n}\n\n.er-project-grid.reverse > * {\n    direction: ltr;\n}\n\n.er-project-image {\n    position: relative;\n    overflow: hidden;\n}\n\n.er-project-image img {\n    width: 100%;\n    height: 480px;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s ease;\n}\n\n.er-project-image:hover img {\n    transform: scale(1.03);\n}\n\n.er-project-image .er-img-badge {\n    position: absolute;\n    top: 1.5rem;\n    left: 1.5rem;\n    background: var(--gold, #B59138);\n    color: #fff;\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    padding: 0.4rem 1rem;\n}\n\n\/* \u2500\u2500 CONTENU PROJET \u2500\u2500 *\/\n.er-project-content .er-tag {\n    display: inline-block;\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: var(--coral, #F45D48);\n    margin-bottom: 0.75rem;\n}\n\n.er-project-content h2 {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 2rem;\n    font-weight: 700;\n    color: var(--navy, #05244F);\n    line-height: 1.2;\n    margin-bottom: 0.5rem;\n}\n\n.er-project-content .er-project-tagline {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: var(--gold, #B59138);\n    margin-bottom: 1.75rem;\n    font-style: italic;\n}\n\n.er-project-content p {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 1.05rem;\n    line-height: 1.85;\n    color: var(--text-medium, #4a5568);\n    text-align: justify;\n    margin-bottom: 1.25rem;\n}\n\n\/* \u2500\u2500 STATS MINI (MUN) \u2500\u2500 *\/\n.er-mini-stats {\n    display: flex;\n    gap: 2rem;\n    margin: 2rem 0;\n    padding: 1.5rem 0;\n    border-top: 1px solid var(--medium-gray, #e9ecef);\n    border-bottom: 1px solid var(--medium-gray, #e9ecef);\n}\n\n.er-mini-stat {\n    text-align: center;\n}\n\n.er-mini-stat strong {\n    display: block;\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 1.75rem;\n    font-weight: 700;\n    color: var(--navy, #05244F);\n    line-height: 1;\n    margin-bottom: 0.25rem;\n}\n\n.er-mini-stat span {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 0.8rem;\n    color: var(--text-medium, #4a5568);\n    line-height: 1.3;\n}\n\n\/* \u2500\u2500 BOUTON \u2500\u2500 *\/\n.er-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.65rem 1.5rem;\n    font-family: 'Elms Sans', 'elms sans', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    font-style: normal;\n    text-transform: none;\n    text-decoration: none;\n    text-align: center;\n    letter-spacing: normal;\n    border-radius: 100px;\n    transition: all 0.25s ease;\n}\n\n.er-btn-primary {\n    background: var(--coral, #F45D48);\n    color: #ffffff !important;\n}\n\n.er-btn-primary:hover {\n    background: var(--navy, #05244F);\n    color: #fff;\n    transform: translateY(-2px);\n}\n\n.er-btn svg {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.25s ease;\n}\n\n.er-btn:hover svg {\n    transform: translateX(4px);\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 900px) {\n    .er-project-grid,\n    .er-project-grid.reverse {\n        grid-template-columns: 1fr;\n        gap: 2.5rem;\n        direction: ltr;\n    }\n\n    .er-project-image img {\n        height: 300px;\n    }\n\n    .er-project-content h2 {\n        font-size: 1.65rem;\n    }\n\n    .er-project-section {\n        padding: 3.5rem 0;\n    }\n\n    .er-mini-stats {\n        gap: 1.25rem;\n    }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SECTION 3 \u2014 MUNCONNECT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"er-project-section\" id=\"munconnect\">\n    <div class=\"er-container\" style=\"max-width:1200px;margin:0 auto;padding:0 2rem;\">\n\n        <div class=\"er-project-grid\">\n\n            <div class=\"er-project-image\">\n                <img loading=\"lazy\" decoding=\"async\"\n                    src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2026\/03\/MUN-connect-1-scaled.jpg\"\n                    alt=\"\u00c9l\u00e8ves IS33 participant au projet MUNCONNECT \u2013 simulation des Nations Unies \u00e0 Bordeaux\"\n                    loading=\"lazy\"\n                    width=\"600\"\n                    height=\"480\"\n                >\n                <span class=\"er-img-badge\">Erasmus+<\/span>\n            <\/div>\n\n            <div class=\"er-project-content\">\n\n                <span class=\"er-tag\">Diplomatie &amp; Relations internationales<\/span>\n\n                <h2>MUNCONNECT<\/h2>\n                <p class=\"er-project-tagline\">United for a Better Future<\/p>\n\n                <p>L'International School 33 est fi\u00e8re de pr\u00e9senter MUNCONNECT \u2013 United for a Better Future, un projet cofinanc\u00e9 par le programme Erasmus+ et port\u00e9 par les \u00e9l\u00e8ves de l'association IS33 engag\u00e9s dans l'activit\u00e9 Model United Nations (MUN).<\/p>\n\n                <p>Gr\u00e2ce \u00e0 ce financement europ\u00e9en, nos \u00e9l\u00e8ves ont eu l'opportunit\u00e9 d'accueillir \u00e0 Bordeaux des jeunes venus de Turquie, Roumanie, Palestine et Chypre, tous impliqu\u00e9s dans des activit\u00e9s de simulation des Nations Unies.<\/p>\n\n                <div class=\"er-mini-stats\">\n                    <div class=\"er-mini-stat\">\n                        <strong>51<\/strong>\n                        <span>jeunes<br>participants<\/span>\n                    <\/div>\n                    <div class=\"er-mini-stat\">\n                        <strong>5<\/strong>\n                        <span>pays<br>repr\u00e9sent\u00e9s<\/span>\n                    <\/div>\n                    <div class=\"er-mini-stat\">\n                        <strong>10<\/strong>\n                        <span>jours de<br>mobilit\u00e9<\/span>\n                    <\/div>\n                <\/div>\n\n                <a\n                    href=\"https:\/\/international-school33.com\/munconnect-une-experience-internationale-inoubliable\/\"\n                    class=\"er-btn er-btn-primary\"\n                    target=\"_blank\"\n                    rel=\"noopener\"\n                >\n                    Lire l'article complet\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07dffd8 e-con-full e-flex e-con e-parent\" data-id=\"07dffd8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcb65d0 elementor-widget elementor-widget-html\" data-id=\"fcb65d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2500\u2500 LISTES PROJET \u2500\u2500 *\/\n.er-styled-list {\n    list-style: none;\n    margin: 1.25rem 0 1.75rem;\n    padding: 0;\n}\n\n.er-styled-list li {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 1.05rem;\n    line-height: 1.75;\n    color: var(--text-medium, #4a5568);\n    padding: 0.5rem 0 0.5rem 2.25rem;\n    position: relative;\n}\n\n.er-styled-list li::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 1rem;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: var(--coral, #F45D48);\n    flex-shrink: 0;\n}\n\n\/* \u2500\u2500 BLOC ENSEIGNANTS (fond navy) \u2500\u2500 *\/\n.er-dark-box {\n    background: var(--navy, #05244F);\n    padding: 2rem 2.5rem;\n    margin: 2rem 0;\n}\n\n.er-dark-box h3 {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--gold, #B59138);\n    margin-bottom: 1rem;\n}\n\n.er-dark-box p {\n    color: rgba(255,255,255,0.85) !important;\n    margin-bottom: 0 !important;\n}\n<\/style>\n\n<section class=\"er-project-section\" id=\"robostem\">\n    <div class=\"er-container\" style=\"max-width:1200px;margin:0 auto;padding:0 2rem;\">\n\n        <div class=\"er-project-grid\" style=\"align-items:flex-end;\">\n\n            <div class=\"er-project-content\">\n\n                <span class=\"er-tag\">Robotique &amp; Intelligence artificielle<\/span>\n\n                <h2>RoboSTEM Tri-Nations<\/h2>\n                <p class=\"er-project-tagline\">L'innovation scientifique au c\u0153ur de l'Europe<\/p>\n\n                <h3 style=\"font-family:'Elms Sans',sans-serif;font-size:1.15rem;font-weight:700;color:var(--navy,#05244F);margin:1.5rem 0 0.75rem;\">Un projet europ\u00e9en collaboratif<\/h3>\n\n                <p>Dans le cadre du programme Erasmus+, International School 33 coordonne le projet RoboSTEM Tri-Nations, en partenariat avec une \u00e9cole internationale en Espagne et un \u00e9tablissement technologique en Turquie sp\u00e9cialis\u00e9 dans les sciences appliqu\u00e9es.<\/p>\n\n                <p>Ce projet s'inscrit dans une dynamique de coop\u00e9ration europ\u00e9enne visant \u00e0 d\u00e9velopper l'excellence en robotique, programmation et intelligence artificielle.<\/p>\n\n                <h3 style=\"font-family:'Elms Sans',sans-serif;font-size:1.15rem;font-weight:700;color:var(--navy,#05244F);margin:2cm 0 0.75rem;\">Des comp\u00e9tences STEM pour nos coll\u00e9giens<\/h3>\n\n                <p>RoboSTEM permet \u00e0 nos coll\u00e9giens de :<\/p>\n\n                <ul class=\"er-styled-list\">\n                    <li>concevoir et programmer des robots,<\/li>\n                    <li>explorer les bases de l'intelligence artificielle,<\/li>\n                    <li>r\u00e9soudre des d\u00e9fis technologiques concrets,<\/li>\n                    <li>collaborer avec des \u00e9l\u00e8ves d'autres pays europ\u00e9ens.<\/li>\n                <\/ul>\n\n            <\/div>\n\n            <div style=\"display:flex;flex-direction:column;gap:1.5rem;align-self:stretch;\">\n\n                <div class=\"er-project-image\">\n                    <img loading=\"lazy\" decoding=\"async\"\n                        src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2026\/03\/Robostem.jpg\"\n                        alt=\"\u00c9l\u00e8ves IS33 participant au projet RoboSTEM Tri-Nations \u2013 robotique et intelligence artificielle\"\n                        loading=\"lazy\"\n                        width=\"600\"\n                        height=\"480\"\n                    >\n                    <span class=\"er-img-badge\">Erasmus+<\/span>\n                <\/div>\n\n                <div class=\"er-dark-box\" style=\"margin:0;\">\n                    <h3>Former aussi les enseignants<\/h3>\n                    <p>Le projet ne concerne pas uniquement les \u00e9l\u00e8ves. Des mobilit\u00e9s et formations crois\u00e9es permettent aux enseignants d'approfondir leurs pratiques p\u00e9dagogiques et d'int\u00e9grer plus efficacement les technologies \u00e9mergentes dans leurs cours. Cette mont\u00e9e en comp\u00e9tences b\u00e9n\u00e9ficie directement \u00e0 l'ensemble de la communaut\u00e9 scolaire.<\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;margin-top:2.5rem;\">Au-del\u00e0 des comp\u00e9tences techniques, ils d\u00e9veloppent leur esprit critique, leur cr\u00e9ativit\u00e9, leur capacit\u00e9 \u00e0 travailler en \u00e9quipe internationale et leur autonomie.<\/p>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;margin-top:1.25rem;\">RoboSTEM illustre l'engagement d'International School 33 en faveur d'une \u00e9ducation innovante et internationale. En combinant excellence acad\u00e9mique, coop\u00e9ration europ\u00e9enne et technologies avanc\u00e9es, le projet pr\u00e9pare nos \u00e9l\u00e8ves \u00e0 \u00e9voluer avec confiance dans un monde num\u00e9rique en constante transformation.<\/p>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2db430e e-con-full e-flex e-con e-parent\" data-id=\"2db430e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f27baa9 elementor-widget elementor-widget-html\" data-id=\"f27baa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.er-mobility-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1.5rem;\n    margin: 1.5rem 0;\n}\n\n.er-mobility-card {\n    background: var(--light-gray, #f8f9fa);\n    border-top: 4px solid var(--navy, #05244F);\n    padding: 1.75rem;\n}\n\n.er-mobility-card.gold {\n    border-top-color: var(--gold, #B59138);\n}\n\n.er-mobility-card h4 {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--navy, #05244F);\n    margin-bottom: 1rem;\n}\n\n.er-mobility-card ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.er-mobility-card ul li {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 0.95rem;\n    line-height: 1.7;\n    color: var(--text-medium, #4a5568);\n    padding: 0.3rem 0 0.3rem 1.5rem;\n    position: relative;\n}\n\n.er-mobility-card ul li::before {\n    content: '\u2013';\n    position: absolute;\n    left: 0;\n    color: var(--coral, #F45D48);\n    font-weight: 700;\n}\n\n@media (max-width: 768px) {\n    .er-mobility-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<section class=\"er-project-section\" id=\"mueah\">\n    <div class=\"er-container\" style=\"max-width:1200px;margin:0 auto;padding:0 2rem;\">\n\n        <div class=\"er-project-grid\" style=\"align-items:flex-start;\">\n\n            <div class=\"er-project-content\">\n                <span class=\"er-tag\">Histoire &amp; Citoyennet\u00e9 europ\u00e9enne<\/span>\n                <h2>MUEAH \u2013 M\u00e9moires Unies<\/h2>\n                <p class=\"er-project-tagline\">\u00c9clairer l'avenir \u00e0 travers l'histoire<\/p>\n                <h3 style=\"font-family:'Elms Sans',sans-serif;font-size:1.15rem;font-weight:700;color:var(--navy,#05244F);margin:1.5rem 0 0.75rem;\">Comprendre le pass\u00e9 pour construire l'Europe de demain<\/h3>\n                <p>Dans le cadre du programme Erasmus+ (KA210), International School 33 coordonne le projet MUEAH \u2013 M\u00e9moires Unies&nbsp;: \u00c9clairer l'avenir \u00e0 travers l'histoire, en partenariat avec des \u00e9tablissements en Croatie et en Pologne.<\/p>\n                <p>Ce projet r\u00e9unit des \u00e9l\u00e8ves europ\u00e9ens autour d'un travail collaboratif sur la Seconde Guerre mondiale, avec une approche \u00e0 la fois historique, interculturelle et citoyenne. Les productions des \u00e9l\u00e8ves (blogs, carnets de bord, vid\u00e9os, expositions num\u00e9riques) sont partag\u00e9es sur une plateforme commune favorisant les \u00e9changes et la r\u00e9flexion collective.<\/p>\n            <\/div>\n\n            <div class=\"er-project-image\">\n                <img loading=\"lazy\" decoding=\"async\"\n                    src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2026\/03\/united-memories.jpg\"\n                    alt=\"Projet MUEAH \u2013 M\u00e9moires Unies, \u00e9l\u00e8ves IS33 en voyage p\u00e9dagogique en Normandie et Pologne\"\n                    loading=\"lazy\"\n                    width=\"600\"\n                    height=\"480\"\n                >\n                <span class=\"er-img-badge\">Erasmus+<\/span>\n            <\/div>\n\n        <\/div>\n\n        <h3 style=\"font-family:'Elms Sans',sans-serif;font-size:1.5rem;font-weight:700;color:var(--navy,#05244F);margin:3rem 0 0.75rem;\">Deux mobilit\u00e9s europ\u00e9ennes embl\u00e9matiques<\/h3>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;margin-bottom:1.5rem;\">Le projet comprend <strong>deux voyages p\u00e9dagogiques majeurs<\/strong>, v\u00e9ritables temps forts de l'exp\u00e9rience.<\/p>\n\n        <div class=\"er-mobility-grid\">\n            <div class=\"er-mobility-card\">\n                <h4>En France \u2013 Normandie (mars 2026)<\/h4>\n                <p style=\"font-family:'Elms Sans',sans-serif;font-size:0.95rem;line-height:1.7;color:var(--text-medium,#4a5568);margin-bottom:0.75rem;\">Les \u00e9l\u00e8ves se rendront sur les lieux embl\u00e9matiques du D\u00e9barquement :<\/p>\n                <ul>\n                    <li>Omaha Beach et Arromanches,<\/li>\n                    <li>le cimeti\u00e8re am\u00e9ricain de Colleville-sur-Mer,<\/li>\n                    <li>le M\u00e9morial de Caen,<\/li>\n                    <li>la batterie de Longues-sur-Mer,<\/li>\n                    <li>les m\u00e9moriaux britannique et polonais.<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"er-mobility-card gold\">\n                <h4>En Pologne \u2013 Varsovie (ann\u00e9e scolaire 2026-2027)<\/h4>\n                <p style=\"font-family:'Elms Sans',sans-serif;font-size:0.95rem;line-height:1.7;color:var(--text-medium,#4a5568);margin-bottom:0.75rem;\">La seconde mobilit\u00e9 conduira les \u00e9l\u00e8ves \u00e0 Varsovie pour approfondir la dimension m\u00e9morielle \u00e0 travers :<\/p>\n                <ul>\n                    <li>le Mus\u00e9e POLIN de l'Histoire des Juifs de Pologne,<\/li>\n                    <li>le Mus\u00e9e du Ghetto de Varsovie,<\/li>\n                    <li>des ateliers th\u00e9matiques sur la transmission, les droits humains et les le\u00e7ons contemporaines de l'histoire.<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;margin-top:1.5rem;\">Ces visites seront accompagn\u00e9es d'ateliers de r\u00e9flexion sur la m\u00e9moire, la r\u00e9conciliation europ\u00e9enne et la construction de la paix.<\/p>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;margin-top:1.25rem;\">Ces deux voyages permettront une immersion concr\u00e8te dans les lieux de m\u00e9moire europ\u00e9ens, favorisant une compr\u00e9hension vivante et partag\u00e9e de l'histoire.<\/p>\n\n        <h3 style=\"font-family:'Elms Sans',sans-serif;font-size:1.5rem;font-weight:700;color:var(--navy,#05244F);margin:3rem 0 0.75rem;\">Un projet au croisement de l'histoire et de la citoyennet\u00e9<\/h3>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;\">MUEAH ne se limite pas \u00e0 l'\u00e9tude du pass\u00e9. Il vise \u00e0&nbsp;:<\/p>\n\n        <ul class=\"er-styled-list\">\n            <li>d\u00e9velopper la pens\u00e9e critique et la conscience citoyenne,<\/li>\n            <li>renforcer les comp\u00e9tences linguistiques en anglais,<\/li>\n            <li>encourager la coop\u00e9ration interculturelle,<\/li>\n            <li>utiliser les outils num\u00e9riques pour documenter et transmettre les apprentissages.<\/li>\n        <\/ul>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;\">En travaillant ensemble, les \u00e9l\u00e8ves apprennent \u00e0 confronter leurs perspectives nationales, \u00e0 dialoguer avec respect et \u00e0 construire une m\u00e9moire europ\u00e9enne commune.<\/p>\n\n        <div class=\"er-dark-box\" style=\"margin-top:2.5rem;\">\n            <h3>Une \u00e9ducation humaniste et europ\u00e9enne<\/h3>\n            <p>\u00c0 travers M\u00e9moires Unies, International School 33 affirme son engagement pour une \u00e9ducation ouverte, exigeante et profond\u00e9ment humaniste.<\/p>\n            <p style=\"margin-top:1rem;\">Ce projet permet \u00e0 nos \u00e9l\u00e8ves de comprendre que l'histoire n'est pas seulement un h\u00e9ritage du pass\u00e9, mais une responsabilit\u00e9 collective pour b\u00e2tir un avenir plus pacifique et solidaire.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-466b2ce e-con-full e-flex e-con e-parent\" data-id=\"466b2ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdc5da6 elementor-widget elementor-widget-html\" data-id=\"fdc5da6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.er-eco-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5rem;\n    margin: 1.5rem 0;\n}\n\n.er-eco-card {\n    background: var(--white, #ffffff);\n    border-top: 4px solid var(--coral, #F45D48);\n    padding: 1.75rem;\n    box-shadow: 0 2px 12px rgba(5,36,79,0.07);\n}\n\n.er-eco-card h4 {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--navy, #05244F);\n    margin-bottom: 0.75rem;\n}\n\n.er-eco-card p {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 0.95rem;\n    line-height: 1.7;\n    color: var(--text-medium, #4a5568);\n    text-align: left;\n    margin-bottom: 0;\n}\n\n@media (max-width: 900px) {\n    .er-eco-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<section class=\"er-project-section\" id=\"eco-explorateurs\">\n    <div class=\"er-container\" style=\"max-width:1200px;margin:0 auto;padding:0 2rem;\">\n\n        <div class=\"er-project-grid\" style=\"align-items:flex-start;\">\n\n            <div class=\"er-project-content\">\n                <span class=\"er-tag\">Environnement &amp; D\u00e9veloppement durable<\/span>\n                <h2>Eco-Explorateurs<\/h2>\n                <p class=\"er-project-tagline\">Jeunesse en action pour la nature et l'environnement<\/p>\n                <p>Le projet Eco-Explorateurs (JANE \u2013 Youth in Action for Nature and the Environment) est une mobilit\u00e9 Erasmus+ port\u00e9e par l'association IS33. Il r\u00e9unit environ 40 jeunes europ\u00e9ens, engag\u00e9s autour d'un objectif commun&nbsp;: agir concr\u00e8tement pour la protection de l'environnement et devenir des ambassadeurs du d\u00e9veloppement durable.<\/p>\n                <p>Ce projet s'inscrit pleinement dans les priorit\u00e9s europ\u00e9ennes li\u00e9es \u00e0 la transition \u00e9cologique, \u00e0 l'\u00e9ducation non formelle et \u00e0 l'engagement citoyen des jeunes.<\/p>\n            <\/div>\n\n            <div class=\"er-project-image\">\n                <img loading=\"lazy\" decoding=\"async\"\n                    src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2026\/03\/Eco-explorateurs.jpg\"\n                    alt=\"Projet Eco-Explorateurs JANE \u2013 jeunes IS33 engag\u00e9s pour la protection de l'environnement en Europe\"\n                    loading=\"lazy\"\n                    width=\"600\"\n                    height=\"480\"\n                >\n                <span class=\"er-img-badge\">Erasmus+<\/span>\n            <\/div>\n\n        <\/div>\n\n        <h3 style=\"font-family:'Elms Sans',sans-serif;font-size:1.5rem;font-weight:700;color:var(--navy,#05244F);margin:3rem 0 0.75rem;\">Trois mobilit\u00e9s pour comprendre et agir<\/h3>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;margin-bottom:1.5rem;\">Eco-Explorateurs s'articule autour de <strong>trois mobilit\u00e9s internationales compl\u00e9mentaires<\/strong>&nbsp;:<\/p>\n\n        <div class=\"er-eco-grid\">\n            <div class=\"er-eco-card\">\n                <h4>En France \u2013 Bassin d'Arcachon<\/h4>\n                <p>Une immersion au c\u0153ur d'un environnement naturel exceptionnel, avec des ateliers sur la biodiversit\u00e9, la protection des \u00e9cosyst\u00e8mes littoraux et des actions concr\u00e8tes comme le nettoyage de sites naturels.<\/p>\n            <\/div>\n            <div class=\"er-eco-card\">\n                <h4>En Gr\u00e8ce<\/h4>\n                <p>Une mobilit\u00e9 centr\u00e9e sur les enjeux climatiques m\u00e9diterran\u00e9ens, la sensibilisation aux incendies de for\u00eat et la pr\u00e9servation des milieux naturels. Les jeunes y d\u00e9veloppent leur compr\u00e9hension des d\u00e9fis environnementaux propres \u00e0 diff\u00e9rentes r\u00e9gions d'Europe.<\/p>\n            <\/div>\n            <div class=\"er-eco-card\">\n                <h4>En Turquie<\/h4>\n                <p>Un \u00e9change consacr\u00e9 notamment \u00e0 l'impact de nos choix alimentaires sur l'environnement, \u00e0 la durabilit\u00e9 et aux actions locales en faveur d'un mode de vie plus responsable.<\/p>\n            <\/div>\n        <\/div>\n\n        <h3 style=\"font-family:'Elms Sans',sans-serif;font-size:1.5rem;font-weight:700;color:var(--navy,#05244F);margin:3rem 0 0.75rem;\">Des actions concr\u00e8tes et participatives<\/h3>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;\">Tout au long du projet, les jeunes participent \u00e0&nbsp;:<\/p>\n\n        <ul class=\"er-styled-list\">\n            <li>des ateliers interactifs sur la biodiversit\u00e9 et le changement climatique,<\/li>\n            <li>des actions de terrain (nettoyage de for\u00eats, sensibilisation aux risques environnementaux),<\/li>\n            <li>la cr\u00e9ation de ressources p\u00e9dagogiques (vid\u00e9os, guides, supports num\u00e9riques),<\/li>\n            <li>l'organisation d'\u00e9v\u00e9nements de sensibilisation ouverts aux communaut\u00e9s locales.<\/li>\n        <\/ul>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;\">Le projet repose sur des m\u00e9thodes participatives favorisant l'autonomie, la coop\u00e9ration interculturelle et l'apprentissage par l'action.<\/p>\n\n        <h3 style=\"font-family:'Elms Sans',sans-serif;font-size:1.5rem;font-weight:700;color:var(--navy,#05244F);margin:3rem 0 0.75rem;\">Former une g\u00e9n\u00e9ration d'\u00e9co-citoyens europ\u00e9ens<\/h3>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;\">Eco-Explorateurs permet aux jeunes de d\u00e9velopper&nbsp;:<\/p>\n\n        <ul class=\"er-styled-list\">\n            <li>leur leadership,<\/li>\n            <li>leurs comp\u00e9tences en communication,<\/li>\n            <li>leur esprit critique,<\/li>\n            <li>leur capacit\u00e9 \u00e0 travailler en \u00e9quipe internationale,<\/li>\n            <li>leur engagement citoyen durable.<\/li>\n        <\/ul>\n\n        <p style=\"font-family:'Elms Sans',sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-medium,#4a5568);text-align:justify;\">Les comp\u00e9tences acquises sont reconnues via les outils europ\u00e9ens de certification tels que le <strong>Youthpass<\/strong>, valorisant l'apprentissage non formel.<\/p>\n\n        <div class=\"er-dark-box\" style=\"margin-top:2.5rem;\">\n            <h3>Un impact durable<\/h3>\n            <p>Au-del\u00e0 des mobilit\u00e9s, le projet vise \u00e0&nbsp;:<\/p>\n            <ul style=\"list-style:none;padding:0;margin:1rem 0;\">\n                <li style=\"font-family:'Elms Sans',sans-serif;font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.85);padding:0.3rem 0 0.3rem 1.5rem;position:relative;\">\n                    <span style=\"position:absolute;left:0;color:var(--coral,#F45D48);font-weight:700;\">\u2013<\/span>renforcer les partenariats europ\u00e9ens,\n                <\/li>\n                <li style=\"font-family:'Elms Sans',sans-serif;font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.85);padding:0.3rem 0 0.3rem 1.5rem;position:relative;\">\n                    <span style=\"position:absolute;left:0;color:var(--coral,#F45D48);font-weight:700;\">\u2013<\/span>diffuser des pratiques environnementales responsables,\n                <\/li>\n                <li style=\"font-family:'Elms Sans',sans-serif;font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.85);padding:0.3rem 0 0.3rem 1.5rem;position:relative;\">\n                    <span style=\"position:absolute;left:0;color:var(--coral,#F45D48);font-weight:700;\">\u2013<\/span>inspirer des actions locales \u00e0 long terme,\n                <\/li>\n                <li style=\"font-family:'Elms Sans',sans-serif;font-size:1rem;line-height:1.75;color:rgba(255,255,255,0.85);padding:0.3rem 0 0.3rem 1.5rem;position:relative;\">\n                    <span style=\"position:absolute;left:0;color:var(--coral,#F45D48);font-weight:700;\">\u2013<\/span>cr\u00e9er des liens durables entre jeunes engag\u00e9s \u00e0 travers l'Europe.\n                <\/li>\n            <\/ul>\n            <p style=\"margin-top:1rem;\">\u00c0 travers Eco-Explorateurs, l'association IS33 confirme son engagement en faveur d'une jeunesse active, responsable et consciente des d\u00e9fis environnementaux contemporains.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96811fa e-con-full e-flex e-con e-parent\" data-id=\"96811fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d9f2c4 elementor-widget elementor-widget-html\" data-id=\"0d9f2c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2500\u2500 CTA ERASMUS+ \u2500\u2500 *\/\n.er-cta-section {\n    background: linear-gradient(135deg, var(--navy, #05244F) 0%, #0a3a7a 100%);\n    padding: 6rem 0;\n    position: relative;\n    overflow: hidden;\n    width: 100vw;\n    margin: 0 calc(50% - 50vw);\n}\n\n.er-cta-section::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: url('https:\/\/international-school33.com\/wp-content\/uploads\/2026\/03\/Eco-explorateurs.jpg') center\/cover no-repeat;\n    opacity: 0.06;\n    z-index: 0;\n}\n\n.er-cta-section .er-container {\n    position: relative;\n    z-index: 1;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 2rem;\n    text-align: center;\n}\n\n.er-cta-section .er-badge {\n    display: inline-block;\n    padding: 0.45rem 1.25rem;\n    background: var(--gold, #B59138);\n    color: #fff;\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 0.8rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 2rem;\n}\n\n.er-cta-section h2 {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #ffffff;\n    line-height: 1.2;\n    margin-bottom: 1.25rem;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.er-cta-section p {\n    font-family: 'Elms Sans', sans-serif;\n    font-size: 1.15rem;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.85);\n    max-width: 580px;\n    margin: 0 auto 2.5rem;\n    text-align: center;\n}\n\n.er-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 1rem 2.5rem;\n    background: var(--coral, #F45D48);\n    color: #ffffff !important;\n    font-family: 'Elms Sans', 'elms sans', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    text-decoration: none;\n    border-radius: 100px;\n    transition: all 0.25s ease;\n}\n\n.er-cta-btn:hover {\n    background: var(--gold, #B59138);\n    color: #ffffff !important;\n    transform: translateY(-2px);\n}\n\n.er-cta-btn svg {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.25s ease;\n}\n\n.er-cta-btn:hover svg {\n    transform: translateX(4px);\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 768px) {\n    .er-cta-section h2 {\n        font-size: 1.75rem;\n    }\n    .er-cta-section p {\n        font-size: 1rem;\n    }\n    .er-cta-section {\n        padding: 4rem 0;\n    }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SECTION 7 \u2014 CTA CONTACT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"er-cta-section\">\n    <div class=\"er-container\">\n\n        <h2>Vous souhaitez en savoir plus sur nos projets internationaux&nbsp;?<\/h2>\n\n        <p>Notre \u00e9quipe est disponible pour r\u00e9pondre \u00e0 toutes vos questions sur les programmes Erasmus+ et les opportunit\u00e9s offertes \u00e0 vos enfants.<\/p>\n\n        <a\n            href=\"https:\/\/international-school33.com\/contact\/\"\n            class=\"er-cta-btn\"\n        >\n            Contactez-nous\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n            <\/svg>\n        <\/a>\n\n    <\/div>\n<\/section>\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>Programme europ\u00e9en Nos projets Erasmus+ Des exp\u00e9riences internationales qui transforment nos \u00e9l\u00e8ves. IS33 s&rsquo;engage dans des projets europ\u00e9ens concrets pour d\u00e9velopper l&rsquo;ouverture sur le monde, la citoyennet\u00e9 et les comp\u00e9tences de demain. 4 projets europ\u00e9ens actifs \u2013 MUNConnect, RoboSTEM, MUEAH, Eco-Explorateurs 51+ jeunes mobilis\u00e9s \u2013 Des \u00e9l\u00e8ves acteurs de leur parcours international 6 pays partenaires [&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-3708","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/3708","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=3708"}],"version-history":[{"count":72,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/3708\/revisions"}],"predecessor-version":[{"id":3795,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/3708\/revisions\/3795"}],"wp:attachment":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/media?parent=3708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}