{"id":1335,"date":"2025-11-21T11:08:36","date_gmt":"2025-11-21T11:08:36","guid":{"rendered":"https:\/\/international-school33.com\/?page_id=1335"},"modified":"2026-02-03T15:21:50","modified_gmt":"2026-02-03T15:21:50","slug":"professionally-oriented-programme","status":"publish","type":"page","link":"https:\/\/international-school33.com\/en\/programme-a-orientation-professionnelle\/","title":{"rendered":"Career-related Programme"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1335\" class=\"elementor elementor-1335\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cdf926 e-flex e-con-boxed e-con e-parent\" data-id=\"6cdf926\" 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-9ce0d09 elementor-widget elementor-widget-html\" data-id=\"9ce0d09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Programme \u00e0 orientation professionnelle (POP) \u00e0 l'International School 33<\/title>\n    <meta name=\"description\" content=\"Le POP \u00e0 IS33 Gradignan combine excellence acad\u00e9mique IB et formation professionnelle pour les \u00e9l\u00e8ves de 16 \u00e0 19 ans. Un parcours personnalis\u00e9 vers l'enseignement sup\u00e9rieur et les carri\u00e8res internationales.\">\n    \n    <!-- Font Elms Sans -->\n    <link href=\"https:\/\/fonts.cdnfonts.com\/css\/elms-sans\" rel=\"stylesheet\">\n    \n    <!-- Schema.org JSON-LD -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"EducationalOrganization\",\n      \"name\": \"International School 33\",\n      \"alternateName\": \"IS33\",\n      \"description\": \"\u00c9cole du monde de l'IB proposant le Programme \u00e0 orientation professionnelle (POP) candidat \u00e0 Gardignan\",\n      \"url\": \"https:\/\/international-school33.com\",\n      \"logo\": \"https:\/\/international-school33.com\/logo.png\",\n      \"address\": {\n        \"@type\": \"PostalAddress\",\n        \"addressLocality\": \"Bordeaux\",\n        \"addressRegion\": \"Nouvelle-Aquitaine\",\n        \"addressCountry\": \"FR\"\n      },\n      \"areaServed\": [\"FR\", \"EU\"],\n      \"offers\": {\n        \"@type\": \"Offer\",\n        \"category\": \"Programme \u00e0 orientation professionnelle (POP IB)\",\n        \"description\": \"Programme IB combinant excellence acad\u00e9mique et formation professionnelle pour \u00e9l\u00e8ves 16-19 ans\",\n        \"areaServed\": \"FR\"\n      },\n      \"knowsAbout\": [\"IB\", \"Programme \u00e0 orientation professionnelle\", \"POP\", \"Baccalaur\u00e9at International\", \"\u00c9ducation bilingue\", \"Formation professionnelle\"],\n      \"hasCourse\": {\n        \"@type\": \"Course\",\n        \"name\": \"Programme \u00e0 orientation professionnelle (POP)\",\n        \"description\": \"Combine 2 \u00e0 4 cours IB niveau standard avec formation professionnelle adapt\u00e9e aux int\u00e9r\u00eats de l'\u00e9l\u00e8ve\",\n        \"provider\": {\n          \"@type\": \"Organization\",\n          \"name\": \"International Baccalaureate\"\n        },\n        \"educationalLevel\": \"Lyc\u00e9e (16-19 ans)\",\n        \"inLanguage\": [\"fr\", \"en\"],\n        \"timeRequired\": \"P2Y\"\n      }\n    }\n    <\/script>\n    \n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Quelle est la diff\u00e9rence entre le POP et le dipl\u00f4me du Baccalaur\u00e9at International ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Le Programme du dipl\u00f4me (DP) de l'IB est purement acad\u00e9mique, avec 6 mati\u00e8res dont 3 de niveau sup\u00e9rieur. Le Programme \u00e0 orientation professionnelle (POP) combine 2 \u00e0 4 cours IB de niveau standard avec 2 \u00e0 4 cours de formation professionnelle adapt\u00e9s aux int\u00e9r\u00eats de l'\u00e9l\u00e8ve. Le POP est id\u00e9al pour les \u00e9l\u00e8ves qui souhaitent combiner excellence acad\u00e9mique et d\u00e9veloppement de comp\u00e9tences pratiques.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"\u00c0 qui s'adresse le POP ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Le POP s'adresse aux \u00e9l\u00e8ves de 16 \u00e0 19 ans qui souhaitent un \u00e9quilibre entre formation acad\u00e9mique et professionnelle, ont des int\u00e9r\u00eats professionnels identifi\u00e9s, veulent d\u00e9velopper des comp\u00e9tences concr\u00e8tes tout en poursuivant des \u00e9tudes, et cherchent un parcours plus flexible que le dipl\u00f4me classique.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Le POP est-il reconnu pour l'universit\u00e9 en France et \u00e0 l'international ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Oui. Le POP de l'IB est reconnu par l'enseignement sup\u00e9rieur fran\u00e7ais et international. En France, les dipl\u00f4m\u00e9s du POP peuvent acc\u00e9der aux universit\u00e9s, BTS, DUT, licences professionnelles et \u00e9coles sp\u00e9cialis\u00e9es. \u00c0 l'international, le POP est reconnu dans plus de 90 pays.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Quel est le r\u00f4le du bilinguisme dans le POP \u00e0 IS33 ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"\u00c0 IS33, le POP est propos\u00e9 en format bilingue 50\/50 fran\u00e7ais-anglais. Les cours IB peuvent \u00eatre suivis en fran\u00e7ais ou en anglais selon la mati\u00e8re, les cours professionnels int\u00e8grent les deux langues, d\u00e9veloppant ainsi une v\u00e9ritable aisance professionnelle bilingue.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"IS33 propose-t-elle tout le continuum IB ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Oui. IS33 est l'une des rares \u00e9coles en France \u00e0 proposer l'int\u00e9gralit\u00e9 du continuum IB : PP (maternelle et \u00e9l\u00e9mentaire), PEI (coll\u00e8ge), Programme du dipl\u00f4me (lyc\u00e9e acad\u00e9mique) et POP (lyc\u00e9e professionnel, actuellement candidat).\"\n          }\n        }\n      ]\n    }\n    <\/script>\n\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --navy: #05244F;\n            --coral: #FF7566;\n            --gold: #B59138;\n            --white: #ffffff;\n            --light-gray: #f8f9fa;\n            --medium-gray: #e9ecef;\n            --text-dark: #1a1a1a;\n            --text-medium: #4a5568;\n        }\n\n        body {\n            font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: var(--text-dark);\n            line-height: 1.6;\n            background: var(--white);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Elms Sans', sans-serif;\n            font-weight: 600;\n            line-height: 1.2;\n            color: var(--navy);\n        }\n\n        h1 { font-size: 3.5rem; margin-bottom: 1.5rem; }\n        h2 { font-size: 2.5rem; margin-bottom: 1.25rem; }\n        h3 { font-size: 1.75rem; margin-bottom: 1rem; }\n\n        p {\n            font-size: 1.125rem;\n            line-height: 1.8;\n            margin-bottom: 1.25rem;\n            color: var(--text-medium);\n            text-align: justify;\n        }\n\n        a {\n            color: var(--coral);\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }\n\n        a:hover {\n            color: var(--navy);\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n        }\n\n        .section {\n            padding: 3rem 0;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: fadeInUp 0.8s ease forwards;\n        }\n\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Hero Section - PLEINE LARGEUR *\/\n        .hero {\n            background: linear-gradient(135deg, var(--navy) 0%, #0a3a7a 100%);\n            padding: 6rem 0 5rem;\n            position: relative;\n            overflow: hidden;\n            width: 100vw;\n            margin: 0 calc(50% - 50vw);\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: url('https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-POP-etudiant-qui-travaille.jpg') center\/cover;\n            opacity: 0.1;\n            z-index: 0;\n        }\n\n        .hero .container {\n            position: relative;\n            z-index: 1;\n        }\n\n        .hero h1 {\n            color: var(--white);\n            font-size: 3.5rem;\n            font-weight: 700;\n            margin-bottom: 2rem;\n            line-height: 1.1;\n        }\n\n        .hero-intro {\n            font-size: 1.375rem;\n            color: rgba(255, 255, 255, 0.95);\n            max-width: 800px;\n            line-height: 1.7;\n            margin-bottom: 2rem;\n            text-align: justify;\n        }\n\n        .hero-stats {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 2rem;\n            margin-top: 3rem;\n        }\n\n        .stat-item {\n            text-align: center;\n            padding: 1.5rem;\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            transition: transform 0.3s ease;\n        }\n\n        .stat-item:hover {\n            transform: translateY(-5px);\n        }\n\n        .stat-number {\n            font-size: 3rem;\n            font-weight: 700;\n            color: var(--coral);\n            display: block;\n            margin-bottom: 0.5rem;\n        }\n\n        .stat-label {\n            font-size: 1rem;\n            color: rgba(255, 255, 255, 0.9);\n            font-weight: 500;\n        }\n\n        \/* Badge *\/\n        .badge {\n            display: inline-block;\n            padding: 0.5rem 1.25rem;\n            background: var(--gold);\n            color: var(--white);\n            font-size: 0.875rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 1.5rem;\n        }\n\n        @media (max-width: 768px) {\n            .hero h1 { font-size: 2.25rem; }\n            h2 { font-size: 2rem; }\n            h3 { font-size: 1.5rem; }\n            \n            .section {\n                padding: 2rem 0;\n            }\n\n            .container {\n                padding: 0 1.25rem;\n            }\n\n            .hero-stats {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        img {\n            opacity: 0;\n            animation: fadeIn 0.6s ease forwards;\n        }\n\n        @keyframes fadeIn {\n            to { opacity: 1; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"container\">\n            <span class=\"badge\">\u00c9cole du monde de l'IB (candidat*)<\/span>\n            <h1>Programme \u00e0 orientation professionnelle (POP)<br>\u00e0 l'International School 33 de Gradignan<\/h1>\n            <p class=\"hero-intro\">Cette ann\u00e9e, <b>International School 33 est candidate<\/b> pour d\u00e9velopper le programme POP, avec une mise en place souhait\u00e9e en septembre 2026, sous r\u00e9serve de l\u2019autorisation de l\u2019IB. Le POP combine excellence acad\u00e9mique IB et pr\u00e9paration professionnelle concr\u00e8te pour les \u00e9l\u00e8ves de 16 \u00e0 19 ans. Un parcours personnalis\u00e9 qui allie rigueur acad\u00e9mique internationale et d\u00e9veloppement de comp\u00e9tences pratiques, pr\u00e9parant les \u00e9l\u00e8ves aux \u00e9tudes sup\u00e9rieures et aux carri\u00e8res dans un monde globalis\u00e9.<\/p>\n            \n            <div class=\"hero-stats\">\n                <div class=\"stat-item\">\n                    <span class=\"stat-number\">2-4<\/span>\n                    <span class=\"stat-label\">Cours IB niveau sup\u00e9rieur ou moyen<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-number\">1<\/span>\n                    <span class=\"stat-label\">Cours de formation professionnelle<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-number\">100%<\/span>\n                    <span class=\"stat-label\">Parcours personnalis\u00e9s<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c69618 elementor-widget elementor-widget-html\" data-id=\"3c69618\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Styles pour bloc 2 -->\n<style>\n    .content-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 4rem;\n        align-items: center;\n        margin-top: 3rem;\n    }\n    .content-image {\n        width: 100%;\n        height: 500px;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n    }\n    .content-image:hover {\n        transform: scale(1.02);\n    }\n    .highlight-box {\n        background: var(--white);\n        padding: 3rem;\n        border-left: 4px solid var(--coral);\n        margin: 2rem 0;\n    }\n    .styled-list {\n        list-style: none;\n        margin: 2rem 0;\n    }\n    .styled-list li {\n        padding: 1rem 0 1rem 3rem;\n        position: relative;\n        font-size: 1.125rem;\n        line-height: 1.7;\n        text-align: justify;\n    }\n    .styled-list li::before {\n        content: '\u2713';\n        position: absolute;\n        left: 0;\n        top: 1rem;\n        width: 32px;\n        height: 32px;\n        background: var(--coral);\n        color: var(--white);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 700;\n    }\n    @media (max-width: 768px) {\n        .content-grid {\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n        .content-image {\n            height: 350px;\n        }\n    }\n<\/style>\n\n<!-- Qu'est-ce que le POP ? -->\n<section class=\"section\">\n    <div class=\"container\">\n        <h2>Qu'est-ce que le Programme \u00e0 orientation professionnelle (POP) ?<\/h2>\n        <p>Le Programme \u00e0 orientation professionnelle (POP) s'adresse aux \u00e9l\u00e8ves de 16 \u00e0 19 ans dans les deux derni\u00e8res ann\u00e9es du secondaire. Contrairement au dipl\u00f4me du Baccalaur\u00e9at International classique qui est purement acad\u00e9mique, le POP offre une approche \u00e9quilibr\u00e9e combinant excellence acad\u00e9mique et d\u00e9veloppement professionnel.<\/p>\n        \n        <div class=\"highlight-box\">\n            <h3>Le POP combine :<\/h3>\n            <ul class=\"styled-list\">\n                <li>2 \u00e0 4 cours de l'IB de niveau standard minimum (Anglais B, Fran\u00e7ais B, Maths, ESS - <i>Syst\u00e8mes Environnementaux et Soci\u00e9t\u00e9s<\/i>)<\/li>\n                <li>1 cours de formation professionnelle adapt\u00e9 aux int\u00e9r\u00eats de l'\u00e9l\u00e8ve avec un <b>projet de d\u00e9veloppement de 2 \u00e0 4 cours suppl\u00e9mentaires<\/b><\/li>\n                <li>Le tronc commun du POP : D\u00e9velopper la curiosit\u00e9 du monde et les comp\u00e9tences cl\u00e9s de demain \u00e0 travers 4 composantes : langues et cultures, engagement communautaire, comp\u00e9tences personnelles et professionnelles, projet de r\u00e9flexion.<\/li>\n                <li>Un projet r\u00e9flexif li\u00e9 aux \u00e9tudes professionnelles (documentation de l'apprentissage)<\/li>\n            <\/ul>\n        <\/div>\n        \n        <p>Ce programme innovant pr\u00e9pare \u00e0 la fois aux \u00e9tudes sup\u00e9rieures et \u00e0 l'insertion professionnelle dans un monde globalis\u00e9, en d\u00e9veloppant des comp\u00e9tences acad\u00e9miques, pratiques et personnelles essentielles.<\/p>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b067482 elementor-widget elementor-widget-html\" data-id=\"b067482\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Styles pour bloc 3 -->\n<style>\n    .highlight-section {\n        background: var(--light-gray);\n    }\n    .comparison-table {\n        width: 100%;\n        margin: 3rem 0;\n        border-collapse: separate;\n        border-spacing: 0;\n        overflow: hidden;\n    }\n    .comparison-table thead {\n        background: #B59138;\n        color: var(--white);\n    }\n    .comparison-table th,\n    .comparison-table td {\n        padding: 1.25rem 1.5rem;\n        text-align: left;\n        border-bottom: 1px solid var(--medium-gray);\n    }\n    .comparison-table tbody tr {\n        transition: background 0.2s ease;\n    }\n    .comparison-table tbody tr:hover {\n        background: var(--light-gray);\n    }\n    .comparison-table th {\n        font-weight: 600;\n        font-size: 1rem;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n<\/style>\n\n<!-- Diff\u00e9rences POP vs DP -->\n<section class=\"section highlight-section\">\n    <div class=\"container\">\n        <h2>Quelle est la diff\u00e9rence entre le POP et le dipl\u00f4me du Baccalaur\u00e9at International ?<\/h2>\n        <p>Le Programme du dipl\u00f4me (DP) et le Programme \u00e0 orientation professionnelle (POP) sont deux parcours distincts de l'IB, adapt\u00e9s \u00e0 des profils et des objectifs diff\u00e9rents. Voici un comparatif d\u00e9taill\u00e9 pour vous aider \u00e0 comprendre leurs sp\u00e9cificit\u00e9s.<\/p>\n\n        <table class=\"comparison-table\">\n            <thead>\n                <tr>\n                    <th>Crit\u00e8re<\/th>\n                    <th>Programme du dipl\u00f4me (DP)<\/th>\n                    <th>Programme \u00e0 orientation professionnelle (POP)<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <tr>\n                    <td><strong>\u00c2ge<\/strong><\/td>\n                    <td>16-19 ans<\/td>\n                    <td>16-19 ans<\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Dur\u00e9e<\/strong><\/td>\n                    <td>2 ans<\/td>\n                    <td>2 ans<\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Cours IB<\/strong><\/td>\n                    <td>6 mati\u00e8res (3 au niveau sup\u00e9rieur, 3 moyen)<\/td>\n                    <td>2 \u00e0 4 mati\u00e8res (niveau sup\u00e9rieur ou moyen)<\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Formation professionnelle<\/strong><\/td>\n                    <td>Non<\/td>\n                    <td>Oui (s\u00e9lection d'une composante \u00e0 orientation professionnelle)<\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Tronc commun IB<\/strong><\/td>\n                    <td>Oui (ToK, CAS, M\u00e9moire)<\/td>\n                    <td>Oui (comp\u00e9tences apprentissage, service, r\u00e9flexion)<\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Projet<\/strong><\/td>\n                    <td>M\u00e9moire de 4000 mots<\/td>\n                    <td>Projet de r\u00e9flexion (probl\u00e9matique \u00e9thique professionnelle)<\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Orientation<\/strong><\/td>\n                    <td>Acad\u00e9mique pur<\/td>\n                    <td>Acad\u00e9mique + professionnelle<\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Reconnaissance universitaire<\/strong><\/td>\n                    <td>Mondiale<\/td>\n                    <td>France + international (90+ pays)<\/td>\n                <\/tr>\n                <tr>\n                    <td><strong>Id\u00e9al pour<\/strong><\/td>\n                    <td>\u00c9l\u00e8ves visant \u00e9tudes longues<\/td>\n                    <td>\u00c9l\u00e8ves combinant passion acad\u00e9mique et professionnelle<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n\n        <p style=\"margin-top: 2rem;\"><strong>En r\u00e9sum\u00e9 :<\/strong> Le POP est id\u00e9al pour les \u00e9l\u00e8ves qui souhaitent combiner excellence acad\u00e9mique IB et d\u00e9veloppement de comp\u00e9tences pratiques, tout en gardant toutes les portes ouvertes pour l'enseignement sup\u00e9rieur.<\/p>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9b2bf2 elementor-widget elementor-widget-html\" data-id=\"e9b2bf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    .features-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 2.5rem;\n        margin-top: 3rem;\n        align-items: start;\n    }\n    .feature-card {\n        padding: 2.5rem;\n        background: var(--navy);\n        border: 2px solid var(--navy);\n        transition: all 0.3s ease;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        color: #ffffff;\n        \/* Ajout de s\u00e9curit\u00e9 : on force l'alignement \u00e0 gauche pour tout le contenu *\/\n        text-align: left; \n    }\n    .feature-icon {\n        font-size: 2.5rem;\n        margin-bottom: 1.5rem;\n        display: block;\n        color: #ffffff;\n        line-height: 1;\n        width: 3rem; \n        height: 3rem;\n    }\n    .feature-icon svg {\n        width: 100%;\n        height: 100%;\n        fill: currentColor;\n    }\n\n    .feature-card h3 {\n        color: #ffffff;\n        margin-bottom: 1rem;\n        line-height: 1.3;\n        min-height: 2.6em;\n        text-align: left;\n    }\n    .feature-card p {\n        font-size: 1rem;\n        color: #ffffff;\n        flex-grow: 1;\n        \/* CORRECTION ICI : Force l'alignement \u00e0 gauche pour \u00e9viter les grands espaces *\/\n        text-align: left; \n    }\n    .feature-card ul {\n        list-style: none;\n        margin-top: 1rem;\n        padding: 0;\n        color: #ffffff;\n        text-align: left;\n    }\n    .feature-card li {\n        padding: 0.5rem 0;\n        position: relative;\n        padding-left: 1.5rem;\n        font-size: 0.95rem;\n    }\n    .feature-card li::before {\n        content: '\u2022';\n        position: absolute;\n        left: 0;\n        color: var(--coral);\n        font-size: 1.5rem;\n        line-height: 1;\n    }\n    .feature-card:hover {\n        background: #B59138;\n        border-color: #B59138;\n        transform: translateY(-8px);\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n    }\n    @media (max-width: 768px) {\n        .features-grid {\n            grid-template-columns: 1fr;\n        }\n        .feature-card h3 {\n            min-height: auto;\n        }\n    }\n<\/style>\n\n<section class=\"section\">\n    <div class=\"container\">\n        <h2>Que travaillent les \u00e9l\u00e8ves en POP ?<\/h2>\n        <p>Le Programme \u00e0 orientation professionnelle offre une structure flexible et \u00e9quilibr\u00e9e qui combine trois composantes essentielles pour pr\u00e9parer les \u00e9l\u00e8ves \u00e0 leur avenir acad\u00e9mique et professionnel.<\/p>\n\n        <div class=\"features-grid\">\n            <div class=\"feature-card\">\n                <span class=\"feature-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n                        <path d=\"M12 2L1 7l11 5 9-4.09V17h2V7.91L12 2zM3.5 12.18V16c0 2.2 3.8 4 8.5 4s8.5-1.8 8.5-4v-3.82l-7.5 3.41-1 .45-1-.45-7.5-3.41z\"\/>\n                    <\/svg>\n                <\/span>\n                <h3>Cours de l'IB<\/h3>\n                <p>2 \u00e0 4 mati\u00e8res IB niveau standard parmi les 6 groupes :<\/p>\n                <ul>\n                    <li>Acquisition de Langues\n                    <ul>\n                        <li>Fran\u00e7ais<\/li>\n                        <li>Anglais<\/li>\n                    <\/ul>\n                    <\/li>\n                    <li>Sciences<\/li>\n                    <li>Math\u00e9matiques<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <span class=\"feature-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n                        <path d=\"M20 6h-4V4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-8-2h4v2h-4V4zm8 14H4V8h16v10z\"\/>\n                    <\/svg>\n                <\/span>\n                <h3>Formation professionnelle<\/h3>\n                <p>Management et Gestion des entreprises (Btec Pearson) :<\/p>\n                <ul>\n                    <li>D\u00e9couvrir l\u2019entreprise<\/li>\n                    <li>Marketing : recherche et campagnes<\/li>\n                    <li>Finance et gestion d\u2019entreprise<\/li>\n                    <li>Commerce international<\/li>\n                    <li>Management RH et prise de d\u00e9cision<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"feature-card\">\n                <span class=\"feature-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n                        <path d=\"M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z\"\/>\n                    <\/svg>\n                <\/span>\n                <h3>Tronc commun + Projet<\/h3>\n                <p>D\u00e9veloppement des comp\u00e9tences transversales :<\/p>\n                <ul>\n                    <li>Etudes des langues<\/li>\n                    <li>Etudes des cultures<\/li>\n                    <li>Engagement aupr\u00e8s de la communaut\u00e9<\/li>\n                    <li>Comp\u00e9tences professionnelles<\/li>\n                    <li>Comp\u00e9tences personnelles<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da5e988 elementor-widget elementor-widget-html\" data-id=\"da5e988\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Styles pour bloc 5 - ajout sp\u00e9cifique -->\n<style>\n    .skills-columns {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 2.5rem;\n        margin-top: 3rem;\n    }\n    .skill-category {\n        background: var(--white);\n        padding: 2.5rem;\n        border-left: 4px solid var(--coral);\n    }\n    .skill-category h3 {\n        margin-bottom: 1.5rem;\n        color: var(--navy);\n    }\n    .skill-category ul {\n        list-style: none;\n        padding: 0;\n    }\n    .skill-category li {\n        padding: 0.75rem 0;\n        font-size: 1.0625rem;\n        color: var(--text-medium);\n        position: relative;\n        padding-left: 1.5rem;\n    }\n    .skill-category li::before {\n        content: '\u2192';\n        position: absolute;\n        left: 0;\n        color: var(--coral);\n        font-weight: 700;\n    }\n    @media (max-width: 768px) {\n        .skills-columns {\n            grid-template-columns: 1fr;\n        }\n    }\n<\/style>\n\n<!-- Comp\u00e9tences d\u00e9velopp\u00e9es -->\n<section class=\"section highlight-section\">\n    <div class=\"container\">\n        <h2>Quelles comp\u00e9tences d\u00e9veloppe le POP ?<\/h2>\n        <p>Le Programme \u00e0 orientation professionnelle forme des \u00e9l\u00e8ves complets, dot\u00e9s de comp\u00e9tences acad\u00e9miques, professionnelles et personnelles qui leur permettent de s'adapter et de r\u00e9ussir dans le monde contemporain.<\/p>\n\n        <div class=\"skills-columns\">\n            <div class=\"skill-category\">\n                <h3>Comp\u00e9tences acad\u00e9miques<\/h3>\n                <ul>\n                    <li>Pens\u00e9e critique et analyse<\/li>\n                    <li>Recherche ind\u00e9pendante<\/li>\n                    <li>Communication \u00e9crite et orale<\/li>\n                    <li>Comp\u00e9tences linguistiques (bilingue)<\/li>\n                    <li>M\u00e9thodologie de travail<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"skill-category\">\n                <h3>Comp\u00e9tences professionnelles<\/h3>\n                <ul>\n                    <li>Leadership et travail d'\u00e9quipe<\/li>\n                    <li>Gestion de projet<\/li>\n                    <li>Communication professionnelle<\/li>\n                    <li>Adaptabilit\u00e9 et flexibilit\u00e9<\/li>\n                    <li>R\u00e9solution de probl\u00e8mes<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"skill-category\">\n                <h3>Comp\u00e9tences personnelles<\/h3>\n                <ul>\n                    <li>Autonomie et organisation<\/li>\n                    <li>Pens\u00e9e \u00e9thique et responsable<\/li>\n                    <li>Ouverture d'esprit internationale<\/li>\n                    <li>R\u00e9silience et confiance<\/li>\n                    <li>Sens du service<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9830406 elementor-widget elementor-widget-html\" data-id=\"9830406\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Styles pour bloc 6 -->\n<style>\n    .timeline {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 2rem;\n        margin: 3rem 0;\n        position: relative;\n    }\n    .timeline::before {\n        content: '';\n        position: absolute;\n        top: 50px;\n        left: 12.5%;\n        right: 12.5%;\n        height: 4px;\n        background: linear-gradient(to right, var(--coral) 0%, var(--gold) 100%);\n        z-index: 0;\n    }\n    .timeline-item {\n        text-align: center;\n        position: relative;\n        z-index: 1;\n    }\n    .timeline-badge {\n        width: 100px;\n        height: 100px;\n        background: var(--navy);\n        color: var(--white);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 1.5rem;\n        font-size: 1.5rem;\n        font-weight: 700;\n        border: 4px solid var(--white);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        transition: all 0.3s ease;\n    }\n    .timeline-item:hover .timeline-badge {\n        background: var(--coral);\n        transform: scale(1.1);\n    }\n    .timeline-title {\n        font-weight: 700;\n        color: var(--navy);\n        margin-bottom: 0.5rem;\n        font-size: 1.125rem;\n    }\n    .timeline-age {\n        font-size: 0.95rem;\n        color: var(--text-medium);\n        margin-bottom: 0.5rem;\n    }\n    .timeline-desc {\n        font-size: 0.9rem;\n        color: var(--text-medium);\n    }\n    @media (max-width: 768px) {\n        .timeline {\n            grid-template-columns: 1fr;\n        }\n        .timeline::before {\n            display: none;\n        }\n    }\n<\/style>\n\n<!-- Continuit\u00e9 IB -->\n<section class=\"section\">\n    <div class=\"container\">\n        <h2>Le continuum complet de l'IB \u00e0 IS33<\/h2>\n        <p>IS33 est l'une des rares \u00e9coles en France \u00e0 proposer l'int\u00e9gralit\u00e9 du continuum IB, du PP au POP. Cette continuit\u00e9 garantit une exp\u00e9rience \u00e9ducative coh\u00e9rente, progressive et internationale, avec un suivi individualis\u00e9 et une vision globale du parcours scolaire.<\/p>\n\n        <div class=\"timeline\">\n            <div class=\"timeline-item\">\n                <div class=\"timeline-badge\">PP<\/div>\n                <div class=\"timeline-title\">Programme primaire<\/div>\n                <div class=\"timeline-age\">3-12 ans<\/div>\n                <div class=\"timeline-desc\">Maternelle et \u00c9l\u00e9mentaire<\/div>\n            <\/div>\n            \n            <div class=\"timeline-item\">\n                <div class=\"timeline-badge\">PEI<\/div>\n                <div class=\"timeline-title\">Programme d'\u00e9ducation interm\u00e9diaire<\/div>\n                <div class=\"timeline-age\">11-16 ans<\/div>\n                <div class=\"timeline-desc\">Coll\u00e8ge et Seconde<\/div>\n            <\/div>\n            \n            <div class=\"timeline-item\">\n                <div class=\"timeline-badge\">DP<\/div>\n                <div class=\"timeline-title\">Programme du dipl\u00f4me<\/div>\n                <div class=\"timeline-age\">16-19 ans<\/div>\n                <div class=\"timeline-desc\">Pr\u00e9paration acad\u00e9mique<\/div>\n            <\/div>\n            \n            <div class=\"timeline-item\">\n                <div class=\"timeline-badge\">POP<\/div>\n                <div class=\"timeline-title\">Programme \u00e0 orientation pro<\/div>\n                <div class=\"timeline-age\">16-19 ans<\/div>\n                <div class=\"timeline-desc\">Acad\u00e9mique + Pro<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"highlight-box\" style=\"margin-top: 3rem;\">\n            <h3>Cette continuit\u00e9 offre :<\/h3>\n            <ul class=\"styled-list\">\n                <li>Une exp\u00e9rience \u00e9ducative coh\u00e9rente et progressive de la maternelle au lyc\u00e9e<\/li>\n                <li>Des transitions fluides entre chaque programme sans rupture p\u00e9dagogique<\/li>\n                <li>Un suivi individualis\u00e9 sur le long terme avec une connaissance approfondie de chaque \u00e9l\u00e8ve<\/li>\n                <li>Une vision internationale constante tout au long de la scolarit\u00e9<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50f2f1e elementor-widget elementor-widget-html\" data-id=\"50f2f1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Styles pour bloc 7 -->\n<style>\n    .why-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2.5rem;\n        margin-top: 3rem;\n    }\n    .why-card {\n        padding: 3rem;\n        background: var(--navy);\n        color: #ffffff;\n        transition: all 0.3s ease;\n        display: flex;\n        flex-direction: column;\n    }\n    .why-icon {\n        font-size: 3rem;\n        margin-bottom: 1.5rem;\n        color: var(--coral);\n    }\n    .why-card h3 {\n        color: #ffffff;\n        margin-bottom: 1rem;\n        font-size: 1.75rem;\n    }\n    .why-card p {\n        color: rgba(255, 255, 255, 0.9);\n        font-size: 1.0625rem;\n        margin: 0;\n    }\n    .why-card ul {\n        list-style: none;\n        padding: 0;\n        margin-top: 1rem;\n    }\n    .why-card li {\n        padding: 0.5rem 0;\n        position: relative;\n        padding-left: 1.5rem;\n        color: rgba(255, 255, 255, 0.9);\n    }\n    .why-card li::before {\n        content: '\u2713';\n        position: absolute;\n        left: 0;\n        color: var(--coral);\n        font-weight: 700;\n    }\n    .why-card:hover {\n        background: var(--gold);\n        transform: translateY(-8px);\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n    }\n    @media (max-width: 768px) {\n        .why-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n<\/style>\n\n<!-- Pourquoi IS33 -->\n<section class=\"section highlight-section\">\n    <div class=\"container\">\n        <h2>Pourquoi choisir IS33 pour le POP ?<\/h2>\n        <p>IS33 offre un environnement unique qui combine excellence acad\u00e9mique internationale, bilinguisme authentique et pr\u00e9paration professionnelle concr\u00e8te, dans le cadre stimulant de Bordeaux.<\/p>\n\n        <div class=\"why-grid\">\n            <div class=\"why-card\">\n                <div class=\"why-icon\">\ud83c\udf0d<\/div>\n                <h3>Environnement international<\/h3>\n                <ul>\n                    <li>Bilinguisme 50\/50 fran\u00e7ais-anglais<\/li>\n                    <li>Communaut\u00e9 multiculturelle<\/li>\n                    <li>Ouverture sur le monde<\/li>\n                    <li>Diversit\u00e9 des perspectives<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"why-card\">\n                <div class=\"why-icon\">\ud83d\udccd<\/div>\n                <h3>R\u00e9gion de Bordeaux <\/h3>\n                <ul>\n                    <li>Opportunit\u00e9s acad\u00e9miques et professionnelles<\/li>\n                    <li>R\u00e9seau d'entreprises partenaires<\/li>\n                    <li>Qualit\u00e9 de vie exceptionnelle<\/li>\n                    <li>Rayonnement international<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"why-card\">\n                <div class=\"why-icon\">\ud83c\udfaf<\/div>\n                <h3>Parcours personnalis\u00e9<\/h3>\n                <ul>\n                    <li>Programme adapt\u00e9 \u00e0 vos ambitions<\/li>\n                    <li>Projets selon vos int\u00e9r\u00eats<\/li>\n                    <li>Partenaires locaux et internationaux<\/li>\n                    <li>Suivi individualis\u00e9<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"why-card\">\n                <div class=\"why-icon\">\ud83c\udfc6<\/div>\n                <h3>Excellence reconnue<\/h3>\n                <ul>\n                    <li>\u00c9cole du monde de l'IB (PP, PEI, DP)<\/li>\n                    <li>En cours d'autorisation POP*<\/li>\n                    <li>\u00c9quipe enseignante certifi\u00e9e IB<\/li>\n                    <li>Exp\u00e9rience de 15+ ans<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efd415d elementor-widget elementor-widget-html\" data-id=\"efd415d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- D\u00e9bouch\u00e9s -->\n<section class=\"section\">\n    <div class=\"container\">\n        <h2>Un tremplin vers les \u00e9tudes sup\u00e9rieures et le monde professionnel<\/h2>\n        <p>Le POP d'IS33 pr\u00e9pare les \u00e9l\u00e8ves \u00e0 poursuivre des \u00e9tudes sup\u00e9rieures dans les meilleures universit\u00e9s internationales tout en d\u00e9veloppant des comp\u00e9tences professionnelles concr\u00e8tes. Le programme constitue un v\u00e9ritable pont entre l'\u00e9cole et le monde professionnel.<\/p>\n        \n        <div class=\"content-grid\" style=\"margin-top: 3rem;\">\n            <div class=\"highlight-box\">\n                <h3>\ud83c\udf93 \u00c9tudes sup\u00e9rieures<\/h3>\n                <ul class=\"styled-list\">\n                    <li>Universit\u00e9s fran\u00e7aises (toutes fili\u00e8res)<\/li>\n                    <li>Universit\u00e9s internationales (90+ pays)<\/li>\n                    <li>Grandes \u00e9coles de commerce et d'ing\u00e9nieurs<\/li>\n                    <li>BTS, DUT et Licences professionnelles<\/li>\n                    <li>\u00c9coles sp\u00e9cialis\u00e9es selon le domaine<\/li>\n                <\/ul>\n                \n                <h3 style=\"margin-top: 2rem;\">\ud83d\udcbc Monde professionnel<\/h3>\n                <ul class=\"styled-list\">\n                    <li>Comp\u00e9tences recherch\u00e9es par les employeurs<\/li>\n                    <li>Exp\u00e9rience pratique valoris\u00e9e<\/li>\n                    <li>R\u00e9seau professionnel constitu\u00e9<\/li>\n                    <li>Confiance et maturit\u00e9 professionnelle<\/li>\n                    <li>Vision internationale du travail<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div>\n                <img decoding=\"async\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-POP-etudiante-evaluation.jpg\" alt=\"\u00c9tudiante POP en \u00e9valuation\" class=\"content-image\" loading=\"lazy\">\n                <p style=\"margin-top: 2rem; text-align: center; font-size: 1rem; color: var(--text-medium);\">Le POP d\u00e9veloppe \u00e0 la fois les comp\u00e9tences acad\u00e9miques, personnelles et professionnelles pour une insertion r\u00e9ussie dans l'enseignement sup\u00e9rieur et le monde du travail.<\/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-e7f0799 elementor-widget elementor-widget-html\" data-id=\"e7f0799\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    .faq-section {\n        background: var(--light-gray);\n    }\n    .faq-accordion {\n        max-width: 900px;\n        margin: 3rem auto 0;\n    }\n    .faq-item {\n        background: var(--white);\n        margin-bottom: 1rem;\n        overflow: hidden;\n    }\n    .faq-question {\n        width: 100%;\n        padding: 1.75rem 2rem;\n        background: var(--white);\n        border: 2px solid var(--medium-gray);\n        text-align: left;\n        font-size: 1.125rem;\n        font-weight: 600;\n        color: var(--navy);\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        font-family: 'Elms Sans', sans-serif;\n    }\n    .faq-question:hover {\n        background: var(--light-gray);\n        border-color: #FF7566;\n        color: #FF7566;\n    }\n    .faq-question::after {\n        content: '+';\n        font-size: 1.75rem;\n        color: #FF7566;\n        transition: transform 0.3s ease, color 0.3s ease;\n    }\n    .faq-question.active,\n    .faq-question.active:hover,\n    .faq-question.active:focus,\n    .faq-question.active:focus-visible {\n        background: #FF7566 !important;\n        border-color: #FF7566 !important;\n        color: #ffffff !important;\n    }\n    .faq-question.active::after {\n        transform: rotate(45deg);\n        color: #ffffff !important;\n    }\n    .faq-answer {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s ease, padding 0.4s ease;\n        padding: 0 2rem;\n    }\n    .faq-answer.active {\n        max-height: 800px;\n        padding: 1.5rem 2rem 2rem;\n    }\n    .faq-answer p {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        margin-bottom: 1rem;\n    }\n<\/style>\n\n<section class=\"section faq-section\">\n    <div class=\"container\">\n        <h2 style=\"text-align: center;\">Questions fr\u00e9quentes sur le Programme \u00e0 orientation professionnelle<\/h2>\n\n        <div class=\"faq-accordion\">\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">Quelle est la diff\u00e9rence entre le POP et le dipl\u00f4me du Baccalaur\u00e9at International ?<\/button>\n                <div class=\"faq-answer\">\n                    <p>Le Programme du dipl\u00f4me (DP) de l'IB est purement acad\u00e9mique, avec 6 mati\u00e8res dont 3 de niveau sup\u00e9rieur. Le Programme \u00e0 orientation professionnelle (POP) combine 2 \u00e0 4 cours IB de niveau standard avec 2 \u00e0 4 cours de formation professionnelle adapt\u00e9s aux int\u00e9r\u00eats de l'\u00e9l\u00e8ve.<\/p>\n                    <p>Les deux programmes partagent le tronc commun de l'IB (comp\u00e9tences d'apprentissage, service, r\u00e9flexion \u00e9thique), mais le POP remplace le m\u00e9moire acad\u00e9mique de 4000 mots par un projet r\u00e9flexif li\u00e9 aux \u00e9tudes professionnelles.<\/p>\n                    <p>Le POP est id\u00e9al pour les \u00e9l\u00e8ves qui souhaitent combiner excellence acad\u00e9mique et d\u00e9veloppement de comp\u00e9tences pratiques, tout en gardant toutes les portes ouvertes pour l'enseignement sup\u00e9rieur.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">\u00c0 qui s'adresse le POP ?<\/button>\n                <div class=\"faq-answer\">\n                    <p>Le POP s'adresse aux \u00e9l\u00e8ves de 16 \u00e0 19 ans qui :<\/p>\n                    <p>\u2022 Souhaitent un \u00e9quilibre entre formation acad\u00e9mique et professionnelle<br>\n                    \u2022 Ont des int\u00e9r\u00eats professionnels d\u00e9j\u00e0 identifi\u00e9s (commerce, arts, sciences appliqu\u00e9es, technologies, sant\u00e9...)<br>\n                    \u2022 Veulent d\u00e9velopper des comp\u00e9tences concr\u00e8tes tout en poursuivant des \u00e9tudes<br>\n                    \u2022 Cherchent un parcours plus flexible et personnalis\u00e9 que le dipl\u00f4me classique<br>\n                    \u2022 Envisagent des \u00e9tudes sup\u00e9rieures mais souhaitent aussi une pr\u00e9paration professionnelle<\/p>\n                    <p>Le programme convient particuli\u00e8rement aux \u00e9l\u00e8ves motiv\u00e9s, autonomes, qui savent ce qu'ils veulent faire mais souhaitent garder plusieurs options ouvertes pour leur avenir.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">Le POP est-il reconnu pour l'universit\u00e9 en France et \u00e0 l'international ?<\/button>\n                <div class=\"faq-answer\">\n                    <p>Oui. Le POP de l'IB est reconnu par l'enseignement sup\u00e9rieur fran\u00e7ais et international. En France, les dipl\u00f4m\u00e9s du POP peuvent acc\u00e9der \u00e0 :<\/p>\n                    <p>\u2022 Universit\u00e9s (licences dans toutes les fili\u00e8res)<br>\n                    \u2022 BTS et DUT<br>\n                    \u2022 Licences professionnelles<br>\n                    \u2022 \u00c9coles sp\u00e9cialis\u00e9es<br>\n                    \u2022 Classes pr\u00e9paratoires (selon profil)<\/p>\n                    <p>\u00c0 l'international, le POP est reconnu dans plus de 90 pays. Les universit\u00e9s anglophones, notamment aux \u00c9tats-Unis, au Canada, au Royaume-Uni et en Australie, acceptent le POP comme qualification d'entr\u00e9e.<\/p>\n                    <p>Le dipl\u00f4me combine la rigueur acad\u00e9mique IB (reconnue mondialement) avec une formation professionnelle, ce qui renforce consid\u00e9rablement le dossier de l'\u00e9l\u00e8ve pour l'admission dans l'enseignement sup\u00e9rieur.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">Quel est le r\u00f4le du bilinguisme dans le POP \u00e0 IS33 ?<\/button>\n                <div class=\"faq-answer\">\n                    <p>\u00c0 IS33, le POP est propos\u00e9 en format bilingue 50\/50 fran\u00e7ais-anglais, ce qui signifie que :<\/p>\n                    <p>\u2022 Les cours IB peuvent \u00eatre suivis en fran\u00e7ais OU en anglais selon la mati\u00e8re<br>\n                    \u2022 Les cours de formation professionnelle int\u00e8grent les deux langues<br>\n                    \u2022 Le tronc commun et le projet r\u00e9flexif se font dans les deux langues<\/p>\n                    <p>Ce bilinguisme offre plusieurs avantages :<\/p>\n                    <p>1. Comp\u00e9tences linguistiques renforc\u00e9es (essentiel dans le monde professionnel)<br>\n                    2. Ouverture culturelle et internationale<br>\n                    3. Acc\u00e8s facilit\u00e9 aux universit\u00e9s francophones ET anglophones<br>\n                    4. Avantage comp\u00e9titif majeur sur le march\u00e9 du travail international<\/p>\n                    <p>Les \u00e9l\u00e8ves d\u00e9veloppent ainsi une v\u00e9ritable aisance professionnelle dans les deux langues, atout majeur pour leur carri\u00e8re future.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">IS33 propose-t-elle tout le continuum IB ?<\/button>\n                <div class=\"faq-answer\">\n                    <p>Oui. IS33 est l'une des rares \u00e9coles en France \u00e0 proposer l'int\u00e9gralit\u00e9 du continuum IB :<\/p>\n                    <p>\u2022 PP (Programme primaire) : maternelle et \u00e9l\u00e9mentaire (3-12 ans)<br>\n                    \u2022 PEI (Programme d'\u00e9ducation interm\u00e9diaire) : coll\u00e8ge (11-16 ans)<br>\n                    \u2022 Programme du dipl\u00f4me : lyc\u00e9e fili\u00e8re g\u00e9n\u00e9rale (16-19 ans)<br>\n                    \u2022 POP (Programme \u00e0 orientation professionnelle) : lyc\u00e9e fili\u00e8re professionnelle (16-19 ans)*<\/p>\n                    <p>*IS33 est actuellement \u00e9cole candidate pour le POP<\/p>\n                    <p>Cette continuit\u00e9 offre :<br>\n                    \u2713 Une coh\u00e9rence p\u00e9dagogique de la maternelle au lyc\u00e9e<br>\n                    \u2713 Des transitions fluides entre chaque programme<br>\n                    \u2713 Un suivi individualis\u00e9 sur le long terme<br>\n                    \u2713 Une vision internationale constante<\/p>\n                    <p>Les \u00e9l\u00e8ves qui entrent \u00e0 IS33 en maternelle peuvent ainsi suivre l'ensemble du parcours IB jusqu'au dipl\u00f4me (IBDP) ou POP, sans changer d'\u00e9tablissement.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <button class=\"faq-question\">Quand IS33 pourra-t-elle proposer officiellement le POP ?<\/button>\n                <div class=\"faq-answer\">\n                    <p>IS33 est actuellement \u00e9tablissement candidat pour le POP. Le processus d'autorisation de l'IB comporte plusieurs \u00e9tapes :<\/p>\n                    <p>1. D\u00e9p\u00f4t de candidature (\u2713 fait)<br>\n                    2. Audit et visite d'\u00e9valuation par l'IB<br>\n                    3. Mise en conformit\u00e9 selon recommandations<br>\n                    4. Autorisation finale<\/p>\n                    <p>Le statut de candidat ne garantit pas l'autorisation, mais refl\u00e8te l'engagement d'IS33 \u00e0 respecter les standards et la philosophie de l'IB.<\/p>\n                    <p>L'\u00e9cole met tout en \u0153uvre pour obtenir l'autorisation dans les meilleurs d\u00e9lais. Les familles int\u00e9ress\u00e9es peuvent d\u00e8s maintenant contacter l'\u00e9cole pour conna\u00eetre l'avancement du processus et les pr\u00e9visions de d\u00e9marrage.<\/p>\n                    <p>Pour plus d'informations sur l'IB : <a href=\"http:\/\/www.ibo.org\/fr\/\" target=\"_blank\" style=\"color: var(--coral);\" rel=\"noopener\">http:\/\/www.ibo.org\/fr\/<\/a><\/p>\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-1f44e23 elementor-widget elementor-widget-html\" data-id=\"1f44e23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Disclaimer -->\n<section class=\"section\">\n    <div class=\"container\">\n        <div style=\"background: var(--light-gray); padding: 2.5rem; border-left: 4px solid var(--gold); font-size: 0.95rem; line-height: 1.7; color: var(--text-medium);\">\n            <p style=\"margin-bottom: 1rem;\"><strong>*IS33 est un \u00e9tablissement scolaire candidat en vue de proposer le Programme \u00e0 orientation professionnelle.<\/strong> Cet \u00e9tablissement souhaite devenir une \u00e9cole du monde de l'IB. Les \u00e9coles du monde de l'IB partagent une m\u00eame philosophie : un engagement envers une \u00e9ducation internationale stimulante et de grande qualit\u00e9.<\/p>\n            \n            <p style=\"margin-bottom: 1rem;\">Seuls les \u00e9tablissements autoris\u00e9s par l'Organisation de l'IB peuvent proposer l'un de ses quatre programmes scolaires : le Programme primaire (PP), le Programme d'\u00e9ducation interm\u00e9diaire (PEI), le Programme du dipl\u00f4me ou le Programme \u00e0 orientation professionnelle (POP). Le statut de candidat ne garantit pas que cette autorisation soit accord\u00e9e.<\/p>\n            \n            <p style=\"margin: 0;\">Pour en savoir plus sur l'IB et ses programmes : <a href=\"http:\/\/www.ibo.org\/fr\/\" target=\"_blank\" style=\"color: var(--coral); font-weight: 600;\" rel=\"noopener\">http:\/\/www.ibo.org\/fr\/<\/a><\/p>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cc5e77 elementor-widget elementor-widget-html\" data-id=\"1cc5e77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Styles pour bloc 11 CTA -->\n<style>\n    .cta-section {\n        background: linear-gradient(135deg, var(--navy) 0%, #0a3a7a 100%);\n        padding: 5rem 0;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n    .cta-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: url('https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-POP-etudiante-qui-travaille.jpg') center\/cover;\n        opacity: 0.08;\n    }\n    .cta-section .container {\n        position: relative;\n        z-index: 1;\n    }\n    .cta-section h2 {\n        color: var(--white);\n        margin-bottom: 1.5rem;\n        font-size: 2.75rem;\n    }\n    .cta-section p {\n        color: rgba(255, 255, 255, 0.9);\n        font-size: 1.25rem;\n        max-width: 700px;\n        margin: 0 auto 2.5rem;\n    }\n    .btn {\n        display: inline-block;\n        padding: 1rem 3rem;\n        font-size: 1.125rem;\n        font-weight: 600;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        cursor: pointer;\n        border: none;\n        font-family: 'Elms Sans', sans-serif;\n        border-radius: 100px;\n    }\n    .btn-primary {\n        background: var(--coral);\n        color: var(--white) !important;\n        border: 2px solid var(--coral);\n    }\n    .btn-primary:hover {\n        background: var(--gold);\n        border-color: var(--gold);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 30px rgba(255, 117, 102, 0.4);\n    }\n    .btn-secondary {\n        background: transparent;\n        color: var(--white);\n        border: 2px solid var(--white);\n        margin-left: 1rem;\n    }\n    .btn-secondary:hover {\n        background: var(--white);\n        color: var(--navy);\n    }\n    @media (max-width: 768px) {\n        .btn-secondary {\n            margin-left: 0;\n            margin-top: 1rem;\n            display: block;\n        }\n    }\n<\/style>\n\n<!-- CTA -->\n<section class=\"cta-section\">\n    <div class=\"container\">\n        <h2>Pr\u00eat \u00e0 d\u00e9couvrir le POP \u00e0 IS33 ?<\/h2>\n        <p>Le Programme \u00e0 orientation professionnelle offre un parcours unique combinant excellence acad\u00e9mique IB et pr\u00e9paration concr\u00e8te au monde professionnel. D\u00e9couvrez comment ce programme peut ouvrir les portes d'un avenir exceptionnel pour votre enfant.<\/p>\n        <a href=\"https:\/\/international-school33.com\/contact\/\" class=\"btn btn-primary\">R\u00e9server une visite<\/a>\n        <a href=\"https:\/\/international-school33.com\/admission\/\" class=\"btn btn-secondary\">Processus d'admission<\/a>\n    <\/div>\n<\/section>\n\n<!-- JavaScript pour FAQ et animations -->\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const faqQuestions = document.querySelectorAll('.faq-question');\n        \n        faqQuestions.forEach(question => {\n            question.addEventListener('click', function() {\n                const answer = this.nextElementSibling;\n                const isActive = this.classList.contains('active');\n                \n                \/\/ Close all answers\n                document.querySelectorAll('.faq-question').forEach(q => {\n                    q.classList.remove('active');\n                });\n                document.querySelectorAll('.faq-answer').forEach(a => {\n                    a.classList.remove('active');\n                });\n                \n                \/\/ Open clicked answer if it wasn't active\n                if (!isActive) {\n                    this.classList.add('active');\n                    answer.classList.add('active');\n                }\n            });\n        });\n\n        \/\/ Intersection Observer for fade-in animations\n        const sections = document.querySelectorAll('.section');\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -100px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.animationDelay = '0.2s';\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, observerOptions);\n\n        sections.forEach(section => {\n            observer.observe(section);\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\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>Programme \u00e0 orientation professionnelle (POP) \u00e0 l&rsquo;International School 33 \u00c9cole du monde de l&rsquo;IB (candidat*) Programme \u00e0 orientation professionnelle (POP)\u00e0 l&rsquo;International School 33 de Gradignan Cette ann\u00e9e, International School 33 est candidate pour d\u00e9velopper le programme POP, avec une mise en place souhait\u00e9e en septembre 2026, sous r\u00e9serve de l\u2019autorisation de l\u2019IB. Le POP combine [&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-1335","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1335","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=1335"}],"version-history":[{"count":79,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1335\/revisions"}],"predecessor-version":[{"id":3385,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1335\/revisions\/3385"}],"wp:attachment":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/media?parent=1335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}