Baccalaur\u00e9at International (IB) \u00e0 l'International School 33 de Bordeaux<\/title>\n <meta name=\"description\" content=\"Le Baccalaur\u00e9at International \u00e0 l'IS33 Bordeaux : un dipl\u00f4me reconnu dans 90 pays, pr\u00e9parant les \u00e9l\u00e8ves de 3 \u00e0 19 ans \u00e0 l'excellence acad\u00e9mique et au d\u00e9veloppement personnel.\">\n \n \n <link href=\"https:\/\/fonts.cdnfonts.com\/css\/elms-sans\" rel=\"stylesheet\">\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"EducationalOrganization\",\n \"name\": \"International School 33\",\n \"alternateName\": \"IS33\",\n \"description\": \"\u00c9cole du monde de l'IB proposant le Baccalaur\u00e9at International de la maternelle au lyc\u00e9e \u00e0 Bordeaux\",\n \"url\": \"https:\/\/international-school33.com\",\n \"logo\": \"https:\/\/international-school33.com\/logo.png\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Bordeaux\",\n \"addressRegion\": \"Nouvelle-Aquitaine\",\n \"addressCountry\": \"FR\"\n },\n \"areaServed\": [\"FR\", \"EU\"],\n \"hasOfferCatalog\": {\n \"@type\": \"OfferCatalog\",\n \"name\": \"Programmes IB\",\n \"itemListElement\": [\n {\n \"@type\": \"Course\",\n \"name\": \"Programme Primaire (PP)\",\n \"description\": \"Programme IB pour \u00e9l\u00e8ves de 3 \u00e0 12 ans\",\n \"provider\": {\n \"@type\": \"EducationalOrganization\",\n \"name\": \"International School 33\"\n },\n \"educationalLevel\": \"Maternelle et \u00c9l\u00e9mentaire\",\n \"timeRequired\": \"P9Y\"\n },\n {\n \"@type\": \"Course\",\n \"name\": \"Programme d'\u00c9ducation Interm\u00e9diaire (PEI)\",\n \"description\": \"Programme IB pour \u00e9l\u00e8ves de 11 \u00e0 16 ans\",\n \"provider\": {\n \"@type\": \"EducationalOrganization\",\n \"name\": \"International School 33\"\n },\n \"educationalLevel\": \"Coll\u00e8ge\",\n \"timeRequired\": \"P5Y\"\n },\n {\n \"@type\": \"Course\",\n \"name\": \"Programme du Dipl\u00f4me\",\n \"description\": \"Dipl\u00f4me du Baccalaur\u00e9at International pour \u00e9l\u00e8ves de 16 \u00e0 19 ans\",\n \"provider\": {\n \"@type\": \"EducationalOrganization\",\n \"name\": \"International School 33\"\n },\n \"educationalLevel\": \"Lyc\u00e9e\",\n \"timeRequired\": \"P3Y\"\n }\n ]\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\": \"En quoi le Baccalaur\u00e9at International est-il diff\u00e9rent de l'OIB ?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"L'OIB correspond \u00e0 un examen fran\u00e7ais avec une option internationale. Le dipl\u00f4me du Baccalaur\u00e9at International est un examen pleinement international. \u00c0 l'International School 33 de Bordeaux, les \u00e9l\u00e8ves pr\u00e9parent la version bilingue du dipl\u00f4me de l'IB.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Le dipl\u00f4me de l'IB est-il reconnu par l'enseignement sup\u00e9rieur fran\u00e7ais ?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Oui. Les \u00e9l\u00e8ves qui obtiennent le dipl\u00f4me de l'IB sont accept\u00e9s dans tous les domaines de l'enseignement sup\u00e9rieur fran\u00e7ais : m\u00e9decine, droit, grandes \u00e9coles de commerce (ESSEC, ESCP, HEC), Sciences Po, classes pr\u00e9paratoires, \u00c9cole Polytechnique.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Le Baccalaur\u00e9at International est-il reconnu \u00e0 l'\u00e9tranger ?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Le dipl\u00f4me de l'IB est propos\u00e9 dans plus de 150 pays et reconnu par des \u00e9tablissements d'enseignement sup\u00e9rieur dans pr\u00e8s de 90 pays, dont des universit\u00e9s prestigieuses aux \u00c9tats-Unis (Harvard, Yale, Stanford), au Royaume-Uni, au Canada et en Europe.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Le programme de l'IB est-il difficile ?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Les programmes du Baccalaur\u00e9at International sont rigoureux et exigeants, mais aussi stimulants et motivants. Les \u00e9l\u00e8ves d\u00e9veloppent des comp\u00e9tences acad\u00e9miques, personnelles et organisationnelles qui les pr\u00e9parent particuli\u00e8rement bien aux \u00e9tudes sup\u00e9rieures.\"\n }\n }\n ]\n }\n <\/script>\n\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --navy: #05244F;\n --coral: #FF7566;\n --gold: #B59138;\n --white: #ffffff;\n --light-gray: #f8f9fa;\n --medium-gray: #e9ecef;\n --text-dark: #1a1a1a;\n --text-medium: #4a5568;\n }\n\n body {\n font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n color: var(--text-dark);\n line-height: 1.6;\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Elms Sans', sans-serif;\n font-weight: 600;\n line-height: 1.2;\n color: var(--navy);\n }\n\n h1 { font-size: 3.5rem; margin-bottom: 1.5rem; }\n h2 { font-size: 2.5rem; margin-bottom: 1.25rem; }\n h3 { font-size: 1.75rem; margin-bottom: 1rem; }\n\n p {\n font-size: 1.125rem;\n line-height: 1.8;\n margin-bottom: 1.25rem;\n color: var(--text-medium);\n text-align: justify;\n }\n\n a {\n color: var(--coral);\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n a:hover {\n color: var(--navy);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .section {\n padding: 3rem 0;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 0.8s ease forwards;\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Hero Section - PLEINE LARGEUR *\/\n .hero {\n background: linear-gradient(135deg, var(--navy) 0%, #0a3a7a 100%);\n padding: 6rem 0 5rem;\n position: relative;\n overflow: hidden;\n \/* *** FULL WIDTH VIEWPORT *** *\/\n width: 100vw;\n margin: 0 calc(50% - 50vw);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-experience.jpg') center\/cover;\n opacity: 0.1;\n z-index: 0;\n }\n\n .hero .container {\n position: relative;\n z-index: 1;\n }\n\n .hero h1 {\n color: var(--white);\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 2rem;\n line-height: 1.1;\n }\n\n .hero-intro {\n font-size: 1.375rem;\n color: rgba(255, 255, 255, 0.95);\n max-width: 800px;\n line-height: 1.7;\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .stat-item {\n text-align: center;\n padding: 1.5rem;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n transition: transform 0.3s ease;\n }\n\n .stat-item:hover {\n transform: translateY(-5px);\n }\n\n .stat-number {\n font-size: 3rem;\n font-weight: 700;\n color: var(--coral);\n display: block;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.9);\n font-weight: 500;\n }\n\n \/* Badge *\/\n .badge {\n display: inline-block;\n padding: 0.5rem 1.25rem;\n background: var(--gold);\n color: var(--white);\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 1.5rem;\n }\n\n @media (max-width: 768px) {\n .hero h1 { font-size: 2.25rem; }\n h2 { font-size: 2rem; }\n h3 { font-size: 1.5rem; }\n \n .section {\n padding: 2rem 0;\n }\n\n .container {\n padding: 0 1.25rem;\n }\n\n .hero-stats {\n grid-template-columns: 1fr;\n }\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n img {\n opacity: 0;\n animation: fadeIn 0.6s ease forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"hero\">\n <div class=\"container\">\n <span class=\"badge\">\u00c9cole du monde de l'IB<\/span>\n <h1>Baccalaur\u00e9at International (IB)<br>\u00e0 l'International School 33 de Bordeaux<\/h1>\n <p class=\"hero-intro\">Le Baccalaur\u00e9at International\u00ae (IB) permet aux \u00e9l\u00e8ves de suivre une scolarit\u00e9 de la maternelle au lyc\u00e9e qui met l'accent \u00e0 la fois sur l'excellence acad\u00e9mique et sur le d\u00e9veloppement personnel. \u00c0 l'International School 33 de Bordeaux, les \u00e9l\u00e8ves pr\u00e9parent, au lyc\u00e9e, le dipl\u00f4me du Baccalaur\u00e9at International dans sa version bilingue.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <span class=\"stat-number\">5 000+<\/span>\n <span class=\"stat-label\">\u00c9tablissements IB dans le monde<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">150<\/span>\n <span class=\"stat-label\">Pays proposant l'IB<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">90<\/span>\n <span class=\"stat-label\">Pays reconnaissant le dipl\u00f4me<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbf8980 elementor-widget elementor-widget-html\" data-id=\"dbf8980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n <style>\n .content-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n margin-top: 3rem;\n }\n\n .content-image {\n width: 100%;\n height: 500px;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .content-image:hover {\n transform: scale(1.02);\n }\n\n .highlight-box {\n background: var(--white);\n padding: 3rem;\n border-left: 4px solid var(--coral);\n margin: 2rem 0;\n }\n\n .styled-list {\n list-style: none;\n margin: 2rem 0;\n }\n\n .styled-list li {\n padding: 1rem 0 1rem 3rem;\n position: relative;\n font-size: 1.125rem;\n line-height: 1.7;\n text-align: justify;\n }\n\n .styled-list li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n top: 1rem;\n width: 32px;\n height: 32px;\n background: var(--coral);\n color: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n }\n\n @media (max-width: 768px) {\n .content-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .content-image {\n height: 350px;\n }\n }\n <\/style>\n\n \n <section class=\"section\">\n <div class=\"container\">\n <h2>Pourquoi choisir le Baccalaur\u00e9at International (IB) ?<\/h2>\n <p>De plus en plus de familles fran\u00e7aises choisissent le Baccalaur\u00e9at International pour leurs enfants, conscientes de l'avantage que ce dipl\u00f4me procure pour leur avenir. Contrairement au BFI (Baccalaur\u00e9at Fran\u00e7ais International), qui est un examen fran\u00e7ais avec une option internationale, le dipl\u00f4me de l'IB est un examen pleinement international.<\/p>\n\n <div class=\"highlight-box\">\n <h3>Le Baccalaur\u00e9at International permet aux \u00e9l\u00e8ves :<\/h3>\n <ul class=\"styled-list\">\n <li>de suivre une scolarit\u00e9 compl\u00e8te, de la maternelle au lyc\u00e9e, avec une continuit\u00e9 de programmes<\/li>\n <li>de d\u00e9velopper des comp\u00e9tences acad\u00e9miques solides et une v\u00e9ritable autonomie<\/li>\n <li>de pr\u00e9parer un dipl\u00f4me reconnu par l'enseignement sup\u00e9rieur fran\u00e7ais et international<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29d162e elementor-widget elementor-widget-html\" data-id=\"29d162e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n <style>\n .highlight-section {\n background: var(--light-gray);\n }\n <\/style>\n\n \n <section class=\"section highlight-section\">\n <div class=\"container\">\n <h2>D\u00e9veloppement personnel et pens\u00e9e critique<\/h2>\n \n <div class=\"content-grid\">\n <div>\n <img decoding=\"async\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-classmates-scaled.jpg\" alt=\"\u00c9l\u00e8ves de l'IS33 en classe\" class=\"content-image\" loading=\"lazy\">\n <\/div>\n <div>\n <h3>Un programme qui forme des \u00e9l\u00e8ves autonomes<\/h3>\n <p>L'IB est un programme scolaire qui enseigne la pens\u00e9e critique et ind\u00e9pendante. Les \u00e9l\u00e8ves sont expos\u00e9s \u00e0 de multiples perspectives, apprennent \u00e0 formuler leurs propres opinions et \u00e0 g\u00e9rer leur travail de mani\u00e8re autonome. Ils apprennent par l'exp\u00e9rience, m\u00e8nent des recherches et d\u00e9veloppent des habitudes de travail qui les accompagnent tout au long de leur vie.<\/p>\n\n <h3>Apprendre \u00e0 organiser son travail<\/h3>\n <p>La gestion du temps est au c\u0153ur de la r\u00e9ussite en IB. Les \u00e9l\u00e8ves apprennent \u00e0 \u00e9tablir de bonnes habitudes d'\u00e9tude, \u00e0 r\u00e9server du temps pour les devoirs, \u00e0 d\u00e9velopper leurs propres techniques de r\u00e9vision et \u00e0 \u00e9quilibrer loisirs et obligations scolaires. Ces comp\u00e9tences leur donnent une longueur d'avance lorsqu'ils entrent dans l'enseignement sup\u00e9rieur.<\/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-11ce4b9 elementor-widget elementor-widget-html\" data-id=\"11ce4b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n .universities-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr); \/* 4 par ligne *\/\n gap: 2rem;\n margin: 3rem 0;\n text-align: center;\n }\n\n .university-item {\n padding: 1.5rem;\n background: #FF7566; \/* fond corail demand\u00e9 *\/\n font-weight: 600;\n color: #ffffff; \/* texte blanc *\/\n transition: all 0.3s ease;\n }\n\n .university-item:hover {\n background: var(--navy); \/* on garde le hover existant *\/\n color: var(--white); \/* texte blanc au hover aussi *\/\n transform: translateY(-5px);\n }\n\n \/* Responsive : 2 par ligne sur petits \u00e9crans *\/\n @media (max-width: 768px) {\n .universities-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n<\/style>\n\n\n<section class=\"section\">\n <div class=\"container\">\n <h2>Un dipl\u00f4me reconnu dans le monde entier<\/h2>\n\n <h3>Citoyennet\u00e9 mondiale<\/h3>\n <p>Le dipl\u00f4me de l'IB est propos\u00e9 dans plus de 150 pays et reconnu par les \u00e9tablissements d'enseignement sup\u00e9rieur de pr\u00e8s de 90 pays. Il est notamment reconnu par les universit\u00e9s fran\u00e7aises, ainsi que par des universit\u00e9s am\u00e9ricaines prestigieuses telles que Harvard, Yale ou Stanford. Le programme d'\u00e9tudes de l'IB aide les \u00e9l\u00e8ves \u00e0 s'ouvrir sur l'ext\u00e9rieur et \u00e0 prendre conscience de leur propre culture, afin de les pr\u00e9parer \u00e0 devenir des citoyens du monde.<\/p>\n\n <h3>Admission dans l'enseignement sup\u00e9rieur<\/h3>\n <p>Les \u00e9l\u00e8ves qui obtiennent 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 : m\u00e9decine, droit, grandes \u00e9coles de commerce comme l'ESSEC, l'ESCP ou HEC, Sciences Po, classes pr\u00e9paratoires ou encore le bachelor de l'\u00c9cole Polytechnique.<\/p>\n\n <div class=\"universities-grid\">\n <div class=\"university-item\">Harvard<\/div>\n <div class=\"university-item\">Yale<\/div>\n <div class=\"university-item\">Stanford<\/div>\n <div class=\"university-item\">ESSEC<\/div>\n <div class=\"university-item\">HEC<\/div>\n <div class=\"university-item\">Sciences Po<\/div>\n <div class=\"university-item\">Polytechnique<\/div>\n <div class=\"university-item\">ESCP<\/div>\n <\/div>\n\n <p>Une \u00e9tude de la Higher Education Statistics Agency (HESA) a montr\u00e9 que les dipl\u00f4m\u00e9s de l'IB ont davantage de chances de s'inscrire dans l'une des 20 meilleures universit\u00e9s et \u00e9coles sup\u00e9rieures du Royaume-Uni que des \u00e9tudiants ayant des qualifications comparables. Ils ont \u00e9galement plus de chances d'\u00eatre admis dans plusieurs des universit\u00e9s les plus prestigieuses des \u00c9tats-Unis.<\/p>\n\n <h3>Une reconnaissance forte \u00e0 l'international<\/h3>\n <p>La transition vers les universit\u00e9s anglo-saxonnes se fait ais\u00e9ment pour les bacheliers de l'IB. Leur dipl\u00f4me est particuli\u00e8rement reconnu aux \u00c9tats-Unis, au Canada, en Angleterre, ainsi que dans d'autres pays d'Europe comme l'Espagne, l'Italie ou les Pays-Bas. De nombreuses universit\u00e9s am\u00e9ricaines accordent aux bacheliers de l'IB une reconnaissance de niveau qui leur permet d'int\u00e9grer directement la deuxi\u00e8me ann\u00e9e de leur cursus d'\u00e9tudes sup\u00e9rieures.<\/p>\n <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f6699f elementor-widget elementor-widget-html\" data-id=\"8f6699f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* Padding global de 50px sur la section *\/\n .highlight-section {\n padding-top: 50px;\n padding-bottom: 50px;\n }\n\n .comparison-table {\n width: 100%;\n margin: 3rem 0;\n border-collapse: separate;\n border-spacing: 0;\n overflow: hidden;\n }\n\n .comparison-table thead {\n background: #B59138; \/* or dor\u00e9 *\/\n color: var(--white);\n }\n\n .comparison-table th,\n .comparison-table td {\n padding: 1.25rem 1.5rem;\n text-align: left;\n border-bottom: 1px solid var(--medium-gray);\n }\n\n .comparison-table tbody tr {\n transition: background 0.2s ease;\n }\n\n .comparison-table tbody tr:hover {\n background: var(--light-gray);\n }\n\n .comparison-table th {\n font-weight: 600;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n \/* Feature Cards - ALIGNEMENT HORIZONTAL *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2.5rem;\n margin-top: 3rem;\n align-items: stretch; \/* Les cartes ont toutes la m\u00eame hauteur globale *\/\n }\n\n .feature-card {\n padding: 2.5rem;\n background: var(--navy); \/* bleu au repos *\/\n border: 2px solid var(--navy);\n transition: all 0.3s ease;\n height: 100%;\n display: flex;\n flex-direction: column;\n color: #ffffff; \/* texte blanc *\/\n }\n\n .feature-card h3 {\n color: #ffffff; \/* titre blanc *\/\n margin-bottom: 1.5rem;\n line-height: 1.3;\n \n \/* CORRECTION ICI : Augmentation de la hauteur r\u00e9serv\u00e9e au titre *\/\n \/* 4em permet de couvrir jusqu'\u00e0 3 lignes de titre, for\u00e7ant l'alignement du texte en dessous *\/\n min-height: 4em; \n \n display: flex;\n align-items: flex-start; \/* Le texte du titre reste coll\u00e9 en haut *\/\n }\n\n .feature-card p {\n font-size: 1rem;\n color: #ffffff; \/* texte blanc *\/\n flex-grow: 1;\n margin: 0;\n }\n\n .feature-card:hover {\n background: #B59138; \/* dor\u00e9 au survol *\/\n border-color: #B59138;\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n color: #ffffff;\n }\n\n .feature-card:hover h3,\n .feature-card:hover p {\n color: #ffffff; \/* tout reste blanc au hover *\/\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .feature-card h3 {\n min-height: auto; \/* Reset de la hauteur fixe sur mobile *\/\n }\n }\n<\/style>\n\n<section class=\"section highlight-section\">\n <div class=\"container\">\n <h2>Que travaillent les \u00e9l\u00e8ves en Baccalaur\u00e9at International ?<\/h2>\n\n <h3>Une structure d'\u00e9tudes compl\u00e8te<\/h3>\n <p>Contrairement aux A-Levels, o\u00f9 les \u00e9l\u00e8ves se sp\u00e9cialisent dans trois ou quatre mati\u00e8res, les \u00e9l\u00e8ves de l'IB \u00e9tudient des cours dans six groupes de mati\u00e8res diff\u00e9rents, parmi lesquels les langues, les sciences humaines, les sciences et les math\u00e9matiques. Cette structure permet \u00e0 la fois d'\u00e9largir et d'approfondir leurs connaissances et leur compr\u00e9hension.<\/p>\n\n <table class=\"comparison-table\">\n <thead>\n <tr>\n <th>Programme<\/th>\n <th>Nombre de mati\u00e8res<\/th>\n <th>Approche<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>A-Levels<\/strong><\/td>\n <td>3-4 mati\u00e8res<\/td>\n <td>Sp\u00e9cialisation pr\u00e9coce<\/td>\n <\/tr>\n <tr>\n <td><strong>Baccalaur\u00e9at International<\/strong><\/td>\n <td>6 groupes de mati\u00e8res<\/td>\n <td>Formation \u00e9quilibr\u00e9e et compl\u00e8te<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <h3>P\u00e9dagogie fond\u00e9e sur la discussion<\/h3>\n <p>Les classes de l'IB mettent l'accent sur la discussion et la communication bilat\u00e9rale entre l'enseignant et les \u00e9l\u00e8ves. Chaque \u00e9l\u00e8ve est encourag\u00e9 \u00e0 prendre la parole et \u00e0 exprimer son opinion.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Un d\u00e9fi acad\u00e9mique stimulant<\/h3>\n <p>Les programmes du Baccalaur\u00e9at International sont rigoureux, exigeants et inspirants. Les \u00e9l\u00e8ves terminent leurs \u00e9tudes avec un haut niveau de comp\u00e9tences et de confiance.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Pens\u00e9e originale<\/h3>\n <p>Ce style d'enseignement forme des \u00e9l\u00e8ves capables de pens\u00e9e originale, confiants dans leurs perspectives, tout en restant \u00e0 l'\u00e9coute des autres.<\/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-dad60ed elementor-widget elementor-widget-html\" data-id=\"dad60ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n <section class=\"section\">\n <div class=\"container\">\n <h2>Apprendre par l'exp\u00e9rience : CAS, m\u00e9moire et th\u00e9orie de la connaissance<\/h2>\n\n <div class=\"content-grid\">\n <div>\n <h3>CAS : Cr\u00e9ativit\u00e9, Action, Service<\/h3>\n <p>Les \u00e9l\u00e8ves de l'IB participent au programme CAS (Cr\u00e9ativit\u00e9, Action, Service), qui les invite \u00e0 agir au service des autres. Ils peuvent d\u00e9velopper leurs int\u00e9r\u00eats et leurs comp\u00e9tences \u00e0 travers des projets, des clubs, des actions au service de la communaut\u00e9, des activit\u00e9s sportives et d'autres activit\u00e9s extrascolaires. Le CAS contribue \u00e0 faire des \u00e9l\u00e8ves des individus \u00e9quilibr\u00e9s, motiv\u00e9s et engag\u00e9s, et enrichit leur parcours pour l'acc\u00e8s aux \u00e9tudes sup\u00e9rieures.<\/p>\n\n <h3>M\u00e9moire et th\u00e9orie de la connaissance<\/h3>\n <p>Le m\u00e9moire et la th\u00e9orie de la connaissance sont deux composantes essentielles du dipl\u00f4me de l'IB. Elles am\u00e8nent les \u00e9l\u00e8ves \u00e0 d\u00e9velopper des comp\u00e9tences avanc\u00e9es en mati\u00e8re de recherche ind\u00e9pendante, de r\u00e9flexion et d'organisation. Ces comp\u00e9tences sont particuli\u00e8rement importantes pour ceux qui souhaitent poursuivre des \u00e9tudes sup\u00e9rieures ou r\u00e9ussir dans leur future carri\u00e8re.<\/p>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-experience.jpg\" alt=\"Exp\u00e9rience \u00e9tudiante \u00e0 l'IS33\" class=\"content-image\" loading=\"lazy\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af3aba5 elementor-widget elementor-widget-html\" data-id=\"af3aba5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n .profile-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr); \/* 5 par ligne *\/\n gap: 1.5rem;\n margin: 3rem 0;\n }\n\n .profile-item {\n text-align: center;\n padding: 2rem 1.5rem;\n background: #FF7566; \/* corail au repos *\/\n color: #ffffff; \/* texte blanc *\/\n transition: all 0.3s ease;\n }\n\n .profile-item:hover {\n background: var(--navy); \/* hover conserv\u00e9 *\/\n color: var(--white);\n transform: translateY(-5px);\n }\n\n .profile-item:hover .profile-label {\n color: var(--white);\n }\n\n .profile-label {\n font-size: 1rem;\n font-weight: 600;\n color: #ffffff; \/* texte blanc au repos *\/\n transition: color 0.3s ease;\n }\n\n @media (max-width: 768px) {\n .profile-grid {\n grid-template-columns: repeat(2, 1fr); \/* 2 par ligne sur mobile *\/\n }\n }\n<\/style>\n\n\n<section class=\"section highlight-section\">\n <div class=\"container\">\n <h2>Les \u00e9l\u00e8ves des \u00e9coles du monde de l'IB<\/h2>\n\n <p>Dans les \u00e9coles du monde de l'IB, les \u00e9l\u00e8ves, consid\u00e9r\u00e9s comme des apprenants, sont au c\u0153ur des programmes \u00e9ducatifs. Ils re\u00e7oivent une \u00e9ducation qui :<\/p>\n\n <ul class=\"styled-list\">\n <li>les encourage \u00e0 penser de fa\u00e7on autonome et \u00e0 prendre en main leur apprentissage<\/li>\n <li>d\u00e9veloppe leur autodiscipline et leur sens de l'int\u00e9grit\u00e9<\/li>\n <li>renforce leur capacit\u00e9 \u00e0 penser de mani\u00e8re critique et \u00e0 r\u00e9soudre des probl\u00e8mes complexes<\/li>\n <li>leur ouvre l'acc\u00e8s \u00e0 des programmes d'enseignement qui m\u00e8nent aux universit\u00e9s les plus prestigieuses<\/li>\n <li>les rend plus sensibles aux diff\u00e9rentes cultures gr\u00e2ce \u00e0 l'apprentissage d'une deuxi\u00e8me langue<\/li>\n <li>leur donne les moyens de dialoguer avec les autres dans un contexte de plus en plus mondialis\u00e9<\/li>\n <\/ul>\n\n <h3 style=\"margin-top: 3rem; text-align: center;\">Le profil de l'apprenant IB<\/h3>\n <div class=\"profile-grid\">\n <div class=\"profile-item\">\n <span class=\"profile-label\">Chercheurs<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Inform\u00e9s<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Sens\u00e9s<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Communicatifs<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Int\u00e8gres<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Ouverts d'esprit<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Altruistes<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Audacieux<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">\u00c9quilibr\u00e9s<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">R\u00e9fl\u00e9chis<\/span>\n <\/div>\n <\/div>\n\n <p style=\"margin-top: 2rem;\">Les \u00e9l\u00e8ves des \u00e9coles du monde de l'IB d\u00e9veloppent ainsi de solides qualit\u00e9s sur les plans scolaire, social et \u00e9motionnel. Ils ont plus de chances de r\u00e9ussir leurs \u00e9tudes et obtiennent souvent de meilleurs r\u00e9sultats que les \u00e9l\u00e8ves qui suivent d'autres types de programmes.<\/p>\n <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27f9a32 elementor-widget elementor-widget-html\" data-id=\"27f9a32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n <section class=\"section\">\n <div class=\"container\">\n <h2>Les programmes de l'IB et la place de l'International School 33<\/h2>\n\n <h3>IS33, \u00e9cole du monde de l'IB<\/h3>\n <p>L'International School 33 fait partie des \u00e9coles du monde de l'IB pour le Programme primaire (maternelle et \u00e9l\u00e9mentaire), le Programme d'\u00e9ducation interm\u00e9diaire (coll\u00e8ge) et le Programme du dipl\u00f4me (lyc\u00e9e) + Programme \u00e0 orientation professionelle (lyc\u00e9e). Les \u00e9coles du monde de l'IB partagent une m\u00eame philosophie : un engagement envers une \u00e9ducation internationale stimulante et de grande qualit\u00e9, consid\u00e9r\u00e9e comme essentielle pour les \u00e9l\u00e8ves.<\/p>\n\n <h3>Les diff\u00e9rents programmes de l'IB<\/h3>\n \n <table class=\"comparison-table\">\n <thead>\n <tr>\n <th>Programme<\/th>\n <th>\u00c2ge<\/th>\n <th>\u00c9quivalent fran\u00e7ais<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Programme primaire (PP)<\/strong><\/td>\n <td>3 \u00e0 12 ans<\/td>\n <td>Maternelle et \u00e9l\u00e9mentaire<\/td>\n <\/tr>\n <tr>\n <td><strong>Programme d'\u00e9ducation interm\u00e9diaire (PEI)<\/strong><\/td>\n <td>11 \u00e0 16 ans<\/td>\n <td>Sixi\u00e8me \u00e0 seconde<\/td>\n <\/tr>\n <tr>\n <td><strong>Programme du dipl\u00f4me<\/strong><\/td>\n <td>16 \u00e0 19 ans<\/td>\n <td>Premi\u00e8re et terminale<\/td>\n <\/tr>\n <tr>\n <td><strong>Programme \u00e0 orientation professionnelle (POP)<\/strong><\/td>\n <td>16 \u00e0 19 ans<\/td>\n <td>\u00c9quivalent apr\u00e8s-bac<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce7fcfd elementor-widget elementor-widget-html\" data-id=\"ce7fcfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* Ajout du padding 50px demand\u00e9 *\/\n .highlight-section {\n padding-top: 50px;\n padding-bottom: 50px;\n }\n\n \/* Enseignants : 2x2 grid *\/\n .enseignants-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n margin-top: 3rem;\n }\n\n @media (max-width: 768px) {\n .enseignants-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Cartes dor\u00e9es (repos) \/ navy (hover) pour 2 cartes sp\u00e9cifiques *\/\n .feature-card-gold {\n background: #B59138; \/* dor\u00e9 au repos *\/\n border-color: #B59138;\n color: #ffffff;\n }\n\n .feature-card-gold .feature-icon,\n .feature-card-gold h3,\n .feature-card-gold p {\n color: #ffffff;\n }\n\n .feature-card.feature-card-gold:hover {\n background: var(--navy); \/* navy au survol *\/\n border-color: var(--navy);\n }\n<\/style>\n\n<section class=\"section highlight-section\">\n <div class=\"container\">\n <h2>Un cadre de travail exigeant pour les enseignants<\/h2>\n\n <p>Le Baccalaur\u00e9at International constitue \u00e9galement un gage de qualit\u00e9 pour les enseignants. L'IB leur offre :<\/p>\n\n <div class=\"enseignants-grid\">\n <div class=\"feature-card feature-card-gold\">\n <h3>Perfectionnement professionnel<\/h3>\n <p>Des formations qui encouragent la pens\u00e9e critique, la r\u00e9flexion personnelle, l'apprentissage permanent et l'am\u00e9lioration continue.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Ressources p\u00e9dagogiques<\/h3>\n <p>Des cadres p\u00e9dagogiques innovants, des plans de travail, des ressources et des outils d'\u00e9valuation.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Certification internationale<\/h3>\n <p>Des programmes de certification et de qualification propos\u00e9s avec des universit\u00e9s reconnues dans le monde.<\/p>\n <\/div>\n <div class=\"feature-card feature-card-gold\">\n <h3>P\u00e9dagogie innovante<\/h3>\n <p>Une p\u00e9dagogie qui encourage les \u00e9l\u00e8ves \u00e0 mener des recherches et \u00e0 rester apprenants tout au long de leur vie.<\/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-7209aa3 elementor-widget elementor-widget-html\" data-id=\"7209aa3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n .faq-section {\n background: var(--light-gray);\n padding: 50px 0; \/* Consigne appliqu\u00e9e : padding haut\/bas de 50px *\/\n }\n\n .faq-accordion {\n max-width: 900px;\n margin: 3rem auto 0;\n }\n\n .faq-item {\n background: var(--white);\n margin-bottom: 1rem;\n overflow: hidden;\n }\n\n .faq-question {\n width: 100%;\n padding: 1.75rem 2rem;\n background: var(--white);\n border: 2px solid var(--medium-gray);\n text-align: left;\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--navy);\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-family: 'Elms Sans', sans-serif;\n }\n\n \/* MODIFICATION ICI : Ajout de la couleur de texte au survol *\/\n .faq-question:hover {\n background: var(--light-gray);\n border-color: #FF7566; \/* corail au hover *\/\n color: #FF7566; \/* Texte en corail pour la lisibilit\u00e9 sur fond clair *\/\n }\n\n .faq-question::after {\n content: '+';\n font-size: 1.75rem;\n color: #FF7566; \/* corail par d\u00e9faut *\/\n transition: transform 0.3s ease, color 0.3s ease;\n }\n\n \/* \u00c9TAT ACTIF : on force le corail en fond et blanc en texte *\/\n .faq-question.active,\n .faq-question.active:hover,\n .faq-question.active:focus,\n .faq-question.active:focus-visible {\n background: #FF7566 !important;\n border-color: #FF7566 !important;\n color: #ffffff !important;\n }\n\n .faq-question.active::after {\n transform: rotate(45deg);\n color: #ffffff !important;\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, padding 0.4s ease;\n padding: 0 2rem;\n }\n\n .faq-answer.active {\n max-height: 500px;\n padding: 1.5rem 2rem 2rem;\n }\n\n .faq-answer p {\n font-size: 1.0625rem;\n line-height: 1.8;\n }\n<\/style>\n\n<section class=\"section faq-section\">\n <div class=\"container\">\n <h2 style=\"text-align: center;\">Questions fr\u00e9quentes sur le Baccalaur\u00e9at International<\/h2>\n\n <div class=\"faq-accordion\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">En quoi le Baccalaur\u00e9at International est-il diff\u00e9rent de le BFI ?<\/button>\n <div class=\"faq-answer\">\n <p>Le BFI correspond \u00e0 un examen fran\u00e7ais avec une option internationale. Le dipl\u00f4me du Baccalaur\u00e9at International (IB), lui, est un examen pleinement international. \u00c0 l'International School 33 de Bordeaux, les \u00e9l\u00e8ves pr\u00e9parent la version bilingue du dipl\u00f4me de l'IB.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Le dipl\u00f4me de l'IB est-il reconnu par l'enseignement sup\u00e9rieur fran\u00e7ais ?<\/button>\n <div class=\"faq-answer\">\n <p>Oui. Les \u00e9l\u00e8ves qui obtiennent 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 : m\u00e9decine, droit, grandes \u00e9coles de commerce, Sciences Po, classes pr\u00e9paratoires ou encore bachelor de l'\u00c9cole Polytechnique.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Le Baccalaur\u00e9at International est-il reconnu \u00e0 l'\u00e9tranger ?<\/button>\n <div class=\"faq-answer\">\n <p>Le dipl\u00f4me de l'IB est propos\u00e9 dans plus de 150 pays et reconnu par des \u00e9tablissements d'enseignement sup\u00e9rieur dans pr\u00e8s de 90 pays, dont des universit\u00e9s prestigieuses aux \u00c9tats-Unis, au Royaume-Uni, au Canada et dans plusieurs pays d'Europe. De nombreuses universit\u00e9s am\u00e9ricaines accordent d'ailleurs des \u00e9quivalences qui permettent aux bacheliers de l'IB d'entrer directement en deuxi\u00e8me ann\u00e9e.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Le programme de l'IB est-il difficile ?<\/button>\n <div class=\"faq-answer\">\n <p>Les programmes du Baccalaur\u00e9at International sont rigoureux. Ils demandent une implication r\u00e9elle, mais ils sont aussi stimulants et motivants. Les \u00e9l\u00e8ves qui s'y engagent d\u00e9veloppent des comp\u00e9tences acad\u00e9miques, personnelles et organisationnelles qui les pr\u00e9parent particuli\u00e8rement bien aux \u00e9tudes sup\u00e9rieures.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07a0aeb elementor-widget elementor-widget-html\" data-id=\"07a0aeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n .cta-section {\n background: linear-gradient(135deg, var(--navy) 0%, #0a3a7a 100%);\n padding: 5rem 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-conf.jpg') center\/cover;\n opacity: 0.08;\n }\n\n .cta-section .container {\n position: relative;\n z-index: 1;\n }\n\n .cta-section h2 {\n color: var(--white);\n margin-bottom: 1.5rem;\n font-size: 2.75rem;\n }\n\n .cta-section p {\n color: rgba(255, 255, 255, 0.9);\n font-size: 1.25rem;\n max-width: 700px;\n margin: 0 auto 2.5rem;\n }\n\n .btn {\n display: inline-block;\n padding: 1rem 3rem;\n font-size: 1.125rem;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n font-family: 'Elms Sans', sans-serif;\n border-radius: 100px; \/* radius sur les 2 CTA *\/\n }\n\n .btn-primary {\n background: var(--coral);\n color: var(--white) !important; \/* texte bien blanc *\/\n border: 2px solid var(--coral); \/* bordure pour avoir un vrai contour *\/\n }\n\n .btn-primary:hover {\n background: var(--gold);\n border-color: var(--gold);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(255, 117, 102, 0.4);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--white);\n border: 2px solid var(--white);\n margin-left: 1rem;\n }\n\n .btn-secondary:hover {\n background: var(--white);\n color: var(--navy);\n }\n\n @media (max-width: 768px) {\n .btn-secondary {\n margin-left: 0;\n margin-top: 1rem;\n display: block;\n }\n }\n<\/style>\n\n\n<section class=\"cta-section\">\n <div class=\"container\">\n <h2>Pr\u00eat \u00e0 rejoindre l'International School 33 ?<\/h2>\n <p>D\u00e9couvrez comment le Baccalaur\u00e9at International peut ouvrir les portes d'un avenir exceptionnel pour votre enfant.<\/p>\n <a href=\"https:\/\/international-school33.com\/contact\/\" class=\"btn btn-primary\">Demander une visite<\/a>\n <a href=\"https:\/\/international-school33.com\/admission\/\" class=\"btn btn-secondary\">Processus d'admission<\/a>\n <\/div>\n<\/section>\n\n\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n const faqQuestions = document.querySelectorAll('.faq-question');\n \n faqQuestions.forEach(question => {\n question.addEventListener('click', function() {\n const answer = this.nextElementSibling;\n const isActive = this.classList.contains('active');\n \n \/\/ Close all answers\n document.querySelectorAll('.faq-question').forEach(q => {\n q.classList.remove('active');\n });\n document.querySelectorAll('.faq-answer').forEach(a => {\n a.classList.remove('active');\n });\n \n \/\/ Open clicked answer if it wasn't active\n if (!isActive) {\n this.classList.add('active');\n answer.classList.add('active');\n }\n });\n });\n\n \/\/ Intersection Observer for fade-in animations\n const sections = document.querySelectorAll('.section');\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationDelay = '0.2s';\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n sections.forEach(section => {\n observer.observe(section);\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n\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>Baccalaur\u00e9at International (IB) \u00e0 l’International School 33 de Bordeaux \u00c9cole du monde de l’IB Baccalaur\u00e9at International (IB)\u00e0 l’International School 33 de Bordeaux Le Baccalaur\u00e9at International\u00ae (IB) permet aux \u00e9l\u00e8ves de suivre une scolarit\u00e9 de la maternelle au lyc\u00e9e qui met l’accent \u00e0 la fois sur l’excellence acad\u00e9mique et sur le d\u00e9veloppement personnel. \u00c0 l’International School […]<\/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-1252","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1252","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=1252"}],"version-history":[{"count":94,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1252\/revisions"}],"predecessor-version":[{"id":3164,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1252\/revisions\/3164"}],"wp:attachment":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/media?parent=1252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Baccalaur\u00e9at International (IB) \u00e0 l'International School 33 de Bordeaux<\/title>\n <meta name=\"description\" content=\"Le Baccalaur\u00e9at International \u00e0 l'IS33 Bordeaux : un dipl\u00f4me reconnu dans 90 pays, pr\u00e9parant les \u00e9l\u00e8ves de 3 \u00e0 19 ans \u00e0 l'excellence acad\u00e9mique et au d\u00e9veloppement personnel.\">\n \n \n <link href=\"https:\/\/fonts.cdnfonts.com\/css\/elms-sans\" rel=\"stylesheet\">\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"EducationalOrganization\",\n \"name\": \"International School 33\",\n \"alternateName\": \"IS33\",\n \"description\": \"\u00c9cole du monde de l'IB proposant le Baccalaur\u00e9at International de la maternelle au lyc\u00e9e \u00e0 Bordeaux\",\n \"url\": \"https:\/\/international-school33.com\",\n \"logo\": \"https:\/\/international-school33.com\/logo.png\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Bordeaux\",\n \"addressRegion\": \"Nouvelle-Aquitaine\",\n \"addressCountry\": \"FR\"\n },\n \"areaServed\": [\"FR\", \"EU\"],\n \"hasOfferCatalog\": {\n \"@type\": \"OfferCatalog\",\n \"name\": \"Programmes IB\",\n \"itemListElement\": [\n {\n \"@type\": \"Course\",\n \"name\": \"Programme Primaire (PP)\",\n \"description\": \"Programme IB pour \u00e9l\u00e8ves de 3 \u00e0 12 ans\",\n \"provider\": {\n \"@type\": \"EducationalOrganization\",\n \"name\": \"International School 33\"\n },\n \"educationalLevel\": \"Maternelle et \u00c9l\u00e9mentaire\",\n \"timeRequired\": \"P9Y\"\n },\n {\n \"@type\": \"Course\",\n \"name\": \"Programme d'\u00c9ducation Interm\u00e9diaire (PEI)\",\n \"description\": \"Programme IB pour \u00e9l\u00e8ves de 11 \u00e0 16 ans\",\n \"provider\": {\n \"@type\": \"EducationalOrganization\",\n \"name\": \"International School 33\"\n },\n \"educationalLevel\": \"Coll\u00e8ge\",\n \"timeRequired\": \"P5Y\"\n },\n {\n \"@type\": \"Course\",\n \"name\": \"Programme du Dipl\u00f4me\",\n \"description\": \"Dipl\u00f4me du Baccalaur\u00e9at International pour \u00e9l\u00e8ves de 16 \u00e0 19 ans\",\n \"provider\": {\n \"@type\": \"EducationalOrganization\",\n \"name\": \"International School 33\"\n },\n \"educationalLevel\": \"Lyc\u00e9e\",\n \"timeRequired\": \"P3Y\"\n }\n ]\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\": \"En quoi le Baccalaur\u00e9at International est-il diff\u00e9rent de l'OIB ?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"L'OIB correspond \u00e0 un examen fran\u00e7ais avec une option internationale. Le dipl\u00f4me du Baccalaur\u00e9at International est un examen pleinement international. \u00c0 l'International School 33 de Bordeaux, les \u00e9l\u00e8ves pr\u00e9parent la version bilingue du dipl\u00f4me de l'IB.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Le dipl\u00f4me de l'IB est-il reconnu par l'enseignement sup\u00e9rieur fran\u00e7ais ?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Oui. Les \u00e9l\u00e8ves qui obtiennent le dipl\u00f4me de l'IB sont accept\u00e9s dans tous les domaines de l'enseignement sup\u00e9rieur fran\u00e7ais : m\u00e9decine, droit, grandes \u00e9coles de commerce (ESSEC, ESCP, HEC), Sciences Po, classes pr\u00e9paratoires, \u00c9cole Polytechnique.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Le Baccalaur\u00e9at International est-il reconnu \u00e0 l'\u00e9tranger ?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Le dipl\u00f4me de l'IB est propos\u00e9 dans plus de 150 pays et reconnu par des \u00e9tablissements d'enseignement sup\u00e9rieur dans pr\u00e8s de 90 pays, dont des universit\u00e9s prestigieuses aux \u00c9tats-Unis (Harvard, Yale, Stanford), au Royaume-Uni, au Canada et en Europe.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Le programme de l'IB est-il difficile ?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Les programmes du Baccalaur\u00e9at International sont rigoureux et exigeants, mais aussi stimulants et motivants. Les \u00e9l\u00e8ves d\u00e9veloppent des comp\u00e9tences acad\u00e9miques, personnelles et organisationnelles qui les pr\u00e9parent particuli\u00e8rement bien aux \u00e9tudes sup\u00e9rieures.\"\n }\n }\n ]\n }\n <\/script>\n\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --navy: #05244F;\n --coral: #FF7566;\n --gold: #B59138;\n --white: #ffffff;\n --light-gray: #f8f9fa;\n --medium-gray: #e9ecef;\n --text-dark: #1a1a1a;\n --text-medium: #4a5568;\n }\n\n body {\n font-family: 'Elms Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n color: var(--text-dark);\n line-height: 1.6;\n background: var(--white);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Elms Sans', sans-serif;\n font-weight: 600;\n line-height: 1.2;\n color: var(--navy);\n }\n\n h1 { font-size: 3.5rem; margin-bottom: 1.5rem; }\n h2 { font-size: 2.5rem; margin-bottom: 1.25rem; }\n h3 { font-size: 1.75rem; margin-bottom: 1rem; }\n\n p {\n font-size: 1.125rem;\n line-height: 1.8;\n margin-bottom: 1.25rem;\n color: var(--text-medium);\n text-align: justify;\n }\n\n a {\n color: var(--coral);\n text-decoration: none;\n transition: all 0.3s ease;\n }\n\n a:hover {\n color: var(--navy);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 2rem;\n }\n\n .section {\n padding: 3rem 0;\n opacity: 0;\n transform: translateY(30px);\n animation: fadeInUp 0.8s ease forwards;\n }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Hero Section - PLEINE LARGEUR *\/\n .hero {\n background: linear-gradient(135deg, var(--navy) 0%, #0a3a7a 100%);\n padding: 6rem 0 5rem;\n position: relative;\n overflow: hidden;\n \/* *** FULL WIDTH VIEWPORT *** *\/\n width: 100vw;\n margin: 0 calc(50% - 50vw);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-experience.jpg') center\/cover;\n opacity: 0.1;\n z-index: 0;\n }\n\n .hero .container {\n position: relative;\n z-index: 1;\n }\n\n .hero h1 {\n color: var(--white);\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 2rem;\n line-height: 1.1;\n }\n\n .hero-intro {\n font-size: 1.375rem;\n color: rgba(255, 255, 255, 0.95);\n max-width: 800px;\n line-height: 1.7;\n margin-bottom: 2rem;\n text-align: justify;\n }\n\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .stat-item {\n text-align: center;\n padding: 1.5rem;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n transition: transform 0.3s ease;\n }\n\n .stat-item:hover {\n transform: translateY(-5px);\n }\n\n .stat-number {\n font-size: 3rem;\n font-weight: 700;\n color: var(--coral);\n display: block;\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 1rem;\n color: rgba(255, 255, 255, 0.9);\n font-weight: 500;\n }\n\n \/* Badge *\/\n .badge {\n display: inline-block;\n padding: 0.5rem 1.25rem;\n background: var(--gold);\n color: var(--white);\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 1.5rem;\n }\n\n @media (max-width: 768px) {\n .hero h1 { font-size: 2.25rem; }\n h2 { font-size: 2rem; }\n h3 { font-size: 1.5rem; }\n \n .section {\n padding: 2rem 0;\n }\n\n .container {\n padding: 0 1.25rem;\n }\n\n .hero-stats {\n grid-template-columns: 1fr;\n }\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n img {\n opacity: 0;\n animation: fadeIn 0.6s ease forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"hero\">\n <div class=\"container\">\n <span class=\"badge\">\u00c9cole du monde de l'IB<\/span>\n <h1>Baccalaur\u00e9at International (IB)<br>\u00e0 l'International School 33 de Bordeaux<\/h1>\n <p class=\"hero-intro\">Le Baccalaur\u00e9at International\u00ae (IB) permet aux \u00e9l\u00e8ves de suivre une scolarit\u00e9 de la maternelle au lyc\u00e9e qui met l'accent \u00e0 la fois sur l'excellence acad\u00e9mique et sur le d\u00e9veloppement personnel. \u00c0 l'International School 33 de Bordeaux, les \u00e9l\u00e8ves pr\u00e9parent, au lyc\u00e9e, le dipl\u00f4me du Baccalaur\u00e9at International dans sa version bilingue.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <span class=\"stat-number\">5 000+<\/span>\n <span class=\"stat-label\">\u00c9tablissements IB dans le monde<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">150<\/span>\n <span class=\"stat-label\">Pays proposant l'IB<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">90<\/span>\n <span class=\"stat-label\">Pays reconnaissant le dipl\u00f4me<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbf8980 elementor-widget elementor-widget-html\" data-id=\"dbf8980\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n <style>\n .content-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n margin-top: 3rem;\n }\n\n .content-image {\n width: 100%;\n height: 500px;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .content-image:hover {\n transform: scale(1.02);\n }\n\n .highlight-box {\n background: var(--white);\n padding: 3rem;\n border-left: 4px solid var(--coral);\n margin: 2rem 0;\n }\n\n .styled-list {\n list-style: none;\n margin: 2rem 0;\n }\n\n .styled-list li {\n padding: 1rem 0 1rem 3rem;\n position: relative;\n font-size: 1.125rem;\n line-height: 1.7;\n text-align: justify;\n }\n\n .styled-list li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n top: 1rem;\n width: 32px;\n height: 32px;\n background: var(--coral);\n color: var(--white);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n }\n\n @media (max-width: 768px) {\n .content-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .content-image {\n height: 350px;\n }\n }\n <\/style>\n\n \n <section class=\"section\">\n <div class=\"container\">\n <h2>Pourquoi choisir le Baccalaur\u00e9at International (IB) ?<\/h2>\n <p>De plus en plus de familles fran\u00e7aises choisissent le Baccalaur\u00e9at International pour leurs enfants, conscientes de l'avantage que ce dipl\u00f4me procure pour leur avenir. Contrairement au BFI (Baccalaur\u00e9at Fran\u00e7ais International), qui est un examen fran\u00e7ais avec une option internationale, le dipl\u00f4me de l'IB est un examen pleinement international.<\/p>\n\n <div class=\"highlight-box\">\n <h3>Le Baccalaur\u00e9at International permet aux \u00e9l\u00e8ves :<\/h3>\n <ul class=\"styled-list\">\n <li>de suivre une scolarit\u00e9 compl\u00e8te, de la maternelle au lyc\u00e9e, avec une continuit\u00e9 de programmes<\/li>\n <li>de d\u00e9velopper des comp\u00e9tences acad\u00e9miques solides et une v\u00e9ritable autonomie<\/li>\n <li>de pr\u00e9parer un dipl\u00f4me reconnu par l'enseignement sup\u00e9rieur fran\u00e7ais et international<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29d162e elementor-widget elementor-widget-html\" data-id=\"29d162e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n <style>\n .highlight-section {\n background: var(--light-gray);\n }\n <\/style>\n\n \n <section class=\"section highlight-section\">\n <div class=\"container\">\n <h2>D\u00e9veloppement personnel et pens\u00e9e critique<\/h2>\n \n <div class=\"content-grid\">\n <div>\n <img decoding=\"async\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-classmates-scaled.jpg\" alt=\"\u00c9l\u00e8ves de l'IS33 en classe\" class=\"content-image\" loading=\"lazy\">\n <\/div>\n <div>\n <h3>Un programme qui forme des \u00e9l\u00e8ves autonomes<\/h3>\n <p>L'IB est un programme scolaire qui enseigne la pens\u00e9e critique et ind\u00e9pendante. Les \u00e9l\u00e8ves sont expos\u00e9s \u00e0 de multiples perspectives, apprennent \u00e0 formuler leurs propres opinions et \u00e0 g\u00e9rer leur travail de mani\u00e8re autonome. Ils apprennent par l'exp\u00e9rience, m\u00e8nent des recherches et d\u00e9veloppent des habitudes de travail qui les accompagnent tout au long de leur vie.<\/p>\n\n <h3>Apprendre \u00e0 organiser son travail<\/h3>\n <p>La gestion du temps est au c\u0153ur de la r\u00e9ussite en IB. Les \u00e9l\u00e8ves apprennent \u00e0 \u00e9tablir de bonnes habitudes d'\u00e9tude, \u00e0 r\u00e9server du temps pour les devoirs, \u00e0 d\u00e9velopper leurs propres techniques de r\u00e9vision et \u00e0 \u00e9quilibrer loisirs et obligations scolaires. Ces comp\u00e9tences leur donnent une longueur d'avance lorsqu'ils entrent dans l'enseignement sup\u00e9rieur.<\/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-11ce4b9 elementor-widget elementor-widget-html\" data-id=\"11ce4b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n .universities-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr); \/* 4 par ligne *\/\n gap: 2rem;\n margin: 3rem 0;\n text-align: center;\n }\n\n .university-item {\n padding: 1.5rem;\n background: #FF7566; \/* fond corail demand\u00e9 *\/\n font-weight: 600;\n color: #ffffff; \/* texte blanc *\/\n transition: all 0.3s ease;\n }\n\n .university-item:hover {\n background: var(--navy); \/* on garde le hover existant *\/\n color: var(--white); \/* texte blanc au hover aussi *\/\n transform: translateY(-5px);\n }\n\n \/* Responsive : 2 par ligne sur petits \u00e9crans *\/\n @media (max-width: 768px) {\n .universities-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n<\/style>\n\n\n<section class=\"section\">\n <div class=\"container\">\n <h2>Un dipl\u00f4me reconnu dans le monde entier<\/h2>\n\n <h3>Citoyennet\u00e9 mondiale<\/h3>\n <p>Le dipl\u00f4me de l'IB est propos\u00e9 dans plus de 150 pays et reconnu par les \u00e9tablissements d'enseignement sup\u00e9rieur de pr\u00e8s de 90 pays. Il est notamment reconnu par les universit\u00e9s fran\u00e7aises, ainsi que par des universit\u00e9s am\u00e9ricaines prestigieuses telles que Harvard, Yale ou Stanford. Le programme d'\u00e9tudes de l'IB aide les \u00e9l\u00e8ves \u00e0 s'ouvrir sur l'ext\u00e9rieur et \u00e0 prendre conscience de leur propre culture, afin de les pr\u00e9parer \u00e0 devenir des citoyens du monde.<\/p>\n\n <h3>Admission dans l'enseignement sup\u00e9rieur<\/h3>\n <p>Les \u00e9l\u00e8ves qui obtiennent 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 : m\u00e9decine, droit, grandes \u00e9coles de commerce comme l'ESSEC, l'ESCP ou HEC, Sciences Po, classes pr\u00e9paratoires ou encore le bachelor de l'\u00c9cole Polytechnique.<\/p>\n\n <div class=\"universities-grid\">\n <div class=\"university-item\">Harvard<\/div>\n <div class=\"university-item\">Yale<\/div>\n <div class=\"university-item\">Stanford<\/div>\n <div class=\"university-item\">ESSEC<\/div>\n <div class=\"university-item\">HEC<\/div>\n <div class=\"university-item\">Sciences Po<\/div>\n <div class=\"university-item\">Polytechnique<\/div>\n <div class=\"university-item\">ESCP<\/div>\n <\/div>\n\n <p>Une \u00e9tude de la Higher Education Statistics Agency (HESA) a montr\u00e9 que les dipl\u00f4m\u00e9s de l'IB ont davantage de chances de s'inscrire dans l'une des 20 meilleures universit\u00e9s et \u00e9coles sup\u00e9rieures du Royaume-Uni que des \u00e9tudiants ayant des qualifications comparables. Ils ont \u00e9galement plus de chances d'\u00eatre admis dans plusieurs des universit\u00e9s les plus prestigieuses des \u00c9tats-Unis.<\/p>\n\n <h3>Une reconnaissance forte \u00e0 l'international<\/h3>\n <p>La transition vers les universit\u00e9s anglo-saxonnes se fait ais\u00e9ment pour les bacheliers de l'IB. Leur dipl\u00f4me est particuli\u00e8rement reconnu aux \u00c9tats-Unis, au Canada, en Angleterre, ainsi que dans d'autres pays d'Europe comme l'Espagne, l'Italie ou les Pays-Bas. De nombreuses universit\u00e9s am\u00e9ricaines accordent aux bacheliers de l'IB une reconnaissance de niveau qui leur permet d'int\u00e9grer directement la deuxi\u00e8me ann\u00e9e de leur cursus d'\u00e9tudes sup\u00e9rieures.<\/p>\n <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f6699f elementor-widget elementor-widget-html\" data-id=\"8f6699f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* Padding global de 50px sur la section *\/\n .highlight-section {\n padding-top: 50px;\n padding-bottom: 50px;\n }\n\n .comparison-table {\n width: 100%;\n margin: 3rem 0;\n border-collapse: separate;\n border-spacing: 0;\n overflow: hidden;\n }\n\n .comparison-table thead {\n background: #B59138; \/* or dor\u00e9 *\/\n color: var(--white);\n }\n\n .comparison-table th,\n .comparison-table td {\n padding: 1.25rem 1.5rem;\n text-align: left;\n border-bottom: 1px solid var(--medium-gray);\n }\n\n .comparison-table tbody tr {\n transition: background 0.2s ease;\n }\n\n .comparison-table tbody tr:hover {\n background: var(--light-gray);\n }\n\n .comparison-table th {\n font-weight: 600;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n \/* Feature Cards - ALIGNEMENT HORIZONTAL *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2.5rem;\n margin-top: 3rem;\n align-items: stretch; \/* Les cartes ont toutes la m\u00eame hauteur globale *\/\n }\n\n .feature-card {\n padding: 2.5rem;\n background: var(--navy); \/* bleu au repos *\/\n border: 2px solid var(--navy);\n transition: all 0.3s ease;\n height: 100%;\n display: flex;\n flex-direction: column;\n color: #ffffff; \/* texte blanc *\/\n }\n\n .feature-card h3 {\n color: #ffffff; \/* titre blanc *\/\n margin-bottom: 1.5rem;\n line-height: 1.3;\n \n \/* CORRECTION ICI : Augmentation de la hauteur r\u00e9serv\u00e9e au titre *\/\n \/* 4em permet de couvrir jusqu'\u00e0 3 lignes de titre, for\u00e7ant l'alignement du texte en dessous *\/\n min-height: 4em; \n \n display: flex;\n align-items: flex-start; \/* Le texte du titre reste coll\u00e9 en haut *\/\n }\n\n .feature-card p {\n font-size: 1rem;\n color: #ffffff; \/* texte blanc *\/\n flex-grow: 1;\n margin: 0;\n }\n\n .feature-card:hover {\n background: #B59138; \/* dor\u00e9 au survol *\/\n border-color: #B59138;\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n color: #ffffff;\n }\n\n .feature-card:hover h3,\n .feature-card:hover p {\n color: #ffffff; \/* tout reste blanc au hover *\/\n }\n\n @media (max-width: 768px) {\n .features-grid {\n grid-template-columns: 1fr;\n }\n \n .feature-card h3 {\n min-height: auto; \/* Reset de la hauteur fixe sur mobile *\/\n }\n }\n<\/style>\n\n<section class=\"section highlight-section\">\n <div class=\"container\">\n <h2>Que travaillent les \u00e9l\u00e8ves en Baccalaur\u00e9at International ?<\/h2>\n\n <h3>Une structure d'\u00e9tudes compl\u00e8te<\/h3>\n <p>Contrairement aux A-Levels, o\u00f9 les \u00e9l\u00e8ves se sp\u00e9cialisent dans trois ou quatre mati\u00e8res, les \u00e9l\u00e8ves de l'IB \u00e9tudient des cours dans six groupes de mati\u00e8res diff\u00e9rents, parmi lesquels les langues, les sciences humaines, les sciences et les math\u00e9matiques. Cette structure permet \u00e0 la fois d'\u00e9largir et d'approfondir leurs connaissances et leur compr\u00e9hension.<\/p>\n\n <table class=\"comparison-table\">\n <thead>\n <tr>\n <th>Programme<\/th>\n <th>Nombre de mati\u00e8res<\/th>\n <th>Approche<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>A-Levels<\/strong><\/td>\n <td>3-4 mati\u00e8res<\/td>\n <td>Sp\u00e9cialisation pr\u00e9coce<\/td>\n <\/tr>\n <tr>\n <td><strong>Baccalaur\u00e9at International<\/strong><\/td>\n <td>6 groupes de mati\u00e8res<\/td>\n <td>Formation \u00e9quilibr\u00e9e et compl\u00e8te<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <h3>P\u00e9dagogie fond\u00e9e sur la discussion<\/h3>\n <p>Les classes de l'IB mettent l'accent sur la discussion et la communication bilat\u00e9rale entre l'enseignant et les \u00e9l\u00e8ves. Chaque \u00e9l\u00e8ve est encourag\u00e9 \u00e0 prendre la parole et \u00e0 exprimer son opinion.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Un d\u00e9fi acad\u00e9mique stimulant<\/h3>\n <p>Les programmes du Baccalaur\u00e9at International sont rigoureux, exigeants et inspirants. Les \u00e9l\u00e8ves terminent leurs \u00e9tudes avec un haut niveau de comp\u00e9tences et de confiance.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Pens\u00e9e originale<\/h3>\n <p>Ce style d'enseignement forme des \u00e9l\u00e8ves capables de pens\u00e9e originale, confiants dans leurs perspectives, tout en restant \u00e0 l'\u00e9coute des autres.<\/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-dad60ed elementor-widget elementor-widget-html\" data-id=\"dad60ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n <section class=\"section\">\n <div class=\"container\">\n <h2>Apprendre par l'exp\u00e9rience : CAS, m\u00e9moire et th\u00e9orie de la connaissance<\/h2>\n\n <div class=\"content-grid\">\n <div>\n <h3>CAS : Cr\u00e9ativit\u00e9, Action, Service<\/h3>\n <p>Les \u00e9l\u00e8ves de l'IB participent au programme CAS (Cr\u00e9ativit\u00e9, Action, Service), qui les invite \u00e0 agir au service des autres. Ils peuvent d\u00e9velopper leurs int\u00e9r\u00eats et leurs comp\u00e9tences \u00e0 travers des projets, des clubs, des actions au service de la communaut\u00e9, des activit\u00e9s sportives et d'autres activit\u00e9s extrascolaires. Le CAS contribue \u00e0 faire des \u00e9l\u00e8ves des individus \u00e9quilibr\u00e9s, motiv\u00e9s et engag\u00e9s, et enrichit leur parcours pour l'acc\u00e8s aux \u00e9tudes sup\u00e9rieures.<\/p>\n\n <h3>M\u00e9moire et th\u00e9orie de la connaissance<\/h3>\n <p>Le m\u00e9moire et la th\u00e9orie de la connaissance sont deux composantes essentielles du dipl\u00f4me de l'IB. Elles am\u00e8nent les \u00e9l\u00e8ves \u00e0 d\u00e9velopper des comp\u00e9tences avanc\u00e9es en mati\u00e8re de recherche ind\u00e9pendante, de r\u00e9flexion et d'organisation. Ces comp\u00e9tences sont particuli\u00e8rement importantes pour ceux qui souhaitent poursuivre des \u00e9tudes sup\u00e9rieures ou r\u00e9ussir dans leur future carri\u00e8re.<\/p>\n <\/div>\n <div>\n <img decoding=\"async\" src=\"https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-experience.jpg\" alt=\"Exp\u00e9rience \u00e9tudiante \u00e0 l'IS33\" class=\"content-image\" loading=\"lazy\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af3aba5 elementor-widget elementor-widget-html\" data-id=\"af3aba5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n .profile-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr); \/* 5 par ligne *\/\n gap: 1.5rem;\n margin: 3rem 0;\n }\n\n .profile-item {\n text-align: center;\n padding: 2rem 1.5rem;\n background: #FF7566; \/* corail au repos *\/\n color: #ffffff; \/* texte blanc *\/\n transition: all 0.3s ease;\n }\n\n .profile-item:hover {\n background: var(--navy); \/* hover conserv\u00e9 *\/\n color: var(--white);\n transform: translateY(-5px);\n }\n\n .profile-item:hover .profile-label {\n color: var(--white);\n }\n\n .profile-label {\n font-size: 1rem;\n font-weight: 600;\n color: #ffffff; \/* texte blanc au repos *\/\n transition: color 0.3s ease;\n }\n\n @media (max-width: 768px) {\n .profile-grid {\n grid-template-columns: repeat(2, 1fr); \/* 2 par ligne sur mobile *\/\n }\n }\n<\/style>\n\n\n<section class=\"section highlight-section\">\n <div class=\"container\">\n <h2>Les \u00e9l\u00e8ves des \u00e9coles du monde de l'IB<\/h2>\n\n <p>Dans les \u00e9coles du monde de l'IB, les \u00e9l\u00e8ves, consid\u00e9r\u00e9s comme des apprenants, sont au c\u0153ur des programmes \u00e9ducatifs. Ils re\u00e7oivent une \u00e9ducation qui :<\/p>\n\n <ul class=\"styled-list\">\n <li>les encourage \u00e0 penser de fa\u00e7on autonome et \u00e0 prendre en main leur apprentissage<\/li>\n <li>d\u00e9veloppe leur autodiscipline et leur sens de l'int\u00e9grit\u00e9<\/li>\n <li>renforce leur capacit\u00e9 \u00e0 penser de mani\u00e8re critique et \u00e0 r\u00e9soudre des probl\u00e8mes complexes<\/li>\n <li>leur ouvre l'acc\u00e8s \u00e0 des programmes d'enseignement qui m\u00e8nent aux universit\u00e9s les plus prestigieuses<\/li>\n <li>les rend plus sensibles aux diff\u00e9rentes cultures gr\u00e2ce \u00e0 l'apprentissage d'une deuxi\u00e8me langue<\/li>\n <li>leur donne les moyens de dialoguer avec les autres dans un contexte de plus en plus mondialis\u00e9<\/li>\n <\/ul>\n\n <h3 style=\"margin-top: 3rem; text-align: center;\">Le profil de l'apprenant IB<\/h3>\n <div class=\"profile-grid\">\n <div class=\"profile-item\">\n <span class=\"profile-label\">Chercheurs<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Inform\u00e9s<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Sens\u00e9s<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Communicatifs<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Int\u00e8gres<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Ouverts d'esprit<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Altruistes<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">Audacieux<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">\u00c9quilibr\u00e9s<\/span>\n <\/div>\n <div class=\"profile-item\">\n <span class=\"profile-label\">R\u00e9fl\u00e9chis<\/span>\n <\/div>\n <\/div>\n\n <p style=\"margin-top: 2rem;\">Les \u00e9l\u00e8ves des \u00e9coles du monde de l'IB d\u00e9veloppent ainsi de solides qualit\u00e9s sur les plans scolaire, social et \u00e9motionnel. Ils ont plus de chances de r\u00e9ussir leurs \u00e9tudes et obtiennent souvent de meilleurs r\u00e9sultats que les \u00e9l\u00e8ves qui suivent d'autres types de programmes.<\/p>\n <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27f9a32 elementor-widget elementor-widget-html\" data-id=\"27f9a32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n <section class=\"section\">\n <div class=\"container\">\n <h2>Les programmes de l'IB et la place de l'International School 33<\/h2>\n\n <h3>IS33, \u00e9cole du monde de l'IB<\/h3>\n <p>L'International School 33 fait partie des \u00e9coles du monde de l'IB pour le Programme primaire (maternelle et \u00e9l\u00e9mentaire), le Programme d'\u00e9ducation interm\u00e9diaire (coll\u00e8ge) et le Programme du dipl\u00f4me (lyc\u00e9e) + Programme \u00e0 orientation professionelle (lyc\u00e9e). Les \u00e9coles du monde de l'IB partagent une m\u00eame philosophie : un engagement envers une \u00e9ducation internationale stimulante et de grande qualit\u00e9, consid\u00e9r\u00e9e comme essentielle pour les \u00e9l\u00e8ves.<\/p>\n\n <h3>Les diff\u00e9rents programmes de l'IB<\/h3>\n \n <table class=\"comparison-table\">\n <thead>\n <tr>\n <th>Programme<\/th>\n <th>\u00c2ge<\/th>\n <th>\u00c9quivalent fran\u00e7ais<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Programme primaire (PP)<\/strong><\/td>\n <td>3 \u00e0 12 ans<\/td>\n <td>Maternelle et \u00e9l\u00e9mentaire<\/td>\n <\/tr>\n <tr>\n <td><strong>Programme d'\u00e9ducation interm\u00e9diaire (PEI)<\/strong><\/td>\n <td>11 \u00e0 16 ans<\/td>\n <td>Sixi\u00e8me \u00e0 seconde<\/td>\n <\/tr>\n <tr>\n <td><strong>Programme du dipl\u00f4me<\/strong><\/td>\n <td>16 \u00e0 19 ans<\/td>\n <td>Premi\u00e8re et terminale<\/td>\n <\/tr>\n <tr>\n <td><strong>Programme \u00e0 orientation professionnelle (POP)<\/strong><\/td>\n <td>16 \u00e0 19 ans<\/td>\n <td>\u00c9quivalent apr\u00e8s-bac<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce7fcfd elementor-widget elementor-widget-html\" data-id=\"ce7fcfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n \/* Ajout du padding 50px demand\u00e9 *\/\n .highlight-section {\n padding-top: 50px;\n padding-bottom: 50px;\n }\n\n \/* Enseignants : 2x2 grid *\/\n .enseignants-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n margin-top: 3rem;\n }\n\n @media (max-width: 768px) {\n .enseignants-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Cartes dor\u00e9es (repos) \/ navy (hover) pour 2 cartes sp\u00e9cifiques *\/\n .feature-card-gold {\n background: #B59138; \/* dor\u00e9 au repos *\/\n border-color: #B59138;\n color: #ffffff;\n }\n\n .feature-card-gold .feature-icon,\n .feature-card-gold h3,\n .feature-card-gold p {\n color: #ffffff;\n }\n\n .feature-card.feature-card-gold:hover {\n background: var(--navy); \/* navy au survol *\/\n border-color: var(--navy);\n }\n<\/style>\n\n<section class=\"section highlight-section\">\n <div class=\"container\">\n <h2>Un cadre de travail exigeant pour les enseignants<\/h2>\n\n <p>Le Baccalaur\u00e9at International constitue \u00e9galement un gage de qualit\u00e9 pour les enseignants. L'IB leur offre :<\/p>\n\n <div class=\"enseignants-grid\">\n <div class=\"feature-card feature-card-gold\">\n <h3>Perfectionnement professionnel<\/h3>\n <p>Des formations qui encouragent la pens\u00e9e critique, la r\u00e9flexion personnelle, l'apprentissage permanent et l'am\u00e9lioration continue.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Ressources p\u00e9dagogiques<\/h3>\n <p>Des cadres p\u00e9dagogiques innovants, des plans de travail, des ressources et des outils d'\u00e9valuation.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <h3>Certification internationale<\/h3>\n <p>Des programmes de certification et de qualification propos\u00e9s avec des universit\u00e9s reconnues dans le monde.<\/p>\n <\/div>\n <div class=\"feature-card feature-card-gold\">\n <h3>P\u00e9dagogie innovante<\/h3>\n <p>Une p\u00e9dagogie qui encourage les \u00e9l\u00e8ves \u00e0 mener des recherches et \u00e0 rester apprenants tout au long de leur vie.<\/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-7209aa3 elementor-widget elementor-widget-html\" data-id=\"7209aa3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n .faq-section {\n background: var(--light-gray);\n padding: 50px 0; \/* Consigne appliqu\u00e9e : padding haut\/bas de 50px *\/\n }\n\n .faq-accordion {\n max-width: 900px;\n margin: 3rem auto 0;\n }\n\n .faq-item {\n background: var(--white);\n margin-bottom: 1rem;\n overflow: hidden;\n }\n\n .faq-question {\n width: 100%;\n padding: 1.75rem 2rem;\n background: var(--white);\n border: 2px solid var(--medium-gray);\n text-align: left;\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--navy);\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-family: 'Elms Sans', sans-serif;\n }\n\n \/* MODIFICATION ICI : Ajout de la couleur de texte au survol *\/\n .faq-question:hover {\n background: var(--light-gray);\n border-color: #FF7566; \/* corail au hover *\/\n color: #FF7566; \/* Texte en corail pour la lisibilit\u00e9 sur fond clair *\/\n }\n\n .faq-question::after {\n content: '+';\n font-size: 1.75rem;\n color: #FF7566; \/* corail par d\u00e9faut *\/\n transition: transform 0.3s ease, color 0.3s ease;\n }\n\n \/* \u00c9TAT ACTIF : on force le corail en fond et blanc en texte *\/\n .faq-question.active,\n .faq-question.active:hover,\n .faq-question.active:focus,\n .faq-question.active:focus-visible {\n background: #FF7566 !important;\n border-color: #FF7566 !important;\n color: #ffffff !important;\n }\n\n .faq-question.active::after {\n transform: rotate(45deg);\n color: #ffffff !important;\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, padding 0.4s ease;\n padding: 0 2rem;\n }\n\n .faq-answer.active {\n max-height: 500px;\n padding: 1.5rem 2rem 2rem;\n }\n\n .faq-answer p {\n font-size: 1.0625rem;\n line-height: 1.8;\n }\n<\/style>\n\n<section class=\"section faq-section\">\n <div class=\"container\">\n <h2 style=\"text-align: center;\">Questions fr\u00e9quentes sur le Baccalaur\u00e9at International<\/h2>\n\n <div class=\"faq-accordion\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">En quoi le Baccalaur\u00e9at International est-il diff\u00e9rent de le BFI ?<\/button>\n <div class=\"faq-answer\">\n <p>Le BFI correspond \u00e0 un examen fran\u00e7ais avec une option internationale. Le dipl\u00f4me du Baccalaur\u00e9at International (IB), lui, est un examen pleinement international. \u00c0 l'International School 33 de Bordeaux, les \u00e9l\u00e8ves pr\u00e9parent la version bilingue du dipl\u00f4me de l'IB.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Le dipl\u00f4me de l'IB est-il reconnu par l'enseignement sup\u00e9rieur fran\u00e7ais ?<\/button>\n <div class=\"faq-answer\">\n <p>Oui. Les \u00e9l\u00e8ves qui obtiennent 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 : m\u00e9decine, droit, grandes \u00e9coles de commerce, Sciences Po, classes pr\u00e9paratoires ou encore bachelor de l'\u00c9cole Polytechnique.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Le Baccalaur\u00e9at International est-il reconnu \u00e0 l'\u00e9tranger ?<\/button>\n <div class=\"faq-answer\">\n <p>Le dipl\u00f4me de l'IB est propos\u00e9 dans plus de 150 pays et reconnu par des \u00e9tablissements d'enseignement sup\u00e9rieur dans pr\u00e8s de 90 pays, dont des universit\u00e9s prestigieuses aux \u00c9tats-Unis, au Royaume-Uni, au Canada et dans plusieurs pays d'Europe. De nombreuses universit\u00e9s am\u00e9ricaines accordent d'ailleurs des \u00e9quivalences qui permettent aux bacheliers de l'IB d'entrer directement en deuxi\u00e8me ann\u00e9e.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Le programme de l'IB est-il difficile ?<\/button>\n <div class=\"faq-answer\">\n <p>Les programmes du Baccalaur\u00e9at International sont rigoureux. Ils demandent une implication r\u00e9elle, mais ils sont aussi stimulants et motivants. Les \u00e9l\u00e8ves qui s'y engagent d\u00e9veloppent des comp\u00e9tences acad\u00e9miques, personnelles et organisationnelles qui les pr\u00e9parent particuli\u00e8rement bien aux \u00e9tudes sup\u00e9rieures.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07a0aeb elementor-widget elementor-widget-html\" data-id=\"07a0aeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n .cta-section {\n background: linear-gradient(135deg, var(--navy) 0%, #0a3a7a 100%);\n padding: 5rem 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/international-school33.com\/wp-content\/uploads\/2025\/11\/IS33-conf.jpg') center\/cover;\n opacity: 0.08;\n }\n\n .cta-section .container {\n position: relative;\n z-index: 1;\n }\n\n .cta-section h2 {\n color: var(--white);\n margin-bottom: 1.5rem;\n font-size: 2.75rem;\n }\n\n .cta-section p {\n color: rgba(255, 255, 255, 0.9);\n font-size: 1.25rem;\n max-width: 700px;\n margin: 0 auto 2.5rem;\n }\n\n .btn {\n display: inline-block;\n padding: 1rem 3rem;\n font-size: 1.125rem;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n font-family: 'Elms Sans', sans-serif;\n border-radius: 100px; \/* radius sur les 2 CTA *\/\n }\n\n .btn-primary {\n background: var(--coral);\n color: var(--white) !important; \/* texte bien blanc *\/\n border: 2px solid var(--coral); \/* bordure pour avoir un vrai contour *\/\n }\n\n .btn-primary:hover {\n background: var(--gold);\n border-color: var(--gold);\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(255, 117, 102, 0.4);\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--white);\n border: 2px solid var(--white);\n margin-left: 1rem;\n }\n\n .btn-secondary:hover {\n background: var(--white);\n color: var(--navy);\n }\n\n @media (max-width: 768px) {\n .btn-secondary {\n margin-left: 0;\n margin-top: 1rem;\n display: block;\n }\n }\n<\/style>\n\n\n<section class=\"cta-section\">\n <div class=\"container\">\n <h2>Pr\u00eat \u00e0 rejoindre l'International School 33 ?<\/h2>\n <p>D\u00e9couvrez comment le Baccalaur\u00e9at International peut ouvrir les portes d'un avenir exceptionnel pour votre enfant.<\/p>\n <a href=\"https:\/\/international-school33.com\/contact\/\" class=\"btn btn-primary\">Demander une visite<\/a>\n <a href=\"https:\/\/international-school33.com\/admission\/\" class=\"btn btn-secondary\">Processus d'admission<\/a>\n <\/div>\n<\/section>\n\n\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n const faqQuestions = document.querySelectorAll('.faq-question');\n \n faqQuestions.forEach(question => {\n question.addEventListener('click', function() {\n const answer = this.nextElementSibling;\n const isActive = this.classList.contains('active');\n \n \/\/ Close all answers\n document.querySelectorAll('.faq-question').forEach(q => {\n q.classList.remove('active');\n });\n document.querySelectorAll('.faq-answer').forEach(a => {\n a.classList.remove('active');\n });\n \n \/\/ Open clicked answer if it wasn't active\n if (!isActive) {\n this.classList.add('active');\n answer.classList.add('active');\n }\n });\n });\n\n \/\/ Intersection Observer for fade-in animations\n const sections = document.querySelectorAll('.section');\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animationDelay = '0.2s';\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n sections.forEach(section => {\n observer.observe(section);\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n\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>Baccalaur\u00e9at International (IB) \u00e0 l’International School 33 de Bordeaux \u00c9cole du monde de l’IB Baccalaur\u00e9at International (IB)\u00e0 l’International School 33 de Bordeaux Le Baccalaur\u00e9at International\u00ae (IB) permet aux \u00e9l\u00e8ves de suivre une scolarit\u00e9 de la maternelle au lyc\u00e9e qui met l’accent \u00e0 la fois sur l’excellence acad\u00e9mique et sur le d\u00e9veloppement personnel. \u00c0 l’International School […]<\/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-1252","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1252","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=1252"}],"version-history":[{"count":94,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1252\/revisions"}],"predecessor-version":[{"id":3164,"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/pages\/1252\/revisions\/3164"}],"wp:attachment":[{"href":"https:\/\/international-school33.com\/en\/wp-json\/wp\/v2\/media?parent=1252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}