{"id":1606,"date":"2026-07-10T05:18:29","date_gmt":"2026-07-10T05:18:29","guid":{"rendered":"http:\/\/net-temporaire.institut-tometal.com\/?page_id=1606"},"modified":"2026-08-17T13:34:57","modified_gmt":"2026-08-17T13:34:57","slug":"nos-parcours","status":"publish","type":"page","link":"https:\/\/net-temporaire.institut-tometal.com\/en\/nos-parcours\/","title":{"rendered":"Nos Parcours."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1606\" class=\"elementor elementor-1606\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5227f95 e-con-full e-flex e-con e-parent\" data-id=\"5227f95\" data-element_type=\"container\" data-e-type=\"container\" id=\"apercu-parcours\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b55d82 elementor-widget elementor-widget-html\" data-id=\"9b55d82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nINSTITUT TOMETAL\r\nNOS PARCOURS \u2014 PREMIUM INTERNATIONAL UI\/UX\r\nResponsive Desktop \/ Tablet \/ Mobile\r\n========================================================= -->\r\n\r\n<section class=\"tm-pathways\" id=\"nos-parcours\">\r\n\r\n    <div class=\"tm-pathways__shell\">\r\n\r\n        <!-- ===============================================\r\n        INTRODUCTION\r\n        ================================================ -->\r\n\r\n        <header class=\"tm-pathways__intro\">\r\n\r\n            <div class=\"tm-pathways__eyebrow\">\r\n\r\n                <span class=\"tm-pathways__number\">\r\n                    01\r\n                <\/span>\r\n\r\n                <span class=\"tm-pathways__line\"><\/span>\r\n\r\n                <span class=\"tm-pathways__label\">\r\n                    Nos parcours\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"tm-pathways__intro-grid\">\r\n\r\n                <div class=\"tm-pathways__headline\">\r\n\r\n                    <h2>\r\n                        Trois parcours.\r\n                        <em>Une m\u00eame ambition.<\/em>\r\n                    <\/h2>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-pathways__statement\">\r\n\r\n                    <span class=\"tm-pathways__statement-label\">\r\n                        Une \u00e9ducation pens\u00e9e autour de chaque projet\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        \u00c0 l\u2019Institut Tometal, chaque famille choisit le parcours\r\n                        qui correspond \u00e0 son projet \u00e9ducatif, tout en b\u00e9n\u00e9ficiant\r\n                        d\u2019un m\u00eame socle d\u2019exigence, d\u2019ouverture linguistique\r\n                        et d\u2019accompagnement personnalis\u00e9.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- ===============================================\r\n        PATHWAYS\r\n        ================================================ -->\r\n\r\n        <div class=\"tm-pathways__cards\">\r\n\r\n\r\n            <!-- ===========================================\r\n            01 \u2014 PARCOURS FRAN\u00c7AIS\r\n            ============================================ -->\r\n\r\n            <article\r\n                class=\"tm-pathway-card\"\r\n                data-pathway\r\n            >\r\n\r\n                <div class=\"tm-pathway-card__top\">\r\n\r\n                    <span class=\"tm-pathway-card__index\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <span class=\"tm-pathway-card__tag\">\r\n                        R\u00e9f\u00e9rence\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-pathway-card__content\">\r\n\r\n                    <span class=\"tm-pathway-card__kicker\">\r\n                        Parcours Fran\u00e7ais\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Les fondamentaux\r\n                        <em>avec ouverture.<\/em>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Un parcours structur\u00e9 autour du programme fran\u00e7ais,\r\n                        enrichi par l\u2019apprentissage des langues et une ouverture\r\n                        culturelle d\u00e8s les premi\u00e8res ann\u00e9es.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-pathway-card__details\">\r\n\r\n                    <span>\r\n                        Programme fran\u00e7ais\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        Chinois d\u00e8s la maternelle\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        Suivi personnalis\u00e9\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"#parcours-francais\"\r\n                    class=\"tm-pathway-card__link\"\r\n                >\r\n                    <span>\r\n                        D\u00e9couvrir le parcours\r\n                    <\/span>\r\n\r\n                    <b>\r\n                        \u2192\r\n                    <\/b>\r\n                <\/a>\r\n\r\n\r\n                <span class=\"tm-pathway-card__watermark\">\r\n                    FR\r\n                <\/span>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- ===========================================\r\n            02 \u2014 FRAN\u00c7AIS + P\u00d4LE INTERNATIONAL\r\n            ============================================ -->\r\n\r\n            <article\r\n                class=\"tm-pathway-card tm-pathway-card--featured\"\r\n                data-pathway\r\n            >\r\n\r\n                <div class=\"tm-pathway-card__top\">\r\n\r\n                    <span class=\"tm-pathway-card__index\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <span class=\"tm-pathway-card__tag\">\r\n                        International\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-pathway-card__content\">\r\n\r\n                    <span class=\"tm-pathway-card__kicker\">\r\n                        Fran\u00e7ais + P\u00f4le International\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Une formation\r\n                        <em>sans fronti\u00e8res.<\/em>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        L\u2019exigence du parcours fran\u00e7ais associ\u00e9e \u00e0 un\r\n                        renforcement linguistique et \u00e0 une v\u00e9ritable\r\n                        ouverture vers les standards internationaux.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-pathway-card__details\">\r\n\r\n                    <span>\r\n                        Fran\u00e7ais renforc\u00e9\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        Anglais\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        Chinois\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"#pole-international\"\r\n                    class=\"tm-pathway-card__link\"\r\n                >\r\n                    <span>\r\n                        D\u00e9couvrir le parcours\r\n                    <\/span>\r\n\r\n                    <b>\r\n                        \u2192\r\n                    <\/b>\r\n                <\/a>\r\n\r\n\r\n                <span class=\"tm-pathway-card__watermark\">\r\n                    INT\r\n                <\/span>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- ===========================================\r\n            03 \u2014 PARCOURS INTERNATIONAL\r\n            ============================================ -->\r\n\r\n            <article\r\n                class=\"tm-pathway-card\"\r\n                data-pathway\r\n            >\r\n\r\n                <div class=\"tm-pathway-card__top\">\r\n\r\n                    <span class=\"tm-pathway-card__index\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <span class=\"tm-pathway-card__tag\">\r\n                        Ouverture\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-pathway-card__content\">\r\n\r\n                    <span class=\"tm-pathway-card__kicker\">\r\n                        Parcours International\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Pr\u00e9parer l\u2019\u00e9l\u00e8ve\r\n                        <em>au monde.<\/em>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Un environnement plurilingue destin\u00e9 \u00e0 d\u00e9velopper\r\n                        l\u2019autonomie, la communication et les comp\u00e9tences\r\n                        n\u00e9cessaires \u00e0 un parcours scolaire international.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-pathway-card__details\">\r\n\r\n                    <span>\r\n                        Anglais renforc\u00e9\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        Chinois\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        Culture internationale\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"#parcours-international\"\r\n                    class=\"tm-pathway-card__link\"\r\n                >\r\n                    <span>\r\n                        D\u00e9couvrir le parcours\r\n                    <\/span>\r\n\r\n                    <b>\r\n                        \u2192\r\n                    <\/b>\r\n                <\/a>\r\n\r\n\r\n                <span class=\"tm-pathway-card__watermark\">\r\n                    GLB\r\n                <\/span>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ===============================================\r\n        COMMON FOUNDATION\r\n        ================================================ -->\r\n\r\n        <div class=\"tm-pathways__foundation\">\r\n\r\n            <div class=\"tm-pathways__foundation-mark\">\r\n                T\r\n            <\/div>\r\n\r\n\r\n            <div class=\"tm-pathways__foundation-copy\">\r\n\r\n                <span>\r\n                    Un socle commun\r\n                <\/span>\r\n\r\n                <p>\r\n                    Quel que soit le parcours choisi, chaque \u00e9l\u00e8ve b\u00e9n\u00e9ficie\r\n                    d\u2019un environnement exigeant, humain et plurilingue,\r\n                    avec l\u2019apprentissage du chinois d\u00e8s la maternelle.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"tm-pathways__foundation-meta\">\r\n\r\n                <span>\r\n                    Excellence\r\n                <\/span>\r\n\r\n                <span>\r\n                    Langues\r\n                <\/span>\r\n\r\n                <span>\r\n                    Accompagnement\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nTOKENS\r\n========================================================= *\/\r\n\r\n.tm-pathways {\r\n\r\n    --tm-navy:\r\n        #071B3D;\r\n\r\n    --tm-navy-deep:\r\n        #031329;\r\n\r\n    --tm-gold:\r\n        #C99A42;\r\n\r\n    --tm-gold-light:\r\n        #E3BE68;\r\n\r\n    --tm-ivory:\r\n        #F7F5F0;\r\n\r\n    --tm-cream:\r\n        #FBFAF7;\r\n\r\n    --tm-text:\r\n        #263750;\r\n\r\n    --tm-muted:\r\n        #758196;\r\n\r\n    --tm-border:\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .10\r\n        );\r\n\r\n    position:\r\n        relative;\r\n\r\n    width:\r\n        100%;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    background:\r\n        var(--tm-ivory);\r\n\r\n    color:\r\n        var(--tm-navy);\r\n}\r\n\r\n\r\n.tm-pathways,\r\n.tm-pathways * {\r\n\r\n    box-sizing:\r\n        border-box;\r\n}\r\n\r\n\r\n.tm-pathways h2,\r\n.tm-pathways h3,\r\n.tm-pathways p {\r\n\r\n    margin:\r\n        0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSUBTLE BACKGROUND\r\n========================================================= *\/\r\n\r\n.tm-pathways::before {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    width:\r\n        720px;\r\n\r\n    height:\r\n        720px;\r\n\r\n    top:\r\n        -420px;\r\n\r\n    right:\r\n        -250px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .10\r\n        );\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    pointer-events:\r\n        none;\r\n}\r\n\r\n\r\n.tm-pathways::after {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    width:\r\n        1px;\r\n\r\n    top:\r\n        0;\r\n\r\n    bottom:\r\n        0;\r\n\r\n    left:\r\n        66%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent,\r\n            rgba(\r\n                201,\r\n                154,\r\n                66,\r\n                .08\r\n            ),\r\n            transparent\r\n        );\r\n\r\n    pointer-events:\r\n        none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSHELL\r\n========================================================= *\/\r\n\r\n.tm-pathways__shell {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        2;\r\n\r\n    width:\r\n        min(\r\n            1460px,\r\n            calc(\r\n                100% - 80px\r\n            )\r\n        );\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    padding:\r\n        clamp(\r\n            90px,\r\n            9vw,\r\n            145px\r\n        )\r\n        0\r\n        clamp(\r\n            85px,\r\n            8vw,\r\n            130px\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nEYEBROW\r\n========================================================= *\/\r\n\r\n.tm-pathways__eyebrow {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        14px;\r\n\r\n    margin-bottom:\r\n        38px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-pathways__number {\r\n\r\n    color:\r\n        var(--tm-navy);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .18em;\r\n}\r\n\r\n\r\n.tm-pathways__line {\r\n\r\n    width:\r\n        55px;\r\n\r\n    height:\r\n        1px;\r\n\r\n    background:\r\n        var(--tm-gold);\r\n}\r\n\r\n\r\n.tm-pathways__label {\r\n\r\n    color:\r\n        var(--tm-gold);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .19em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nINTRO GRID\r\n========================================================= *\/\r\n\r\n.tm-pathways__intro-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        minmax(\r\n            0,\r\n            1.35fr\r\n        )\r\n        minmax(\r\n            300px,\r\n            .65fr\r\n        );\r\n\r\n    align-items:\r\n        end;\r\n\r\n    gap:\r\n        clamp(\r\n            55px,\r\n            8vw,\r\n            130px\r\n        );\r\n\r\n    padding-bottom:\r\n        clamp(\r\n            55px,\r\n            6vw,\r\n            85px\r\n        );\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.tm-pathways__headline h2 {\r\n\r\n    max-width:\r\n        850px;\r\n\r\n    color:\r\n        var(--tm-navy);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            64px,\r\n            6.4vw,\r\n            112px\r\n        );\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    line-height:\r\n        .91;\r\n\r\n    letter-spacing:\r\n        -.055em;\r\n}\r\n\r\n\r\n.tm-pathways__headline h2 em {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        var(--tm-gold);\r\n\r\n    font-style:\r\n        normal;\r\n}\r\n\r\n\r\n\/* STATEMENT *\/\r\n\r\n.tm-pathways__statement {\r\n\r\n    position:\r\n        relative;\r\n\r\n    padding-left:\r\n        28px;\r\n\r\n    border-left:\r\n        1px solid\r\n        var(--tm-gold);\r\n}\r\n\r\n\r\n.tm-pathways__statement-label {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        14px;\r\n\r\n    color:\r\n        var(--tm-navy);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .10em;\r\n\r\n    line-height:\r\n        1.5;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-pathways__statement p {\r\n\r\n    color:\r\n        var(--tm-text);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            13px,\r\n            1vw,\r\n            16px\r\n        );\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    line-height:\r\n        1.85;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCARDS GRID\r\n========================================================= *\/\r\n\r\n.tm-pathways__cards {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            3,\r\n            minmax(\r\n                0,\r\n                1fr\r\n            )\r\n        );\r\n\r\n    gap:\r\n        1px;\r\n\r\n    background:\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .10\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .10\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nCARD\r\n========================================================= *\/\r\n\r\n.tm-pathway-card {\r\n\r\n    position:\r\n        relative;\r\n\r\n    min-height:\r\n        560px;\r\n\r\n    padding:\r\n        clamp(\r\n            30px,\r\n            3vw,\r\n            48px\r\n        );\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-direction:\r\n        column;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    background:\r\n        var(--tm-cream);\r\n\r\n    isolation:\r\n        isolate;\r\n\r\n    transition:\r\n        background-color .45s\r\n        cubic-bezier(\r\n            .16,\r\n            1,\r\n            .3,\r\n            1\r\n        );\r\n}\r\n\r\n\r\n\/* TOP *\/\r\n\r\n.tm-pathway-card__top {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        5;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n}\r\n\r\n\r\n.tm-pathway-card__index {\r\n\r\n    color:\r\n        var(--tm-gold);\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        27px;\r\n\r\n    line-height:\r\n        1;\r\n}\r\n\r\n\r\n.tm-pathway-card__tag {\r\n\r\n    padding:\r\n        7px 10px;\r\n\r\n    color:\r\n        var(--tm-muted);\r\n\r\n    border:\r\n        1px solid\r\n        var(--tm-border);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .14em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n.tm-pathway-card__content {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        5;\r\n\r\n    margin-top:\r\n        auto;\r\n\r\n    padding-top:\r\n        80px;\r\n}\r\n\r\n\r\n.tm-pathway-card__kicker {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        15px;\r\n\r\n    color:\r\n        var(--tm-gold);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .16em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-pathway-card h3 {\r\n\r\n    max-width:\r\n        390px;\r\n\r\n    color:\r\n        var(--tm-navy);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            36px,\r\n            3vw,\r\n            53px\r\n        );\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    line-height:\r\n        .98;\r\n\r\n    letter-spacing:\r\n        -.04em;\r\n}\r\n\r\n\r\n.tm-pathway-card h3 em {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        var(--tm-gold);\r\n\r\n    font-style:\r\n        normal;\r\n}\r\n\r\n\r\n.tm-pathway-card__content p {\r\n\r\n    max-width:\r\n        390px;\r\n\r\n    margin-top:\r\n        24px;\r\n\r\n    color:\r\n        var(--tm-text);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    line-height:\r\n        1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nDETAILS\r\n========================================================= *\/\r\n\r\n.tm-pathway-card__details {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        5;\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-wrap:\r\n        wrap;\r\n\r\n    gap:\r\n        7px;\r\n\r\n    margin-top:\r\n        27px;\r\n}\r\n\r\n\r\n.tm-pathway-card__details span {\r\n\r\n    padding:\r\n        7px 9px;\r\n\r\n    color:\r\n        var(--tm-navy);\r\n\r\n    background:\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .035\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .075\r\n        );\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    letter-spacing:\r\n        .04em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLINK\r\n========================================================= *\/\r\n\r\n.tm-pathway-card__link {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        5;\r\n\r\n    margin-top:\r\n        34px;\r\n\r\n    padding-top:\r\n        20px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    color:\r\n        var(--tm-navy) !important;\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--tm-border);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .08em;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-pathway-card__link b {\r\n\r\n    color:\r\n        var(--tm-gold);\r\n\r\n    font-size:\r\n        20px;\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nWATERMARK\r\n========================================================= *\/\r\n\r\n.tm-pathway-card__watermark {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    z-index:\r\n        1;\r\n\r\n    top:\r\n        55px;\r\n\r\n    right:\r\n        -5px;\r\n\r\n    color:\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .025\r\n        );\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            100px,\r\n            10vw,\r\n            170px\r\n        );\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    line-height:\r\n        1;\r\n\r\n    letter-spacing:\r\n        -.07em;\r\n\r\n    pointer-events:\r\n        none;\r\n\r\n    transition:\r\n        color .45s ease,\r\n        transform .7s\r\n        cubic-bezier(\r\n            .16,\r\n            1,\r\n            .3,\r\n            1\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFEATURED CARD\r\n========================================================= *\/\r\n\r\n.tm-pathway-card--featured {\r\n\r\n    background:\r\n        var(--tm-navy);\r\n}\r\n\r\n\r\n.tm-pathway-card--featured\r\n.tm-pathway-card__tag {\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .62\r\n        );\r\n\r\n    border-color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .18\r\n        );\r\n}\r\n\r\n\r\n.tm-pathway-card--featured h3 {\r\n\r\n    color:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n.tm-pathway-card--featured\r\n.tm-pathway-card__content p {\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .68\r\n        );\r\n}\r\n\r\n\r\n.tm-pathway-card--featured\r\n.tm-pathway-card__details span {\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .80\r\n        );\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .045\r\n        );\r\n\r\n    border-color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .10\r\n        );\r\n}\r\n\r\n\r\n.tm-pathway-card--featured\r\n.tm-pathway-card__link {\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    border-color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .15\r\n        );\r\n}\r\n\r\n\r\n.tm-pathway-card--featured\r\n.tm-pathway-card__watermark {\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .035\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHOVER \u2014 DESKTOP ONLY\r\n========================================================= *\/\r\n\r\n@media (\r\n    hover:\r\n    hover\r\n) {\r\n\r\n    .tm-pathway-card:not(\r\n        .tm-pathway-card--featured\r\n    ):hover {\r\n\r\n        background:\r\n            #FFFFFF;\r\n    }\r\n\r\n\r\n    .tm-pathway-card:hover\r\n    .tm-pathway-card__watermark {\r\n\r\n        transform:\r\n            translateX(\r\n                -16px\r\n            );\r\n\r\n        color:\r\n            rgba(\r\n                201,\r\n                154,\r\n                66,\r\n                .075\r\n            );\r\n    }\r\n\r\n\r\n    .tm-pathway-card--featured:hover\r\n    .tm-pathway-card__watermark {\r\n\r\n        color:\r\n            rgba(\r\n                231,\r\n                199,\r\n                125,\r\n                .08\r\n            );\r\n    }\r\n\r\n\r\n    .tm-pathway-card:hover\r\n    .tm-pathway-card__link b {\r\n\r\n        transform:\r\n            translateX(\r\n                7px\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFOUNDATION\r\n========================================================= *\/\r\n\r\n.tm-pathways__foundation {\r\n\r\n    margin-top:\r\n        1px;\r\n\r\n    min-height:\r\n        145px;\r\n\r\n    padding:\r\n        28px\r\n        clamp(\r\n            28px,\r\n            4vw,\r\n            56px\r\n        );\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        75px\r\n        minmax(\r\n            0,\r\n            1.2fr\r\n        )\r\n        minmax(\r\n            320px,\r\n            .8fr\r\n        );\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        30px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        var(--tm-navy-deep);\r\n}\r\n\r\n\r\n.tm-pathways__foundation-mark {\r\n\r\n    width:\r\n        58px;\r\n\r\n    height:\r\n        58px;\r\n\r\n    display:\r\n        grid;\r\n\r\n    place-items:\r\n        center;\r\n\r\n    color:\r\n        var(--tm-gold-light);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            231,\r\n            199,\r\n            125,\r\n            .40\r\n        );\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        27px;\r\n}\r\n\r\n\r\n.tm-pathways__foundation-copy span {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        6px;\r\n\r\n    color:\r\n        var(--tm-gold-light);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .15em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-pathways__foundation-copy p {\r\n\r\n    max-width:\r\n        760px;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .72\r\n        );\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    line-height:\r\n        1.75;\r\n}\r\n\r\n\r\n.tm-pathways__foundation-meta {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        flex-end;\r\n\r\n    gap:\r\n        16px;\r\n}\r\n\r\n\r\n.tm-pathways__foundation-meta span {\r\n\r\n    padding:\r\n        8px 11px;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .70\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .12\r\n        );\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    letter-spacing:\r\n        .10em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media screen\r\nand (\r\n    max-width:\r\n    1100px\r\n) {\r\n\r\n    .tm-pathways__shell {\r\n\r\n        width:\r\n            min(\r\n                100% - 44px,\r\n                1100px\r\n            );\r\n    }\r\n\r\n\r\n    .tm-pathways__intro-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            32px;\r\n    }\r\n\r\n\r\n    .tm-pathways__statement {\r\n\r\n        max-width:\r\n            700px;\r\n    }\r\n\r\n\r\n    .tm-pathways__cards {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .tm-pathway-card {\r\n\r\n        min-height:\r\n            430px;\r\n    }\r\n\r\n\r\n    .tm-pathway-card__content {\r\n\r\n        padding-top:\r\n            55px;\r\n    }\r\n\r\n\r\n    .tm-pathways__foundation {\r\n\r\n        grid-template-columns:\r\n            65px\r\n            1fr;\r\n    }\r\n\r\n\r\n    .tm-pathways__foundation-meta {\r\n\r\n        grid-column:\r\n            2;\r\n\r\n        justify-content:\r\n            flex-start;\r\n\r\n        flex-wrap:\r\n            wrap;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media screen\r\nand (\r\n    max-width:\r\n    767px\r\n) {\r\n\r\n    .tm-pathways__shell {\r\n\r\n        width:\r\n            calc(\r\n                100% - 34px\r\n            );\r\n\r\n        padding:\r\n            70px\r\n            0;\r\n    }\r\n\r\n\r\n    .tm-pathways__eyebrow {\r\n\r\n        margin-bottom:\r\n            28px;\r\n    }\r\n\r\n\r\n    .tm-pathways__headline h2 {\r\n\r\n        font-size:\r\n            clamp(\r\n                47px,\r\n                14vw,\r\n                68px\r\n            );\r\n\r\n        line-height:\r\n            .94;\r\n    }\r\n\r\n\r\n    .tm-pathways__intro-grid {\r\n\r\n        padding-bottom:\r\n            45px;\r\n    }\r\n\r\n\r\n    .tm-pathways__statement {\r\n\r\n        padding-left:\r\n            18px;\r\n    }\r\n\r\n\r\n    .tm-pathway-card {\r\n\r\n        min-height:\r\n            510px;\r\n\r\n        padding:\r\n            28px 24px;\r\n    }\r\n\r\n\r\n    .tm-pathway-card h3 {\r\n\r\n        font-size:\r\n            42px;\r\n    }\r\n\r\n\r\n    .tm-pathway-card__content p {\r\n\r\n        font-size:\r\n            11px;\r\n    }\r\n\r\n\r\n    .tm-pathways__foundation {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            18px;\r\n\r\n        padding:\r\n            28px 24px;\r\n    }\r\n\r\n\r\n    .tm-pathways__foundation-mark {\r\n\r\n        width:\r\n            50px;\r\n\r\n        height:\r\n            50px;\r\n    }\r\n\r\n\r\n    .tm-pathways__foundation-meta {\r\n\r\n        grid-column:\r\n            auto;\r\n\r\n        justify-content:\r\n            flex-start;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nREDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (\r\n    prefers-reduced-motion:\r\n    reduce\r\n) {\r\n\r\n    .tm-pathways *,\r\n    .tm-pathways *::before,\r\n    .tm-pathways *::after {\r\n\r\n        transition:\r\n            none !important;\r\n\r\n        animation:\r\n            none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    function initTometalPathways() {\r\n\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \".tm-pathways\"\r\n            );\r\n\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n\r\n        const cards =\r\n            section.querySelectorAll(\r\n                \"[data-pathway]\"\r\n            );\r\n\r\n\r\n        \/*\r\n        Intersection Observer = tr\u00e8s l\u00e9ger.\r\n        Pas besoin de GSAP pour cette section.\r\n        *\/\r\n\r\n        if (\r\n            \"IntersectionObserver\"\r\n            in window\r\n        ) {\r\n\r\n\r\n            cards.forEach(\r\n                function(card) {\r\n\r\n                    card.style.opacity =\r\n                        \"0\";\r\n\r\n                    card.style.transform =\r\n                        \"translateY(24px)\";\r\n\r\n                }\r\n            );\r\n\r\n\r\n            const observer =\r\n                new IntersectionObserver(\r\n\r\n                    function(entries) {\r\n\r\n\r\n                        entries.forEach(\r\n                            function(entry) {\r\n\r\n\r\n                                if (\r\n                                    !entry.isIntersecting\r\n                                ) {\r\n                                    return;\r\n                                }\r\n\r\n\r\n                                const index =\r\n                                    Array\r\n                                        .from(\r\n                                            cards\r\n                                        )\r\n                                        .indexOf(\r\n                                            entry.target\r\n                                        );\r\n\r\n\r\n                                setTimeout(\r\n                                    function() {\r\n\r\n\r\n                                        entry.target\r\n                                            .style\r\n                                            .transition =\r\n                                            \"opacity .7s ease, transform .8s cubic-bezier(.16,1,.3,1)\";\r\n\r\n\r\n                                        entry.target\r\n                                            .style\r\n                                            .opacity =\r\n                                            \"1\";\r\n\r\n\r\n                                        entry.target\r\n                                            .style\r\n                                            .transform =\r\n                                            \"translateY(0)\";\r\n\r\n\r\n                                    },\r\n                                    index * 110\r\n                                );\r\n\r\n\r\n                                observer\r\n                                    .unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n\r\n                    {\r\n                        threshold:\r\n                            .14\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            cards.forEach(\r\n                function(card) {\r\n\r\n                    observer.observe(\r\n                        card\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initTometalPathways\r\n        );\r\n\r\n    } else {\r\n\r\n        initTometalPathways();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<section class=\"elementor-element elementor-element-146947d e-con-full e-flex e-con e-parent\" data-id=\"146947d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be6909e elementor-widget elementor-widget-html\" data-id=\"be6909e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\nINSTITUT TOMETAL\r\nCOMPARATEUR DES PARCOURS \u2014 PREMIUM UI\/UX\r\nDesktop Matrix + Mobile Interactive Comparator\r\n========================================================= -->\r\n\r\n<section class=\"tm-compare\" id=\"comparatif-parcours\">\r\n\r\n    <div class=\"tm-compare__shell\">\r\n\r\n        <!-- =================================================\r\n        INTRO\r\n        ================================================== -->\r\n\r\n        <header class=\"tm-compare__header\">\r\n\r\n            <div class=\"tm-compare__eyebrow\">\r\n\r\n                <span>02<\/span>\r\n\r\n                <i><\/i>\r\n\r\n                <strong>\r\n                    Comparer les parcours\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"tm-compare__heading\">\r\n\r\n                <div>\r\n\r\n                    <h2>\r\n                        Choisissez le parcours\r\n                        <em>qui lui ressemble.<\/em>\r\n                    <\/h2>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__intro\">\r\n\r\n                    <span>\r\n                        Une vision claire pour mieux d\u00e9cider\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        Comparez les trois parcours propos\u00e9s par\r\n                        l\u2019Institut Tometal selon leur programme,\r\n                        leurs langues d\u2019enseignement, leurs dipl\u00f4mes\r\n                        et les perspectives acad\u00e9miques qu\u2019ils ouvrent.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- =================================================\r\n        DESKTOP COMPARATOR\r\n        ================================================== -->\r\n\r\n        <div class=\"tm-compare__desktop\">\r\n\r\n            <!-- TOP HEADERS -->\r\n\r\n            <div class=\"tm-compare__grid tm-compare__grid--head\">\r\n\r\n                <div class=\"tm-compare__criterion-head\">\r\n\r\n                    <span>\r\n                        Crit\u00e8res\r\n                    <\/span>\r\n\r\n                    <small>\r\n                        Comparaison d\u00e9taill\u00e9e\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- FR -->\r\n\r\n                <div class=\"tm-compare__path-head\">\r\n\r\n                    <span class=\"tm-compare__path-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <span class=\"tm-compare__status\">\r\n                        Ouvert \u00b7 2026\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Syst\u00e8me\r\n                        <em>Fran\u00e7ais<\/em>\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- FR + EN -->\r\n\r\n                <div class=\"tm-compare__path-head tm-compare__path-head--featured\">\r\n\r\n                    <div class=\"tm-compare__recommended\">\r\n                        Parcours bilingue\r\n                    <\/div>\r\n\r\n                    <span class=\"tm-compare__path-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <span class=\"tm-compare__status\">\r\n                        Ouvert \u00b7 2026\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Fran\u00e7ais +\r\n                        <em>P\u00f4le Anglais<\/em>\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- ANGLOPHONE -->\r\n\r\n                <div class=\"tm-compare__path-head\">\r\n\r\n                    <span class=\"tm-compare__path-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <span class=\"tm-compare__status tm-compare__status--future\">\r\n                        Ouverture \u00b7 2027\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Syst\u00e8me\r\n                        <em>Anglophone<\/em>\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            PROGRAMME\r\n            ================================================== -->\r\n\r\n            <div class=\"tm-compare__grid tm-compare__row\">\r\n\r\n                <div class=\"tm-compare__criterion\">\r\n\r\n                    <span>01<\/span>\r\n\r\n                    <strong>\r\n                        Programme\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n                    \u00c9ducation nationale fran\u00e7aise\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value tm-compare__value--featured\">\r\n                    Programme fran\u00e7ais +\r\n                    mati\u00e8res enseign\u00e9es en anglais\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n                    National Curriculum britannique\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            LEVELS\r\n            ================================================== -->\r\n\r\n            <div class=\"tm-compare__grid tm-compare__row\">\r\n\r\n                <div class=\"tm-compare__criterion\">\r\n\r\n                    <span>02<\/span>\r\n\r\n                    <strong>\r\n                        Niveaux propos\u00e9s\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n                    Maternelle \u2192 Terminale\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value tm-compare__value--featured\">\r\n                    Maternelle \u2192 Terminale\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n                    Primary \u2192 Sixth Form\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            LANGUAGE\r\n            ================================================== -->\r\n\r\n            <div class=\"tm-compare__grid tm-compare__row\">\r\n\r\n                <div class=\"tm-compare__criterion\">\r\n\r\n                    <span>03<\/span>\r\n\r\n                    <strong>\r\n                        Langue(s) d\u2019enseignement\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n\r\n                    <span class=\"tm-compare__pill\">\r\n                        Fran\u00e7ais\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value tm-compare__value--featured\">\r\n\r\n                    <span class=\"tm-compare__pill\">\r\n                        Fran\u00e7ais\r\n                    <\/span>\r\n\r\n                    <span class=\"tm-compare__pill\">\r\n                        Anglais\r\n                    <\/span>\r\n\r\n                    <small class=\"tm-compare__note\">\r\n                        Progression vers la parit\u00e9\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n\r\n                    <span class=\"tm-compare__pill\">\r\n                        Anglais\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            DIPLOMA\r\n            ================================================== -->\r\n\r\n            <div class=\"tm-compare__grid tm-compare__row\">\r\n\r\n                <div class=\"tm-compare__criterion\">\r\n\r\n                    <span>04<\/span>\r\n\r\n                    <strong>\r\n                        Dipl\u00f4me final\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n                    <strong>\r\n                        Baccalaur\u00e9at fran\u00e7ais\r\n                    <\/strong>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value tm-compare__value--featured\">\r\n\r\n                    <strong>\r\n                        Baccalaur\u00e9at fran\u00e7ais\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        + certification d\u2019anglais\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n\r\n                    <strong>\r\n                        IGCSE puis A-Levels\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            CHINESE\r\n            ================================================== -->\r\n\r\n            <div class=\"tm-compare__grid tm-compare__row\">\r\n\r\n                <div class=\"tm-compare__criterion\">\r\n\r\n                    <span>05<\/span>\r\n\r\n                    <strong>\r\n                        Chinois d\u00e8s la maternelle\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n\r\n                    <span class=\"tm-compare__yes\">\r\n                        \u2713\r\n                    <\/span>\r\n\r\n                    Oui\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value tm-compare__value--featured\">\r\n\r\n                    <span class=\"tm-compare__yes\">\r\n                        \u2713\r\n                    <\/span>\r\n\r\n                    Oui\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n\r\n                    <span class=\"tm-compare__yes\">\r\n                        \u2713\r\n                    <\/span>\r\n\r\n                    Oui\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            UNIVERSITIES\r\n            ================================================== -->\r\n\r\n            <div class=\"tm-compare__grid tm-compare__row\">\r\n\r\n                <div class=\"tm-compare__criterion\">\r\n\r\n                    <span>06<\/span>\r\n\r\n                    <strong>\r\n                        Universit\u00e9s vis\u00e9es\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n                    France, Francophonie et Europe\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value tm-compare__value--featured\">\r\n                    France, Royaume-Uni, USA et international\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n                    Royaume-Uni, USA, Australie et Asie\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            IDEAL\r\n            ================================================== -->\r\n\r\n            <div class=\"tm-compare__grid tm-compare__row tm-compare__row--last\">\r\n\r\n                <div class=\"tm-compare__criterion\">\r\n\r\n                    <span>07<\/span>\r\n\r\n                    <strong>\r\n                        Id\u00e9al pour\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n                    Un cursus francophone reconnu\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value tm-compare__value--featured\">\r\n                    Des \u00e9l\u00e8ves bilingues \u00e9quilibr\u00e9s fran\u00e7ais\u2013anglais\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__value\">\r\n                    Un projet universitaire anglophone\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n            CTA ROW\r\n            ================================================== -->\r\n\r\n            <div class=\"tm-compare__grid tm-compare__grid--actions\">\r\n\r\n                <div><\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <a href=\"#parcours-francais\">\r\n                        <span>\r\n                            D\u00e9couvrir\r\n                        <\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tm-compare__action-featured\">\r\n\r\n                    <a href=\"#pole-anglais\">\r\n\r\n                        <span>\r\n                            D\u00e9couvrir\r\n                        <\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <a href=\"#parcours-anglophone\">\r\n\r\n                        <span>\r\n                            D\u00e9couvrir\r\n                        <\/span>\r\n\r\n                        <b>\u2192<\/b>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n        MOBILE \/ TABLET COMPARATOR\r\n        ================================================== -->\r\n\r\n        <div class=\"tm-compare__mobile\">\r\n\r\n            <!-- TABS -->\r\n\r\n            <div\r\n                class=\"tm-compare-tabs\"\r\n                role=\"tablist\"\r\n                aria-label=\"Comparer les parcours\"\r\n            >\r\n\r\n                <button\r\n                    class=\"is-active\"\r\n                    type=\"button\"\r\n                    data-compare-tab=\"0\"\r\n                >\r\n\r\n                    <span>01<\/span>\r\n                    Fran\u00e7ais\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    data-compare-tab=\"1\"\r\n                >\r\n\r\n                    <span>02<\/span>\r\n                    FR + Anglais\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    data-compare-tab=\"2\"\r\n                >\r\n\r\n                    <span>03<\/span>\r\n                    Anglophone\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =============================================\r\n            MOBILE 01\r\n            ============================================== -->\r\n\r\n            <article\r\n                class=\"tm-compare-panel is-active\"\r\n                data-compare-panel=\"0\"\r\n            >\r\n\r\n                <div class=\"tm-compare-panel__top\">\r\n\r\n                    <div>\r\n\r\n                        <span>\r\n                            Parcours 01\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Syst\u00e8me Fran\u00e7ais\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <strong>\r\n                        2026\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <dl>\r\n\r\n                    <div>\r\n                        <dt>Programme<\/dt>\r\n                        <dd>\u00c9ducation nationale fran\u00e7aise<\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Niveaux propos\u00e9s<\/dt>\r\n                        <dd>Maternelle \u2192 Terminale<\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Langue d\u2019enseignement<\/dt>\r\n                        <dd>Fran\u00e7ais<\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Dipl\u00f4me final<\/dt>\r\n                        <dd>Baccalaur\u00e9at fran\u00e7ais<\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Chinois d\u00e8s la maternelle<\/dt>\r\n                        <dd class=\"tm-compare-panel__yes\">\r\n                            \u2713 Oui\r\n                        <\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Universit\u00e9s vis\u00e9es<\/dt>\r\n                        <dd>France, Francophonie et Europe<\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Id\u00e9al pour<\/dt>\r\n                        <dd>Un cursus francophone reconnu<\/dd>\r\n                    <\/div>\r\n\r\n                <\/dl>\r\n\r\n\r\n                <a\r\n                    class=\"tm-compare-panel__cta\"\r\n                    href=\"#parcours-francais\"\r\n                >\r\n\r\n                    D\u00e9couvrir le parcours\r\n\r\n                    <span>\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =============================================\r\n            MOBILE 02\r\n            ============================================== -->\r\n\r\n            <article\r\n                class=\"tm-compare-panel tm-compare-panel--featured\"\r\n                data-compare-panel=\"1\"\r\n            >\r\n\r\n                <div class=\"tm-compare-panel__top\">\r\n\r\n                    <div>\r\n\r\n                        <span>\r\n                            Parcours 02\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Fran\u00e7ais + P\u00f4le Anglais\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <strong>\r\n                        2026\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <dl>\r\n\r\n                    <div>\r\n                        <dt>Programme<\/dt>\r\n\r\n                        <dd>\r\n                            Programme fran\u00e7ais +\r\n                            mati\u00e8res enseign\u00e9es en anglais\r\n                        <\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Niveaux propos\u00e9s<\/dt>\r\n                        <dd>Maternelle \u2192 Terminale<\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Langues d\u2019enseignement<\/dt>\r\n\r\n                        <dd>\r\n                            Fran\u00e7ais + anglais,\r\n                            avec progression vers la parit\u00e9\r\n                        <\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Dipl\u00f4me final<\/dt>\r\n\r\n                        <dd>\r\n                            Baccalaur\u00e9at fran\u00e7ais +\r\n                            certification d\u2019anglais\r\n                        <\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Chinois d\u00e8s la maternelle<\/dt>\r\n\r\n                        <dd class=\"tm-compare-panel__yes\">\r\n                            \u2713 Oui\r\n                        <\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Universit\u00e9s vis\u00e9es<\/dt>\r\n\r\n                        <dd>\r\n                            France, Royaume-Uni,\r\n                            USA et international\r\n                        <\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Id\u00e9al pour<\/dt>\r\n\r\n                        <dd>\r\n                            Des \u00e9l\u00e8ves bilingues \u00e9quilibr\u00e9s\r\n                            fran\u00e7ais\u2013anglais\r\n                        <\/dd>\r\n                    <\/div>\r\n\r\n                <\/dl>\r\n\r\n\r\n                <a\r\n                    class=\"tm-compare-panel__cta\"\r\n                    href=\"#pole-anglais\"\r\n                >\r\n\r\n                    D\u00e9couvrir le parcours\r\n\r\n                    <span>\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =============================================\r\n            MOBILE 03\r\n            ============================================== -->\r\n\r\n            <article\r\n                class=\"tm-compare-panel\"\r\n                data-compare-panel=\"2\"\r\n            >\r\n\r\n                <div class=\"tm-compare-panel__top\">\r\n\r\n                    <div>\r\n\r\n                        <span>\r\n                            Parcours 03\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Syst\u00e8me Anglophone\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                    <strong>\r\n                        2027\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <dl>\r\n\r\n                    <div>\r\n                        <dt>Programme<\/dt>\r\n                        <dd>National Curriculum britannique<\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Niveaux propos\u00e9s<\/dt>\r\n                        <dd>Primary \u2192 Sixth Form<\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Langue d\u2019enseignement<\/dt>\r\n                        <dd>Anglais<\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Dipl\u00f4me final<\/dt>\r\n                        <dd>IGCSE puis A-Levels<\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Chinois d\u00e8s la maternelle<\/dt>\r\n\r\n                        <dd class=\"tm-compare-panel__yes\">\r\n                            \u2713 Oui\r\n                        <\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Universit\u00e9s vis\u00e9es<\/dt>\r\n\r\n                        <dd>\r\n                            Royaume-Uni, USA,\r\n                            Australie et Asie\r\n                        <\/dd>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <dt>Id\u00e9al pour<\/dt>\r\n                        <dd>Un projet universitaire anglophone<\/dd>\r\n                    <\/div>\r\n\r\n                <\/dl>\r\n\r\n\r\n                <a\r\n                    class=\"tm-compare-panel__cta\"\r\n                    href=\"#parcours-anglophone\"\r\n                >\r\n\r\n                    D\u00e9couvrir le parcours\r\n\r\n                    <span>\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n        FOOTER NOTE\r\n        ================================================== -->\r\n\r\n        <footer class=\"tm-compare__footer\">\r\n\r\n            <span class=\"tm-compare__footer-icon\">\r\n                \u2726\r\n            <\/span>\r\n\r\n\r\n            <p>\r\n                <strong>\r\n                    Un socle commun :\r\n                <\/strong>\r\n\r\n                quel que soit le parcours choisi,\r\n                les \u00e9l\u00e8ves b\u00e9n\u00e9ficient d\u2019un accompagnement personnalis\u00e9\r\n                et de l\u2019apprentissage du chinois d\u00e8s la maternelle.\r\n            <\/p>\r\n\r\n\r\n            <a href=\"#admission\">\r\n                Parler \u00e0 notre \u00e9quipe\r\n                <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/footer>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nTOKENS\r\n========================================================= *\/\r\n\r\n.tm-compare {\r\n\r\n    --navy:\r\n        #071B3D;\r\n\r\n    --navy-deep:\r\n        #031329;\r\n\r\n    --gold:\r\n        #C99A42;\r\n\r\n    --gold-light:\r\n        #E3BE68;\r\n\r\n    --cream:\r\n        #F8F6F1;\r\n\r\n    --white:\r\n        #FFFFFF;\r\n\r\n    --text:\r\n        #33415A;\r\n\r\n    --muted:\r\n        #7A8496;\r\n\r\n    --border:\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .10\r\n        );\r\n\r\n    position:\r\n        relative;\r\n\r\n    width:\r\n        100%;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    background:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n.tm-compare,\r\n.tm-compare * {\r\n\r\n    box-sizing:\r\n        border-box;\r\n}\r\n\r\n\r\n.tm-compare h2,\r\n.tm-compare h3,\r\n.tm-compare p,\r\n.tm-compare dl,\r\n.tm-compare dd,\r\n.tm-compare dt {\r\n\r\n    margin:\r\n        0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nBACKGROUND DETAILS\r\n========================================================= *\/\r\n\r\n.tm-compare::before {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    width:\r\n        650px;\r\n\r\n    height:\r\n        650px;\r\n\r\n    top:\r\n        -380px;\r\n\r\n    left:\r\n        -320px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .08\r\n        );\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    pointer-events:\r\n        none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSHELL\r\n========================================================= *\/\r\n\r\n.tm-compare__shell {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        2;\r\n\r\n    width:\r\n        min(\r\n            1480px,\r\n            calc(\r\n                100% - 80px\r\n            )\r\n        );\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    padding:\r\n        clamp(\r\n            95px,\r\n            9vw,\r\n            145px\r\n        )\r\n        0\r\n        clamp(\r\n            85px,\r\n            8vw,\r\n            125px\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHEADER\r\n========================================================= *\/\r\n\r\n.tm-compare__eyebrow {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        14px;\r\n\r\n    margin-bottom:\r\n        34px;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare__eyebrow span {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .18em;\r\n}\r\n\r\n\r\n.tm-compare__eyebrow i {\r\n\r\n    width:\r\n        55px;\r\n\r\n    height:\r\n        1px;\r\n\r\n    background:\r\n        var(--gold);\r\n}\r\n\r\n\r\n.tm-compare__eyebrow strong {\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .19em;\r\n}\r\n\r\n\r\n.tm-compare__heading {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        minmax(\r\n            0,\r\n            1.35fr\r\n        )\r\n        minmax(\r\n            320px,\r\n            .65fr\r\n        );\r\n\r\n    gap:\r\n        clamp(\r\n            55px,\r\n            7vw,\r\n            120px\r\n        );\r\n\r\n    align-items:\r\n        end;\r\n\r\n    margin-bottom:\r\n        clamp(\r\n            55px,\r\n            6vw,\r\n            85px\r\n        );\r\n}\r\n\r\n\r\n.tm-compare__heading h2 {\r\n\r\n    max-width:\r\n        850px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            55px,\r\n            5.8vw,\r\n            98px\r\n        );\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    line-height:\r\n        .94;\r\n\r\n    letter-spacing:\r\n        -.05em;\r\n}\r\n\r\n\r\n.tm-compare__heading h2 em {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-style:\r\n        normal;\r\n}\r\n\r\n\r\n.tm-compare__intro {\r\n\r\n    padding-left:\r\n        25px;\r\n\r\n    border-left:\r\n        1px solid\r\n        var(--gold);\r\n}\r\n\r\n\r\n.tm-compare__intro > span {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        13px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .12em;\r\n\r\n    line-height:\r\n        1.5;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare__intro p {\r\n\r\n    color:\r\n        var(--text);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    line-height:\r\n        1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nDESKTOP GRID\r\n========================================================= *\/\r\n\r\n.tm-compare__grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        minmax(\r\n            180px,\r\n            .72fr\r\n        )\r\n        repeat(\r\n            3,\r\n            minmax(\r\n                0,\r\n                1fr\r\n            )\r\n        );\r\n}\r\n\r\n\r\n.tm-compare__desktop {\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    box-shadow:\r\n        0 30px 90px\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .055\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHEADERS\r\n========================================================= *\/\r\n\r\n.tm-compare__grid--head {\r\n\r\n    align-items:\r\n        stretch;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--border);\r\n}\r\n\r\n\r\n.tm-compare__criterion-head {\r\n\r\n    min-height:\r\n        245px;\r\n\r\n    padding:\r\n        35px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-direction:\r\n        column;\r\n\r\n    justify-content:\r\n        flex-end;\r\n\r\n    background:\r\n        var(--cream);\r\n}\r\n\r\n\r\n.tm-compare__criterion-head span {\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .14em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare__criterion-head small {\r\n\r\n    margin-top:\r\n        7px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        10px;\r\n}\r\n\r\n\r\n.tm-compare__path-head {\r\n\r\n    position:\r\n        relative;\r\n\r\n    min-height:\r\n        245px;\r\n\r\n    padding:\r\n        32px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-direction:\r\n        column;\r\n\r\n    justify-content:\r\n        flex-end;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border-left:\r\n        1px solid\r\n        var(--border);\r\n}\r\n\r\n\r\n.tm-compare__path-head--featured {\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        var(--navy);\r\n}\r\n\r\n\r\n.tm-compare__recommended {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    top:\r\n        25px;\r\n\r\n    right:\r\n        25px;\r\n\r\n    padding:\r\n        7px 10px;\r\n\r\n    color:\r\n        var(--gold-light);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            227,\r\n            190,\r\n            104,\r\n            .35\r\n        );\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .12em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare__path-number {\r\n\r\n    margin-bottom:\r\n        25px;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        27px;\r\n}\r\n\r\n\r\n.tm-compare__status {\r\n\r\n    width:\r\n        fit-content;\r\n\r\n    margin-bottom:\r\n        14px;\r\n\r\n    padding:\r\n        7px 10px;\r\n\r\n    color:\r\n        #267852;\r\n\r\n    background:\r\n        rgba(\r\n            38,\r\n            120,\r\n            82,\r\n            .07\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            38,\r\n            120,\r\n            82,\r\n            .14\r\n        );\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .08em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare__path-head--featured\r\n.tm-compare__status {\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .07\r\n        );\r\n\r\n    border-color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .18\r\n        );\r\n}\r\n\r\n\r\n.tm-compare__status--future {\r\n\r\n    color:\r\n        var(--gold);\r\n}\r\n\r\n\r\n.tm-compare__path-head h3 {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            27px,\r\n            2vw,\r\n            38px\r\n        );\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    line-height:\r\n        1;\r\n\r\n    letter-spacing:\r\n        -.035em;\r\n}\r\n\r\n\r\n.tm-compare__path-head h3 em {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-style:\r\n        normal;\r\n}\r\n\r\n\r\n.tm-compare__path-head--featured h3 {\r\n\r\n    color:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nROWS\r\n========================================================= *\/\r\n\r\n.tm-compare__row {\r\n\r\n    min-height:\r\n        105px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--border);\r\n}\r\n\r\n\r\n.tm-compare__criterion {\r\n\r\n    padding:\r\n        25px\r\n        28px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        13px;\r\n\r\n    background:\r\n        var(--cream);\r\n}\r\n\r\n\r\n.tm-compare__criterion span {\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        12px;\r\n}\r\n\r\n\r\n.tm-compare__criterion strong {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .06em;\r\n\r\n    line-height:\r\n        1.45;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare__value {\r\n\r\n    padding:\r\n        25px\r\n        30px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-wrap:\r\n        wrap;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    align-content:\r\n        center;\r\n\r\n    gap:\r\n        7px;\r\n\r\n    color:\r\n        var(--text);\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border-left:\r\n        1px solid\r\n        var(--border);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    line-height:\r\n        1.65;\r\n}\r\n\r\n\r\n.tm-compare__value strong {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-weight:\r\n        700;\r\n}\r\n\r\n\r\n.tm-compare__value small {\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        100%;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    font-size:\r\n        10px;\r\n}\r\n\r\n\r\n.tm-compare__value--featured {\r\n\r\n    background:\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .025\r\n        );\r\n\r\n    border-left-color:\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .26\r\n        );\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(\r\n            201,\r\n            154,\r\n            66,\r\n            .26\r\n        );\r\n}\r\n\r\n\r\n.tm-compare__pill {\r\n\r\n    padding:\r\n        7px 9px;\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    background:\r\n        var(--cream);\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare__note {\r\n\r\n    margin-top:\r\n        4px;\r\n}\r\n\r\n\r\n.tm-compare__yes {\r\n\r\n    width:\r\n        27px;\r\n\r\n    height:\r\n        27px;\r\n\r\n    display:\r\n        grid;\r\n\r\n    place-items:\r\n        center;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        #267852;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nACTIONS\r\n========================================================= *\/\r\n\r\n.tm-compare__grid--actions {\r\n\r\n    min-height:\r\n        95px;\r\n\r\n    background:\r\n        var(--cream);\r\n}\r\n\r\n\r\n.tm-compare__grid--actions > div {\r\n\r\n    padding:\r\n        20px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    border-left:\r\n        1px solid\r\n        var(--border);\r\n}\r\n\r\n\r\n.tm-compare__grid--actions > div:first-child {\r\n\r\n    border-left:\r\n        0;\r\n}\r\n\r\n\r\n.tm-compare__grid--actions a {\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-height:\r\n        50px;\r\n\r\n    padding:\r\n        0 17px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    color:\r\n        var(--navy) !important;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .08em;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n.tm-compare__grid--actions a:hover {\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    background:\r\n        var(--navy);\r\n\r\n    border-color:\r\n        var(--navy);\r\n}\r\n\r\n\r\n.tm-compare__grid--actions b {\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-size:\r\n        18px;\r\n\r\n    font-weight:\r\n        400;\r\n}\r\n\r\n\r\n.tm-compare__action-featured a {\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    background:\r\n        var(--navy);\r\n\r\n    border-color:\r\n        var(--navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFOOTER\r\n========================================================= *\/\r\n\r\n.tm-compare__footer {\r\n\r\n    min-height:\r\n        110px;\r\n\r\n    margin-top:\r\n        22px;\r\n\r\n    padding:\r\n        25px\r\n        30px;\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        45px\r\n        minmax(\r\n            0,\r\n            1fr\r\n        )\r\n        auto;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        20px;\r\n\r\n    background:\r\n        var(--navy-deep);\r\n}\r\n\r\n\r\n.tm-compare__footer-icon {\r\n\r\n    width:\r\n        39px;\r\n\r\n    height:\r\n        39px;\r\n\r\n    display:\r\n        grid;\r\n\r\n    place-items:\r\n        center;\r\n\r\n    color:\r\n        var(--gold-light);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            227,\r\n            190,\r\n            104,\r\n            .35\r\n        );\r\n\r\n    border-radius:\r\n        50%;\r\n}\r\n\r\n\r\n.tm-compare__footer p {\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .66\r\n        );\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    line-height:\r\n        1.7;\r\n}\r\n\r\n\r\n.tm-compare__footer p strong {\r\n\r\n    color:\r\n        #FFFFFF;\r\n}\r\n\r\n\r\n.tm-compare__footer a {\r\n\r\n    color:\r\n        var(--gold-light) !important;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .10em;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare__footer a span {\r\n\r\n    margin-left:\r\n        10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE COMPARATOR\r\n========================================================= *\/\r\n\r\n.tm-compare__mobile {\r\n\r\n    display:\r\n        none;\r\n}\r\n\r\n\r\n.tm-compare-tabs {\r\n\r\n    padding:\r\n        5px;\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            3,\r\n            1fr\r\n        );\r\n\r\n    gap:\r\n        5px;\r\n\r\n    background:\r\n        var(--cream);\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n}\r\n\r\n\r\n.tm-compare-tabs button {\r\n\r\n    min-height:\r\n        58px;\r\n\r\n    padding:\r\n        8px;\r\n\r\n    color:\r\n        var(--muted);\r\n\r\n    background:\r\n        transparent;\r\n\r\n    border:\r\n        0;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.tm-compare-tabs button span {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        4px;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        13px;\r\n}\r\n\r\n\r\n.tm-compare-tabs button.is-active {\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    background:\r\n        var(--navy);\r\n\r\n    box-shadow:\r\n        0 8px 24px\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .10\r\n        );\r\n}\r\n\r\n\r\n\/* PANELS *\/\r\n\r\n.tm-compare-panel {\r\n\r\n    display:\r\n        none;\r\n\r\n    margin-top:\r\n        10px;\r\n\r\n    padding:\r\n        26px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    box-shadow:\r\n        0 20px 60px\r\n        rgba(\r\n            7,\r\n            27,\r\n            61,\r\n            .055\r\n        );\r\n}\r\n\r\n\r\n.tm-compare-panel.is-active {\r\n\r\n    display:\r\n        block;\r\n}\r\n\r\n\r\n.tm-compare-panel__top {\r\n\r\n    padding-bottom:\r\n        23px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        flex-start;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        20px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--border);\r\n}\r\n\r\n\r\n.tm-compare-panel__top span {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        7px;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .14em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare-panel__top h3 {\r\n\r\n    color:\r\n        var(--navy);\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size:\r\n        29px;\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    line-height:\r\n        1;\r\n}\r\n\r\n\r\n.tm-compare-panel__top > strong {\r\n\r\n    padding:\r\n        8px 10px;\r\n\r\n    color:\r\n        #267852;\r\n\r\n    background:\r\n        rgba(\r\n            38,\r\n            120,\r\n            82,\r\n            .07\r\n        );\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        8px;\r\n}\r\n\r\n\r\n.tm-compare-panel dl > div {\r\n\r\n    padding:\r\n        18px\r\n        0;\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        .8fr\r\n        1.2fr;\r\n\r\n    gap:\r\n        15px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--border);\r\n}\r\n\r\n\r\n.tm-compare-panel dt {\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .08em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare-panel dd {\r\n\r\n    color:\r\n        var(--text);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    line-height:\r\n        1.6;\r\n}\r\n\r\n\r\n.tm-compare-panel__yes {\r\n\r\n    color:\r\n        #267852 !important;\r\n\r\n    font-weight:\r\n        700;\r\n}\r\n\r\n\r\n.tm-compare-panel__cta {\r\n\r\n    min-height:\r\n        52px;\r\n\r\n    margin-top:\r\n        24px;\r\n\r\n    padding:\r\n        0 17px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    background:\r\n        var(--navy);\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .08em;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.tm-compare-panel__cta span {\r\n\r\n    color:\r\n        var(--gold-light);\r\n\r\n    font-size:\r\n        18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nTABLET\r\n========================================================= *\/\r\n\r\n@media screen\r\nand (\r\n    max-width:\r\n    1050px\r\n) {\r\n\r\n    .tm-compare__shell {\r\n\r\n        width:\r\n            calc(\r\n                100% - 44px\r\n            );\r\n    }\r\n\r\n\r\n    .tm-compare__heading {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            30px;\r\n    }\r\n\r\n\r\n    .tm-compare__intro {\r\n\r\n        max-width:\r\n            690px;\r\n    }\r\n\r\n\r\n    .tm-compare__desktop {\r\n\r\n        display:\r\n            none;\r\n    }\r\n\r\n\r\n    .tm-compare__mobile {\r\n\r\n        display:\r\n            block;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nMOBILE\r\n========================================================= *\/\r\n\r\n@media screen\r\nand (\r\n    max-width:\r\n    767px\r\n) {\r\n\r\n    .tm-compare__shell {\r\n\r\n        width:\r\n            calc(\r\n                100% - 32px\r\n            );\r\n\r\n        padding:\r\n            70px\r\n            0;\r\n    }\r\n\r\n\r\n    .tm-compare__heading h2 {\r\n\r\n        font-size:\r\n            clamp(\r\n                45px,\r\n                13vw,\r\n                64px\r\n            );\r\n    }\r\n\r\n\r\n    .tm-compare-tabs {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .tm-compare-tabs button {\r\n\r\n        min-height:\r\n            50px;\r\n\r\n        display:\r\n            flex;\r\n\r\n        align-items:\r\n            center;\r\n\r\n        justify-content:\r\n            flex-start;\r\n\r\n        gap:\r\n            12px;\r\n\r\n        padding:\r\n            0 16px;\r\n\r\n        text-align:\r\n            left;\r\n    }\r\n\r\n\r\n    .tm-compare-tabs button span {\r\n\r\n        margin:\r\n            0;\r\n    }\r\n\r\n\r\n    .tm-compare-panel {\r\n\r\n        padding:\r\n            23px\r\n            20px;\r\n    }\r\n\r\n\r\n    .tm-compare-panel dl > div {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            6px;\r\n    }\r\n\r\n\r\n    .tm-compare__footer {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            15px;\r\n    }\r\n\r\n\r\n    .tm-compare__footer a {\r\n\r\n        width:\r\n            fit-content;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\nREDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (\r\n    prefers-reduced-motion:\r\n    reduce\r\n) {\r\n\r\n    .tm-compare *,\r\n    .tm-compare *::before,\r\n    .tm-compare *::after {\r\n\r\n        transition:\r\n            none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    function initTometalComparator() {\r\n\r\n\r\n        const section =\r\n            document.querySelector(\r\n                \".tm-compare\"\r\n            );\r\n\r\n\r\n        if (!section) {\r\n            return;\r\n        }\r\n\r\n\r\n        const tabs =\r\n            Array.from(\r\n                section.querySelectorAll(\r\n                    \"[data-compare-tab]\"\r\n                )\r\n            );\r\n\r\n\r\n        const panels =\r\n            Array.from(\r\n                section.querySelectorAll(\r\n                    \"[data-compare-panel]\"\r\n                )\r\n            );\r\n\r\n\r\n        tabs.forEach(\r\n            function(tab) {\r\n\r\n\r\n                tab.addEventListener(\r\n                    \"click\",\r\n                    function() {\r\n\r\n\r\n                        const index =\r\n                            Number(\r\n                                tab.dataset\r\n                                    .compareTab\r\n                            );\r\n\r\n\r\n                        tabs.forEach(\r\n                            function(item) {\r\n\r\n\r\n                                item.classList\r\n                                    .toggle(\r\n                                        \"is-active\",\r\n                                        item === tab\r\n                                    );\r\n\r\n                            }\r\n                        );\r\n\r\n\r\n                        panels.forEach(\r\n                            function(panel) {\r\n\r\n\r\n                                panel.classList\r\n                                    .toggle(\r\n                                        \"is-active\",\r\n                                        Number(\r\n                                            panel.dataset\r\n                                                .comparePanel\r\n                                        ) === index\r\n                                    );\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/*\r\n        Animation tr\u00e8s l\u00e9g\u00e8re au viewport.\r\n        Pas de d\u00e9pendance GSAP.\r\n        *\/\r\n\r\n        if (\r\n            \"IntersectionObserver\"\r\n            in window\r\n        ) {\r\n\r\n\r\n            const desktop =\r\n                section.querySelector(\r\n                    \".tm-compare__desktop\"\r\n                );\r\n\r\n\r\n            if (desktop) {\r\n\r\n\r\n                desktop.style.opacity =\r\n                    \"0\";\r\n\r\n\r\n                desktop.style.transform =\r\n                    \"translateY(22px)\";\r\n\r\n\r\n                const observer =\r\n                    new IntersectionObserver(\r\n\r\n                        function(entries) {\r\n\r\n\r\n                            entries.forEach(\r\n                                function(entry) {\r\n\r\n\r\n                                    if (\r\n                                        !entry.isIntersecting\r\n                                    ) {\r\n                                        return;\r\n                                    }\r\n\r\n\r\n                                    desktop.style\r\n                                        .transition =\r\n                                        \"opacity .75s ease, transform .85s cubic-bezier(.16,1,.3,1)\";\r\n\r\n\r\n                                    desktop.style\r\n                                        .opacity =\r\n                                        \"1\";\r\n\r\n\r\n                                    desktop.style\r\n                                        .transform =\r\n                                        \"translateY(0)\";\r\n\r\n\r\n                                    observer\r\n                                        .disconnect();\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold:\r\n                                .10\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                observer.observe(\r\n                    desktop\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initTometalComparator\r\n        );\r\n\r\n    } else {\r\n\r\n        initTometalComparator();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-218cb95 e-con-full e-flex e-con e-parent\" data-id=\"218cb95\" data-element_type=\"container\" data-e-type=\"container\" id=\"parcours-francais\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57deb01 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"57deb01\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"parcours-francais\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.tometal-french-section {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #17233c;\r\n}\r\n\r\n.tometal-french-header {\r\n    max-width: 760px;\r\n    margin-bottom: 55px;\r\n}\r\n\r\n.tometal-french-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 18px;\r\n    color: #a9823d;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tometal-french-label::before {\r\n    content: \"\";\r\n    width: 42px;\r\n    height: 1px;\r\n    background: #a9823d;\r\n}\r\n\r\n.tometal-french-title {\r\n    margin: 0 0 22px;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(42px, 5vw, 72px);\r\n    font-weight: 500;\r\n    line-height: 1.05;\r\n    letter-spacing: -1.5px;\r\n    color: #17233c;\r\n}\r\n\r\n.tometal-french-intro {\r\n    margin: 0;\r\n    max-width: 690px;\r\n    font-size: 18px;\r\n    line-height: 1.75;\r\n    color: #5f6673;\r\n}\r\n\r\n.tometal-french-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: grid;\r\n    grid-template-columns: 0.9fr 1.1fr;\r\n    min-height: 430px;\r\n    border-radius: 28px;\r\n    background: #17233c;\r\n    box-shadow: 0 24px 60px rgba(23, 35, 60, 0.16);\r\n}\r\n\r\n.tometal-french-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 64px;\r\n}\r\n\r\n.tometal-french-number {\r\n    margin-bottom: 20px;\r\n    color: #d4af67;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tometal-french-card-title {\r\n    margin: 0 0 20px;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    color: #ffffff;\r\n    font-size: clamp(32px, 4vw, 50px);\r\n    font-weight: 500;\r\n    line-height: 1.1;\r\n}\r\n\r\n.tometal-french-description {\r\n    margin: 0 0 34px;\r\n    max-width: 520px;\r\n    color: rgba(255, 255, 255, 0.72);\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n}\r\n\r\n.tometal-french-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    align-self: flex-start;\r\n    min-height: 52px;\r\n    padding: 0 28px;\r\n    border: 1px solid #d4af67;\r\n    border-radius: 999px;\r\n    color: #ffffff;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.6px;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.tometal-french-button:hover {\r\n    background: #d4af67;\r\n    color: #17233c;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.tometal-french-pathway {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 64px 55px;\r\n    background:\r\n        radial-gradient(\r\n            circle at top right,\r\n            rgba(212, 175, 103, 0.22),\r\n            transparent 42%\r\n        ),\r\n        #213152;\r\n}\r\n\r\n.tometal-pathway-list {\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n\r\n.tometal-pathway-list::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 24px;\r\n    bottom: 24px;\r\n    left: 18px;\r\n    width: 1px;\r\n    background: rgba(212, 175, 103, 0.35);\r\n}\r\n\r\n.tometal-pathway-item {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 42px 1fr;\r\n    gap: 18px;\r\n    padding: 14px 0;\r\n}\r\n\r\n.tometal-pathway-dot {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 37px;\r\n    height: 37px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(212, 175, 103, 0.55);\r\n    border-radius: 50%;\r\n    background: #213152;\r\n    color: #d4af67;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n}\r\n\r\n.tometal-pathway-text strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: #ffffff;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n}\r\n\r\n.tometal-pathway-text span {\r\n    display: block;\r\n    color: rgba(255, 255, 255, 0.6);\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .tometal-french-card {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tometal-french-content,\r\n    .tometal-french-pathway {\r\n        padding: 50px 38px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .tometal-french-header {\r\n        margin-bottom: 38px;\r\n    }\r\n\r\n    .tometal-french-title {\r\n        font-size: 40px;\r\n    }\r\n\r\n    .tometal-french-intro {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .tometal-french-card {\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .tometal-french-content,\r\n    .tometal-french-pathway {\r\n        padding: 40px 25px;\r\n    }\r\n\r\n    .tometal-french-card-title {\r\n        font-size: 34px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"tometal-french-section\">\r\n\r\n    <div class=\"tometal-french-header\">\r\n        <div class=\"tometal-french-label\">\r\n            Parcours acad\u00e9mique\r\n        <\/div>\r\n\r\n        <h2 class=\"tometal-french-title\">\r\n            Parcours 1<br>\r\n            Syst\u00e8me fran\u00e7ais\r\n        <\/h2>\r\n\r\n        <p class=\"tometal-french-intro\">\r\n            Un parcours structur\u00e9 et progressif, con\u00e7u pour accompagner\r\n            chaque \u00e9l\u00e8ve de la maternelle jusqu\u2019au baccalaur\u00e9at fran\u00e7ais\r\n            et le pr\u00e9parer aux \u00e9tudes sup\u00e9rieures.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tometal-french-card\">\r\n\r\n        <div class=\"tometal-french-content\">\r\n            <div class=\"tometal-french-number\">\r\n                Parcours 01\r\n            <\/div>\r\n\r\n            <h3 class=\"tometal-french-card-title\">\r\n                Une formation compl\u00e8te, de la maternelle au lyc\u00e9e\r\n            <\/h3>\r\n\r\n            <p class=\"tometal-french-description\">\r\n                Le syst\u00e8me fran\u00e7ais repose sur une progression p\u00e9dagogique\r\n                coh\u00e9rente, l\u2019acquisition de connaissances solides et le\r\n                d\u00e9veloppement de l\u2019autonomie, de la r\u00e9flexion et de\r\n                l\u2019ouverture internationale.\r\n            <\/p>\r\n\r\n            <a href=\"#\" class=\"tometal-french-button\">\r\n                D\u00e9couvrir ce parcours\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"tometal-french-pathway\">\r\n            <div class=\"tometal-pathway-list\">\r\n\r\n                <div class=\"tometal-pathway-item\">\r\n                    <div class=\"tometal-pathway-dot\">01<\/div>\r\n                    <div class=\"tometal-pathway-text\">\r\n                        <strong>Maternelle<\/strong>\r\n                        <span>D\u00e9couverte, langage et premiers apprentissages.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pathway-item\">\r\n                    <div class=\"tometal-pathway-dot\">02<\/div>\r\n                    <div class=\"tometal-pathway-text\">\r\n                        <strong>\u00c9cole \u00e9l\u00e9mentaire<\/strong>\r\n                        <span>Consolidation des savoirs fondamentaux.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pathway-item\">\r\n                    <div class=\"tometal-pathway-dot\">03<\/div>\r\n                    <div class=\"tometal-pathway-text\">\r\n                        <strong>Coll\u00e8ge<\/strong>\r\n                        <span>Approfondissement des connaissances et m\u00e9thodes.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pathway-item\">\r\n                    <div class=\"tometal-pathway-dot\">04<\/div>\r\n                    <div class=\"tometal-pathway-text\">\r\n                        <strong>Lyc\u00e9e<\/strong>\r\n                        <span>Orientation et pr\u00e9paration aux \u00e9tudes sup\u00e9rieures.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pathway-item\">\r\n                    <div class=\"tometal-pathway-dot\">05<\/div>\r\n                    <div class=\"tometal-pathway-text\">\r\n                        <strong>Baccalaur\u00e9at fran\u00e7ais<\/strong>\r\n                        <span>Dipl\u00f4me final ouvrant l\u2019acc\u00e8s \u00e0 l\u2019enseignement sup\u00e9rieur.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1c7321 elementor-widget elementor-widget-html\" data-id=\"d1c7321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   D\u00c9TAILS PARCOURS FRAN\u00c7AIS \u2014 TOMETAL\r\n========================================= *\/\r\n\r\n.tometal-francais-details,\r\n.tometal-francais-details * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tometal-francais-details {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #102d50;\r\n    scroll-margin-top: 80px;\r\n}\r\n\r\n\/* CARTE PRINCIPALE *\/\r\n\r\n.tometal-details-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    padding: 60px 72px 65px;\r\n    border: 1px solid rgba(16, 45, 80, 0.12);\r\n    border-radius: 28px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0%,\r\n            rgba(204, 165, 83, 0.18),\r\n            transparent 32%\r\n        ),\r\n        #ffffff;\r\n\r\n    box-shadow: 0 28px 70px rgba(16, 45, 80, 0.11);\r\n}\r\n\r\n\/* LIGNE DOR\u00c9E SUP\u00c9RIEURE *\/\r\n\r\n.tometal-details-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 72px;\r\n    width: 110px;\r\n    height: 4px;\r\n\r\n    border-radius: 0 0 5px 5px;\r\n\r\n    background: #cda653;\r\n}\r\n\r\n\/* =========================================\r\n   BADGE RENTR\u00c9E 2026\r\n========================================= *\/\r\n\r\n.tometal-francais-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    margin-bottom: 42px;\r\n\r\n    padding: 12px 18px;\r\n\r\n    border: 1px solid rgba(205, 166, 83, 0.65);\r\n    border-radius: 4px;\r\n\r\n    background: #cda653;\r\n\r\n    color: #102d50;\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n    line-height: 1;\r\n\r\n    text-transform: uppercase;\r\n\r\n    box-shadow: 0 10px 25px rgba(205, 166, 83, 0.18);\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(22px)\r\n        scale(0.92);\r\n\r\n    animation:\r\n        tometalBadgePopup\r\n        0.8s\r\n        cubic-bezier(0.22, 1, 0.36, 1)\r\n        0.25s\r\n        forwards;\r\n}\r\n\r\n.tometal-francais-badge-icon {\r\n    font-size: 15px;\r\n    line-height: 1;\r\n}\r\n\r\n\/* ANIMATION POP-UP *\/\r\n\r\n@keyframes tometalBadgePopup {\r\n\r\n    0% {\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(22px)\r\n            scale(0.92);\r\n    }\r\n\r\n    65% {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(-4px)\r\n            scale(1.025);\r\n    }\r\n\r\n    100% {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0)\r\n            scale(1);\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   TITRE POINTS FORTS\r\n========================================= *\/\r\n\r\n.tometal-strengths-title {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 16px;\r\n\r\n    margin: 0 0 30px;\r\n\r\n    color: #102d50;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 29px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.2;\r\n}\r\n\r\n.tometal-strengths-title::after {\r\n    content: \"\";\r\n\r\n    width: 55px;\r\n    height: 1px;\r\n\r\n    background: #cda653;\r\n}\r\n\r\n\/* =========================================\r\n   GRILLE DES POINTS FORTS\r\n========================================= *\/\r\n\r\n.tometal-strengths-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 18px;\r\n\r\n    margin-bottom: 46px;\r\n}\r\n\r\n\/* CARTE *\/\r\n\r\n.tometal-strength-item {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        46px 1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 16px;\r\n\r\n    min-height: 100px;\r\n\r\n    padding: 20px 22px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(16, 45, 80, 0.09);\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #f8f7f3;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        background 0.3s ease;\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.tometal-strength-item:hover {\r\n    transform: translateY(-4px);\r\n\r\n    border-color:\r\n        rgba(205, 166, 83, 0.6);\r\n\r\n    background: #ffffff;\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(16, 45, 80, 0.09);\r\n}\r\n\r\n\/* NUM\u00c9ROS *\/\r\n\r\n.tometal-strength-number {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(205, 166, 83, 0.6);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #ffffff;\r\n\r\n    color: #ad8434;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 0.4px;\r\n}\r\n\r\n\/* TEXTE *\/\r\n\r\n.tometal-strength-text {\r\n    color: #405267;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n.tometal-strength-text strong {\r\n    color: #102d50;\r\n\r\n    font-weight: 750;\r\n}\r\n\r\n\/* =========================================\r\n   BLOC ID\u00c9AL POUR + CTA\r\n========================================= *\/\r\n\r\n.tometal-details-bottom {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto;\r\n\r\n    align-items: center;\r\n\r\n    gap: 38px;\r\n\r\n    padding: 31px 32px;\r\n\r\n    border-left:\r\n        4px solid #cda653;\r\n\r\n    border-radius:\r\n        0 14px 14px 0;\r\n\r\n    background: #f2eee2;\r\n}\r\n\r\n\/* TEXTE *\/\r\n\r\n.tometal-ideal-text {\r\n    margin: 0;\r\n\r\n    color: #4b5c6f;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n.tometal-ideal-text strong {\r\n    color: #102d50;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\/* =========================================\r\n   BOUTON\r\n========================================= *\/\r\n\r\n.tometal-francais-button {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n    min-width: 285px;\r\n    min-height: 56px;\r\n\r\n    padding: 0 26px;\r\n\r\n    border:\r\n        1px solid #102d50;\r\n\r\n    border-radius: 3px;\r\n\r\n    background: #102d50;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 750;\r\n\r\n    letter-spacing: 0.2px;\r\n\r\n    line-height: 1.2;\r\n\r\n    text-align: center;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        border-color 0.3s ease,\r\n        color 0.3s ease,\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.tometal-francais-button:hover {\r\n    transform: translateY(-3px);\r\n\r\n    background: #cda653;\r\n\r\n    border-color: #cda653;\r\n\r\n    color: #102d50 !important;\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(205, 166, 83, 0.22);\r\n}\r\n\r\n.tometal-button-arrow {\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        transform 0.3s ease;\r\n}\r\n\r\n.tometal-francais-button:hover\r\n.tometal-button-arrow {\r\n    transform:\r\n        translateX(5px);\r\n}\r\n\r\n\/* =========================================\r\n   TABLETTE\r\n========================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .tometal-details-card {\r\n        padding:\r\n            55px\r\n            38px\r\n            58px;\r\n    }\r\n\r\n    .tometal-details-card::before {\r\n        left: 38px;\r\n    }\r\n\r\n    .tometal-strengths-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tometal-details-bottom {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tometal-francais-button {\r\n        width: fit-content;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .tometal-details-card {\r\n        padding:\r\n            42px\r\n            22px\r\n            45px;\r\n\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .tometal-details-card::before {\r\n        left: 22px;\r\n\r\n        width: 80px;\r\n    }\r\n\r\n    .tometal-francais-badge {\r\n        margin-bottom: 34px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 0.7px;\r\n\r\n        padding: 11px 14px;\r\n    }\r\n\r\n    .tometal-strengths-title {\r\n        font-size: 25px;\r\n\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .tometal-strength-item {\r\n        grid-template-columns:\r\n            39px 1fr;\r\n\r\n        gap: 13px;\r\n\r\n        min-height: auto;\r\n\r\n        padding:\r\n            18px\r\n            16px;\r\n    }\r\n\r\n    .tometal-strength-number {\r\n        width: 37px;\r\n        height: 37px;\r\n    }\r\n\r\n    .tometal-strengths-grid {\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .tometal-details-bottom {\r\n        gap: 25px;\r\n\r\n        padding:\r\n            25px\r\n            21px;\r\n    }\r\n\r\n    .tometal-francais-button {\r\n        width: 100%;\r\n\r\n        min-width: 0;\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILIT\u00c9 *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .tometal-francais-badge {\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n\r\n        animation: none;\r\n    }\r\n\r\n    .tometal-strength-item,\r\n    .tometal-francais-button,\r\n    .tometal-button-arrow {\r\n        transition: none;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section\r\n    id=\"details-parcours-francais\"\r\n    class=\"tometal-francais-details\"\r\n>\r\n\r\n    <div class=\"tometal-details-card\">\r\n\r\n\r\n        <!-- BADGE -->\r\n\r\n        <div\r\n            class=\"\r\n                tometal-francais-badge\r\n            \"\r\n        >\r\n\r\n            <span\r\n                class=\"\r\n                    tometal-francais-badge-icon\r\n                \"\r\n            >\r\n                \u2726\r\n            <\/span>\r\n\r\n            Ouvert d\u00e8s la rentr\u00e9e 2026\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- POINTS FORTS -->\r\n\r\n        <h3\r\n            class=\"\r\n                tometal-strengths-title\r\n            \"\r\n        >\r\n            Points forts\r\n        <\/h3>\r\n\r\n\r\n        <div\r\n            class=\"\r\n                tometal-strengths-grid\r\n            \"\r\n        >\r\n\r\n\r\n            <div\r\n                class=\"\r\n                    tometal-strength-item\r\n                \"\r\n            >\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-number\r\n                    \"\r\n                >\r\n                    01\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-text\r\n                    \"\r\n                >\r\n                    Programme conforme aux r\u00e9f\u00e9rentiels de\r\n                    <strong>\r\n                        l\u2019\u00c9ducation nationale fran\u00e7aise.\r\n                    <\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"\r\n                    tometal-strength-item\r\n                \"\r\n            >\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-number\r\n                    \"\r\n                >\r\n                    02\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-text\r\n                    \"\r\n                >\r\n                    Enseignants francophones qualifi\u00e9s avec de\r\n                    <strong>\r\n                        l\u2019exp\u00e9rience dans le milieu \u00e9ducatif.\r\n                    <\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"\r\n                    tometal-strength-item\r\n                \"\r\n            >\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-number\r\n                    \"\r\n                >\r\n                    03\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-text\r\n                    \"\r\n                >\r\n                    Pr\u00e9paration rigoureuse au\r\n                    <strong>\r\n                        Brevet et au Baccalaur\u00e9at.\r\n                    <\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"\r\n                    tometal-strength-item\r\n                \"\r\n            >\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-number\r\n                    \"\r\n                >\r\n                    04\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-text\r\n                    \"\r\n                >\r\n                    Apprentissage du\r\n                    <strong>\r\n                        chinois d\u00e8s la maternelle.\r\n                    <\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"\r\n                    tometal-strength-item\r\n                \"\r\n            >\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-number\r\n                    \"\r\n                >\r\n                    05\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-text\r\n                    \"\r\n                >\r\n                    Enseignement renforc\u00e9 de\r\n                    <strong>\r\n                        l\u2019anglais tout au long de la scolarit\u00e9.\r\n                    <\/strong>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"\r\n                    tometal-strength-item\r\n                \"\r\n            >\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-number\r\n                    \"\r\n                >\r\n                    06\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"\r\n                        tometal-strength-text\r\n                    \"\r\n                >\r\n                    Activit\u00e9s\r\n                    <strong>\r\n                        artistiques, sportives et culturelles\r\n                    <\/strong>\r\n                    int\u00e9gr\u00e9es.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ID\u00c9AL POUR + CTA -->\r\n\r\n        <div\r\n            class=\"\r\n                tometal-details-bottom\r\n            \"\r\n        >\r\n\r\n            <p\r\n                class=\"\r\n                    tometal-ideal-text\r\n                \"\r\n            >\r\n\r\n                <strong>\r\n                    Id\u00e9al pour :\r\n                <\/strong>\r\n\r\n                les familles souhaitant offrir \u00e0 leur enfant\r\n                un cursus francophone reconnu\r\n                internationalement, ouvrant les portes des\r\n                universit\u00e9s fran\u00e7aises, francophones et\r\n                au-del\u00e0.\r\n\r\n            <\/p>\r\n\r\n\r\n            <a\r\n                href=\"#inscription\"\r\n                class=\"\r\n                    tometal-francais-button\r\n                \"\r\n            >\r\n\r\n                S\u2019inscrire au Parcours Fran\u00e7ais\r\n\r\n                <span\r\n                    class=\"\r\n                        tometal-button-arrow\r\n                    \"\r\n                >\r\n                    \u2192\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-c370bbc e-con-full e-flex e-con e-parent\" data-id=\"c370bbc\" data-element_type=\"container\" data-e-type=\"container\" id=\"parcours-francais-pole\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b07b41 elementor-widget elementor-widget-html\" data-id=\"8b07b41\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"francais-pole-anglais\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   PARCOURS 02 \u2014 FRAN\u00c7AIS + P\u00d4LE ANGLAIS\r\n   WIDGET 1 : PR\u00c9SENTATION G\u00c9N\u00c9RALE\r\n========================================= *\/\r\n\r\n.tometal-pole-intro,\r\n.tometal-pole-intro * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tometal-pole-intro {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #102d50;\r\n}\r\n\r\n\/* CARTE PRINCIPALE *\/\r\n\r\n.tometal-pole-card {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 0.95fr 1.05fr;\r\n    width: 100%;\r\n    min-height: 570px;\r\n    overflow: hidden;\r\n    border-radius: 28px;\r\n    background: #102d50;\r\n    box-shadow: 0 28px 70px rgba(16, 45, 80, 0.16);\r\n}\r\n\r\n\/* =========================================\r\n   PARTIE GAUCHE\r\n========================================= *\/\r\n\r\n.tometal-pole-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 70px 64px;\r\n    background:\r\n        radial-gradient(\r\n            circle at 10% 10%,\r\n            rgba(205, 166, 83, 0.18),\r\n            transparent 34%\r\n        ),\r\n        #102d50;\r\n}\r\n\r\n\/* NUM\u00c9RO DU PARCOURS *\/\r\n\r\n.tometal-pole-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 24px;\r\n    color: #d5ad58;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 2.4px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tometal-pole-label::before {\r\n    content: \"\";\r\n    width: 42px;\r\n    height: 1px;\r\n    background: #d5ad58;\r\n}\r\n\r\n\/* TITRE *\/\r\n\r\n.tometal-pole-title {\r\n    margin: 0 0 25px;\r\n    color: #ffffff;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(42px, 5vw, 66px);\r\n    font-weight: 500;\r\n    line-height: 1.05;\r\n    letter-spacing: -1.5px;\r\n}\r\n\r\n.tometal-pole-title span {\r\n    display: block;\r\n    color: #d5ad58;\r\n}\r\n\r\n\/* TEXTE *\/\r\n\r\n.tometal-pole-description {\r\n    max-width: 540px;\r\n    margin: 0 0 36px;\r\n    color: rgba(255, 255, 255, 0.74);\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.tometal-pole-description strong {\r\n    color: #ffffff;\r\n    font-weight: 750;\r\n}\r\n\r\n\/* BOUTON *\/\r\n\r\n.tometal-pole-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    align-self: flex-start;\r\n    gap: 13px;\r\n    min-height: 54px;\r\n    padding: 0 28px;\r\n    border: 1px solid #d5ad58;\r\n    border-radius: 999px;\r\n    background: transparent;\r\n    color: #ffffff !important;\r\n    font-size: 14px;\r\n    font-weight: 750;\r\n    letter-spacing: 0.3px;\r\n    text-decoration: none !important;\r\n    transition:\r\n        transform 0.3s ease,\r\n        background 0.3s ease,\r\n        color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.tometal-pole-button:hover {\r\n    transform: translateY(-3px);\r\n    background: #d5ad58;\r\n    color: #102d50 !important;\r\n    box-shadow: 0 12px 28px rgba(213, 173, 88, 0.2);\r\n}\r\n\r\n.tometal-pole-button-arrow {\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.tometal-pole-button:hover .tometal-pole-button-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* =========================================\r\n   PARTIE DROITE : DOUBLE PARCOURS\r\n========================================= *\/\r\n\r\n.tometal-pole-visual {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    min-height: 570px;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* COLONNES *\/\r\n\r\n.tometal-pole-column {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 58px 38px;\r\n}\r\n\r\n.tometal-pole-column-fr {\r\n    background: #22395f;\r\n}\r\n\r\n.tometal-pole-column-en {\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0%,\r\n            rgba(213, 173, 88, 0.25),\r\n            transparent 42%\r\n        ),\r\n        #2d4b77;\r\n}\r\n\r\n\/* LIGNE CENTRALE *\/\r\n\r\n.tometal-pole-visual::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 56px;\r\n    bottom: 56px;\r\n    left: 50%;\r\n    width: 1px;\r\n    background: rgba(255, 255, 255, 0.16);\r\n}\r\n\r\n\/* PETIT TITRE DE COLONNE *\/\r\n\r\n.tometal-pole-column-label {\r\n    margin-bottom: 25px;\r\n    color: #d5ad58;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* TITRE COLONNE *\/\r\n\r\n.tometal-pole-column-title {\r\n    margin: 0 0 30px;\r\n    color: #ffffff;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 27px;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n}\r\n\r\n\/* \u00c9TAPES *\/\r\n\r\n.tometal-pole-stage {\r\n    position: relative;\r\n    padding: 0 0 28px 24px;\r\n    border-left: 1px solid rgba(213, 173, 88, 0.35);\r\n}\r\n\r\n.tometal-pole-stage:last-child {\r\n    padding-bottom: 0;\r\n}\r\n\r\n.tometal-pole-stage::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 3px;\r\n    left: -5px;\r\n    width: 9px;\r\n    height: 9px;\r\n    border: 1px solid #d5ad58;\r\n    border-radius: 50%;\r\n    background: #22395f;\r\n}\r\n\r\n.tometal-pole-column-en .tometal-pole-stage::before {\r\n    background: #2d4b77;\r\n}\r\n\r\n.tometal-pole-stage strong {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n}\r\n\r\n.tometal-pole-stage span {\r\n    display: block;\r\n    color: rgba(255, 255, 255, 0.64);\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* BADGE CENTRAL *\/\r\n\r\n.tometal-pole-center-badge {\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: 50%;\r\n    left: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 76px;\r\n    height: 76px;\r\n    padding: 8px;\r\n    border: 1px solid rgba(213, 173, 88, 0.75);\r\n    border-radius: 50%;\r\n    background: #102d50;\r\n    color: #d5ad58;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.7px;\r\n    line-height: 1.25;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    transform: translate(-50%, -50%);\r\n    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);\r\n}\r\n\r\n\/* =========================================\r\n   TABLETTE\r\n========================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n    .tometal-pole-card {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tometal-pole-content {\r\n        padding: 60px 48px;\r\n    }\r\n\r\n    .tometal-pole-visual {\r\n        min-height: 520px;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n    .tometal-pole-card {\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .tometal-pole-content {\r\n        padding: 48px 25px;\r\n    }\r\n\r\n    .tometal-pole-title {\r\n        font-size: 40px;\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .tometal-pole-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .tometal-pole-button {\r\n        width: 100%;\r\n    }\r\n\r\n    .tometal-pole-visual {\r\n        grid-template-columns: 1fr;\r\n        min-height: auto;\r\n    }\r\n\r\n    .tometal-pole-column {\r\n        padding: 45px 28px;\r\n    }\r\n\r\n    .tometal-pole-visual::after,\r\n    .tometal-pole-center-badge {\r\n        display: none;\r\n    }\r\n\r\n    .tometal-pole-column-fr {\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.12);\r\n    }\r\n}\r\n\r\n\/* ACCESSIBILIT\u00c9 *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .tometal-pole-button,\r\n    .tometal-pole-button-arrow {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"tometal-pole-intro\">\r\n\r\n    <article class=\"tometal-pole-card\">\r\n\r\n        <!-- PARTIE GAUCHE -->\r\n\r\n        <div class=\"tometal-pole-content\">\r\n\r\n            <div class=\"tometal-pole-label\">\r\n                Parcours 02\r\n            <\/div>\r\n\r\n            <h2 class=\"tometal-pole-title\">\r\n                Syst\u00e8me Fran\u00e7ais\r\n                <span>+ P\u00f4le Anglais<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"tometal-pole-description\">\r\n                <strong>Le meilleur des deux mondes :<\/strong>\r\n                le rigoureux programme fran\u00e7ais renforc\u00e9 par un\r\n                <strong>P\u00f4le anglais intensif<\/strong>. Une formation bilingue\r\n                authentique qui permet \u00e0 vos enfants de ma\u00eetriser deux langues\r\n                de scolarit\u00e9 au quotidien.\r\n            <\/p>\r\n\r\n            <a\r\n                href=\"#details-parcours-francais-pole\"\r\n                class=\"tometal-pole-button\"\r\n            >\r\n                D\u00e9couvrir ce parcours\r\n                <span class=\"tometal-pole-button-arrow\">\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- PARTIE DROITE -->\r\n\r\n        <div class=\"tometal-pole-visual\">\r\n\r\n            <div class=\"tometal-pole-column tometal-pole-column-fr\">\r\n\r\n                <div class=\"tometal-pole-column-label\">\r\n                    Programme principal\r\n                <\/div>\r\n\r\n                <h3 class=\"tometal-pole-column-title\">\r\n                    Syst\u00e8me fran\u00e7ais\r\n                <\/h3>\r\n\r\n                <div class=\"tometal-pole-stage\">\r\n                    <strong>Programme complet<\/strong>\r\n                    <span>\r\n                        Un cursus structur\u00e9 suivant les r\u00e9f\u00e9rentiels fran\u00e7ais.\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pole-stage\">\r\n                    <strong>Brevet<\/strong>\r\n                    <span>\r\n                        Une pr\u00e9paration progressive au Dipl\u00f4me National du Brevet.\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pole-stage\">\r\n                    <strong>Baccalaur\u00e9at fran\u00e7ais<\/strong>\r\n                    <span>\r\n                        Un parcours ouvrant l\u2019acc\u00e8s aux \u00e9tudes sup\u00e9rieures.\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"tometal-pole-column tometal-pole-column-en\">\r\n\r\n                <div class=\"tometal-pole-column-label\">\r\n                    Renforcement linguistique\r\n                <\/div>\r\n\r\n                <h3 class=\"tometal-pole-column-title\">\r\n                    P\u00f4le anglais intensif\r\n                <\/h3>\r\n\r\n                <div class=\"tometal-pole-stage\">\r\n                    <strong>Mati\u00e8res en anglais<\/strong>\r\n                    <span>\r\n                        Des enseignements dispens\u00e9s r\u00e9guli\u00e8rement en anglais.\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pole-stage\">\r\n                    <strong>Professeurs bilingues<\/strong>\r\n                    <span>\r\n                        Un accompagnement assur\u00e9 par des enseignants qualifi\u00e9s.\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pole-stage\">\r\n                    <strong>Ouverture internationale<\/strong>\r\n                    <span>\r\n                        Une pr\u00e9paration aux certifications et aux universit\u00e9s internationales.\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"tometal-pole-center-badge\">\r\n                Double<br>parcours\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/article>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c416c3 elementor-widget elementor-widget-html\" data-id=\"7c416c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==================================================\r\n   PARCOURS 02 \u2014 FRAN\u00c7AIS + P\u00d4LE ANGLAIS\r\n   WIDGET 2 : INFORMATIONS D\u00c9TAILL\u00c9ES\r\n================================================== *\/\r\n\r\n.tometal-pole-details,\r\n.tometal-pole-details * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tometal-pole-details {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #102d50;\r\n    scroll-margin-top: 80px;\r\n}\r\n\r\n\/* CARTE PRINCIPALE *\/\r\n\r\n.tometal-pole-details-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    padding: 62px 72px 66px;\r\n\r\n    border: 1px solid rgba(16, 45, 80, 0.12);\r\n    border-radius: 28px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0%,\r\n            rgba(205, 166, 83, 0.16),\r\n            transparent 34%\r\n        ),\r\n        #ffffff;\r\n\r\n    box-shadow:\r\n        0 28px 70px\r\n        rgba(16, 45, 80, 0.11);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TITRE POINTS FORTS\r\n================================================== *\/\r\n\r\n.tometal-pole-strengths-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n\r\n    margin: 0 0 32px;\r\n\r\n    color: #102d50;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 29px;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n}\r\n\r\n.tometal-pole-strengths-title::after {\r\n    content: \"\";\r\n\r\n    width: 55px;\r\n    height: 1px;\r\n\r\n    background: #cda653;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   GRILLE DES POINTS FORTS\r\n================================================== *\/\r\n\r\n.tometal-pole-strengths-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 18px;\r\n\r\n    margin-bottom: 48px;\r\n}\r\n\r\n\r\n\/* CARTE POINT FORT *\/\r\n\r\n.tometal-pole-strength-item {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        46px 1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 16px;\r\n\r\n    min-height: 105px;\r\n\r\n    padding: 21px 22px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(16, 45, 80, 0.09);\r\n\r\n    border-radius: 15px;\r\n\r\n    background: #f8f7f3;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        background 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n.tometal-pole-strength-item:hover {\r\n    transform: translateY(-4px);\r\n\r\n    border-color:\r\n        rgba(205, 166, 83, 0.60);\r\n\r\n    background: #ffffff;\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(16, 45, 80, 0.09);\r\n}\r\n\r\n\r\n\/* NUM\u00c9RO *\/\r\n\r\n.tometal-pole-strength-number {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(205, 166, 83, 0.60);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #ffffff;\r\n\r\n    color: #ad8434;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 0.4px;\r\n}\r\n\r\n\r\n\/* TEXTE *\/\r\n\r\n.tometal-pole-strength-text {\r\n    color: #405267;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.55;\r\n}\r\n\r\n.tometal-pole-strength-text strong {\r\n    color: #102d50;\r\n\r\n    font-weight: 750;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BLOC ID\u00c9AL POUR + CTA\r\n================================================== *\/\r\n\r\n.tometal-pole-details-bottom {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto;\r\n\r\n    align-items: center;\r\n\r\n    gap: 38px;\r\n\r\n    padding: 31px 32px;\r\n\r\n    border-left:\r\n        4px solid #cda653;\r\n\r\n    border-radius:\r\n        0 14px 14px 0;\r\n\r\n    background: #f2eee2;\r\n}\r\n\r\n\r\n\/* TEXTE ID\u00c9AL POUR *\/\r\n\r\n.tometal-pole-ideal-text {\r\n    margin: 0;\r\n\r\n    color: #4b5c6f;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n.tometal-pole-ideal-text strong {\r\n    color: #102d50;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BOUTON\r\n================================================== *\/\r\n\r\n.tometal-pole-register-button {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n    min-width: 305px;\r\n    min-height: 56px;\r\n\r\n    padding: 0 26px;\r\n\r\n    border:\r\n        1px solid #102d50;\r\n\r\n    border-radius: 3px;\r\n\r\n    background: #102d50;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: 14px;\r\n    font-weight: 750;\r\n\r\n    letter-spacing: 0.2px;\r\n    line-height: 1.2;\r\n\r\n    text-align: center;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background 0.3s ease,\r\n        border-color 0.3s ease,\r\n        color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.tometal-pole-register-button:hover {\r\n    transform: translateY(-3px);\r\n\r\n    background: #cda653;\r\n\r\n    border-color: #cda653;\r\n\r\n    color: #102d50 !important;\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(205, 166, 83, 0.22);\r\n}\r\n\r\n\r\n.tometal-pole-register-arrow {\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        transform 0.3s ease;\r\n}\r\n\r\n.tometal-pole-register-button:hover\r\n.tometal-pole-register-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLETTE\r\n================================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .tometal-pole-details-card {\r\n        padding:\r\n            55px\r\n            38px\r\n            58px;\r\n    }\r\n\r\n    .tometal-pole-strengths-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tometal-pole-details-bottom {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tometal-pole-register-button {\r\n        width: fit-content;\r\n    }\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBILE\r\n================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .tometal-pole-details-card {\r\n        padding:\r\n            42px\r\n            22px\r\n            45px;\r\n\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .tometal-pole-strengths-title {\r\n        margin-bottom: 25px;\r\n\r\n        font-size: 25px;\r\n    }\r\n\r\n    .tometal-pole-strength-item {\r\n        grid-template-columns:\r\n            39px 1fr;\r\n\r\n        gap: 13px;\r\n\r\n        min-height: auto;\r\n\r\n        padding:\r\n            18px\r\n            16px;\r\n    }\r\n\r\n    .tometal-pole-strength-number {\r\n        width: 37px;\r\n        height: 37px;\r\n    }\r\n\r\n    .tometal-pole-strengths-grid {\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .tometal-pole-details-bottom {\r\n        gap: 25px;\r\n\r\n        padding:\r\n            25px\r\n            21px;\r\n    }\r\n\r\n    .tometal-pole-register-button {\r\n        width: 100%;\r\n\r\n        min-width: 0;\r\n    }\r\n}\r\n\r\n\r\n\/* ACCESSIBILIT\u00c9 *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .tometal-pole-strength-item,\r\n    .tometal-pole-register-button,\r\n    .tometal-pole-register-arrow {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n    id=\"details-parcours-francais-pole\"\r\n    class=\"tometal-pole-details\"\r\n>\r\n\r\n    <div class=\"tometal-pole-details-card\">\r\n\r\n\r\n        <!-- POINTS FORTS -->\r\n\r\n        <h3 class=\"tometal-pole-strengths-title\">\r\n            Points forts\r\n        <\/h3>\r\n\r\n\r\n        <div class=\"tometal-pole-strengths-grid\">\r\n\r\n\r\n            <!-- 01 -->\r\n\r\n            <div class=\"tometal-pole-strength-item\">\r\n\r\n                <div class=\"tometal-pole-strength-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pole-strength-text\">\r\n\r\n                    Programme fran\u00e7ais complet :\r\n\r\n                    <strong>\r\n                        Brevet et Baccalaur\u00e9at.\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 02 -->\r\n\r\n            <div class=\"tometal-pole-strength-item\">\r\n\r\n                <div class=\"tometal-pole-strength-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pole-strength-text\">\r\n\r\n                    P\u00f4le anglais renforc\u00e9 avec des mati\u00e8res\r\n                    enseign\u00e9es en anglais par des\r\n\r\n                    <strong>\r\n                        professeurs bilingues qualifi\u00e9s.\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 03 -->\r\n\r\n            <div class=\"tometal-pole-strength-item\">\r\n\r\n                <div class=\"tometal-pole-strength-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pole-strength-text\">\r\n\r\n                    Apprentissage du\r\n\r\n                    <strong>\r\n                        chinois d\u00e8s la maternelle.\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 04 -->\r\n\r\n            <div class=\"tometal-pole-strength-item\">\r\n\r\n                <div class=\"tometal-pole-strength-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pole-strength-text\">\r\n\r\n                    Pr\u00e9paration aux\r\n\r\n                    <strong>\r\n                        certifications internationales d\u2019anglais.\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 05 -->\r\n\r\n            <div class=\"tometal-pole-strength-item\">\r\n\r\n                <div class=\"tometal-pole-strength-number\">\r\n                    05\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pole-strength-text\">\r\n\r\n                    Profil trilingue\r\n\r\n                    <strong>\r\n                        fran\u00e7ais, anglais et chinois\r\n                    <\/strong>\r\n\r\n                    \u00e0 la sortie du lyc\u00e9e.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 06 -->\r\n\r\n            <div class=\"tometal-pole-strength-item\">\r\n\r\n                <div class=\"tometal-pole-strength-number\">\r\n                    06\r\n                <\/div>\r\n\r\n                <div class=\"tometal-pole-strength-text\">\r\n\r\n                    Acc\u00e8s aux universit\u00e9s\r\n\r\n                    <strong>\r\n                        fran\u00e7aises, anglophones et internationales.\r\n                    <\/strong>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ID\u00c9AL POUR + BOUTON -->\r\n\r\n        <div class=\"tometal-pole-details-bottom\">\r\n\r\n\r\n            <p class=\"tometal-pole-ideal-text\">\r\n\r\n                <strong>\r\n                    Id\u00e9al pour :\r\n                <\/strong>\r\n\r\n                les familles ambitieuses qui veulent un dipl\u00f4me\r\n                fran\u00e7ais tout en garantissant \u00e0 leur enfant une\r\n                ma\u00eetrise de l\u2019anglais.\r\n\r\n            <\/p>\r\n\r\n\r\n            <a\r\n                href=\"#inscription\"\r\n                class=\"tometal-pole-register-button\"\r\n            >\r\n\r\n                S\u2019inscrire au Parcours FR + P\u00f4le Anglais\r\n\r\n                <span class=\"tometal-pole-register-arrow\">\r\n                    \u2192\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-c91a4c6 e-con-full e-flex e-con e-parent\" data-id=\"c91a4c6\" data-element_type=\"container\" data-e-type=\"container\" id=\"parcours-anglophone\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2994b15 elementor-widget elementor-widget-html\" data-id=\"2994b15\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"parcours-anglais\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==================================================\r\n   TOMETAL \u2014 PARCOURS 03\r\n   SYST\u00c8ME ANGLOPHONE \/ PROGRAMME BRITANNIQUE\r\n   WIDGET 1 \u2014 PR\u00c9SENTATION G\u00c9N\u00c9RALE\r\n================================================== *\/\r\n\r\n.tometal-british-intro,\r\n.tometal-british-intro * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tometal-british-intro {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #102d50;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   CARTE PRINCIPALE\r\n================================================== *\/\r\n\r\n.tometal-british-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n    grid-template-columns: 0.92fr 1.08fr;\r\n\r\n    width: 100%;\r\n    min-height: 590px;\r\n\r\n    border-radius: 28px;\r\n\r\n    background: #ffffff;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(16, 45, 80, 0.12);\r\n\r\n    box-shadow:\r\n        0 28px 70px\r\n        rgba(16, 45, 80, 0.13);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PARTIE GAUCHE\r\n================================================== *\/\r\n\r\n.tometal-british-content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    padding: 68px 62px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 0% 0%,\r\n            rgba(205, 166, 83, 0.15),\r\n            transparent 35%\r\n        ),\r\n        #ffffff;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BADGE 2027\r\n================================================== *\/\r\n\r\n.tometal-british-status {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    align-self: flex-start;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 31px;\r\n\r\n    padding: 11px 16px;\r\n\r\n    border-radius: 3px;\r\n\r\n    background: #b53a30;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 0.9px;\r\n\r\n    line-height: 1;\r\n\r\n    text-transform: uppercase;\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(181, 58, 48, 0.18);\r\n}\r\n\r\n.tometal-british-status-icon {\r\n    font-size: 15px;\r\n    line-height: 1;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   LABEL PARCOURS\r\n================================================== *\/\r\n\r\n.tometal-british-label {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: #b18738;\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2.4px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tometal-british-label::before {\r\n    content: \"\";\r\n\r\n    width: 42px;\r\n    height: 1px;\r\n\r\n    background: #cda653;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TITRE\r\n================================================== *\/\r\n\r\n.tometal-british-title {\r\n    margin: 0 0 26px;\r\n\r\n    color: #102d50;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(41px, 4.6vw, 64px);\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.06;\r\n\r\n    letter-spacing: -1.6px;\r\n}\r\n\r\n.tometal-british-title span {\r\n    display: block;\r\n\r\n    margin-top: 8px;\r\n\r\n    color: #b18738;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   DESCRIPTION\r\n================================================== *\/\r\n\r\n.tometal-british-description {\r\n    max-width: 535px;\r\n\r\n    margin: 0 0 36px;\r\n\r\n    color: #526277;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n.tometal-british-description strong {\r\n    color: #102d50;\r\n    font-weight: 750;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BOUTON\r\n================================================== *\/\r\n\r\n.tometal-british-button {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    align-self: flex-start;\r\n\r\n    gap: 13px;\r\n\r\n    min-height: 54px;\r\n\r\n    padding: 0 28px;\r\n\r\n    border:\r\n        1px solid #102d50;\r\n\r\n    border-radius: 999px;\r\n\r\n    background: #102d50;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: 14px;\r\n    font-weight: 750;\r\n\r\n    letter-spacing: 0.3px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background 0.3s ease,\r\n        border-color 0.3s ease,\r\n        color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.tometal-british-button:hover {\r\n    transform: translateY(-3px);\r\n\r\n    background: #cda653;\r\n\r\n    border-color: #cda653;\r\n\r\n    color: #102d50 !important;\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(205, 166, 83, 0.22);\r\n}\r\n\r\n.tometal-british-button-arrow {\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        transform 0.3s ease;\r\n}\r\n\r\n.tometal-british-button:hover\r\n.tometal-british-button-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PARTIE DROITE\r\n================================================== *\/\r\n\r\n.tometal-british-pathway {\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    padding: 68px 58px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0%,\r\n            rgba(205, 166, 83, 0.20),\r\n            transparent 38%\r\n        ),\r\n        #102d50;\r\n}\r\n\r\n\r\n\/* MOTIF D\u00c9CORATIF *\/\r\n\r\n.tometal-british-pathway::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 390px;\r\n    height: 390px;\r\n\r\n    top: -210px;\r\n    right: -190px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(205, 166, 83, 0.16);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.tometal-british-pathway::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 240px;\r\n    height: 240px;\r\n\r\n    bottom: -150px;\r\n    left: -120px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255, 255, 255, 0.07);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   EN-T\u00caTE DU PARCOURS\r\n================================================== *\/\r\n\r\n.tometal-british-pathway-header {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin-bottom: 43px;\r\n}\r\n\r\n.tometal-british-pathway-label {\r\n    margin-bottom: 12px;\r\n\r\n    color: #d5ad58;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.tometal-british-pathway-title {\r\n    margin: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 29px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1.25;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PROGRESSION ACAD\u00c9MIQUE\r\n================================================== *\/\r\n\r\n.tometal-british-stages {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(5, minmax(0, 1fr));\r\n\r\n    gap: 0;\r\n}\r\n\r\n\r\n\/* LIGNE CENTRALE *\/\r\n\r\n.tometal-british-stages::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 27px;\r\n    left: 9%;\r\n    right: 9%;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(205, 166, 83, 0.25),\r\n            #d5ad58,\r\n            rgba(205, 166, 83, 0.25)\r\n        );\r\n}\r\n\r\n\r\n\/* \u00c9TAPE *\/\r\n\r\n.tometal-british-stage {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    text-align: center;\r\n\r\n    padding: 0 8px;\r\n}\r\n\r\n\r\n\/* NUM\u00c9RO *\/\r\n\r\n.tometal-british-stage-number {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 55px;\r\n    height: 55px;\r\n\r\n    margin: 0 auto 20px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(213, 173, 88, 0.65);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #102d50;\r\n\r\n    color: #d5ad58;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* NOM \u00c9TAPE *\/\r\n\r\n.tometal-british-stage strong {\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n\/* DESCRIPTION \u00c9TAPE *\/\r\n\r\n.tometal-british-stage span {\r\n    display: block;\r\n\r\n    color:\r\n        rgba(255, 255, 255, 0.60);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BLOC FINAL \u00c0 DROITE\r\n================================================== *\/\r\n\r\n.tometal-british-outcome {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        auto 1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top: 48px;\r\n\r\n    padding: 23px 25px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(213, 173, 88, 0.25);\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.tometal-british-outcome-mark {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    border:\r\n        1px solid #d5ad58;\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #d5ad58;\r\n\r\n    font-size: 17px;\r\n}\r\n\r\n.tometal-british-outcome-text strong {\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 14px;\r\n    font-weight: 750;\r\n}\r\n\r\n.tometal-british-outcome-text span {\r\n    display: block;\r\n\r\n    color:\r\n        rgba(255, 255, 255, 0.62);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLETTE\r\n================================================== *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .tometal-british-card {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tometal-british-content {\r\n        padding: 60px 48px;\r\n    }\r\n\r\n    .tometal-british-pathway {\r\n        padding: 60px 45px;\r\n    }\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PETITE TABLETTE\r\n================================================== *\/\r\n\r\n@media (max-width: 760px) {\r\n\r\n    .tometal-british-stages {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 0;\r\n    }\r\n\r\n    .tometal-british-stages::before {\r\n        top: 25px;\r\n        bottom: 25px;\r\n\r\n        left: 27px;\r\n        right: auto;\r\n\r\n        width: 1px;\r\n        height: auto;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(205, 166, 83, 0.25),\r\n                #d5ad58,\r\n                rgba(205, 166, 83, 0.25)\r\n            );\r\n    }\r\n\r\n    .tometal-british-stage {\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            55px 1fr;\r\n\r\n        column-gap: 20px;\r\n\r\n        text-align: left;\r\n\r\n        padding: 0 0 27px;\r\n    }\r\n\r\n    .tometal-british-stage-number {\r\n        grid-row: 1 \/ 3;\r\n\r\n        margin: 0;\r\n    }\r\n\r\n    .tometal-british-stage strong {\r\n        align-self: end;\r\n\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .tometal-british-stage span {\r\n        align-self: start;\r\n    }\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBILE\r\n================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .tometal-british-card {\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .tometal-british-content {\r\n        padding: 45px 25px;\r\n    }\r\n\r\n    .tometal-british-status {\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 0.6px;\r\n\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .tometal-british-title {\r\n        font-size: 39px;\r\n\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .tometal-british-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .tometal-british-button {\r\n        width: 100%;\r\n    }\r\n\r\n    .tometal-british-pathway {\r\n        padding: 48px 25px;\r\n    }\r\n\r\n    .tometal-british-pathway-title {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .tometal-british-outcome {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 15px;\r\n    }\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   ACCESSIBILIT\u00c9\r\n================================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .tometal-british-button,\r\n    .tometal-british-button-arrow {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"tometal-british-intro\">\r\n\r\n    <article class=\"tometal-british-card\">\r\n\r\n\r\n        <!-- ======================================\r\n             PARTIE GAUCHE\r\n        ======================================= -->\r\n\r\n        <div class=\"tometal-british-content\">\r\n\r\n\r\n            <div class=\"tometal-british-status\">\r\n\r\n                <span class=\"tometal-british-status-icon\">\r\n                    \u2192\r\n                <\/span>\r\n\r\n                Ouverture pr\u00e9vue \u00e0 la rentr\u00e9e 2027\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"tometal-british-label\">\r\n\r\n                Parcours 03\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"tometal-british-title\">\r\n\r\n                Syst\u00e8me Anglophone\r\n\r\n                <span>\r\n                    Programme Britannique\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"tometal-british-description\">\r\n\r\n                Un parcours <strong>100 % anglophone<\/strong>,\r\n                structur\u00e9 selon le\r\n                <strong>National Curriculum britannique<\/strong>,\r\n                menant aux examens internationaux\r\n                <strong>IGCSE<\/strong> puis\r\n                <strong>A-Levels<\/strong> \u2014 des qualifications\r\n                reconnues par les meilleures universit\u00e9s du monde.\r\n\r\n            <\/p>\r\n\r\n\r\n            <a\r\n                href=\"#details-parcours-anglophone\"\r\n                class=\"tometal-british-button\"\r\n            >\r\n\r\n                D\u00e9couvrir ce parcours\r\n\r\n                <span class=\"tometal-british-button-arrow\">\r\n                    \u2192\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ======================================\r\n             PARTIE DROITE\r\n        ======================================= -->\r\n\r\n        <div class=\"tometal-british-pathway\">\r\n\r\n\r\n            <div class=\"tometal-british-pathway-header\">\r\n\r\n                <div class=\"tometal-british-pathway-label\">\r\n\r\n                    Progression acad\u00e9mique\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"tometal-british-pathway-title\">\r\n\r\n                    Du Primary aux A-Levels\r\n\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"tometal-british-stages\">\r\n\r\n\r\n                <div class=\"tometal-british-stage\">\r\n\r\n                    <div class=\"tometal-british-stage-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <strong>\r\n                        Primary\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Fondations acad\u00e9miques\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tometal-british-stage\">\r\n\r\n                    <div class=\"tometal-british-stage-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <strong>\r\n                        Secondary\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Approfondissement\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tometal-british-stage\">\r\n\r\n                    <div class=\"tometal-british-stage-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <strong>\r\n                        IGCSE\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Qualifications internationales\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tometal-british-stage\">\r\n\r\n                    <div class=\"tometal-british-stage-number\">\r\n                        04\r\n                    <\/div>\r\n\r\n                    <strong>\r\n                        Sixth Form\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Sp\u00e9cialisation acad\u00e9mique\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tometal-british-stage\">\r\n\r\n                    <div class=\"tometal-british-stage-number\">\r\n                        05\r\n                    <\/div>\r\n\r\n                    <strong>\r\n                        A-Levels\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Acc\u00e8s aux universit\u00e9s internationales\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"tometal-british-outcome\">\r\n\r\n\r\n                <div class=\"tometal-british-outcome-mark\">\r\n                    \u2726\r\n                <\/div>\r\n\r\n\r\n                <div class=\"tometal-british-outcome-text\">\r\n\r\n                    <strong>\r\n                        Une pr\u00e9paration tourn\u00e9e vers l\u2019international\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Un cursus con\u00e7u pour pr\u00e9parer progressivement\r\n                        les \u00e9l\u00e8ves aux \u00e9tudes sup\u00e9rieures anglophones\r\n                        et internationales.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7946d9d elementor-widget elementor-widget-html\" data-id=\"7946d9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==================================================\r\n   TOMETAL \u2014 PARCOURS 03\r\n   WIDGET 2 : D\u00c9TAILS DU PROGRAMME BRITANNIQUE\r\n================================================== *\/\r\n\r\n.tometal-british-details,\r\n.tometal-british-details * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tometal-british-details {\r\n    width: 100%;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #102d50;\r\n    scroll-margin-top: 80px;\r\n}\r\n\r\n\/* CARTE PRINCIPALE *\/\r\n\r\n.tometal-british-details-card {\r\n    width: 100%;\r\n    padding: 62px 72px 66px;\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(16, 45, 80, 0.12);\r\n    border-radius: 28px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0%,\r\n            rgba(181, 58, 48, 0.08),\r\n            transparent 32%\r\n        ),\r\n        #ffffff;\r\n\r\n    box-shadow: 0 28px 70px rgba(16, 45, 80, 0.11);\r\n}\r\n\r\n\/* TITRE *\/\r\n\r\n.tometal-british-strengths-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n\r\n    margin: 0 0 32px;\r\n\r\n    color: #102d50;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 29px;\r\n    font-weight: 500;\r\n    line-height: 1.2;\r\n}\r\n\r\n.tometal-british-strengths-title::after {\r\n    content: \"\";\r\n    width: 55px;\r\n    height: 1px;\r\n    background: #cda653;\r\n}\r\n\r\n\/* GRILLE *\/\r\n\r\n.tometal-british-strengths-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n    margin-bottom: 48px;\r\n}\r\n\r\n\/* CARTE POINT FORT *\/\r\n\r\n.tometal-british-strength-item {\r\n    display: grid;\r\n    grid-template-columns: 46px 1fr;\r\n    align-items: center;\r\n    gap: 16px;\r\n\r\n    min-height: 105px;\r\n    padding: 21px 22px;\r\n\r\n    border: 1px solid rgba(16, 45, 80, 0.09);\r\n    border-radius: 15px;\r\n\r\n    background: #f8f7f3;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        background 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.tometal-british-strength-item:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(205, 166, 83, 0.60);\r\n    background: #ffffff;\r\n    box-shadow: 0 15px 35px rgba(16, 45, 80, 0.09);\r\n}\r\n\r\n\/* NUM\u00c9RO *\/\r\n\r\n.tometal-british-strength-number {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    border: 1px solid rgba(205, 166, 83, 0.60);\r\n    border-radius: 50%;\r\n\r\n    background: #ffffff;\r\n    color: #ad8434;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* TEXTE *\/\r\n\r\n.tometal-british-strength-text {\r\n    color: #405267;\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n}\r\n\r\n.tometal-british-strength-text strong {\r\n    color: #102d50;\r\n    font-weight: 750;\r\n}\r\n\r\n\/* BLOC FINAL *\/\r\n\r\n.tometal-british-details-bottom {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    align-items: center;\r\n    gap: 38px;\r\n\r\n    padding: 31px 32px;\r\n\r\n    border-left: 4px solid #b53a30;\r\n    border-radius: 0 14px 14px 0;\r\n\r\n    background: #f2eee2;\r\n}\r\n\r\n.tometal-british-ideal-text {\r\n    margin: 0;\r\n    color: #4b5c6f;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.tometal-british-ideal-text strong {\r\n    color: #102d50;\r\n    font-weight: 800;\r\n}\r\n\r\n\/* BOUTON *\/\r\n\r\n.tometal-british-waitlist-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n\r\n    min-width: 290px;\r\n    min-height: 56px;\r\n    padding: 0 26px;\r\n\r\n    border: 1px solid #102d50;\r\n    border-radius: 3px;\r\n\r\n    background: #102d50;\r\n    color: #ffffff !important;\r\n\r\n    font-size: 14px;\r\n    font-weight: 750;\r\n    text-align: center;\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background 0.3s ease,\r\n        border-color 0.3s ease,\r\n        color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.tometal-british-waitlist-button:hover {\r\n    transform: translateY(-3px);\r\n    background: #b53a30;\r\n    border-color: #b53a30;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 12px 28px rgba(181, 58, 48, 0.22);\r\n}\r\n\r\n.tometal-british-waitlist-arrow {\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.tometal-british-waitlist-button:hover\r\n.tometal-british-waitlist-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* TABLETTE *\/\r\n\r\n@media (max-width: 900px) {\r\n    .tometal-british-details-card {\r\n        padding: 55px 38px 58px;\r\n    }\r\n\r\n    .tometal-british-strengths-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tometal-british-details-bottom {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tometal-british-waitlist-button {\r\n        width: fit-content;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 600px) {\r\n    .tometal-british-details-card {\r\n        padding: 42px 22px 45px;\r\n        border-radius: 18px;\r\n    }\r\n\r\n    .tometal-british-strengths-title {\r\n        margin-bottom: 25px;\r\n        font-size: 25px;\r\n    }\r\n\r\n    .tometal-british-strength-item {\r\n        grid-template-columns: 39px 1fr;\r\n        gap: 13px;\r\n        min-height: auto;\r\n        padding: 18px 16px;\r\n    }\r\n\r\n    .tometal-british-strength-number {\r\n        width: 37px;\r\n        height: 37px;\r\n    }\r\n\r\n    .tometal-british-strengths-grid {\r\n        margin-bottom: 36px;\r\n    }\r\n\r\n    .tometal-british-details-bottom {\r\n        gap: 25px;\r\n        padding: 25px 21px;\r\n    }\r\n\r\n    .tometal-british-waitlist-button {\r\n        width: 100%;\r\n        min-width: 0;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .tometal-british-strength-item,\r\n    .tometal-british-waitlist-button,\r\n    .tometal-british-waitlist-arrow {\r\n        transition: none;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section\r\n    id=\"details-parcours-anglophone\"\r\n    class=\"tometal-british-details\"\r\n>\r\n\r\n    <div class=\"tometal-british-details-card\">\r\n\r\n        <h3 class=\"tometal-british-strengths-title\">\r\n            Points forts\r\n        <\/h3>\r\n\r\n        <div class=\"tometal-british-strengths-grid\">\r\n\r\n            <div class=\"tometal-british-strength-item\">\r\n                <div class=\"tometal-british-strength-number\">01<\/div>\r\n                <div class=\"tometal-british-strength-text\">\r\n                    Programme britannique complet :\r\n                    <strong>Primary, Secondary et Sixth Form.<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tometal-british-strength-item\">\r\n                <div class=\"tometal-british-strength-number\">02<\/div>\r\n                <div class=\"tometal-british-strength-text\">\r\n                    Pr\u00e9paration progressive aux\r\n                    <strong>IGCSE puis aux A-Levels.<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tometal-british-strength-item\">\r\n                <div class=\"tometal-british-strength-number\">03<\/div>\r\n                <div class=\"tometal-british-strength-text\">\r\n                    Enseignement assur\u00e9 par des\r\n                    <strong>enseignants bilingues qualifi\u00e9s.<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tometal-british-strength-item\">\r\n                <div class=\"tometal-british-strength-number\">04<\/div>\r\n                <div class=\"tometal-british-strength-text\">\r\n                    Fran\u00e7ais enseign\u00e9 comme\r\n                    <strong>langue seconde renforc\u00e9e.<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tometal-british-strength-item\">\r\n                <div class=\"tometal-british-strength-number\">05<\/div>\r\n                <div class=\"tometal-british-strength-text\">\r\n                    Apprentissage du\r\n                    <strong>chinois d\u00e8s la maternelle.<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tometal-british-strength-item\">\r\n                <div class=\"tometal-british-strength-number\">06<\/div>\r\n                <div class=\"tometal-british-strength-text\">\r\n                    Acc\u00e8s direct aux universit\u00e9s\r\n                    <strong>\r\n                        britanniques, am\u00e9ricaines, australiennes et asiatiques.\r\n                    <\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"tometal-british-details-bottom\">\r\n\r\n            <p class=\"tometal-british-ideal-text\">\r\n                <strong>Id\u00e9al pour :<\/strong>\r\n                les familles tourn\u00e9es vers un parcours universitaire dans le\r\n                monde anglophone ou d\u00e9sirant le standard \u00e9ducatif britannique,\r\n                internationalement reconnu.\r\n            <\/p>\r\n\r\n            <a\r\n                href=\"#liste-attente-2027\"\r\n                class=\"tometal-british-waitlist-button\"\r\n            >\r\n                Rejoindre la liste d\u2019attente 2027\r\n                <span class=\"tometal-british-waitlist-arrow\">\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-ed4501a cours-chinois e-flex e-con-boxed e-con e-parent\" data-id=\"ed4501a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-015ea06 elementor-widget elementor-widget-html\" data-id=\"015ea06\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"cours-chinois\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"tometal-chinese-panel\">\r\n\r\n  <div class=\"tometal-chinese-title\">\r\n    <span class=\"tometal-chinese-icon\">\u9f99<\/span>\r\n    <h2>Le chinois \u2013 notre signature commune<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"tometal-chinese-divider\"><\/div>\r\n\r\n  <div class=\"tometal-chinese-content\">\r\n    <p>\r\n      Quel que soit le parcours choisi,\r\n      <strong>chaque \u00e9l\u00e8ve apprend le chinois d\u00e8s la maternelle<\/strong>,\r\n      gr\u00e2ce \u00e0 notre\r\n      <strong>partenariat strat\u00e9gique avec l'Institut Confucius de l'Universit\u00e9 d'Antananarivo.<\/strong>\r\n      Un atout diff\u00e9renciant unique \u00e0 Madagascar, qui ouvre \u00e0 vos enfants\r\n      l'une des langues cl\u00e9s du XXI<sup>e<\/sup> si\u00e8cle.\r\n    <\/p>\r\n\r\n    <a class=\"tometal-chinese-button\" href=\"#\">\r\n      <span>En savoir plus sur le chinois \u00e0 Tometal<\/span>\r\n      <span class=\"tometal-button-arrow\">\u2192<\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n  .tometal-chinese-panel,\r\n  .tometal-chinese-panel * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .tometal-chinese-panel {\r\n    width: 100%;\r\n    color: #102f55;\r\n    font-family: inherit;\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n    transition:\r\n      opacity 0.8s ease,\r\n      transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n\r\n  .tometal-chinese-panel.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .tometal-chinese-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .tometal-chinese-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    width: 34px;\r\n    height: 34px;\r\n    color: #102f55;\r\n    font-family: serif;\r\n    font-size: 25px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n  }\r\n\r\n  .tometal-chinese-title h2 {\r\n    margin: 0;\r\n    color: #102f55;\r\n    font-size: clamp(25px, 2.4vw, 38px);\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .tometal-chinese-divider {\r\n    width: 100%;\r\n    height: 2px;\r\n    margin: 14px 0 28px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      #c6a04e 0%,\r\n      #d5b766 70%,\r\n      transparent 100%\r\n    );\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 1s ease 0.25s;\r\n  }\r\n\r\n  .tometal-chinese-panel.is-visible .tometal-chinese-divider {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .tometal-chinese-content {\r\n    position: relative;\r\n    padding: 30px 36px 32px;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    border-left: 5px solid #c6a04e;\r\n    box-shadow: 0 10px 30px rgba(16, 47, 85, 0.06);\r\n  }\r\n\r\n  .tometal-chinese-content::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -5px;\r\n    width: 5px;\r\n    height: 0;\r\n    background: #e4c873;\r\n    transition: height 1s ease 0.4s;\r\n  }\r\n\r\n  .tometal-chinese-panel.is-visible\r\n  .tometal-chinese-content::before {\r\n    height: 100%;\r\n  }\r\n\r\n  .tometal-chinese-content p {\r\n    max-width: 1050px;\r\n    margin: 0 0 27px;\r\n    color: #314760;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .tometal-chinese-content strong {\r\n    color: #162f4d;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .tometal-chinese-content sup {\r\n    font-size: 65%;\r\n  }\r\n\r\n  .tometal-chinese-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 18px;\r\n    min-height: 52px;\r\n    padding: 14px 24px;\r\n    color: #ffffff !important;\r\n    background: #102f55;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.2px;\r\n    text-decoration: none !important;\r\n    transition:\r\n      background-color 0.3s ease,\r\n      transform 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  .tometal-chinese-button:hover {\r\n    color: #ffffff !important;\r\n    background: #c39b45;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 22px rgba(16, 47, 85, 0.2);\r\n  }\r\n\r\n  .tometal-button-arrow {\r\n    display: inline-block;\r\n    font-size: 20px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .tometal-chinese-button:hover .tometal-button-arrow {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .tometal-chinese-title {\r\n      align-items: flex-start;\r\n      gap: 7px;\r\n    }\r\n\r\n    .tometal-chinese-icon {\r\n      width: 27px;\r\n      height: 27px;\r\n      font-size: 21px;\r\n    }\r\n\r\n    .tometal-chinese-title h2 {\r\n      font-size: 24px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .tometal-chinese-divider {\r\n      margin: 13px 0 21px;\r\n    }\r\n\r\n    .tometal-chinese-content {\r\n      padding: 24px 20px 25px;\r\n      border-left-width: 4px;\r\n    }\r\n\r\n    .tometal-chinese-content p {\r\n      margin-bottom: 23px;\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .tometal-chinese-button {\r\n      width: 100%;\r\n      gap: 12px;\r\n      padding: 14px 16px;\r\n      font-size: 14px;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .tometal-chinese-panel,\r\n    .tometal-chinese-divider,\r\n    .tometal-chinese-content::before {\r\n      opacity: 1;\r\n      transform: none;\r\n      transition: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const panels = document.querySelectorAll(\r\n      \".tometal-chinese-panel:not([data-animation-ready])\"\r\n    );\r\n\r\n    panels.forEach(function (panel) {\r\n      panel.setAttribute(\"data-animation-ready\", \"true\");\r\n\r\n      if (!(\"IntersectionObserver\" in window)) {\r\n        panel.classList.add(\"is-visible\");\r\n        return;\r\n      }\r\n\r\n      const observer = new IntersectionObserver(\r\n        function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add(\"is-visible\");\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        },\r\n        { threshold: 0.2 }\r\n      );\r\n\r\n      observer.observe(panel);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\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>01 Nos parcours Trois parcours. Une m\u00eame ambition. Une \u00e9ducation pens\u00e9e autour de chaque projet \u00c0 l\u2019Institut Tometal, chaque famille choisit le parcours qui correspond \u00e0 son projet \u00e9ducatif, tout en b\u00e9n\u00e9ficiant d\u2019un m\u00eame socle d\u2019exigence, d\u2019ouverture linguistique et d\u2019accompagnement personnalis\u00e9. 01 R\u00e9f\u00e9rence Parcours Fran\u00e7ais Les fondamentaux avec ouverture. Un parcours structur\u00e9 autour du programme [&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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1606","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/net-temporaire.institut-tometal.com\/en\/wp-json\/wp\/v2\/pages\/1606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/net-temporaire.institut-tometal.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/net-temporaire.institut-tometal.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/net-temporaire.institut-tometal.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/net-temporaire.institut-tometal.com\/en\/wp-json\/wp\/v2\/comments?post=1606"}],"version-history":[{"count":100,"href":"https:\/\/net-temporaire.institut-tometal.com\/en\/wp-json\/wp\/v2\/pages\/1606\/revisions"}],"predecessor-version":[{"id":2107,"href":"https:\/\/net-temporaire.institut-tometal.com\/en\/wp-json\/wp\/v2\/pages\/1606\/revisions\/2107"}],"wp:attachment":[{"href":"https:\/\/net-temporaire.institut-tometal.com\/en\/wp-json\/wp\/v2\/media?parent=1606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}