{"id":1137,"date":"2025-11-20T13:16:18","date_gmt":"2025-11-20T13:16:18","guid":{"rendered":"https:\/\/international-school33.com\/?page_id=1137"},"modified":"2026-03-31T17:17:31","modified_gmt":"2026-03-31T17:17:31","slug":"lycee","status":"publish","type":"page","link":"https:\/\/international-school33.com\/en\/lycee\/","title":{"rendered":"High School"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1137\" class=\"elementor elementor-1137\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90768f4 e-flex e-con-boxed e-con e-parent\" data-id=\"90768f4\" 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-8d7cf03 elementor-widget elementor-widget-html\" data-id=\"8d7cf03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BLOC 1: HERO SECTION LYC\u00c9E + SCHEMA -->\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.is33-hero-lycee {\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-lycee {\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-lycee {\n    animation: fadeInUpLycee 0.8s ease-out;\n}\n\n.age-badge-lycee {\n    display: inline-block;\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 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(244, 93, 72, 0.3);\n}\n\n.hero-title-lycee {\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-lycee .highlight {\n    color: #F45D48;\n    position: relative;\n    display: inline-block;\n}\n\n.hero-subtitle-lycee {\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-lycee {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.feature-item-lycee {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 16px;\n    color: #05244F;\n}\n\n.feature-icon-lycee {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.feature-icon-lycee::before {\n    content: \"\u2713\";\n    color: white;\n    font-weight: 700;\n    font-size: 14px;\n}\n\n.hero-image-lycee {\n    position: relative;\n    animation: fadeInRightLycee 1s ease-out;\n}\n\n.hero-image-wrapper-lycee {\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-lycee::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(135deg, rgba(244, 93, 72, 0.1) 0%, rgba(181, 145, 56, 0.1) 100%);\n    z-index: 1;\n    pointer-events: none;\n}\n\n.hero-image-lycee img {\n    width: 100%;\n    height: 600px;\n    object-fit: cover;\n    display: block;\n}\n\n.floating-card-lycee {\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: floatLycee 3s ease-in-out infinite;\n    z-index: 2;\n}\n\n.card-1-lycee {\n    top: 40px;\n    right: -20px;\n    animation-delay: 0s;\n}\n\n.card-2-lycee {\n    bottom: 60px;\n    left: -20px;\n    animation-delay: 1.5s;\n}\n\n.card-label-lycee {\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-lycee {\n    font-size: 24px;\n    font-weight: 700;\n    color: #05244F;\n}\n\n\/* Animations *\/\n@keyframes fadeInUpLycee {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes fadeInRightLycee {\n    from {\n        opacity: 0;\n        transform: translateX(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes floatLycee {\n    0%, 100% {\n        transform: translateY(0px);\n    }\n    50% {\n        transform: translateY(-15px);\n    }\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n    .hero-container-lycee {\n        grid-template-columns: 1fr;\n        padding: 60px 24px;\n        gap: 40px;\n    }\n    \n    .hero-title-lycee {\n        font-size: 38px;\n    }\n    \n    .hero-subtitle-lycee {\n        font-size: 18px;\n    }\n    \n    .hero-image-lycee img {\n        height: 400px;\n    }\n    \n    .floating-card-lycee {\n        display: none;\n    }\n}\n<\/style>\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 - Lyc\u00e9e International Bordeaux\",\n    \"description\": \"Lyc\u00e9e international \u00e0 Bordeaux proposant le Programme du dipl\u00f4me du Baccalaur\u00e9at International (IB). Excellence scolaire et confiance en soi. Seul lyc\u00e9e de Nouvelle-Aquitaine offrant le dipl\u00f4me IB complet avec classes \u00e0 effectifs r\u00e9duits de 15-20 \u00e9l\u00e8ves maximum.\",\n    \"url\": \"https:\/\/international-school33.com\/lycee\",\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    \"educationalProgramMode\": \"Full-time\",\n    \"audience\": {\n        \"@type\": \"EducationalAudience\",\n        \"educationalRole\": \"student\",\n        \"audienceType\": \"Lyc\u00e9ens 15 \u00e0 18 ans\"\n    },\n    \"knowsAbout\": [\n        \"Baccalaur\u00e9at International\",\n        \"Programme du dipl\u00f4me IB\",\n        \"IB Diploma Programme\",\n        \"Lyc\u00e9e international\",\n        \"\u00c9ducation bilingue\",\n        \"Grandes \u00e9coles\",\n        \"Universit\u00e9s internationales\",\n        \"Programme d'Orientation Professionnelle POP\"\n    ],\n    \"hasOfferCatalog\": {\n        \"@type\": \"OfferCatalog\",\n        \"name\": \"Programme Lyc\u00e9e\",\n        \"itemListElement\": [\n            {\n                \"@type\": \"Course\",\n                \"name\": \"Programme du dipl\u00f4me du Baccalaur\u00e9at International (IB)\",\n                \"description\": \"Programme IB complet pour lyc\u00e9ens de 15 \u00e0 18 ans, incluant le tronc commun (Th\u00e9orie de la Connaissance, M\u00e9moire, CAS) et 6 groupes de mati\u00e8res. Classes de 15-20 \u00e9l\u00e8ves maximum. Pr\u00e9paration aux grandes \u00e9coles fran\u00e7aises et universit\u00e9s internationales.\",\n                \"provider\": {\n                    \"@type\": \"EducationalOrganization\",\n                    \"name\": \"International School 33\"\n                },\n                \"educationalLevel\": \"Lyc\u00e9e\",\n                \"timeToComplete\": \"P3Y\",\n                \"hasCourseInstance\": [\n                    {\n                        \"@type\": \"CourseInstance\",\n                        \"courseMode\": \"Full-time\",\n                        \"courseWorkload\": \"PT35H\"\n                    }\n                ]\n            },\n            {\n                \"@type\": \"Course\",\n                \"name\": \"Programme d'\u00e9ducation interm\u00e9diaire (PEI) - Seconde\",\n                \"description\": \"Programme PEI du Baccalaur\u00e9at International pour la classe de seconde, avec \u00e9valuation de fin de PEI reconnue internationalement.\",\n                \"provider\": {\n                    \"@type\": \"EducationalOrganization\",\n                    \"name\": \"International School 33\"\n                },\n                \"educationalLevel\": \"Seconde\",\n                \"timeToComplete\": \"P1Y\"\n            },\n            {\n                \"@type\": \"Course\",\n                \"name\": \"Programme d'Orientation Professionnelle (POP)\",\n                \"description\": \"Programme IB Career-related Programme disponible d\u00e8s septembre 2026 combinant excellence acad\u00e9mique et pr\u00e9paration professionnelle.\",\n                \"provider\": {\n                    \"@type\": \"EducationalOrganization\",\n                    \"name\": \"International School 33\"\n                },\n                \"educationalLevel\": \"Lyc\u00e9e\",\n                \"startDate\": \"2026-09-01\"\n            }\n        ]\n    },\n    \"aggregateRating\": {\n        \"@type\": \"AggregateRating\",\n        \"ratingValue\": \"4.8\",\n        \"reviewCount\": \"47\"\n    }\n}\n<\/script>\n\n<!-- HTML Structure -->\n<section class=\"is33-hero-lycee\" id=\"lycee-hero\">\n    <div class=\"hero-container-lycee\">\n        <div class=\"hero-content-lycee\">\n            <span class=\"age-badge-lycee\">15 \u00e0 18 ans<\/span>\n            <h1 class=\"hero-title-lycee\">\n                Lyc\u00e9e International <span class=\"highlight\">de Bordeaux<\/span>\n            <\/h1>\n            <p class=\"hero-subtitle-lycee\">\n                Excellence scolaire et confiance en soi. Des enseignements passionnants au sein du seul lyc\u00e9e de Nouvelle-Aquitaine proposant le Programme du dipl\u00f4me du Baccalaur\u00e9at International (IB).\n            <\/p>\n            <div class=\"hero-features-lycee\">\n                <div class=\"feature-item-lycee\">\n                    <span class=\"feature-icon-lycee\"><\/span>\n                    <span><strong>Dipl\u00f4me IB complet<\/strong> \u2013 Reconnu par toutes les universit\u00e9s mondiales<\/span>\n                <\/div>\n                <div class=\"feature-item-lycee\">\n                    <span class=\"feature-icon-lycee\"><\/span>\n                    <span><strong>100% d'admission<\/strong> \u2013 Tous nos dipl\u00f4m\u00e9s obtiennent leur premier choix<\/span>\n                <\/div>\n                <div class=\"feature-item-lycee\">\n                    <span class=\"feature-icon-lycee\"><\/span>\n                    <span><strong>Classes de 15-20 \u00e9l\u00e8ves maximum<\/strong> \u2013 Suivi personnalis\u00e9 et excellence<\/span>\n                <\/div>\n                <div class=\"feature-item-lycee\">\n                    <span class=\"feature-icon-lycee\"><\/span>\n                    <span><strong>Dipl\u00f4me bilingue<\/strong> \u2013 En fran\u00e7ais, en anglais ou dans les deux langues<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"hero-image-lycee\">\n            <div class=\"hero-image-wrapper-lycee\">\n                <img decoding=\"async\" \n                    src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-lycee-hero-scaled.jpg\" \n                    alt=\"Lyc\u00e9ens de l'International School 33 Bordeaux en classe de Baccalaur\u00e9at International\"\n                    loading=\"eager\"\n                \/>\n            <\/div>\n            <div class=\"floating-card-lycee card-1-lycee\">\n                <div class=\"card-label-lycee\">Effectif classe<\/div>\n                <div class=\"card-value-lycee\">15-20 \u00e9l\u00e8ves<\/div>\n            <\/div>\n            <div class=\"floating-card-lycee card-2-lycee\">\n                <div class=\"card-label-lycee\">Taux d'admission<\/div>\n                <div class=\"card-value-lycee\">100%<\/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-c36e092 elementor-widget elementor-widget-html\" data-id=\"c36e092\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BLOC 2: POURQUOI LE BACCALAUR\u00c9AT INTERNATIONAL -->\n\n<style>\n.is33-why-ib {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);\n    padding: 50px 40px;\n    position: relative;\n}\n\n.why-ib-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.why-ib-header {\n    text-align: center;\n    margin-bottom: 80px;\n    animation: fadeInUpWhy 0.8s ease-out;\n}\n\n.why-ib-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    color: white;\n    padding: 8px 20px;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 24px;\n    letter-spacing: 0.5px;\n}\n\n.why-ib-badge .badge-icon {\n    width: 18px;\n    height: 18px;\n    color: white;\n}\n\n.why-ib-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.why-ib-title .highlight {\n    color: #F45D48;\n}\n\n.why-ib-intro {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.7;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n.why-ib-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n    margin-bottom: 60px;\n    align-items: start;\n}\n\n.ib-advantage-card {\n    background: white;\n    padding: 40px 32px;\n    border-radius: 0;\n    box-shadow: 0 8px 24px rgba(5, 36, 79, 0.08);\n    transition: all 0.3s ease;\n    animation: fadeInUpWhy 0.8s ease-out backwards;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n.ib-advantage-card:nth-child(1) {\n    animation-delay: 0.1s;\n}\n\n.ib-advantage-card:nth-child(2) {\n    animation-delay: 0.2s;\n}\n\n.ib-advantage-card:nth-child(3) {\n    animation-delay: 0.3s;\n}\n\n.ib-advantage-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(90deg, #F45D48 0%, #B59138 100%);\n}\n\n.ib-advantage-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 16px 40px rgba(5, 36, 79, 0.15);\n}\n\n.card-icon-why {\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 24px;\n}\n\n.card-icon-why svg {\n    width: 32px;\n    height: 32px;\n}\n\n.card-icon-why.france {\n    background: linear-gradient(135deg, rgba(5, 36, 79, 0.1) 0%, rgba(5, 36, 79, 0.05) 100%);\n}\n\n.card-icon-why.france svg {\n    color: #05244F;\n}\n\n.card-icon-why.international {\n    background: linear-gradient(135deg, rgba(244, 93, 72, 0.1) 0%, rgba(244, 93, 72, 0.05) 100%);\n}\n\n.card-icon-why.international svg {\n    color: #F45D48;\n}\n\n.card-icon-why.profile {\n    background: linear-gradient(135deg, rgba(181, 145, 56, 0.1) 0%, rgba(181, 145, 56, 0.05) 100%);\n}\n\n.card-icon-why.profile svg {\n    color: #B59138;\n}\n\n\/* Flag emoji styling *\/\n.card-icon-why.france-flag {\n    font-size: 32px;\n    background: linear-gradient(135deg, rgba(5, 36, 79, 0.1) 0%, rgba(5, 36, 79, 0.05) 100%);\n}\n\n.card-title-why {\n    font-size: 22px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 16px;\n    line-height: 1.3;\n    min-height: 90px;\n}\n\n.card-text-why {\n    font-size: 16px;\n    line-height: 1.7;\n    color: #05244F;\n    opacity: 0.85;\n    margin-bottom: 20px;\n    min-height: 120px;\n}\n\n.card-list-why {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.card-list-why li {\n    font-size: 15px;\n    color: #05244F;\n    padding: 8px 0;\n    padding-left: 28px;\n    position: relative;\n    line-height: 1.5;\n}\n\n.card-list-why li::before {\n    content: \"\u2713\";\n    position: absolute;\n    left: 0;\n    color: #B59138;\n    font-weight: 700;\n    font-size: 16px;\n}\n\n.us-credit-banner {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    padding: 48px 60px;\n    border-radius: 0;\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    animation: fadeInUpWhy 0.8s ease-out 0.4s backwards;\n    position: relative;\n    overflow: hidden;\n}\n\n.us-credit-banner::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -10%;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(244, 93, 72, 0.15) 0%, transparent 70%);\n    border-radius: 50%;\n}\n\n.banner-icon-why {\n    width: 80px;\n    height: 80px;\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 1;\n}\n\n.banner-icon-why svg {\n    width: 40px;\n    height: 40px;\n    color: #B59138;\n}\n\n.banner-content-why {\n    position: relative;\n    z-index: 1;\n}\n\n.banner-title-why {\n    font-size: 24px;\n    font-weight: 700;\n    color: white;\n    margin-bottom: 12px;\n}\n\n.banner-text-why {\n    font-size: 16px;\n    color: white;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin: 0;\n}\n\n\/* Animations *\/\n@keyframes fadeInUpWhy {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n    .is33-why-ib {\n        padding: 40px 24px;\n    }\n    \n    .why-ib-header {\n        margin-bottom: 60px;\n    }\n    \n    .why-ib-title {\n        font-size: 32px;\n    }\n    \n    .why-ib-intro {\n        font-size: 16px;\n    }\n    \n    .why-ib-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n        margin-bottom: 40px;\n    }\n    \n    .card-title-why {\n        min-height: auto;\n    }\n    \n    .card-text-why {\n        min-height: auto;\n    }\n    \n    .us-credit-banner {\n        flex-direction: column;\n        padding: 40px 32px;\n        text-align: center;\n        gap: 24px;\n    }\n    \n    .banner-title-why {\n        font-size: 20px;\n    }\n}\u2028.why-ib-intro a,\n.banner-text-why a {\n    color: #F45D48;\n    font-weight: 600;\n    text-decoration: none;\n    border-bottom: 1px solid rgba(244, 93, 72, 0.35);\n}\n<\/style>\n\n<!-- HTML Structure -->\n<section class=\"is33-why-ib\" id=\"lycee-pourquoi-ib\">\n    <div class=\"why-ib-container\">\n        <!-- Header -->\n        <div class=\"why-ib-header\">\n            <span class=\"why-ib-badge\">\n                <svg class=\"badge-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M75.88,123.26,89.2,100a8,8,0,0,1,6.94-4h16.71a7.9,7.9,0,0,0,3.86-1L129,88.24a7.12,7.12,0,0,0,1.49-1.07l26.92-24.33A8,8,0,0,0,159,53l-10.5-18.81\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M67.78,53.23,56,81.08A8,8,0,0,0,55.88,87l11.5,30.67a8,8,0,0,0,5.81,5l21.43,4.61a8,8,0,0,1,5.52,4.33l3.8,7.87a8,8,0,0,0,7.2,4.51h13.8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M213.09,172.48l-52.38-32.22a8.11,8.11,0,0,0-3.12-1.11l-22.82-3.08a8,8,0,0,0-8.38,4.67l-13.7,30.74a8,8,0,0,0,1.44,8.69l19.74,20.33a8,8,0,0,1,2,6.95l-3.17,16.44\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                Reconnaissance mondiale\n            <\/span>\n            <h2 class=\"why-ib-title\">\n                Pourquoi choisir le <span class=\"highlight\">Baccalaur\u00e9at International<\/span> ?\n            <\/h2>\n            <p class=\"why-ib-intro\">\n                De plus en plus de lyc\u00e9ens font le choix du baccalaur\u00e9at international (IB), conscients de l'avantage que l'examen leur procure pour leur avenir. Le dipl\u00f4me du Baccalaur\u00e9at International est reconnu dans plus de 150 pays et consid\u00e9r\u00e9 par les universit\u00e9s du monde entier comme l'un des meilleurs dipl\u00f4mes de fin de lyc\u00e9e. Pour d\u00e9couvrir les \u00e9tapes d\u2019inscription, consultez notre <a href=\"https:\/\/international-school33.com\/admission\/\">page d\u2019admission au lyc\u00e9e international Bordeaux<\/a>.\n            <\/p>\n        <\/div>\n        \n        <!-- Grid des avantages -->\n        <div class=\"why-ib-grid\">\n            <!-- Card 1: France -->\n            <div class=\"ib-advantage-card\">\n                <div class=\"card-icon-why france-flag\">\ud83c\uddeb\ud83c\uddf7<\/div>\n                <h3 class=\"card-title-why\">Acceptation dans toutes les Grandes \u00c9coles fran\u00e7aises<\/h3>\n                <p class=\"card-text-why\">\n                    Les \u00e9l\u00e8ves qui passent le dipl\u00f4me de l'IB en fin de lyc\u00e9e sont accept\u00e9s dans tous les domaines de l'enseignement sup\u00e9rieur fran\u00e7ais :\n                <\/p>\n                <ul class=\"card-list-why\">\n                    <li>M\u00e9decine et \u00e9coles de sant\u00e9<\/li>\n                    <li>Droit et Sciences Politiques<\/li>\n                    <li>Grandes \u00c9coles de Commerce (HEC, ESSEC, ESCP)<\/li>\n                    <li>Sciences Po Paris<\/li>\n                    <li>Classes pr\u00e9paratoires<\/li>\n                    <li>\u00c9cole Polytechnique<\/li>\n                <\/ul>\n            <\/div>\n            \n            <!-- Card 2: International -->\n            <div class=\"ib-advantage-card\">\n                <div class=\"card-icon-why international\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M75.88,123.26,89.2,100a8,8,0,0,1,6.94-4h16.71a7.9,7.9,0,0,0,3.86-1L129,88.24a7.12,7.12,0,0,0,1.49-1.07l26.92-24.33A8,8,0,0,0,159,53l-10.5-18.81\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M67.78,53.23,56,81.08A8,8,0,0,0,55.88,87l11.5,30.67a8,8,0,0,0,5.81,5l21.43,4.61a8,8,0,0,1,5.52,4.33l3.8,7.87a8,8,0,0,0,7.2,4.51h13.8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M213.09,172.48l-52.38-32.22a8.11,8.11,0,0,0-3.12-1.11l-22.82-3.08a8,8,0,0,0-8.38,4.67l-13.7,30.74a8,8,0,0,0,1.44,8.69l19.74,20.33a8,8,0,0,1,2,6.95l-3.17,16.44\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title-why\">Passeport pour les universit\u00e9s internationales<\/h3>\n                <p class=\"card-text-why\">\n                    Certaines universit\u00e9s permettent aux titulaires du dipl\u00f4me IB d'int\u00e9grer directement la deuxi\u00e8me ann\u00e9e d'\u00e9tudes sup\u00e9rieures :\n                <\/p>\n                <ul class=\"card-list-why\">\n                    <li>\u00c9tats-Unis (Harvard, MIT, Stanford, Johns Hopkins...)<\/li>\n                    <li>Royaume-Uni (Oxford, Cambridge...)<\/li>\n                    <li>Canada (McGill, Toronto, UBC...)<\/li>\n                    <li>Europe (Espagne, Italie, Pays-Bas, Allemagne...)<\/li>\n                <\/ul>\n            <\/div>\n            \n            <!-- Card 3: Profil des dipl\u00f4m\u00e9s -->\n            <div class=\"ib-advantage-card\">\n                <div class=\"card-icon-why profile\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"96\" r=\"80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"176 160 176 240 127.99 216 80 240 80 160.01\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title-why\">Profil recherch\u00e9 par les universit\u00e9s<\/h3>\n                <p class=\"card-text-why\">\n                    Les bacheliers de l'IB sont reconnus pour leur profil bilingue, international et engag\u00e9, fortement recherch\u00e9 par les \u00e9tablissements :\n                <\/p>\n                <ul class=\"card-list-why\">\n                    <li>Autonomie et maturit\u00e9 exceptionnelles<\/li>\n                    <li>Esprit critique et curiosit\u00e9 intellectuelle<\/li>\n                    <li>Ouverture sur le monde<\/li>\n                    <li>Capacit\u00e9 de recherche ind\u00e9pendante<\/li>\n                    <li>Confiance en soi<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        \n        <!-- Banner cr\u00e9dits US -->\n        <div class=\"us-credit-banner\">\n            <div class=\"banner-icon-why\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"96\" y1=\"224\" x2=\"160\" y2=\"224\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"128\" y1=\"184\" x2=\"128\" y2=\"224\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M58,128H48A32,32,0,0,1,16,96V80a8,8,0,0,1,8-8H56\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M198,128h10a32,32,0,0,0,32-32V80a8,8,0,0,0-8-8H200\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M56,48H200v63.1c0,39.7-31.75,72.6-71.45,72.9A72,72,0,0,1,56,112Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n            <\/div>\n            <div class=\"banner-content-why\">\n                <h3 class=\"banner-title-why\">Avantage unique : Dipl\u00f4me bilingue reconnu internationalement<\/h3>\n                <p class=\"banner-text-why\">\n                    Les \u00e9l\u00e8ves ont la possibilit\u00e9 de passer soit un dipl\u00f4me IB standard, soit un <strong>dipl\u00f4me bilingue<\/strong>, reconnu comme un atout suppl\u00e9mentaire de taille. Il atteste d'une v\u00e9ritable ma\u00eetrise acad\u00e9mique de deux langues et offre une <strong>meilleure reconnaissance encore<\/strong> aupr\u00e8s des universit\u00e9s et \u00e9coles internationales. Consultez notre <a href=\"https:\/\/international-school33.com\/tarifs\/\">grille tarifaire \u00e9cole internationale Bordeaux<\/a> pour estimer les frais de scolarit\u00e9 selon votre situation.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c26cd78 e-con-full e-flex e-con e-child\" data-id=\"c26cd78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c5e979 elementor-widget elementor-widget-image\" data-id=\"8c5e979\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"741\" height=\"1024\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-ismun25-741x1024.jpg\" class=\"attachment-large size-large wp-image-2813\" alt=\"\" srcset=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-ismun25-741x1024.jpg 741w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-ismun25-217x300.jpg 217w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-ismun25-768x1062.jpg 768w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-ismun25-9x12.jpg 9w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-ismun25.jpg 857w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6d7154 elementor-widget elementor-widget-image\" data-id=\"f6d7154\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-do-what-you-love.jpg\" class=\"attachment-large size-large wp-image-2812\" alt=\"\" srcset=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-do-what-you-love.jpg 768w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-do-what-you-love-225x300.jpg 225w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-do-what-you-love-9x12.jpg 9w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8dfabc elementor-widget elementor-widget-html\" data-id=\"a8dfabc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BLOC 3: LE PROGRAMME DU DIPL\u00d4ME IB -->\n\n<style>\n.is33-programme-ib {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: white;\n    padding: 60px 40px 40px 40px;\n    position: relative;\n}\n\n.programme-container-ib {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.programme-header-ib {\n    text-align: center;\n    margin-bottom: 80px;\n    animation: fadeInUpProg 0.8s ease-out;\n}\n\n.programme-badge-ib {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    color: white;\n    padding: 8px 20px;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 24px;\n    letter-spacing: 0.5px;\n}\n\n.programme-badge-ib .badge-icon-prog {\n    width: 18px;\n    height: 18px;\n    color: white;\n}\n\n.programme-title-ib {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.programme-title-ib .highlight {\n    color: #F45D48;\n}\n\n.programme-intro-ib {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.7;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n\/* Section Tronc Commun *\/\n.tronc-commun-section-ib {\n    margin-bottom: 80px;\n}\n\n.section-subtitle-ib {\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    text-align: center;\n    margin-bottom: 48px;\n}\n\n.tronc-commun-grid-ib {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n    margin-bottom: 32px;\n}\n\n.tronc-card-ib {\n    padding: 40px 32px;\n    border-radius: 0;\n    color: white;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    animation: fadeInUpProg 0.8s ease-out backwards;\n    min-height: 280px;\n    display: flex;\n    flex-direction: column;\n}\n\n.tronc-card-ib:nth-child(1) {\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    animation-delay: 0.1s;\n}\n\n.tronc-card-ib:nth-child(2) {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    animation-delay: 0.2s;\n}\n\n.tronc-card-ib:nth-child(3) {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    animation-delay: 0.3s;\n}\n\n.tronc-card-ib::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -50%;\n    width: 200px;\n    height: 200px;\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 50%;\n}\n\n.tronc-card-ib:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n}\n\n.tronc-icon-ib {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 20px;\n    color: white;\n}\n\n.tronc-title-ib {\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.tronc-text-ib {\n    font-size: 16px;\n    line-height: 1.6;\n    opacity: 0.95;\n    margin: 0;\n}\n\n\/* Section 6 Groupes de Mati\u00e8res *\/\n.matieres-section-ib {\n    margin-bottom: 80px;\n}\n\n.matieres-grid-ib {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-bottom: 40px;\n}\n\n.matiere-card-ib {\n    background: #f8f9fb;\n    padding: 32px 28px;\n    border-radius: 0;\n    border-left: 4px solid #B59138;\n    transition: all 0.3s ease;\n    animation: fadeInUpProg 0.8s ease-out backwards;\n}\n\n.matiere-card-ib:nth-child(1) { animation-delay: 0.1s; border-left-color: #F45D48; }\n.matiere-card-ib:nth-child(2) { animation-delay: 0.15s; border-left-color: #B59138; }\n.matiere-card-ib:nth-child(3) { animation-delay: 0.2s; border-left-color: #05244F; }\n.matiere-card-ib:nth-child(4) { animation-delay: 0.25s; border-left-color: #F45D48; }\n.matiere-card-ib:nth-child(5) { animation-delay: 0.3s; border-left-color: #B59138; }\n.matiere-card-ib:nth-child(6) { animation-delay: 0.35s; border-left-color: #05244F; }\n\n.matiere-card-ib:hover {\n    background: white;\n    box-shadow: 0 8px 24px rgba(5, 36, 79, 0.1);\n    transform: translateX(4px);\n}\n\n.matiere-number-ib {\n    font-size: 14px;\n    font-weight: 700;\n    color: #F45D48;\n    margin-bottom: 8px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.matiere-title-ib {\n    font-size: 20px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 12px;\n    line-height: 1.3;\n}\n\n.matiere-text-ib {\n    font-size: 15px;\n    color: #05244F;\n    opacity: 0.75;\n    line-height: 1.5;\n    margin: 0;\n}\n\n\/* Explication NS\/NM *\/\n.ns-nm-section-ib {\n    background: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%);\n    padding: 48px 60px;\n    border-radius: 0;\n    border: 2px solid #e9ecef;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n    animation: fadeInUpProg 0.8s ease-out 0.4s backwards;\n}\n\n.ns-nm-content-ib h3 {\n    font-size: 24px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 20px;\n}\n\n.ns-nm-content-ib p {\n    font-size: 16px;\n    line-height: 1.7;\n    color: #05244F;\n    opacity: 0.85;\n    margin-bottom: 24px;\n}\n\n.ns-nm-levels-ib {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.level-item-ib {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.level-badge-ib {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 700;\n    font-size: 16px;\n    flex-shrink: 0;\n}\n\n.level-badge-ib.ns {\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    color: white;\n}\n\n.level-badge-ib.nm {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    color: white;\n}\n\n.level-info-ib h4 {\n    font-size: 18px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 4px;\n}\n\n.level-info-ib p {\n    font-size: 14px;\n    color: #05244F;\n    opacity: 0.75;\n    margin: 0;\n}\n\n\/* Evaluation Section *\/\n.evaluation-section-ib {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    padding: 48px 60px;\n    border-radius: 0;\n    margin-top: 40px;\n    animation: fadeInUpProg 0.8s ease-out 0.5s backwards;\n}\n\n.evaluation-section-ib h3 {\n    font-size: 24px;\n    font-weight: 700;\n    color: white;\n    margin-bottom: 20px;\n}\n\n.evaluation-section-ib p {\n    font-size: 16px;\n    line-height: 1.7;\n    color: white;\n    opacity: 0.9;\n    margin: 0;\n}\n\n.evaluation-highlight {\n    color: #B59138;\n    font-weight: 600;\n}\n\n\/* Animations *\/\n@keyframes fadeInUpProg {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n    .is33-programme-ib {\n        padding: 40px 24px 30px 24px;\n    }\n    \n    .programme-title-ib {\n        font-size: 32px;\n    }\n    \n    .tronc-commun-grid-ib,\n    .matieres-grid-ib {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    \n    .ns-nm-section-ib {\n        grid-template-columns: 1fr;\n        gap: 40px;\n        padding: 40px 32px;\n    }\n    \n    .tronc-card-ib {\n        min-height: auto;\n    }\n    \n    .evaluation-section-ib {\n        padding: 40px 32px;\n    }\n}\n<\/style>\n\n<!-- HTML Structure -->\n<section class=\"is33-programme-ib\" id=\"lycee-programme\">\n    <div class=\"programme-container-ib\">\n        <!-- Header -->\n        <div class=\"programme-header-ib\">\n            <span class=\"programme-badge-ib\">\n                <svg class=\"badge-icon-prog\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><rect x=\"48\" y=\"40\" width=\"64\" height=\"176\" rx=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M217.67,205.77l-46.81,10a8,8,0,0,1-9.5-6.21L128.18,51.8a8.07,8.07,0,0,1,6.15-9.57l46.81-10a8,8,0,0,1,9.5,6.21L223.82,196.2A8.07,8.07,0,0,1,217.67,205.77Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"48\" y1=\"72\" x2=\"112\" y2=\"72\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"48\" y1=\"184\" x2=\"112\" y2=\"184\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"133.16\" y1=\"75.48\" x2=\"195.61\" y2=\"62.06\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"139.79\" y1=\"107.04\" x2=\"202.25\" y2=\"93.62\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"156.39\" y1=\"185.94\" x2=\"218.84\" y2=\"172.52\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                Structure p\u00e9dagogique\n            <\/span>\n            <h2 class=\"programme-title-ib\">\n                Le <span class=\"highlight\">Programme du Dipl\u00f4me<\/span> IB\n            <\/h2>\n            <p class=\"programme-intro-ib\">\n                Les \u00e9l\u00e8ves suivent un programme exigeant et stimulant pendant deux ann\u00e9es (\u00e9quivalent Premi\u00e8re et Terminale), fond\u00e9 sur six groupes de mati\u00e8res principales et compl\u00e9t\u00e9 par trois \u00e9l\u00e9ments fondamentaux. Cette structure favorise un \u00e9quilibre entre les savoirs acad\u00e9miques, la r\u00e9flexion personnelle, l'engagement social et le d\u00e9veloppement de comp\u00e9tences transf\u00e9rables.\n            <\/p>\n        <\/div>\n        \n        <!-- Section Tronc Commun -->\n        <div class=\"tronc-commun-section-ib\">\n            <h3 class=\"section-subtitle-ib\">Le Tronc Commun<\/h3>\n            <div class=\"tronc-commun-grid-ib\">\n                <div class=\"tronc-card-ib\">\n                    <svg class=\"tronc-icon-ib\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M88,136a40,40,0,1,1-40,40v-6.73\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M168,136a40,40,0,1,0,40,40v-6.73\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M72,172H64A48,48,0,0,1,48,78.73V72a40,40,0,0,1,80,0V176\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M184,172h8a48,48,0,0,0,16-93.27V72a40,40,0,0,0-80,0\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M200,112h-4a28,28,0,0,1-28-28V80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M56,112h4A28,28,0,0,0,88,84V80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <h4 class=\"tronc-title-ib\">Th\u00e9orie de la Connaissance (TdC)<\/h4>\n                    <p class=\"tronc-text-ib\">\n                        Am\u00e8ne les \u00e9l\u00e8ves \u00e0 r\u00e9fl\u00e9chir sur la nature de la connaissance et \u00e0 examiner comment nous connaissons ce que nous affirmons conna\u00eetre.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"tronc-card-ib\">\n                    <svg class=\"tronc-icon-ib\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><polygon points=\"128 160 96 160 96 128 192 32 224 64 128 160\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"168\" y1=\"56\" x2=\"200\" y2=\"88\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M216,128v80a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8h80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <h4 class=\"tronc-title-ib\">Le M\u00e9moire<\/h4>\n                    <p class=\"tronc-text-ib\">\n                        Permet aux \u00e9l\u00e8ves de mener une recherche personnelle et ind\u00e9pendante culminant en un travail \u00e9crit de 4 000 mots.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"tronc-card-ib\">\n                    <svg class=\"tronc-icon-ib\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"96\" r=\"80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"176 160 176 240 127.99 216 80 240 80 160.01\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <h4 class=\"tronc-title-ib\">Cr\u00e9ativit\u00e9, Activit\u00e9, Service (CAS)<\/h4>\n                    <p class=\"tronc-text-ib\">\n                        Les \u00e9l\u00e8ves accomplissent un projet portant sur ces trois concepts pour d\u00e9velopper cr\u00e9ativit\u00e9, engagement physique et service communautaire.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Section 6 Groupes de Mati\u00e8res -->\n        <div class=\"matieres-section-ib\">\n            <h3 class=\"section-subtitle-ib\">Les 6 Groupes de Mati\u00e8res<\/h3>\n            <div class=\"matieres-grid-ib\">\n                <div class=\"matiere-card-ib\">\n                    <div class=\"matiere-number-ib\">Groupe 1<\/div>\n                    <h4 class=\"matiere-title-ib\">\u00c9tudes en langue et litt\u00e9rature<\/h4>\n                    <p class=\"matiere-text-ib\">Fran\u00e7ais, Anglais, Espagnol.<\/p>\n                <\/div>\n                \n                <div class=\"matiere-card-ib\">\n                    <div class=\"matiere-number-ib\">Groupe 2<\/div>\n                    <h4 class=\"matiere-title-ib\">Acquisition de langues<\/h4>\n                    <p class=\"matiere-text-ib\">Fran\u00e7ais, Anglais, Espagnol.<\/p>\n                <\/div>\n                \n                <div class=\"matiere-card-ib\">\n                    <div class=\"matiere-number-ib\">Groupe 3<\/div>\n                    <h4 class=\"matiere-title-ib\">Individus et soci\u00e9t\u00e9s<\/h4>\n                    <p class=\"matiere-text-ib\">Histoire, Business Management...<\/p>\n                <\/div>\n                \n                <div class=\"matiere-card-ib\">\n                    <div class=\"matiere-number-ib\">Groupe 4<\/div>\n                    <h4 class=\"matiere-title-ib\">Sciences<\/h4>\n                    <p class=\"matiere-text-ib\">Physique, Chimie, Biologie...<\/p>\n                <\/div>\n                \n                <div class=\"matiere-card-ib\">\n                    <div class=\"matiere-number-ib\">Groupe 5<\/div>\n                    <h4 class=\"matiere-title-ib\">Math\u00e9matiques<\/h4>\n                    <p class=\"matiere-text-ib\">Applications et Interpr\u00e9tation<\/p>\n                <\/div>\n                \n                <div class=\"matiere-card-ib\">\n                    <div class=\"matiere-number-ib\">Groupe 6<\/div>\n                    <h4 class=\"matiere-title-ib\">Arts<\/h4>\n                    <p class=\"matiere-text-ib\">Arts visuels.<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- Explication NS\/NM -->\n            <div class=\"ns-nm-section-ib\">\n                <div class=\"ns-nm-content-ib\">\n                    <h3>Comment choisir ses mati\u00e8res ?<\/h3>\n                    <p>\n                        Chaque \u00e9l\u00e8ve choisit la langue d'enseignement de son dipl\u00f4me : <strong>en fran\u00e7ais, en anglais, ou dans les deux langues (dipl\u00f4me bilingue)<\/strong>, en fonction de son profil linguistique et de ses ambitions.\n                    <\/p>\n                    <p>\n                        Les \u00e9l\u00e8ves choisissent une mati\u00e8re dans chacun des cinq premiers groupes et une mati\u00e8re suppl\u00e9mentaire (artistique du groupe 6 ou deuxi\u00e8me mati\u00e8re des groupes 1 \u00e0 5).\n                    <\/p>\n                <\/div>\n                \n                <div class=\"ns-nm-levels-ib\">\n                    <div class=\"level-item-ib\">\n                        <div class=\"level-badge-ib ns\">NS<\/div>\n                        <div class=\"level-info-ib\">\n                            <h4>Niveau Sup\u00e9rieur<\/h4>\n                            <p>3 \u00e0 4 mati\u00e8res \u2013 \u00c9tude approfondie et rigoureuse<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"level-item-ib\">\n                        <div class=\"level-badge-ib nm\">NM<\/div>\n                        <div class=\"level-info-ib\">\n                            <h4>Niveau Moyen<\/h4>\n                            <p>2 \u00e0 3 mati\u00e8res \u2013 \u00c9tude solide et compl\u00e8te<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Section \u00c9valuation -->\n            <div class=\"evaluation-section-ib\">\n                <h3>\u00c9valuation et contr\u00f4le continu<\/h3>\n                <p>\n                    L'\u00e9valuation finale inclut un contr\u00f4le continu rigoureux : selon les mati\u00e8res, <span class=\"evaluation-highlight\">20 \u00e0 30 % de la note finale<\/span> est constitu\u00e9e de travaux personnels ou d'examens internes not\u00e9s par les enseignants, puis mod\u00e9r\u00e9s par l'IB. Le s\u00e9rieux, la pers\u00e9v\u00e9rance et l'implication de chaque \u00e9l\u00e8ve sont ainsi valoris\u00e9s tout au long de l'ann\u00e9e, et pas seulement \u00e0 travers des \u00e9preuves finales. L\u2019Evaluation et le contr\u00f4le continu ont lieu au sein de l\u2019\u00e9tablissement qui est valid\u00e9 comme centre d\u2019examens.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f95a17 elementor-widget elementor-widget-html\" data-id=\"6f95a17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* Reset agressif pour emp\u00eacher tout d\u00e9bordement *\/\n.is33-approche,\n.is33-approche * {\n    box-sizing: border-box;\n    max-width: 100%;\n}\n\n.is33-approche {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);\n    padding: 60px 40px;\n    position: relative;\n    overflow-x: hidden;\n    overflow-y: visible;\n}\n\n.approche-container-lycee {\n    max-width: 1400px;\n    margin: 0 auto;\n    width: 100%;\n    overflow: hidden;\n}\n\n.approche-header-lycee {\n    text-align: center;\n    margin-bottom: 80px;\n    animation: fadeInUpApproche 0.8s ease-out;\n}\n\n.approche-badge-lycee {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    color: white;\n    padding: 8px 20px;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 24px;\n    letter-spacing: 0.5px;\n}\n\n.approche-badge-lycee .badge-icon-approche {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n    color: white;\n}\n\n.approche-title-lycee {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.approche-title-lycee .highlight {\n    color: #F45D48;\n}\n\n.approche-intro-lycee {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.7;\n    max-width: 900px;\n    margin: 0 auto;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n\/* Grid principal *\/\n.approche-grid-lycee {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    margin-bottom: 60px;\n    align-items: center;\n}\n\n.approche-content-lycee {\n    animation: fadeInUpApproche 0.8s ease-out 0.2s backwards;\n    min-width: 0;\n}\n\n.content-section-lycee {\n    margin-bottom: 40px;\n}\n\n.content-section-lycee:last-child {\n    margin-bottom: 0;\n}\n\n.section-title-lycee {\n    font-size: 24px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 16px;\n    line-height: 1.3;\n    word-wrap: break-word;\n}\n\n.section-text-lycee {\n    font-size: 16px;\n    line-height: 1.7;\n    color: #05244F;\n    opacity: 0.85;\n    margin-bottom: 20px;\n    word-wrap: break-word;\n}\n\n.features-list-lycee {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.feature-item-approche {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    font-size: 16px;\n    color: #05244F;\n    line-height: 1.6;\n}\n\n.feature-item-approche span:last-child {\n    min-width: 0;\n    word-wrap: break-word;\n}\n\n.feature-icon-approche {\n    width: 24px;\n    height: 24px;\n    min-width: 24px;\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 2px;\n}\n\n.feature-icon-approche::before {\n    content: \"\u2713\";\n    color: white;\n    font-weight: 700;\n    font-size: 14px;\n}\n\n\/* Citation Camus *\/\n.camus-quote-section-lycee {\n    animation: fadeInUpApproche 0.8s ease-out 0.3s backwards;\n    min-width: 0;\n}\n\n.camus-quote-lycee {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    \/* MODIFICATION ICI: Augmentation du padding bottom \u00e0 110px pour laisser place au guillemet *\/\n    padding: 60px 50px 110px 50px;\n    border-radius: 0;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Guillemets d\u00e9coratifs - DESKTOP ONLY *\/\n@media (min-width: 601px) {\n    .camus-quote-lycee::before {\n        content: '\"';\n        position: absolute;\n        top: 20px;\n        left: 30px;\n        font-size: 120px;\n        font-family: Georgia, serif;\n        color: rgba(255, 255, 255, 0.1);\n        line-height: 1;\n        pointer-events: none;\n    }\n    .camus-quote-lycee::after {\n        content: '\"';\n        position: absolute;\n        \/* MODIFICATION ICI: Positionnement en bas dans l'espace cr\u00e9\u00e9 par le padding *\/\n        bottom: 10px;\n        right: 40px;\n        font-size: 120px;\n        font-family: Georgia, serif;\n        color: rgba(255, 255, 255, 0.1);\n        line-height: 1;\n        pointer-events: none;\n    }\n}\n\n.quote-text-lycee {\n    font-size: 24px;\n    font-style: italic;\n    color: white;\n    line-height: 1.6;\n    margin: 0 0 24px 0;\n    position: relative;\n    z-index: 1;\n    font-weight: 300;\n    word-wrap: break-word;\n}\n\n.quote-author-lycee {\n    font-size: 16px;\n    font-weight: 600;\n    color: #B59138;\n    margin: 0;\n    position: relative;\n    z-index: 1;\n    text-align: right;\n}\n\n\/* Stats Grid *\/\n.stats-grid-lycee {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n    margin-bottom: 60px;\n    animation: fadeInUpApproche 0.8s ease-out 0.4s backwards;\n}\n\n.stat-card-lycee {\n    background: white;\n    padding: 40px 32px;\n    border-radius: 0;\n    text-align: center;\n    box-shadow: 0 8px 24px rgba(5, 36, 79, 0.08);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    min-width: 0;\n}\n\n.stat-card-lycee::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(90deg, #F45D48 0%, #B59138 100%);\n}\n\n.stat-card-lycee:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 16px 40px rgba(5, 36, 79, 0.15);\n}\n\n.stat-number-lycee {\n    font-size: 48px;\n    font-weight: 700;\n    color: #F45D48;\n    margin-bottom: 12px;\n    line-height: 1;\n    word-break: break-word;\n}\n\n.stat-label-lycee {\n    font-size: 16px;\n    font-weight: 600;\n    color: #05244F;\n    margin: 0;\n    word-wrap: break-word;\n}\n\n\/* Projets & Pr\u00e9paration *\/\n.projets-preparation-lycee {\n    background: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%);\n    padding: 60px;\n    border-radius: 0;\n    border: 2px solid #e9ecef;\n    animation: fadeInUpApproche 0.8s ease-out 0.5s backwards;\n    overflow: hidden;\n}\n\n.projets-preparation-lycee h3 {\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 32px;\n    text-align: center;\n    word-wrap: break-word;\n}\n\n.projets-grid-lycee {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n}\n\n.projet-block-lycee {\n    padding: 32px;\n    background: white;\n    box-shadow: 0 4px 16px rgba(5, 36, 79, 0.06);\n    transition: all 0.3s ease;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.projet-block-lycee:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(5, 36, 79, 0.1);\n}\n\n.projet-block-lycee h4 {\n    font-size: 20px;\n    font-weight: 700;\n    color: #F45D48;\n    margin-bottom: 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n    word-wrap: break-word;\n}\n\n.projet-icon-lycee {\n    width: 28px;\n    height: 28px;\n    flex-shrink: 0;\n    color: #F45D48;\n}\n\n.projet-block-lycee p {\n    font-size: 16px;\n    line-height: 1.7;\n    color: #05244F;\n    opacity: 0.85;\n    margin: 0;\n    word-wrap: break-word;\n}\n\n\/* ========== SECTION POST-BAC ========== *\/\n.postbac-section-lycee {\n    margin-top: 60px;\n    animation: fadeInUpApproche 0.8s ease-out 0.6s backwards;\n}\n\n.postbac-header-lycee {\n    text-align: center;\n    margin-bottom: 48px;\n}\n\n.postbac-badge-lycee {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #F45D48 0%, #d94a3a 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}\n\n.postbac-badge-lycee svg {\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n}\n\n.postbac-title-lycee {\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.postbac-title-lycee .highlight {\n    color: #B59138;\n}\n\n.postbac-intro-lycee {\n    font-size: 17px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.7;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n\/* Card principale universit\u00e9s *\/\n.postbac-universities-lycee {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    padding: 48px;\n    border-radius: 0;\n    margin-bottom: 32px;\n    position: relative;\n    overflow: hidden;\n}\n\n.postbac-universities-lycee::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(181, 145, 56, 0.15) 0%, transparent 70%);\n    pointer-events: none;\n}\n\n.universities-content-lycee {\n    position: relative;\n    z-index: 1;\n}\n\n.universities-headline-lycee {\n    font-size: 22px;\n    font-weight: 700;\n    color: white;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.universities-headline-lycee svg {\n    width: 28px;\n    height: 28px;\n    color: #B59138;\n    flex-shrink: 0;\n}\n\n.universities-list-lycee {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 32px;\n}\n\n.university-tag-lycee {\n    background: rgba(255, 255, 255, 0.12);\n    color: white;\n    padding: 10px 20px;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 500;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    transition: all 0.3s ease;\n}\n\n.university-tag-lycee:hover {\n    background: rgba(181, 145, 56, 0.3);\n    border-color: #B59138;\n    transform: translateY(-2px);\n}\n\n.university-tag-lycee.highlight-tag {\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    border-color: #B59138;\n    font-weight: 600;\n}\n\n.universities-note-lycee {\n    font-size: 15px;\n    color: rgba(255, 255, 255, 0.9);\n    line-height: 1.7;\n    padding-left: 20px;\n    border-left: 3px solid #B59138;\n}\n\n\/* Grid infos dipl\u00f4mes *\/\n.postbac-diplomes-grid-lycee {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n    margin-bottom: 32px;\n}\n\n.diplome-card-lycee {\n    background: white;\n    padding: 32px;\n    box-shadow: 0 8px 24px rgba(5, 36, 79, 0.08);\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.diplome-card-lycee::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(90deg, #05244F 0%, #B59138 100%);\n}\n\n.diplome-card-lycee:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 32px rgba(5, 36, 79, 0.12);\n}\n\n.diplome-icon-lycee {\n    width: 48px;\n    height: 48px;\n    background: linear-gradient(135deg, #f8f9fb 0%, #e9ecef 100%);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n}\n\n.diplome-icon-lycee svg {\n    width: 26px;\n    height: 26px;\n    color: #05244F;\n}\n\n.diplome-card-lycee h4 {\n    font-size: 18px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 12px;\n    line-height: 1.3;\n}\n\n.diplome-card-lycee p {\n    font-size: 15px;\n    line-height: 1.7;\n    color: #05244F;\n    opacity: 0.85;\n    margin: 0;\n}\n\n\/* Profil des bacheliers IB *\/\n.postbac-profil-lycee {\n    background: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%);\n    padding: 48px;\n    border: 2px solid #e9ecef;\n}\n\n.profil-header-lycee {\n    text-align: center;\n    margin-bottom: 32px;\n}\n\n.profil-header-lycee h4 {\n    font-size: 22px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 8px;\n}\n\n.profil-header-lycee p {\n    font-size: 15px;\n    color: #05244F;\n    opacity: 0.8;\n    margin: 0;\n}\n\n.profil-qualities-lycee {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 32px;\n}\n\n.quality-badge-lycee {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background: white;\n    padding: 14px 24px;\n    border-radius: 50px;\n    box-shadow: 0 4px 12px rgba(5, 36, 79, 0.08);\n    font-size: 15px;\n    font-weight: 600;\n    color: #05244F;\n    transition: all 0.3s ease;\n}\n\n.quality-badge-lycee:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 20px rgba(5, 36, 79, 0.12);\n}\n\n.quality-badge-lycee svg {\n    width: 20px;\n    height: 20px;\n    color: #F45D48;\n    flex-shrink: 0;\n}\n\n.profil-conclusion-lycee {\n    text-align: center;\n    padding: 24px 32px;\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    border-radius: 0;\n}\n\n.profil-conclusion-lycee p {\n    font-size: 16px;\n    line-height: 1.7;\n    color: white;\n    margin: 0;\n    font-weight: 500;\n}\n\n.profil-conclusion-lycee strong {\n    color: #B59138;\n}\n\n\/* Animations *\/\n@keyframes fadeInUpApproche {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* ========== RESPONSIVE TABLETTE ========== *\/\n@media (max-width: 968px) {\n    .is33-approche {\n        padding: 40px 20px;\n    }\n    .approche-header-lycee {\n        margin-bottom: 60px;\n    }\n    .approche-title-lycee {\n        font-size: 32px;\n    }\n    .approche-grid-lycee {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    .stats-grid-lycee {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    .projets-grid-lycee {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n    .projets-preparation-lycee {\n        padding: 40px 24px;\n    }\n    .camus-quote-lycee {\n        \/* MODIFICATION ICI: Ajustement pour tablette pour garder l'espace du guillemet *\/\n        padding: 40px 28px 90px 28px;\n    }\n    .quote-text-lycee {\n        font-size: 20px;\n    }\n    \/* Post-Bac tablette *\/\n    .postbac-section-lycee {\n        margin-top: 40px;\n    }\n    .postbac-title-lycee {\n        font-size: 24px;\n    }\n    .postbac-universities-lycee {\n        padding: 32px 24px;\n    }\n    .universities-headline-lycee {\n        font-size: 18px;\n    }\n    .postbac-diplomes-grid-lycee {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    .postbac-profil-lycee {\n        padding: 32px 24px;\n    }\n    .quality-badge-lycee {\n        padding: 12px 18px;\n        font-size: 14px;\n    }\n}\n\n\/* ========== RESPONSIVE MOBILE ========== *\/\n@media (max-width: 600px) {\n    .is33-approche {\n        padding: 24px 16px;\n    }\n    .approche-header-lycee {\n        margin-bottom: 32px;\n    }\n    .approche-badge-lycee {\n        padding: 6px 16px;\n        font-size: 13px;\n    }\n    .approche-title-lycee {\n        font-size: 24px;\n        margin-bottom: 16px;\n    }\n    .approche-intro-lycee {\n        font-size: 15px;\n    }\n    .approche-grid-lycee {\n        gap: 24px;\n        margin-bottom: 32px;\n    }\n    .section-title-lycee {\n        font-size: 18px;\n    }\n    .section-text-lycee {\n        font-size: 14px;\n    }\n    .feature-item-approche {\n        font-size: 14px;\n        gap: 10px;\n    }\n    .feature-icon-approche {\n        width: 20px;\n        height: 20px;\n        min-width: 20px;\n    }\n    .feature-icon-approche::before {\n        font-size: 12px;\n    }\n    .camus-quote-lycee {\n        \/* Reset padding sur mobile o\u00f9 les guillemets sont masqu\u00e9s *\/\n        padding: 24px 16px;\n    }\n    .quote-text-lycee {\n        font-size: 16px;\n        line-height: 1.5;\n        margin-bottom: 16px;\n    }\n    .quote-author-lycee {\n        font-size: 14px;\n    }\n    .stats-grid-lycee {\n        gap: 12px;\n        margin-bottom: 32px;\n    }\n    .stat-card-lycee {\n        padding: 24px 16px;\n    }\n    .stat-number-lycee {\n        font-size: 32px;\n    }\n    .stat-label-lycee {\n        font-size: 13px;\n    }\n    .projets-preparation-lycee {\n        padding: 20px 16px;\n        border-width: 1px;\n    }\n    .projets-preparation-lycee h3 {\n        font-size: 18px;\n        margin-bottom: 20px;\n    }\n    .projets-grid-lycee {\n        gap: 16px;\n    }\n    .projet-block-lycee {\n        padding: 16px;\n    }\n    .projet-block-lycee h4 {\n        font-size: 16px;\n        gap: 8px;\n        margin-bottom: 12px;\n    }\n    .projet-icon-lycee {\n        width: 22px;\n        height: 22px;\n    }\n    .projet-block-lycee p {\n        font-size: 13px;\n        line-height: 1.6;\n    }\n    \/* Post-Bac mobile *\/\n    .postbac-section-lycee {\n        margin-top: 32px;\n    }\n    .postbac-header-lycee {\n        margin-bottom: 32px;\n    }\n    .postbac-badge-lycee {\n        padding: 6px 16px;\n        font-size: 13px;\n    }\n    .postbac-title-lycee {\n        font-size: 20px;\n    }\n    .postbac-intro-lycee {\n        font-size: 14px;\n    }\n    .postbac-universities-lycee {\n        padding: 24px 16px;\n    }\n    .universities-headline-lycee {\n        font-size: 16px;\n        flex-wrap: wrap;\n    }\n    .universities-headline-lycee svg {\n        width: 24px;\n        height: 24px;\n    }\n    .universities-list-lycee {\n        gap: 8px;\n        margin-bottom: 24px;\n    }\n    .university-tag-lycee {\n        padding: 8px 14px;\n        font-size: 12px;\n    }\n    .universities-note-lycee {\n        font-size: 13px;\n        padding-left: 16px;\n    }\n    .diplome-card-lycee {\n        padding: 20px 16px;\n    }\n    .diplome-icon-lycee {\n        width: 40px;\n        height: 40px;\n        margin-bottom: 16px;\n    }\n    .diplome-icon-lycee svg {\n        width: 22px;\n        height: 22px;\n    }\n    .diplome-card-lycee h4 {\n        font-size: 16px;\n    }\n    .diplome-card-lycee p {\n        font-size: 13px;\n    }\n    .postbac-profil-lycee {\n        padding: 24px 16px;\n        border-width: 1px;\n    }\n    .profil-header-lycee h4 {\n        font-size: 18px;\n    }\n    .profil-header-lycee p {\n        font-size: 13px;\n    }\n    .profil-qualities-lycee {\n        gap: 10px;\n        margin-bottom: 24px;\n    }\n    .quality-badge-lycee {\n        padding: 10px 14px;\n        font-size: 13px;\n        gap: 8px;\n    }\n    .quality-badge-lycee svg {\n        width: 18px;\n        height: 18px;\n    }\n    .profil-conclusion-lycee {\n        padding: 20px 16px;\n    }\n    .profil-conclusion-lycee p {\n        font-size: 14px;\n    }\n    \/* D\u00e9sactiver hover sur mobile *\/\n    .stat-card-lycee:hover,\n    .projet-block-lycee:hover,\n    .university-tag-lycee:hover,\n    .diplome-card-lycee:hover,\n    .quality-badge-lycee:hover {\n        transform: none;\n    }\n}\n\n\/* ========== TR\u00c8S PETITS \u00c9CRANS ========== *\/\n@media (max-width: 380px) {\n    .is33-approche {\n        padding: 20px 12px;\n    }\n    .approche-title-lycee {\n        font-size: 20px;\n    }\n    .approche-intro-lycee {\n        font-size: 14px;\n    }\n    .section-title-lycee {\n        font-size: 16px;\n    }\n    .stat-number-lycee {\n        font-size: 28px;\n    }\n    .camus-quote-lycee {\n        padding: 20px 12px;\n    }\n    .quote-text-lycee {\n        font-size: 14px;\n    }\n    .projets-preparation-lycee {\n        padding: 16px 12px;\n    }\n    .projets-preparation-lycee h3 {\n        font-size: 16px;\n    }\n    .projet-block-lycee {\n        padding: 12px;\n    }\n    .projet-block-lycee h4 {\n        font-size: 14px;\n    }\n    .projet-block-lycee p {\n        font-size: 12px;\n    }\n    \/* Post-Bac tr\u00e8s petits \u00e9crans *\/\n    .postbac-title-lycee {\n        font-size: 18px;\n    }\n    .postbac-universities-lycee {\n        padding: 20px 12px;\n    }\n    .universities-headline-lycee {\n        font-size: 14px;\n    }\n    .university-tag-lycee {\n        padding: 6px 12px;\n        font-size: 11px;\n    }\n    .universities-note-lycee {\n        font-size: 12px;\n    }\n    .diplome-card-lycee {\n        padding: 16px 12px;\n    }\n    .diplome-card-lycee h4 {\n        font-size: 14px;\n    }\n    .diplome-card-lycee p {\n        font-size: 12px;\n    }\n    .postbac-profil-lycee {\n        padding: 20px 12px;\n    }\n    .profil-header-lycee h4 {\n        font-size: 16px;\n    }\n    .quality-badge-lycee {\n        padding: 8px 12px;\n        font-size: 12px;\n    }\n    .profil-conclusion-lycee p {\n        font-size: 13px;\n    }\n}\n<\/style>\n\n<section class=\"is33-approche\" id=\"lycee-approche\">\n    <div class=\"approche-container-lycee\">\n        \n        <div class=\"approche-header-lycee\">\n            <span class=\"approche-badge-lycee\">\n                <svg class=\"badge-icon-approche\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"88\" y1=\"232\" x2=\"168\" y2=\"232\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M78.7,167A79.87,79.87,0,0,1,48,104.45C47.76,61.09,82.72,25,126.07,24a80,80,0,0,1,51.34,142.9A24.3,24.3,0,0,0,168,186v6a8,8,0,0,1-8,8H96a8,8,0,0,1-8-8v-6A24.11,24.11,0,0,0,78.7,167Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M136,56c20,3.37,36.61,20,40,40\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                Excellence & \u00c9panouissement\n            <\/span>\n            <h2 class=\"approche-title-lycee\">\n                Notre <span class=\"highlight\">Approche P\u00e9dagogique<\/span>\n            <\/h2>\n            <p class=\"approche-intro-lycee\">\n                Notre objectif : faire \u00e9merger chez chacun une ambition personnelle forte, fond\u00e9e sur ses talents, ses passions et ses objectifs de vie. Gr\u00e2ce \u00e0 une \u00e9quipe p\u00e9dagogique engag\u00e9e et \u00e0 une structure \u00e0 taille humaine, nous guidons chaque \u00e9l\u00e8ve vers la construction d'un projet solide.\n            <\/p>\n        <\/div>\n        \n        <div class=\"approche-grid-lycee\">\n            \n            <div class=\"approche-content-lycee\">\n                <div class=\"content-section-lycee\">\n                    <h3 class=\"section-title-lycee\">Enseignement de qualit\u00e9 et \u00e9panouissement des lyc\u00e9ens<\/h3>\n                    <p class=\"section-text-lycee\">\n                        Les lyc\u00e9ens \u00e9voluent dans un environnement propice \u00e0 l'\u00e9panouissement. Les enseignants transmettent leur passion en stimulant l'envie d'apprendre. Les exigences des examens d'entr\u00e9e aux \u00e9coles sup\u00e9rieures n'ayant pas diminu\u00e9es, il est essentiel de maintenir un tr\u00e8s bon niveau tout au long de la scolarit\u00e9.\n                    <\/p>\n                    \n                    <div class=\"features-list-lycee\">\n                        <div class=\"feature-item-approche\">\n                            <span class=\"feature-icon-approche\"><\/span>\n                            <span><strong>Classes de 20 \u00e9l\u00e8ves maximum<\/strong> \u2013 Suivi performant et personnalis\u00e9 de chaque \u00e9l\u00e8ve<\/span>\n                        <\/div>\n                        <div class=\"feature-item-approche\">\n                            <span class=\"feature-icon-approche\"><\/span>\n                            <span><strong>Respect de l'individualit\u00e9<\/strong> \u2013 Format qui permet de respecter chacun dans le cadre des programmes<\/span>\n                        <\/div>\n                        <div class=\"feature-item-approche\">\n                            <span class=\"feature-icon-approche\"><\/span>\n                            <span><strong>Excellence acad\u00e9mique constante<\/strong> \u2013 Choisir sa voie, heureux, libres et \u00e9panouis<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"camus-quote-section-lycee\">\n                <div class=\"camus-quote-lycee\">\n                    <p class=\"quote-text-lycee\">\n                        On aide plus un \u00eatre en lui donnant de lui-m\u00eame une image favorable qu'en le mettant sans cesse en face de ses d\u00e9fauts.\n                    <\/p>\n                    <p class=\"quote-author-lycee\">\u2014 ALBERT CAMUS<\/p>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n        \n        <div class=\"stats-grid-lycee\">\n            <div class=\"stat-card-lycee\">\n                <div class=\"stat-number-lycee\">20<\/div>\n                <p class=\"stat-label-lycee\">\u00c9l\u00e8ves maximum par classe<\/p>\n            <\/div>\n            <div class=\"stat-card-lycee\">\n                <div class=\"stat-number-lycee\">100%<\/div>\n                <p class=\"stat-label-lycee\">Taux d'admission premier choix<\/p>\n            <\/div>\n            <div class=\"stat-card-lycee\">\n                <div class=\"stat-number-lycee\">3300+<\/div>\n                <p class=\"stat-label-lycee\">Universit\u00e9s acceptant le dipl\u00f4me IB<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"projets-preparation-lycee\">\n            <h3>Une pr\u00e9paration individualis\u00e9e vers l'enseignement sup\u00e9rieur<\/h3>\n            <div class=\"projets-grid-lycee\">\n                <div class=\"projet-block-lycee\">\n                    <h4>\n                        <svg class=\"projet-icon-lycee\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"96\" r=\"80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"176 160 176 240 127.99 216 80 240 80 160.01\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        Accompagnement personnalis\u00e9\n                    <\/h4>\n                    <p>\n                        Chaque lyc\u00e9en est accompagn\u00e9 par la coordinatrice du programme. Des ateliers de m\u00e9thodologie, des entretiens r\u00e9guliers, un accompagnement \u00e0 la r\u00e9daction de lettres de motivation, CV et dossiers de candidature jalonnent les ann\u00e9es lyc\u00e9e. Candidature via Parcoursup ou hors Parcoursup, ou \u00e0 des universit\u00e9s internationales.\n                    <\/p>\n                <\/div>\n                <div class=\"projet-block-lycee\">\n                    <h4>\n                        <svg class=\"projet-icon-lycee\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M75.88,123.26,89.2,100a8,8,0,0,1,6.94-4h16.71a7.9,7.9,0,0,0,3.86-1L129,88.24a7.12,7.12,0,0,0,1.49-1.07l26.92-24.33A8,8,0,0,0,159,53l-10.5-18.81\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M67.78,53.23,56,81.08A8,8,0,0,0,55.88,87l11.5,30.67a8,8,0,0,0,5.81,5l21.43,4.61a8,8,0,0,1,5.52,4.33l3.8,7.87a8,8,0,0,0,7.2,4.51h13.8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M213.09,172.48l-52.38-32.22a8.11,8.11,0,0,0-3.12-1.11l-22.82-3.08a8,8,0,0,0-8.38,4.67l-13.7,30.74a8,8,0,0,0,1.44,8.69l19.74,20.33a8,8,0,0,1,2,6.95l-3.17,16.44\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        Un cadre de vie propice\n                    <\/h4>\n                    <p>\n                        Campus verdoyant et stimulant, \u00e0 proximit\u00e9 des infrastructures sportives, culturelles et scientifiques de Bordeaux. Activit\u00e9s extrascolaires vari\u00e9es, projets interdisciplinaires, voyages p\u00e9dagogiques et stages favorisant l'ouverture sur le monde.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"postbac-section-lycee\">\n            \n            <div class=\"postbac-header-lycee\">\n                <span class=\"postbac-badge-lycee\">\n                    \n                    Apr\u00e8s le Baccalaur\u00e9at\n                <\/span>\n                <h3 class=\"postbac-title-lycee\">Vers les <span class=\"highlight\">meilleures universit\u00e9s<\/span> du monde<\/h3>\n                <p class=\"postbac-intro-lycee\">\n                    Au sein de l'Ermitage International Group, nos \u00e9l\u00e8ves sont r\u00e9guli\u00e8rement admis dans les universit\u00e9s et \u00e9tablissements les plus prestigieux, en France et \u00e0 l'international.\n                <\/p>\n            <\/div>\n            \n            <div class=\"postbac-universities-lycee\">\n                <div class=\"universities-content-lycee\">\n                    <h4 class=\"universities-headline-lycee\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"24\" y1=\"216\" x2=\"232\" y2=\"216\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"56 216 56 72 128 32 200 72 200 216\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"96 216 96 152 160 152 160 216\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"56\" y1=\"112\" x2=\"200\" y2=\"112\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        Destinations de nos dipl\u00f4m\u00e9s\n                    <\/h4>\n                    <div class=\"universities-list-lycee\">\n                        <span class=\"university-tag-lycee highlight-tag\">Sciences Po<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">\u00c9cole Polytechnique<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">Universit\u00e9s de Paris<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">Londres<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">Amsterdam<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">Barcelone<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">Montr\u00e9al<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">Boston<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">Tokyo<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">\u00c9coles d'ing\u00e9nieurs<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">\u00c9coles de commerce<\/span>\n                        <span class=\"university-tag-lycee highlight-tag\">Classes pr\u00e9paratoires<\/span>\n                    <\/div>\n                    <p class=\"universities-note-lycee\">\n                        <strong>100% de nos dipl\u00f4m\u00e9s obtiennent une place dans leur premier choix de formation post-bac<\/strong>, preuve de la qualit\u00e9 de leur dossier et de la pertinence de notre accompagnement personnalis\u00e9.\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"postbac-diplomes-grid-lycee\">\n                <div class=\"diplome-card-lycee\">\n                    <div class=\"diplome-icon-lycee\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"96\" r=\"80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"176 160 176 240 127.99 216 80 240 80 160.01\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <\/div>\n                    <h4>Dipl\u00f4me de fin de PEI<\/h4>\n                    <p>En fin de seconde, les \u00e9l\u00e8ves passent l'examen de fin de PEI et obtiennent ainsi un dipl\u00f4me reconnu mondialement.<\/p>\n                <\/div>\n                <div class=\"diplome-card-lycee\">\n                    <div class=\"diplome-icon-lycee\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"96\" r=\"80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"176 160 176 240 127.99 216 80 240 80 160.01\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    <\/div>\n                    <h4>Baccalaur\u00e9at International<\/h4>\n                    <p>\u00c0 la fin du lyc\u00e9e, les \u00e9l\u00e8ves passent le baccalaur\u00e9at international, ce qui leur permet de choisir leur voie et d'acc\u00e9der aux grandes \u00e9coles et universit\u00e9s \u00e9trang\u00e8res les plus prestigieuses.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"postbac-profil-lycee\">\n                <div class=\"profil-header-lycee\">\n                    <h4>Le profil des bacheliers de l'IB<\/h4>\n                    <p>Des qualit\u00e9s fortement recherch\u00e9es par les \u00e9tablissements d'enseignement sup\u00e9rieur<\/p>\n                <\/div>\n                <div class=\"profil-qualities-lycee\">\n                    <span class=\"quality-badge-lycee\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"128 72 128 128 184 128\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        Autonomie\n                    <\/span>\n                    <span class=\"quality-badge-lycee\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M128,216S24,160,24,94A54,54,0,0,1,78,40c22.59,0,41.94,12.31,50,32,8.06-19.69,27.41-32,50-32a54,54,0,0,1,54,54C232,160,128,216,128,216Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        Maturit\u00e9\n                    <\/span>\n                    <span class=\"quality-badge-lycee\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><line x1=\"88\" y1=\"232\" x2=\"168\" y2=\"232\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M78.7,167A79.87,79.87,0,0,1,48,104.45C47.76,61.09,82.72,25,126.07,24a80,80,0,0,1,51.34,142.9A24.3,24.3,0,0,0,168,186v6a8,8,0,0,1-8,8H96a8,8,0,0,1-8-8v-6A24.11,24.11,0,0,0,78.7,167Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M136,56c20,3.37,36.61,20,40,40\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        Esprit critique\n                    <\/span>\n                    <span class=\"quality-badge-lycee\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"92\" cy=\"108\" r=\"12\"\/><circle cx=\"164\" cy=\"108\" r=\"12\"\/><path d=\"M169.58,152a48.07,48.07,0,0,1-83.16,0\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        Curiosit\u00e9 intellectuelle\n                    <\/span>\n                    <span class=\"quality-badge-lycee\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"128\" y1=\"32\" x2=\"128\" y2=\"224\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M176,48a119.43,119.43,0,0,1,0,160\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M80,48A119.43,119.43,0,0,0,80,208\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"32\" y1=\"128\" x2=\"224\" y2=\"128\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        Ouverture sur le monde\n                    <\/span>\n                    <span class=\"quality-badge-lycee\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><polyline points=\"240 216 184 104 128 216\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"144\" y1=\"184\" x2=\"224\" y2=\"184\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"96\" y1=\"32\" x2=\"96\" y2=\"56\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"32\" y1=\"56\" x2=\"160\" y2=\"56\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M128,56a96,96,0,0,1-96,96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M69.47,88A96,96,0,0,0,160,152\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        Profil bilingue\n                    <\/span>\n                <\/div>\n                <div class=\"profil-conclusion-lycee\">\n                    <p>Leur profil <strong>bilingue, international et engag\u00e9<\/strong> constitue une v\u00e9ritable valeur ajout\u00e9e, fortement recherch\u00e9e par les \u00e9tablissements d'enseignement sup\u00e9rieur \u00e0 travers le monde.<\/p>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n        <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f904be2 e-con-full e-flex e-con e-child\" data-id=\"f904be2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a8c147 elementor-widget elementor-widget-image\" data-id=\"8a8c147\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-hockey-768x1024.jpeg\" class=\"attachment-large size-large wp-image-2942\" alt=\"\" srcset=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-hockey-768x1024.jpeg 768w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-hockey-225x300.jpeg 225w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-hockey-1152x1536.jpeg 1152w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-hockey-9x12.jpeg 9w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-hockey.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b64d2d elementor-widget elementor-widget-image\" data-id=\"3b64d2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-foreign-school-768x1024.jpeg\" class=\"attachment-large size-large wp-image-2943\" alt=\"\" srcset=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-foreign-school-768x1024.jpeg 768w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-foreign-school-225x300.jpeg 225w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-foreign-school-1152x1536.jpeg 1152w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-foreign-school-9x12.jpeg 9w, https:\/\/international-school33.com\/wp-content\/uploads\/2025\/12\/IS33-Lycee-foreign-school.jpeg 1200w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bd37d4 elementor-widget elementor-widget-html\" data-id=\"9bd37d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-certificat-ib {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: linear-gradient(180deg, #f8f9fb 0%, #ffffff 100%);\n    padding: 80px 40px;\n    position: relative;\n}\n\n.certificat-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.certificat-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUpCert 0.8s ease-out;\n}\n\n.certificat-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    color: white;\n    padding: 8px 20px;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 24px;\n    letter-spacing: 0.5px;\n}\n\n.certificat-badge .badge-icon-cert {\n    width: 18px;\n    height: 18px;\n    color: white;\n}\n\n.certificat-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.certificat-title .highlight {\n    color: #F45D48;\n}\n\n.certificat-intro {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.7;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n\/* Main Content Grid *\/\n.certificat-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    margin-bottom: 60px;\n    \/* MODIF: Suppression de 'align-items: start' pour que les colonnes aient la m\u00eame hauteur *\/\n}\n\n\/* Left Column - Description *\/\n.certificat-description {\n    animation: fadeInUpCert 0.8s ease-out 0.2s backwards;\n    display: flex;\n    flex-direction: column;\n}\n\n.certificat-description h3 {\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.3;\n}\n\n.certificat-description p {\n    font-size: 16px;\n    line-height: 1.8;\n    color: #05244F;\n    opacity: 0.85;\n    margin-bottom: 20px;\n}\n\n.certificat-description p:last-of-type {\n    margin-bottom: 0;\n}\n\n.certificat-highlight-box {\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    padding: 32px;\n    margin-top: 32px;\n    position: relative;\n    overflow: hidden;\n    \/* MODIF: Le 'flex-grow' n'est pas n\u00e9cessaire ici, mais aide \u00e0 structurer si besoin *\/\n    height: 100%; \n}\n\n\/* MODIF: Le bloc '::before' qui cr\u00e9ait la sph\u00e8re a \u00e9t\u00e9 supprim\u00e9 ici *\/\n\n.certificat-highlight-box p {\n    color: white;\n    font-size: 17px;\n    line-height: 1.7;\n    margin: 0;\n    position: relative;\n    z-index: 1;\n    opacity: 1;\n}\n\n.certificat-highlight-box strong {\n    color: #B59138;\n}\n\n\/* Right Column - Benefits *\/\n.certificat-benefits {\n    animation: fadeInUpCert 0.8s ease-out 0.3s backwards;\n    \/* MODIF: Force le conteneur \u00e0 prendre toute la hauteur disponible dans la grille *\/\n    height: 100%;\n}\n\n.benefits-card {\n    background: white;\n    padding: 40px;\n    box-shadow: 0 8px 32px rgba(5, 36, 79, 0.08);\n    border-left: 4px solid #B59138;\n    \/* MODIF: Force la carte \u00e0 prendre 100% de la hauteur de sa colonne *\/\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: center; \/* Centre le contenu verticalement si la bo\u00eete est tr\u00e8s haute *\/\n}\n\n.benefits-card h4 {\n    font-size: 22px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.benefits-card h4 svg {\n    width: 28px;\n    height: 28px;\n    color: #B59138;\n}\n\n.benefits-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.benefits-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 16px 0;\n    border-bottom: 1px solid #e9ecef;\n    font-size: 16px;\n    color: #05244F;\n    line-height: 1.6;\n}\n\n.benefits-list li:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n}\n\n.benefit-icon {\n    width: 24px;\n    height: 24px;\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 2px;\n}\n\n.benefit-icon::before {\n    content: \"\u2713\";\n    color: white;\n    font-weight: 700;\n    font-size: 12px;\n}\n\n\/* \u00c9tablissements Section *\/\n.etablissements-section {\n    background: white;\n    padding: 48px;\n    box-shadow: 0 8px 32px rgba(5, 36, 79, 0.06);\n    animation: fadeInUpCert 0.8s ease-out 0.4s backwards;\n}\n\n.etablissements-section h3 {\n    font-size: 24px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 32px;\n    text-align: center;\n}\n\n.etablissements-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n\n.etablissement-region {\n    text-align: center;\n    padding: 24px 16px;\n    background: #f8f9fb;\n    transition: all 0.3s ease;\n}\n\n.etablissement-region:hover {\n    background: #05244F;\n}\n\n.etablissement-region:hover .region-flag {\n    transform: scale(1.1);\n}\n\n.etablissement-region:hover h4,\n.etablissement-region:hover p {\n    color: white;\n}\n\n.region-flag {\n    font-size: 32px;\n    margin-bottom: 12px;\n    transition: transform 0.3s ease;\n}\n\n.etablissement-region h4 {\n    font-size: 16px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 8px;\n    transition: color 0.3s ease;\n}\n\n.etablissement-region p {\n    font-size: 13px;\n    color: #05244F;\n    opacity: 0.75;\n    line-height: 1.5;\n    margin: 0;\n    transition: color 0.3s ease;\n}\n\n\/* Animations *\/\n@keyframes fadeInUpCert {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n    .is33-certificat-ib {\n        padding: 60px 24px;\n    }\n    \n    .certificat-title {\n        font-size: 32px;\n    }\n    \n    .certificat-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    \n    \/* MODIF: On remet la hauteur auto sur mobile pour \u00e9viter les vides *\/\n    .certificat-benefits, .benefits-card {\n        height: auto;\n    }\n    \n    .etablissements-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n    }\n    \n    .etablissements-section {\n        padding: 32px 24px;\n    }\n}\n\n@media (max-width: 480px) {\n    .etablissements-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n<section class=\"is33-certificat-ib\" id=\"lycee-certificat\">\n    <div class=\"certificat-container\">\n        <div class=\"certificat-header\">\n            <span class=\"certificat-badge\">\n                <svg class=\"badge-icon-cert\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M128,88a32,32,0,0,1,32-32h72V200H160a32,32,0,0,0-32,32\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M24,200H96a32,32,0,0,1,32,32V88A32,32,0,0,0,96,56H24Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                Alternative flexible\n            <\/span>\n            <h2 class=\"certificat-title\">\n                Le <span class=\"highlight\">certificat IB<\/span>, une option plus souple\n            <\/h2>\n            <p class=\"certificat-intro\">\n                Pour certains \u00e9l\u00e8ves, il est possible de suivre le programme du dipl\u00f4me sous forme de certificat, en choisissant seulement trois ou quatre mati\u00e8res. Une formule plus l\u00e9g\u00e8re mais tout aussi qualitative.\n            <\/p>\n        <\/div>\n        \n        <div class=\"certificat-grid\">\n            <div class=\"certificat-description\">\n                <h3>Une voie id\u00e9ale pour diversifier son profil<\/h3>\n                <p>\n                    Le certificat permet de valider des comp\u00e9tences sp\u00e9cifiques et d'acc\u00e9der \u00e0 l'enseignement sup\u00e9rieur, notamment en France et dans le monde, dans des formations qui reconnaissent la rigueur du programme IB.\n                <\/p>\n                <p>\n                    C'est une voie id\u00e9ale pour les \u00e9l\u00e8ves qui souhaitent se sp\u00e9cialiser, diversifier leur profil ou compl\u00e9ter une orientation artistique, sportive ou professionnelle.\n                <\/p>\n                \n                <div class=\"certificat-highlight-box\">\n                    <p>\n                        Le certificat permet de <strong>b\u00e9n\u00e9ficier du contr\u00f4le continu<\/strong> et d'une p\u00e9dagogie exigeante, tout en <strong>all\u00e9geant la charge de travail globale<\/strong>. Une solution adapt\u00e9e aux profils vari\u00e9s.\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"certificat-benefits\">\n                <div class=\"benefits-card\">\n                    <h4>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M104,147.43l98.34-97.09a8,8,0,0,1,11.32,0l24,23.6a8,8,0,0,1,0,11.32l-128.4,128.4a8,8,0,0,1-11.32,0l-71.6-72a8,8,0,0,1,0-11.31l24-24a8,8,0,0,1,11.32,0Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        Avantages du certificat IB\n                    <\/h4>\n                    <ul class=\"benefits-list\">\n                        <li>\n                            <span class=\"benefit-icon\"><\/span>\n                            <span>Choix de <strong>3 \u00e0 4 mati\u00e8res<\/strong> seulement au lieu de 6<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"benefit-icon\"><\/span>\n                            <span>Reconnaissance <strong>internationale<\/strong> de la rigueur IB<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"benefit-icon\"><\/span>\n                            <span>Compatible avec une orientation <strong>artistique ou sportive<\/strong><\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"benefit-icon\"><\/span>\n                            <span>Acc\u00e8s \u00e0 de nombreuses <strong>universit\u00e9s et \u00e9coles<\/strong> en France et \u00e0 l'\u00e9tranger<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"benefit-icon\"><\/span>\n                            <span><strong>Contr\u00f4le continu<\/strong> valorisant l'implication r\u00e9guli\u00e8re<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"etablissements-section\">\n            <h3>\u00c9tablissements acceptant les certificats IB<\/h3>\n            <div class=\"etablissements-grid\">\n                <div class=\"etablissement-region\">\n                    <div class=\"region-flag\">\ud83c\uddeb\ud83c\uddf7<\/div>\n                    <h4>France<\/h4>\n                    <p>INSEEC, ESG, IPAG, EDC Paris Business School<\/p>\n                <\/div>\n                <div class=\"etablissement-region\">\n                    <div class=\"region-flag\">\ud83c\uddec\ud83c\udde7<\/div>\n                    <h4>Royaume-Uni<\/h4>\n                    <p>Middlesex University, University of Greenwich, London Metropolitan<\/p>\n                <\/div>\n                <div class=\"etablissement-region\">\n                    <div class=\"region-flag\">\ud83c\uddf3\ud83c\uddf1<\/div>\n                    <h4>Pays-Bas<\/h4>\n                    <p>Hanze University, The Hague University<\/p>\n                <\/div>\n                <div class=\"etablissement-region\">\n                    <div class=\"region-flag\">\ud83c\uddea\ud83c\uddf8\ud83c\udde8\ud83c\udde6<\/div>\n                    <h4>Espagne & Canada<\/h4>\n                    <p>EU Business School (Barcelone), Bishop's University (Canada)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b257c50 e-flex e-con-boxed e-con e-parent\" data-id=\"b257c50\" 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-c7192e0 elementor-widget elementor-widget-html\" data-id=\"c7192e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.is33-pop-programme {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: linear-gradient(180deg, #05244F 0%, #0a3d7a 100%);\n    padding: 50px 40px;\n    position: relative;\n    overflow: hidden;\n}\n\n.is33-pop-programme::before {\n    content: '';\n    position: absolute;\n    top: -30%;\n    right: -10%;\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(244, 93, 72, 0.1) 0%, transparent 70%);\n    border-radius: 50%;\n}\n\n.is33-pop-programme::after {\n    content: '';\n    position: absolute;\n    bottom: -20%;\n    left: -10%;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(181, 145, 56, 0.1) 0%, transparent 70%);\n    border-radius: 50%;\n}\n\n.pop-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n}\n\n\/* Header *\/\n.pop-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUpPop 0.8s ease-out;\n}\n\n.pop-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    color: white;\n    padding: 10px 24px;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 24px;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n}\n\n.pop-badge .badge-icon-pop {\n    width: 18px;\n    height: 18px;\n    color: white;\n}\n\n.pop-title {\n    font-size: 48px;\n    font-weight: 700;\n    color: white;\n    margin-bottom: 24px;\n    line-height: 1.2;\n}\n\n.pop-title .highlight {\n    color: #B59138;\n}\n\n.pop-subtitle {\n    font-size: 20px;\n    color: white;\n    opacity: 0.9;\n    line-height: 1.7;\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n\/* --- STYLE DU LIEN DANS LE TEXTE --- *\/\n.pop-subtitle a {\n    color: #B59138; \/* Couleur dor\u00e9e *\/\n    text-decoration: underline;\n    text-underline-offset: 4px; \/* Espace sous le texte *\/\n    font-weight: 700;\n    transition: all 0.3s ease;\n}\n\n.pop-subtitle a:hover {\n    color: #F45D48; \/* Couleur orange au survol *\/\n    text-decoration-color: #F45D48;\n}\n\/* ---------------------------------- *\/\n\n\/* Three Pillars *\/\n.pillars-section {\n    margin-bottom: 60px;\n}\n\n.pillars-intro {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.pillars-intro h3 {\n    font-size: 28px;\n    font-weight: 700;\n    color: white;\n    margin-bottom: 16px;\n}\n\n.pillars-intro p {\n    font-size: 17px;\n    color: white;\n    opacity: 0.85;\n    max-width: 700px;\n    margin: 0 auto;\n    line-height: 1.7;\n}\n\n.pillars-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n}\n\n.pillar-card {\n    background: rgba(255, 255, 255, 0.08);\n    backdrop-filter: blur(10px);\n    padding: 40px 32px;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    transition: all 0.3s ease;\n    animation: fadeInUpPop 0.8s ease-out backwards;\n    position: relative;\n    overflow: hidden;\n}\n\n.pillar-card:nth-child(1) { animation-delay: 0.1s; }\n.pillar-card:nth-child(2) { animation-delay: 0.2s; }\n.pillar-card:nth-child(3) { animation-delay: 0.3s; }\n\n.pillar-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(90deg, #F45D48 0%, #B59138 100%);\n}\n\n.pillar-card:hover {\n    background: rgba(255, 255, 255, 0.12);\n    transform: translateY(-8px);\n}\n\n.pillar-number {\n    font-size: 48px;\n    font-weight: 700;\n    color: #B59138;\n    margin-bottom: 16px;\n    line-height: 1;\n}\n\n.pillar-title {\n    font-size: 22px;\n    font-weight: 700;\n    color: white;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.pillar-text {\n    font-size: 15px;\n    color: white;\n    opacity: 0.85;\n    line-height: 1.7;\n    margin: 0;\n}\n\n\/* Unique Position Banner *\/\n.unique-banner {\n    background: rgba(181, 145, 56, 0.15);\n    border: 2px solid rgba(181, 145, 56, 0.3);\n    padding: 48px;\n    margin-bottom: 60px;\n    animation: fadeInUpPop 0.8s ease-out 0.4s backwards;\n}\n\n.unique-banner-content {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 32px;\n    align-items: center;\n}\n\n.unique-icon {\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(135deg, #B59138 0%, #d4ab4d 100%);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.unique-icon svg {\n    width: 40px;\n    height: 40px;\n    color: white;\n}\n\n.unique-text h4 {\n    font-size: 24px;\n    font-weight: 700;\n    color: #B59138;\n    margin-bottom: 12px;\n}\n\n.unique-text p {\n    font-size: 17px;\n    color: white;\n    opacity: 0.9;\n    line-height: 1.7;\n    margin: 0;\n}\n\n\/* Sectors Grid *\/\n.sectors-section {\n    margin-bottom: 60px;\n}\n\n.sectors-header {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.sectors-header h3 {\n    font-size: 24px;\n    font-weight: 700;\n    color: white;\n    margin-bottom: 8px;\n}\n\n.sectors-header p {\n    font-size: 16px;\n    color: white;\n    opacity: 0.75;\n}\n\n.sectors-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    justify-content: center;\n}\n\n.sector-tag {\n    background: rgba(255, 255, 255, 0.1);\n    color: white;\n    padding: 12px 24px;\n    font-size: 15px;\n    font-weight: 600;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    transition: all 0.3s ease;\n}\n\n.sector-tag:hover {\n    background: #F45D48;\n    border-color: #F45D48;\n    transform: scale(1.05);\n}\n\n\/* CTA Section *\/\n.pop-cta {\n    background: white;\n    padding: 48px;\n    text-align: center;\n    animation: fadeInUpPop 0.8s ease-out 0.5s backwards;\n}\n\n.pop-cta h3 {\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 16px;\n}\n\n.pop-cta p {\n    font-size: 17px;\n    color: #05244F;\n    opacity: 0.85;\n    max-width: 700px;\n    margin: 0 auto 32px;\n    line-height: 1.7;\n}\n\n.pop-cta-highlight {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    color: white;\n    padding: 16px 32px;\n    font-size: 16px;\n    font-weight: 600;\n}\n\n.pop-cta-highlight svg {\n    width: 24px;\n    height: 24px;\n    color: #B59138;\n}\n\n\/* Animations *\/\n@keyframes fadeInUpPop {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n    .is33-pop-programme {\n        padding: 60px 24px;\n    }\n    \n    .pop-title {\n        font-size: 36px;\n    }\n    \n    .pillars-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }\n    \n    .unique-banner-content {\n        grid-template-columns: 1fr;\n        text-align: center;\n    }\n    \n    .unique-icon {\n        margin: 0 auto 16px;\n    }\n    \n    .unique-banner {\n        padding: 32px 24px;\n    }\n    \n    .pop-cta {\n        padding: 32px 24px;\n    }\n}\n<\/style>\n\n<section class=\"is33-pop-programme\" id=\"lycee-pop\">\n    <div class=\"pop-container\">\n        <div class=\"pop-header\">\n            <span class=\"pop-badge\">\n                Nouveau d\u00e8s 2026\n            <\/span>\n            <h2 class=\"pop-title\">\n                Programme \u00e0 Orientation <span class=\"highlight\">Professionnelle (POP)<\/span>\n            <\/h2>\n            <!-- \n            @@@@@@@\n            enlever les commentaires suivants apr\u00e8s validation POP \n            @@@@@@@@\n            -->\n            <!-- <p class=\"pop-subtitle\">\n                \u00c0 partir de <strong>septembre 2026<\/strong>, l'International School 33 propose le <a href=\"https:\/\/international-school33.com\/programme-a-orientation-professionnelle\/\">Programme d'Orientation Professionnelle<\/a> du Baccalaur\u00e9at International (POP \u2013 IB Career-related Programme), une voie exigeante et valorisante qui s'adresse aux \u00e9l\u00e8ves d\u00e9sireux de construire un projet d'avenir solide, qu'il soit acad\u00e9mique ou professionnel.\n            <\/p> -->\n            \n           <p class=\"pop-subtitle\">\n                \u00c0 partir de <strong>septembre 2026<\/strong>, l'International School 33 est candidate pour proposer le <a href=\"https:\/\/international-school33.com\/programme-a-orientation-professionnelle\/\">Programme d'Orientation Professionnelle<\/a> du Baccalaur\u00e9at International (POP \u2013 IB Career-related Programme), une voie exigeante et valorisante qui s'adresse aux \u00e9l\u00e8ves d\u00e9sireux de construire un projet d'avenir solide, qu'il soit acad\u00e9mique ou professionnel.\n            <\/p>\n        <\/div>\n        \n        <div class=\"pillars-section\">\n            <div class=\"pillars-intro\">\n                <h3>Trois piliers pour l'excellence<\/h3>\n                <p>Con\u00e7u pour allier excellence acad\u00e9mique et pr\u00e9paration concr\u00e8te au monde du travail<\/p>\n            <\/div>\n            \n            <div class=\"pillars-grid\">\n                <div class=\"pillar-card\">\n                    <div class=\"pillar-number\">01<\/div>\n                    <h4 class=\"pillar-title\">Cours du Programme du Dipl\u00f4me<\/h4>\n                    <p class=\"pillar-text\">\n                        Des cours dans des disciplines cl\u00e9s issus du Programme du Dipl\u00f4me IB, garantissant un niveau acad\u00e9mique reconnu mondialement.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"pillar-card\">\n                    <div class=\"pillar-number\">02<\/div>\n                    <h4 class=\"pillar-title\">Formation professionnelle sp\u00e9cialis\u00e9e<\/h4>\n                    <p class=\"pillar-text\">\n                        En lien avec des partenaires reconnus dans les secteurs de la gestion, communication, d\u00e9veloppement durable, technologie et design.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"pillar-card\">\n                    <div class=\"pillar-number\">03<\/div>\n                    <h4 class=\"pillar-title\">Tronc commun & d\u00e9veloppement<\/h4>\n                    <p class=\"pillar-text\">\n                        Apprentissage d'une langue, projet de r\u00e9flexion, service communautaire \u2013 ax\u00e9 sur le d\u00e9veloppement personnel et l'\u00e9thique.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"unique-banner\">\n            <div class=\"unique-banner-content\">\n                <div class=\"unique-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M128,189.09l54.72,33.65a8.4,8.4,0,0,0,12.52-9.17l-14.88-62.79,48.7-42A8.46,8.46,0,0,0,224.27,94L160.36,88.8,135.74,29.2a8.36,8.36,0,0,0-15.48,0L95.64,88.8,31.73,94a8.46,8.46,0,0,0-4.79,14.83l48.7,42L60.76,213.57a8.4,8.4,0,0,0,12.52,9.17Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                <\/div>\n                <div class=\"unique-text\">\n                    <h4>Une des tr\u00e8s rares \u00e9coles en France<\/h4>\n                    <p>\n                        Avec l'ouverture du POP, l'International School 33 deviendra <strong>l'une des tr\u00e8s rares \u00e9coles en France \u00e0 proposer l'ensemble du continuum de l'IB<\/strong> \u2014 du Programme Primaire au POP, en passant par le PEI (programme du coll\u00e8ge) et le DP (programme du lyc\u00e9e) \u2014 dans une <strong>approche bilingue fran\u00e7ais\/anglais<\/strong>, fid\u00e8le \u00e0 sa vocation internationale.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"sectors-section\">\n            <div class=\"sectors-header\">\n                <h3>Secteurs professionnels envisag\u00e9s<\/h3>\n                <p>Des formations en lien avec les m\u00e9tiers d'avenir<\/p>\n            <\/div>\n            <div class=\"sectors-grid\">\n                <span class=\"sector-tag\">Gestion<\/span>\n                <span class=\"sector-tag\">Communication<\/span>\n                <span class=\"sector-tag\">D\u00e9veloppement durable<\/span>\n                <span class=\"sector-tag\">Technologie<\/span>\n                <span class=\"sector-tag\">Design<\/span>\n            <\/div>\n        <\/div>\n        \n        <div class=\"pop-cta\">\n            <h3>Une alternative ambitieuse<\/h3>\n            <p>\n                Le POP offre une alternative ambitieuse pour les \u00e9l\u00e8ves qui ne souhaitent pas uniquement suivre une voie acad\u00e9mique classique, mais qui veulent explorer des vocations concr\u00e8tes, valider un dipl\u00f4me internationalement reconnu, et construire une carri\u00e8re \u00e9panouissante en coh\u00e9rence avec leur profil personnel.\n            <\/p>\n            <div class=\"pop-cta-highlight\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"96\" r=\"80\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"128\" cy=\"96\" r=\"48\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"176 160 176 240 127.99 216 80 240 80 160.01\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                Former des citoyens du monde responsables, autonomes et confiants\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d304fc elementor-widget elementor-widget-html\" data-id=\"7d304fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* Reset agressif pour emp\u00eacher tout d\u00e9bordement *\/\n.is33-journee-college,\n.is33-journee-college * {\n    box-sizing: border-box;\n    max-width: 100%;\n}\n\n.is33-journee-college {\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n    background: transparent;\n    padding: 40px 40px 80px;\n    overflow-x: hidden;\n}\n\n.journee-college-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    width: 100%;\n    overflow: hidden;\n}\n\n\/* Header *\/\n.journee-college-header {\n    text-align: center;\n    margin-bottom: 60px;\n    animation: fadeInUpJournee 0.8s ease-out;\n}\n\n.journee-college-badge {\n    display: inline-block;\n    background: linear-gradient(135deg, #F45D48 0%, #ff7a66 100%);\n    color: white;\n    padding: 8px 20px;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 24px;\n    letter-spacing: 0.5px;\n}\n\n.journee-college-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 24px;\n    line-height: 1.2;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.journee-college-title .highlight {\n    color: #F45D48;\n}\n\n.journee-college-intro {\n    font-size: 18px;\n    color: #05244F;\n    opacity: 0.85;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0 auto;\n    word-wrap: break-word;\n}\n\n\/* Hero Block Programme *\/\n.programme-block-journee {\n    background: linear-gradient(135deg, #05244F 0%, #0a3567 100%);\n    color: white;\n    padding: 60px;\n    margin-bottom: 60px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n    animation: fadeInUpJournee 0.8s ease-out 0.2s backwards;\n    overflow: hidden;\n}\n\n.programme-content-journee {\n    min-width: 0;\n}\n\n.programme-content-journee h3 {\n    font-size: 36px;\n    font-weight: 700;\n    margin-bottom: 24px;\n    color: white;\n    line-height: 1.2;\n    word-wrap: break-word;\n}\n\n.programme-highlight-journee {\n    font-size: 56px;\n    font-weight: 700;\n    color: #B59138;\n    display: block;\n    margin-bottom: 12px;\n    line-height: 1;\n}\n\n.programme-content-journee p {\n    font-size: 17px;\n    line-height: 1.8;\n    opacity: 0.9;\n    margin-bottom: 0;\n    word-wrap: break-word;\n}\n\n.programme-sections-journee {\n    display: grid;\n    gap: 16px;\n    min-width: 0;\n}\n\n.section-card-journee {\n    background: rgba(255, 255, 255, 0.1);\n    padding: 20px 24px;\n    border-left: 4px solid #B59138;\n    transition: all 0.3s ease;\n    overflow: hidden;\n}\n\n.section-card-journee:hover {\n    background: rgba(255, 255, 255, 0.15);\n    transform: translateX(8px);\n}\n\n.section-card-journee h4 {\n    font-size: 18px;\n    font-weight: 600;\n    margin-bottom: 8px;\n    color: #B59138;\n    word-wrap: break-word;\n}\n\n.section-card-journee p {\n    font-size: 15px;\n    line-height: 1.6;\n    opacity: 0.85;\n    margin: 0;\n    word-wrap: break-word;\n}\n\n.section-card-journee.lycee-card {\n    border-left-color: #F45D48;\n}\n\n.section-card-journee.lycee-card h4 {\n    color: #F45D48;\n}\n\n\/* Stats Compact *\/\n.stats-compact-journee {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 0;\n    margin-bottom: 80px;\n    animation: fadeInUpJournee 0.8s ease-out 0.3s backwards;\n    overflow: hidden;\n}\n\n.stat-compact-box-journee {\n    padding: 40px 32px;\n    text-align: center;\n    border-right: 2px solid white;\n    transition: all 0.3s ease;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.stat-compact-box-journee:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);\n}\n\n.stat-compact-box-journee:last-child {\n    border-right: none;\n}\n\n.stat-compact-box-journee:nth-child(1) {\n    background: #F45D48;\n}\n\n.stat-compact-box-journee:nth-child(2) {\n    background: #B59138;\n}\n\n.stat-compact-box-journee:nth-child(3) {\n    background: #05244F;\n}\n\n.stat-compact-number-journee {\n    font-size: 48px;\n    font-weight: 700;\n    color: white;\n    display: block;\n    margin-bottom: 12px;\n    line-height: 1;\n    word-break: break-word;\n}\n\n.stat-compact-label-journee {\n    font-size: 16px;\n    color: white;\n    opacity: 0.95;\n    font-weight: 500;\n    line-height: 1.4;\n    word-wrap: break-word;\n}\n\n\/* Activit\u00e9s Extrascolaires *\/\n.extras-college-section {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 0;\n    animation: fadeInUpJournee 0.8s ease-out 0.4s backwards;\n    overflow: hidden;\n}\n\n.extras-college-panel {\n    padding: 60px;\n    background: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%);\n    border: 2px solid #e9ecef;\n    overflow: hidden;\n}\n\n.extras-college-panel h3 {\n    font-size: 28px;\n    font-weight: 700;\n    color: #05244F;\n    margin-bottom: 40px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    word-wrap: break-word;\n}\n\n.section-icon {\n    width: 36px;\n    height: 36px;\n    color: #F45D48;\n    flex-shrink: 0;\n}\n\n\/* Layout Flexbox pour 3 en haut, 2 centr\u00e9s en bas *\/\n.extras-college-list {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center; \/* Centre la ligne incompl\u00e8te (les 2 du bas) *\/\n    gap: 24px;\n}\n\n.extras-college-item {\n    \/* Calcul pour 3 items par ligne *\/\n    width: calc((100% - 48px) \/ 3);\n    \n    \/* MODIFICATIONS POUR HAUTEUR \u00c9GALE : *\/\n    min-height: 125px;       \/* 1. Force une hauteur minimale suffisante pour le texte le plus long *\/\n    display: flex;\n    align-items: center;     \/* 2. Centre le contenu verticalement pour que ce soit joli m\u00eame si la carte est \"trop grande\" pour son contenu *\/\n    \n    gap: 16px;\n    padding: 20px;\n    background: white;\n    border-left: 4px solid #B59138;\n    box-shadow: 0 4px 16px rgba(5, 36, 79, 0.06);\n    transition: all 0.3s ease;\n    overflow: hidden;\n}\n\n.extras-college-item:hover {\n    transform: translateX(8px);\n    box-shadow: 0 8px 24px rgba(5, 36, 79, 0.1);\n}\n\n.extras-college-icon {\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, #05244F 0%, #0a3d7a 100%);\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.extras-college-icon svg {\n    width: 22px;\n    height: 22px;\n    color: white;\n}\n\n.extras-college-text {\n    min-width: 0;\n}\n\n.extras-college-text h4 {\n    font-size: 17px;\n    font-weight: 600;\n    color: #05244F;\n    margin-bottom: 4px;\n    word-wrap: break-word;\n}\n\n.extras-college-text p {\n    font-size: 14px;\n    color: #05244F;\n    opacity: 0.7;\n    line-height: 1.6;\n    margin: 0;\n    word-wrap: break-word;\n}\n\n\/* Animations *\/\n@keyframes fadeInUpJournee {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\u2028.journee-college-intro a {\n    color: #F45D48;\n    text-decoration: none;\n    font-weight: 600;\n    border-bottom: 1px solid rgba(244, 93, 72, 0.35);\n}\n\n\/* ========== RESPONSIVE TABLETTE ========== *\/\n@media (max-width: 968px) {\n    .is33-journee-college {\n        padding: 32px 20px 60px;\n    }\n    \n    .journee-college-title {\n        font-size: 32px;\n    }\n    \n    .programme-block-journee {\n        grid-template-columns: 1fr;\n        padding: 40px 24px;\n        gap: 32px;\n    }\n    \n    .programme-highlight-journee {\n        font-size: 42px;\n    }\n    \n    .stats-compact-journee {\n        grid-template-columns: 1fr;\n        margin-bottom: 60px;\n    }\n    \n    .stat-compact-box-journee {\n        border-right: none;\n        border-bottom: 2px solid white;\n    }\n    \n    .stat-compact-box-journee:last-child {\n        border-bottom: none;\n    }\n    \n    .extras-college-panel {\n        padding: 40px 24px;\n    }\n    \n    \/* Responsive Flexbox *\/\n    .extras-college-list {\n        gap: 16px;\n    }\n\n    .extras-college-item {\n        \/* 2 items par ligne sur tablette *\/\n        width: calc((100% - 16px) \/ 2);\n    }\n}\n\n\/* ========== RESPONSIVE MOBILE ========== *\/\n@media (max-width: 600px) {\n    .is33-journee-college {\n        padding: 24px 16px 48px;\n    }\n    \n    .journee-college-header {\n        margin-bottom: 32px;\n    }\n    \n    .journee-college-badge {\n        padding: 6px 16px;\n        font-size: 13px;\n    }\n    \n    .journee-college-title {\n        font-size: 24px;\n        margin-bottom: 16px;\n    }\n    \n    .journee-college-intro {\n        font-size: 15px;\n    }\n    \n    .programme-block-journee {\n        padding: 24px 16px;\n        gap: 24px;\n        margin-bottom: 32px;\n    }\n    \n    .programme-content-journee h3 {\n        font-size: 24px;\n        margin-bottom: 16px;\n    }\n    \n    .programme-highlight-journee {\n        font-size: 36px;\n        margin-bottom: 8px;\n    }\n    \n    .programme-content-journee p {\n        font-size: 14px;\n        line-height: 1.6;\n    }\n    \n    .programme-content-journee br {\n        display: none;\n    }\n    \n    .section-card-journee {\n        padding: 16px;\n    }\n    \n    .section-card-journee h4 {\n        font-size: 15px;\n        margin-bottom: 4px;\n    }\n    \n    .section-card-journee p {\n        font-size: 13px;\n    }\n    \n    \/* D\u00e9sactiver hover sur mobile *\/\n    .section-card-journee:hover {\n        transform: none;\n    }\n    \n    .stats-compact-journee {\n        margin-bottom: 32px;\n    }\n    \n    .stat-compact-box-journee {\n        padding: 24px 16px;\n    }\n    \n    .stat-compact-number-journee {\n        font-size: 28px;\n    }\n    \n    .stat-compact-label-journee {\n        font-size: 13px;\n    }\n    \n    \/* D\u00e9sactiver hover sur mobile *\/\n    .stat-compact-box-journee:hover {\n        transform: none;\n        box-shadow: none;\n    }\n    \n    .extras-college-panel {\n        padding: 24px 16px;\n        border-width: 1px;\n    }\n    \n    .extras-college-panel h3 {\n        font-size: 20px;\n        margin-bottom: 24px;\n        gap: 12px;\n    }\n    \n    .section-icon {\n        width: 28px;\n        height: 28px;\n    }\n    \n    \/* Responsive Flexbox Mobile *\/\n    .extras-college-list {\n        gap: 12px;\n        flex-direction: column;\n    }\n    \n    .extras-college-item {\n        padding: 16px;\n        gap: 12px;\n        width: 100%;\n        \/* Sur mobile, on peut laisser la hauteur automatique ou garder le min-height *\/\n        min-height: 0; \n    }\n    \n    \/* D\u00e9sactiver hover sur mobile *\/\n    .extras-college-item:hover {\n        transform: none;\n    }\n    \n    .extras-college-icon {\n        width: 36px;\n        height: 36px;\n    }\n    \n    .extras-college-icon svg {\n        width: 18px;\n        height: 18px;\n    }\n    \n    .extras-college-text h4 {\n        font-size: 15px;\n    }\n    \n    .extras-college-text p {\n        font-size: 13px;\n    }\n}\n\n\/* ========== TR\u00c8S PETITS \u00c9CRANS ========== *\/\n@media (max-width: 380px) {\n    .is33-journee-college {\n        padding: 20px 12px 40px;\n    }\n    \n    .journee-college-title {\n        font-size: 20px;\n    }\n    \n    .journee-college-intro {\n        font-size: 14px;\n    }\n    \n    .programme-block-journee {\n        padding: 20px 12px;\n    }\n    \n    .programme-content-journee h3 {\n        font-size: 20px;\n    }\n    \n    .programme-highlight-journee {\n        font-size: 28px;\n    }\n    \n    .programme-content-journee p {\n        font-size: 13px;\n    }\n    \n    .section-card-journee {\n        padding: 12px;\n    }\n    \n    .section-card-journee h4 {\n        font-size: 14px;\n    }\n    \n    .section-card-journee p {\n        font-size: 12px;\n    }\n    \n    .stat-compact-box-journee {\n        padding: 20px 12px;\n    }\n    \n    .stat-compact-number-journee {\n        font-size: 24px;\n    }\n    \n    .stat-compact-label-journee {\n        font-size: 12px;\n    }\n    \n    .extras-college-panel {\n        padding: 16px 12px;\n    }\n    \n    .extras-college-panel h3 {\n        font-size: 18px;\n    }\n    \n    .extras-college-item {\n        padding: 12px;\n    }\n    \n    .extras-college-icon {\n        width: 32px;\n        height: 32px;\n    }\n    \n    .extras-college-icon svg {\n        width: 16px;\n        height: 16px;\n    }\n    \n    .extras-college-text h4 {\n        font-size: 14px;\n    }\n    \n    .extras-college-text p {\n        font-size: 12px;\n    }\n}\n<\/style>\n\n<section class=\"is33-journee-college\" id=\"lycee-journee\">\n    <div class=\"journee-college-container\">\n        <div class=\"journee-college-header\">\n            <span class=\"journee-college-badge\">Coll\u00e8ge & Lyc\u00e9e<\/span>\n            <h2 class=\"journee-college-title\">\n                Une journ\u00e9e <span class=\"highlight\">au Coll\u00e8ge & Lyc\u00e9e<\/span>\n            <\/h2>\n            <p class=\"journee-college-intro\">\n                De la 6\u00e8me \u00e0 la Terminale, programme individualis\u00e9 pour r\u00e9pondre aux objectifs de chacun.\nChaque \u00e9l\u00e8ve travaille selon son rythme, avec un emploi du temps personnalis\u00e9. Pour d\u00e9couvrir les \u00e9tapes d\u2019inscription, consultez notre <a href=\"https:\/\/international-school33.com\/admission\/\">page d\u2019admission au lyc\u00e9e international Bordeaux<\/a>.\n            <\/p>\n        <\/div>\n        \n        <div class=\"programme-block-journee\">\n            <div class=\"programme-content-journee\">\n                <h3>\n                    <span class=\"programme-highlight-journee\">8h30<\/span>\n                    Programme individualis\u00e9\n                <\/h3>\n                <p>\n                    Les cours commencent \u00e0 8h30 et peuvent se terminer jusqu'\u00e0 16h00 ou 17h30\n                    les lundis, mardis, jeudis, vendredis, ainsi que les mercredis matins.\n                <\/p>\n                <br>\n                <p>\n                    Chaque \u00e9l\u00e8ve re\u00e7oit son emploi du temps en d\u00e9but d'ann\u00e9e avec un enseignant\n                    diff\u00e9rent par mati\u00e8re. Le programme est diff\u00e9renci\u00e9 selon le rythme de chacun.\n                <\/p>\n            <\/div>\n            \n            <div class=\"programme-sections-journee\">\n                <div class=\"section-card-journee\">\n                    <h4>Section Bilingue (6\u00e8me \u2192 Seconde)<\/h4>\n                    <p>50% fran\u00e7ais \/ 50% anglais pour une immersion \u00e9quilibr\u00e9e<\/p>\n                <\/div>\n                <div class=\"section-card-journee\">\n                    <h4>Section Fran\u00e7aise (6\u00e8me \u2192 Seconde)<\/h4>\n                    <p>Programme fran\u00e7ais avec enseignement renforc\u00e9 d'anglais<\/p>\n                <\/div>\n                <div class=\"section-card-journee\">\n                    <h4>Section Anglaise (6\u00e8me \u2192 Seconde)<\/h4>\n                    <p>Programme international en anglais avec maintien du fran\u00e7ais<\/p>\n                <\/div>\n                <div class=\"section-card-journee lycee-card\">\n                    <h4>\u00c0 partir de la Premi\u00e8re<\/h4>\n                    <p>Choix entre plusieurs sp\u00e9cialit\u00e9s selon le parcours souhait\u00e9<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"stats-compact-journee\">\n            <div class=\"stat-compact-box-journee\">\n                <span class=\"stat-compact-number-journee\">6\u00e8me\u2192Term.<\/span>\n                <span class=\"stat-compact-label-journee\">Tous niveaux<br>Coll\u00e8ge & Lyc\u00e9e<\/span>\n            <\/div>\n            <div class=\"stat-compact-box-journee\">\n                <span class=\"stat-compact-number-journee\">17h30<\/span>\n                <span class=\"stat-compact-label-journee\">Fin des cours<br>(variable)<\/span>\n            <\/div>\n            <div class=\"stat-compact-box-journee\">\n                <span class=\"stat-compact-number-journee\">1:8<\/span>\n                <span class=\"stat-compact-label-journee\">Ratio enseignant<br>par \u00e9l\u00e8ve<\/span>\n            <\/div>\n        <\/div>\n        \n        <div class=\"extras-college-section\">\n            <div class=\"extras-college-panel\">\n                <h3>\n                    <svg class=\"section-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M216,48a8,8,0,0,0-10.89-7.47C190,46.41,160.89,55.71,128,55.71s-62-9.3-77.11-15.16A8,8,0,0,0,40,48v55.77C40,174.6,79.4,232,128,232s88-57.4,88-128.21Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M144,128c4.39-4.91,12.89-8,20-8s15.61,3.09,20,8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M72,128c4.39-4.91,12.89-8,20-8s15.61,3.09,20,8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M162.36,168a44.89,44.89,0,0,1-68.72,0\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                    Activit\u00e9s Extrascolaires\n                <\/h3>\n                <div class=\"extras-college-list\">\n                    <div class=\"extras-college-item\">\n                        <div class=\"extras-college-icon\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"128\" cy=\"128\" r=\"40\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M41.43,178.09A99.14,99.14,0,0,1,31.36,153.8l16.78-21a81.59,81.59,0,0,1,0-9.64l-16.77-21a99.43,99.43,0,0,1,10.05-24.3l26.71-3a81,81,0,0,1,6.81-6.81l3-26.7A99.14,99.14,0,0,1,102.2,31.36l21,16.78a81.59,81.59,0,0,1,9.64,0l21-16.77a99.43,99.43,0,0,1,24.3,10.05l3,26.71a81,81,0,0,1,6.81,6.81l26.7,3a99.14,99.14,0,0,1,10.07,24.29l-16.78,21a81.59,81.59,0,0,1,0,9.64l16.77,21a99.43,99.43,0,0,1-10,24.3l-26.71,3a81,81,0,0,1-6.81,6.81l-3,26.7a99.14,99.14,0,0,1-24.29,10.07l-21-16.78a81.59,81.59,0,0,1-9.64,0l-21,16.77a99.43,99.43,0,0,1-24.3-10l-3-26.71a81,81,0,0,1-6.81-6.81Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        <\/div>\n                        <div class=\"extras-college-text\">\n                            <h4>Robotique & Programmation<\/h4>\n                            <p>Participation \u00e0 la First Lego League<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"extras-college-item\">\n                        <div class=\"extras-college-icon\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><path d=\"M216,48a8,8,0,0,0-10.89-7.47C190,46.41,160.89,55.71,128,55.71s-62-9.3-77.11-15.16A8,8,0,0,0,40,48v55.77C40,174.6,79.4,232,128,232s88-57.4,88-128.21Z\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M144,128c4.39-4.91,12.89-8,20-8s15.61,3.09,20,8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M72,128c4.39-4.91,12.89-8,20-8s15.61,3.09,20,8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M162.36,168a44.89,44.89,0,0,1-68.72,0\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        <\/div>\n                        <div class=\"extras-college-text\">\n                            <h4>Th\u00e9\u00e2tre & Com\u00e9die Musicale<\/h4>\n                            <p>Expression artistique et confiance en soi<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"extras-college-item\">\n                        <div class=\"extras-college-icon\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"180\" cy=\"164\" r=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><circle cx=\"52\" cy=\"196\" r=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"208\" y1=\"72\" x2=\"80\" y2=\"104\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"80 196 80 56 208 24 208 164\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        <\/div>\n                        <div class=\"extras-college-text\">\n                            <h4>Musique<\/h4>\n                            <p>Piano, guitare, violon<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"extras-college-item\">\n                        <div class=\"extras-college-icon\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><circle cx=\"76\" cy=\"188\" r=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"48\" y1=\"72\" x2=\"88\" y2=\"112\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"88\" y1=\"72\" x2=\"48\" y2=\"112\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"184\" y1=\"168\" x2=\"224\" y2=\"208\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"224\" y1=\"168\" x2=\"184\" y2=\"208\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><polyline points=\"144 80 144 40 184 40\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M144,40l16,16c40,40,8,88-24,96\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        <\/div>\n                        <div class=\"extras-college-text\">\n                            <h4>\u00c9checs<\/h4>\n                            <p>Strat\u00e9gie et r\u00e9flexion<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"extras-college-item\">\n                        <div class=\"extras-college-icon\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"\/><rect x=\"56\" y=\"56\" width=\"40\" height=\"144\" rx=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><rect x=\"160\" y=\"56\" width=\"40\" height=\"144\" rx=\"8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M200,80h24a8,8,0,0,1,8,8v80a8,8,0,0,1-8,8H200\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><path d=\"M56,176H32a8,8,0,0,1-8-8V88a8,8,0,0,1,8-8H56\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"96\" y1=\"128\" x2=\"160\" y2=\"128\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"232\" y1=\"128\" x2=\"248\" y2=\"128\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><line x1=\"8\" y1=\"128\" x2=\"24\" y2=\"128\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"\/><\/svg>\n                        <\/div>\n                        <div class=\"extras-college-text\">\n                            <h4>Sport<\/h4>\n                            <p>Hip-hop et tennis<\/p>\n                        <\/div>\n                    <\/div>\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-03ded4d elementor-widget elementor-widget-html\" data-id=\"03ded4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ========================================\n   FAQ LYC\u00c9E IS33 - MOBILE FIRST\n   Design identique maternelle \/ coll\u00e8ge\n======================================== *\/\n.is33-faq-lycee {\n  font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n  --blue: #05244F;\n  --coral: #F45D48;\n  --light: #f8f9fa;\n  --white: #ffffff;\n  width: 100%;\n  padding: 48px 16px;\n  box-sizing: border-box;\n  background: var(--white);\n}\n\n.faq-lycee-inner {\n  max-width: 860px;\n  margin: 0 auto;\n}\n\n.faq-lycee-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.faq-lycee-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  color: var(--coral);\n  margin-bottom: 14px;\n}\n\n.faq-lycee-eyebrow::before,\n.faq-lycee-eyebrow::after {\n  content: '';\n  display: block;\n  width: 24px;\n  height: 2px;\n  background: var(--coral);\n  border-radius: 2px;\n}\n\n.faq-lycee-title {\n  font-size: 22px;\n  font-weight: 700;\n  color: var(--blue);\n  margin: 0 0 10px;\n  line-height: 1.3;\n}\n\n.faq-lycee-subtitle {\n  font-size: 15px;\n  color: var(--blue);\n  opacity: 0.6;\n  margin: 0;\n  line-height: 1.6;\n}\n\n.faq-lycee-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.faq-lycee-item {\n  border: 1.5px solid #e8ecf0;\n  border-radius: 12px;\n  overflow: hidden;\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.faq-lycee-item.open {\n  border-color: var(--coral);\n  box-shadow: 0 4px 20px rgba(244, 93, 72, 0.1);\n}\n\n.faq-lycee-question {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 16px;\n  cursor: pointer;\n  background: transparent;\n  transition: background 0.2s ease;\n  -webkit-tap-highlight-color: transparent;\n  user-select: none;\n}\n\n.faq-lycee-item.open .faq-lycee-question {\n  background: #fff5f4;\n}\n\n.faq-lycee-q-text {\n  display: block;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--blue);\n  line-height: 1.55;\n  flex: 1 1 auto;\n  min-width: 0;\n  max-width: calc(100% - 44px);\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n\n.faq-lycee-q-icon {\n  flex: 0 0 28px;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: var(--light);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.3s ease, transform 0.3s ease;\n  margin-top: 2px;\n}\n\n.faq-lycee-item.open .faq-lycee-q-icon {\n  background: var(--coral);\n  transform: rotate(45deg);\n}\n\n.faq-lycee-q-icon svg {\n  width: 13px;\n  height: 13px;\n  stroke: var(--blue);\n  display: block;\n  flex-shrink: 0;\n  transition: stroke 0.3s ease;\n}\n\n.faq-lycee-item.open .faq-lycee-q-icon svg {\n  stroke: white;\n}\n\n.faq-lycee-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.faq-lycee-item.open .faq-lycee-answer {\n  max-height: 800px;\n}\n\n.faq-lycee-a-inner {\n  padding: 4px 16px 20px 16px;\n  font-size: 14px;\n  line-height: 1.75;\n  color: var(--blue);\n  opacity: 0.85;\n}\n\n.faq-lycee-a-inner a {\n  color: var(--coral);\n  font-weight: 600;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(244, 93, 72, 0.3);\n}\n\n.faq-lycee-a-inner strong {\n  color: var(--blue);\n  font-weight: 700;\n}\n\n.faq-lycee-footer {\n  margin-top: 32px;\n  text-align: center;\n  padding: 20px 16px;\n  background: linear-gradient(135deg, #fff5f4 0%, #fff9f0 100%);\n  border-radius: 12px;\n  border: 1px dashed rgba(244, 93, 72, 0.3);\n}\n\n.faq-lycee-footer p {\n  font-size: 14px;\n  color: var(--blue);\n  opacity: 0.7;\n  margin: 0 0 12px;\n}\n\n.faq-lycee-footer a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  background: var(--coral);\n  color: white;\n  font-size: 14px;\n  font-weight: 700;\n  padding: 12px 24px;\n  border-radius: 8px;\n  text-decoration: none;\n  box-shadow: 0 4px 16px rgba(244, 93, 72, 0.3);\n}\n\n@media (min-width: 769px) {\n  .is33-faq-lycee { padding: 64px 40px; }\n  .faq-lycee-title { font-size: 30px; }\n  .faq-lycee-question { padding: 20px 24px; align-items: center; }\n  .faq-lycee-q-text { font-size: 15px; max-width: calc(100% - 52px); }\n  .faq-lycee-q-icon { flex: 0 0 32px; width: 32px; height: 32px; }\n  .faq-lycee-a-inner { padding: 4px 24px 24px 24px; font-size: 15px; }\n}\n<\/style>\n\n<section class=\"is33-faq-lycee\">\n  <div class=\"faq-lycee-inner\">\n\n    <div class=\"faq-lycee-header\">\n      <div class=\"faq-lycee-eyebrow\">Questions fr\u00e9quentes<\/div>\n      <h2 class=\"faq-lycee-title\">Tout ce que vous voulez savoir sur le lyc\u00e9e IS33<\/h2>\n      <p class=\"faq-lycee-subtitle\">Baccalaur\u00e9at International, Parcoursup, orientation internationale \u2014 les r\u00e9ponses essentielles avant de choisir.<\/p>\n    <\/div>\n\n    <div class=\"faq-lycee-list\">\n\n      <div class=\"faq-lycee-item open\">\n        <div class=\"faq-lycee-question\" onclick=\"toggleFaqLycee(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"true\">\n          <span class=\"faq-lycee-q-text\">Quels dipl\u00f4mes pr\u00e9pare-t-on au lyc\u00e9e IS33 ?<\/span>\n          <span class=\"faq-lycee-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-lycee-answer\">\n          <div class=\"faq-lycee-a-inner\">Le lyc\u00e9e IS33 pr\u00e9pare les \u00e9l\u00e8ves au <strong>Baccalaur\u00e9at International (IB Diploma)<\/strong>, reconnu par plus de 2 000 universit\u00e9s dans 75 pays. IS33 est l'un des rares \u00e9tablissements en Nouvelle-Aquitaine \u00e0 proposer ce programme. Les \u00e9l\u00e8ves peuvent \u00e9galement pr\u00e9parer le <strong>baccalaur\u00e9at fran\u00e7ais<\/strong> selon leur parcours et leur projet d'orientation.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-lycee-item\">\n        <div class=\"faq-lycee-question\" onclick=\"toggleFaqLycee(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n          <span class=\"faq-lycee-q-text\">Qu'est-ce que le Baccalaur\u00e9at International (IB) et quels sont ses avantages concrets ?<\/span>\n          <span class=\"faq-lycee-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-lycee-answer\">\n          <div class=\"faq-lycee-a-inner\">L'IB Diploma est particuli\u00e8rement valoris\u00e9 pour l'acc\u00e8s aux universit\u00e9s <strong>au Royaume-Uni, aux \u00c9tats-Unis, au Canada et en Europe<\/strong>. Il d\u00e9veloppe l'esprit critique, la capacit\u00e9 de recherche et l'aisance interculturelle. En France, il est reconnu par Parcoursup et valoris\u00e9 par les grandes \u00e9coles et classes pr\u00e9paratoires.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-lycee-item\">\n        <div class=\"faq-lycee-question\" onclick=\"toggleFaqLycee(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n          <span class=\"faq-lycee-q-text\">Le lyc\u00e9e IS33 pr\u00e9pare-t-il bien \u00e0 Parcoursup et aux \u00e9tudes sup\u00e9rieures fran\u00e7aises ?<\/span>\n          <span class=\"faq-lycee-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-lycee-answer\">\n          <div class=\"faq-lycee-a-inner\">Oui. IS33 accompagne ses \u00e9l\u00e8ves dans la construction de leur <strong>dossier Parcoursup et leurs lettres de motivation<\/strong>. Le profil IB est reconnu et appr\u00e9ci\u00e9 par les \u00e9tablissements fran\u00e7ais d'enseignement sup\u00e9rieur. Les \u00e9l\u00e8ves IS33 int\u00e8grent chaque ann\u00e9e des classes pr\u00e9paratoires, des \u00e9coles d'ing\u00e9nieurs et de commerce, et des universit\u00e9s en France et \u00e0 l'\u00e9tranger.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-lycee-item\">\n        <div class=\"faq-lycee-question\" onclick=\"toggleFaqLycee(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n          <span class=\"faq-lycee-q-text\">Quel niveau d'anglais faut-il pour int\u00e9grer le lyc\u00e9e IS33 ?<\/span>\n          <span class=\"faq-lycee-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-lycee-answer\">\n          <div class=\"faq-lycee-a-inner\">Les \u00e9l\u00e8ves arrivant du coll\u00e8ge IS33 ont d\u00e9j\u00e0 un <strong>niveau bilingue solide<\/strong>. Pour les \u00e9l\u00e8ves ext\u00e9rieurs, un entretien de positionnement est organis\u00e9 pour \u00e9valuer le niveau d'anglais. Un accompagnement renforc\u00e9 peut \u00eatre mis en place si n\u00e9cessaire. <strong>Il n'y a pas de niveau minimum bloquant<\/strong> : l'immersion totale permet une progression rapide.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-lycee-item\">\n        <div class=\"faq-lycee-question\" onclick=\"toggleFaqLycee(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n          <span class=\"faq-lycee-q-text\">Quels sont les frais de scolarit\u00e9 au lyc\u00e9e IS33 ?<\/span>\n          <span class=\"faq-lycee-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-lycee-answer\">\n          <div class=\"faq-lycee-a-inner\">Calcul\u00e9s selon votre <strong>revenu fiscal de r\u00e9f\u00e9rence (RFR)<\/strong>, sur une grille \u00e0 6 cat\u00e9gories. Pour le lyc\u00e9e : de <strong>8 487 \u20ac \u00e0 16 094 \u20ac par an<\/strong>. Paiement sur 10 mensualit\u00e9s. R\u00e9ductions d\u00e8s le 2e enfant. <a href=\"https:\/\/international-school33.com\/tarifs\/\">grille tarifaire \u00e9cole internationale Bordeaux<\/a><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-lycee-item\">\n        <div class=\"faq-lycee-question\" onclick=\"toggleFaqLycee(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n          <span class=\"faq-lycee-q-text\">Comment se d\u00e9roule l'admission au lyc\u00e9e IS33 ?<\/span>\n          <span class=\"faq-lycee-q-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-lycee-answer\">\n          <div class=\"faq-lycee-a-inner\"><strong>1)<\/strong> Prise de contact via le formulaire, par t\u00e9l\u00e9phone ou WhatsApp. <strong>2)<\/strong> Entretien avec la direction pour pr\u00e9senter le projet de l'\u00e9l\u00e8ve et de la famille. <strong>3)<\/strong> Entretien de positionnement en anglais pour les candidats au programme IB. Nous recommandons de contacter l'\u00e9cole <strong>d\u00e8s le printemps<\/strong> pour la rentr\u00e9e suivante. <a href=\"https:\/\/international-school33.com\/admission\/\">demande d\u2019admission au lyc\u00e9e international Bordeaux<\/a><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"faq-lycee-footer\">\n      <p>Une question sp\u00e9cifique sur le lyc\u00e9e ou le programme IB Diploma ?<\/p>\n      <a href=\"https:\/\/international-school33.com\/contact\/\">\n        Parler \u00e0 l'\u00e9quipe admissions\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 19 19\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\nfunction toggleFaqLycee(el) {\n  var item = el.parentElement;\n  var isOpen = item.classList.contains('open');\n  document.querySelectorAll('.faq-lycee-item').forEach(function(i) {\n    i.classList.remove('open');\n    i.querySelector('[role=\"button\"]').setAttribute('aria-expanded', 'false');\n  });\n  if (!isOpen) {\n    item.classList.add('open');\n    el.setAttribute('aria-expanded', 'true');\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\": \"Quels dipl\u00f4mes pr\u00e9pare-t-on au lyc\u00e9e IS33 ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Le lyc\u00e9e IS33 pr\u00e9pare les \u00e9l\u00e8ves au Baccalaur\u00e9at International (IB Diploma), reconnu par plus de 2 000 universit\u00e9s dans 75 pays. IS33 est l'un des rares \u00e9tablissements en Nouvelle-Aquitaine \u00e0 proposer ce programme. Les \u00e9l\u00e8ves peuvent \u00e9galement pr\u00e9parer le baccalaur\u00e9at fran\u00e7ais selon leur parcours et leur projet d'orientation.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Qu'est-ce que le Baccalaur\u00e9at International (IB) et quels sont ses avantages concrets ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"L'IB Diploma est particuli\u00e8rement valoris\u00e9 pour l'acc\u00e8s aux universit\u00e9s au Royaume-Uni, aux \u00c9tats-Unis, au Canada et en Europe. Il d\u00e9veloppe l'esprit critique, la capacit\u00e9 de recherche et l'aisance interculturelle. En France, il est reconnu par Parcoursup et valoris\u00e9 par les grandes \u00e9coles et classes pr\u00e9paratoires.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Le lyc\u00e9e IS33 pr\u00e9pare-t-il bien \u00e0 Parcoursup et aux \u00e9tudes sup\u00e9rieures fran\u00e7aises ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Oui. IS33 accompagne ses \u00e9l\u00e8ves dans la construction de leur dossier Parcoursup et leurs lettres de motivation. Le profil IB est reconnu et appr\u00e9ci\u00e9 par les \u00e9tablissements fran\u00e7ais d'enseignement sup\u00e9rieur. Les \u00e9l\u00e8ves IS33 int\u00e8grent chaque ann\u00e9e des classes pr\u00e9paratoires, des \u00e9coles d'ing\u00e9nieurs et de commerce, et des universit\u00e9s en France et \u00e0 l'\u00e9tranger.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Quel niveau d'anglais faut-il pour int\u00e9grer le lyc\u00e9e IS33 ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Les \u00e9l\u00e8ves arrivant du coll\u00e8ge IS33 ont d\u00e9j\u00e0 un niveau bilingue solide. Pour les \u00e9l\u00e8ves ext\u00e9rieurs, un entretien de positionnement est organis\u00e9 pour \u00e9valuer le niveau d'anglais. Un accompagnement renforc\u00e9 peut \u00eatre mis en place si n\u00e9cessaire. Il n'y a pas de niveau minimum bloquant : l'immersion totale permet une progression rapide.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Quels sont les frais de scolarit\u00e9 au lyc\u00e9e IS33 ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Les frais sont calcul\u00e9s selon le revenu fiscal de r\u00e9f\u00e9rence (RFR), sur une grille \u00e0 6 cat\u00e9gories. Pour le lyc\u00e9e, ils varient de 8 487 \u20ac \u00e0 16 094 \u20ac par an. Paiement sur 10 mensualit\u00e9s. R\u00e9ductions d\u00e8s le 2e enfant inscrit.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Comment se d\u00e9roule l'admission au lyc\u00e9e IS33 ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"L'admission se fait en 3 \u00e9tapes : 1) Prise de contact via le formulaire, par t\u00e9l\u00e9phone ou WhatsApp. 2) Entretien avec la direction. 3) Entretien de positionnement en anglais pour les candidats au programme IB. Il est recommand\u00e9 de contacter l'\u00e9cole d\u00e8s le printemps pour la rentr\u00e9e suivante.\"\n      }\n    }\n  ]\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd124af elementor-widget elementor-widget-html\" data-id=\"dd124af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BLOC 0: MENU FLOTTANT VERTICAL LYC\u00c9E - -->\n\n<style>\n\/* Smooth scroll natif CSS - fallback *\/\nhtml {\n    scroll-behavior: smooth !important;\n}\n\n\/* Offset pour header fixe - \u00e0 appliquer sur les sections cibles *\/\n[id^=\"lycee-\"] {\n    scroll-margin-top: 100px;\n}\n\n\/* Menu Flottant Vertical - Page Lyc\u00e9e *\/\n.is33-floating-nav-lycee {\n    position: fixed;\n    right: 24px;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 9999;\n    font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n}\n\n.floating-nav-menu-lycee {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 8px;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.floating-nav-item-lycee {\n    position: relative;\n}\n\n.floating-nav-link-lycee {\n    display: block;\n    text-decoration: none;\n    padding: 8px;\n    border-radius: 50%;\n    background: white;\n    box-shadow: 0 2px 12px rgba(5, 36, 79, 0.08);\n    transition: all 0.3s ease;\n    position: relative;\n    cursor: pointer;\n}\n\n.floating-nav-link-lycee:hover {\n    background: #05244F;\n}\n\n\/* Indicateur (dot) - CORAIL au repos *\/\n.nav-dot-lycee {\n    display: block;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: #F45D48;\n    transition: all 0.3s ease;\n}\n\n.floating-nav-link-lycee:hover .nav-dot-lycee {\n    background: #B59138;\n    transform: scale(1.1);\n}\n\n\/* Label - CACH\u00c9 par d\u00e9faut, appara\u00eet au hover *\/\n.nav-label-lycee {\n    position: absolute;\n    right: 100%;\n    top: 50%;\n    transform: translateY(-50%);\n    margin-right: 12px;\n    padding: 8px 16px;\n    background: #05244F;\n    color: white;\n    font-size: 14px;\n    font-weight: 600;\n    white-space: nowrap;\n    border-radius: 6px;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: all 0.3s ease;\n}\n\n.floating-nav-link-lycee:hover .nav-label-lycee {\n    opacity: 1;\n    visibility: visible;\n}\n\n\/* Responsive - Mobile *\/\n@media (max-width: 968px) {\n    .is33-floating-nav-lycee {\n        right: auto;\n        left: 50%;\n        top: auto;\n        bottom: 24px;\n        transform: translateX(-50%);\n    }\n    \n    .floating-nav-menu-lycee {\n        flex-direction: row;\n        align-items: center;\n        gap: 6px;\n        background: white;\n        padding: 8px;\n        border-radius: 50px;\n        box-shadow: 0 4px 20px rgba(5, 36, 79, 0.15);\n    }\n    \n    .floating-nav-link-lycee {\n        box-shadow: none;\n    }\n    \n    .nav-label-lycee {\n        display: none !important;\n    }\n    \n    .nav-dot-lycee {\n        width: 12px;\n        height: 12px;\n    }\n}\n<\/style>\n\n<!-- HTML Menu Flottant -->\n<nav class=\"is33-floating-nav-lycee\" id=\"lycee-nav\" aria-label=\"Navigation rapide page lyc\u00e9e\">\n    <ul class=\"floating-nav-menu-lycee\">\n        <li class=\"floating-nav-item-lycee\">\n            <a href=\"#lycee-hero\" class=\"floating-nav-link-lycee\" data-scroll-to=\"lycee-hero\">\n                <span class=\"nav-dot-lycee\"><\/span>\n                <span class=\"nav-label-lycee\">Accueil<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-lycee\">\n            <a href=\"#lycee-pourquoi-ib\" class=\"floating-nav-link-lycee\" data-scroll-to=\"lycee-pourquoi-ib\">\n                <span class=\"nav-dot-lycee\"><\/span>\n                <span class=\"nav-label-lycee\">Pourquoi l'IB<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-lycee\">\n            <a href=\"#lycee-programme\" class=\"floating-nav-link-lycee\" data-scroll-to=\"lycee-programme\">\n                <span class=\"nav-dot-lycee\"><\/span>\n                <span class=\"nav-label-lycee\">Programme du Dipl\u00f4me<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-lycee\">\n            <a href=\"#lycee-approche\" class=\"floating-nav-link-lycee\" data-scroll-to=\"lycee-approche\">\n                <span class=\"nav-dot-lycee\"><\/span>\n                <span class=\"nav-label-lycee\">Approche p\u00e9dagogique<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-lycee\">\n            <a href=\"#lycee-certificat\" class=\"floating-nav-link-lycee\" data-scroll-to=\"lycee-certificat\">\n                <span class=\"nav-dot-lycee\"><\/span>\n                <span class=\"nav-label-lycee\">Certificat IB<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-lycee\">\n            <a href=\"#lycee-pop\" class=\"floating-nav-link-lycee\" data-scroll-to=\"lycee-pop\">\n                <span class=\"nav-dot-lycee\"><\/span>\n                <span class=\"nav-label-lycee\">Programme POP 2026<\/span>\n            <\/a>\n        <\/li>\n        <li class=\"floating-nav-item-lycee\">\n            <a href=\"#lycee-journee\" class=\"floating-nav-link-lycee\" data-scroll-to=\"lycee-journee\">\n                <span class=\"nav-dot-lycee\"><\/span>\n                <span class=\"nav-label-lycee\">Journ\u00e9e type<\/span>\n            <\/a>\n        <\/li>\n    <\/ul>\n<\/nav>\n\n<script>\n(function() {\n    \/\/ Fonction pour trouver un \u00e9l\u00e9ment par ID (g\u00e8re les pr\u00e9fixes Elementor)\n    function findSection(targetId) {\n        \/\/ Essai 1: ID exact\n        var el = document.getElementById(targetId);\n        if (el) return el;\n        \n        \/\/ Essai 2: Chercher un \u00e9l\u00e9ment dont l'ID contient notre cible\n        el = document.querySelector('[id*=\"' + targetId + '\"]');\n        if (el) return el;\n        \n        \/\/ Essai 3: Chercher par data-id (Elementor utilise parfois \u00e7a)\n        el = document.querySelector('[data-id=\"' + targetId + '\"]');\n        if (el) return el;\n        \n        \/\/ Essai 4: Chercher une section avec data-settings contenant l'ID\n        var sections = document.querySelectorAll('section, .elementor-section, .elementor-element');\n        for (var i = 0; i < sections.length; i++) {\n            if (sections[i].id && sections[i].id.indexOf(targetId) !== -1) {\n                return sections[i];\n            }\n        }\n        \n        return null;\n    }\n    \n    \/\/ Fonction de scroll\n    function scrollToSection(targetId) {\n        var target = findSection(targetId);\n        \n        if (target) {\n            \/\/ Calculer l'offset pour le header fixe\n            var headerOffset = 100;\n            var elementPosition = target.getBoundingClientRect().top;\n            var offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n            \n            window.scrollTo({\n                top: offsetPosition,\n                behavior: 'smooth'\n            });\n            \n            return true;\n        }\n        \n        console.warn('Section non trouv\u00e9e:', targetId);\n        return false;\n    }\n    \n    \/\/ Initialiser les liens\n    function initNavigation() {\n        var links = document.querySelectorAll('.floating-nav-link-lycee');\n        \n        links.forEach(function(link) {\n            link.addEventListener('click', function(e) {\n                var targetId = this.getAttribute('data-scroll-to') || this.getAttribute('href').replace('#', '');\n                \n                if (targetId && scrollToSection(targetId)) {\n                    e.preventDefault();\n                    \n                    \/\/ Mettre \u00e0 jour l'URL sans recharger\n                    if (history.pushState) {\n                        history.pushState(null, null, '#' + targetId);\n                    }\n                }\n                \/\/ Si la section n'est pas trouv\u00e9e, laisser le comportement par d\u00e9faut (href)\n            });\n        });\n    }\n    \n    \/\/ Attendre que tout soit charg\u00e9 (important pour Elementor)\n    if (document.readyState === 'complete') {\n        initNavigation();\n    } else {\n        window.addEventListener('load', function() {\n            \/\/ Petit d\u00e9lai suppl\u00e9mentaire pour Elementor\n            setTimeout(initNavigation, 100);\n        });\n    }\n    \n    \/\/ R\u00e9initialiser si Elementor recharge le contenu (mode preview)\n    if (typeof elementorFrontend !== 'undefined') {\n        jQuery(window).on('elementor\/frontend\/init', function() {\n            setTimeout(initNavigation, 500);\n        });\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>15 \u00e0 18 ans Lyc\u00e9e International de Bordeaux Excellence scolaire et confiance en soi. Des enseignements passionnants au sein du seul lyc\u00e9e de Nouvelle-Aquitaine proposant le Programme du dipl\u00f4me du Baccalaur\u00e9at International (IB). Dipl\u00f4me IB complet \u2013 Reconnu par toutes les universit\u00e9s mondiales 100% d&rsquo;admission \u2013 Tous nos dipl\u00f4m\u00e9s obtiennent leur premier choix Classes de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1137","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1137","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=1137"}],"version-history":[{"count":121,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1137\/revisions"}],"predecessor-version":[{"id":3782,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1137\/revisions\/3782"}],"wp:attachment":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/media?parent=1137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}