{"id":66,"date":"2026-05-11T20:15:56","date_gmt":"2026-05-11T20:15:56","guid":{"rendered":"https:\/\/phi-school.education\/?page_id=66"},"modified":"2026-05-12T16:38:21","modified_gmt":"2026-05-12T16:38:21","slug":"avenir","status":"publish","type":"page","link":"https:\/\/phi-school.education\/es\/avenir\/","title":{"rendered":"Avenir"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<!DOCTYPE html><!-- [et_pb_line_break_holder] --><html lang=\"fr\"><!-- [et_pb_line_break_holder] --><head><!-- [et_pb_line_break_holder] -->    <meta charset=\"UTF-8\"><!-- [et_pb_line_break_holder] -->    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\"><!-- [et_pb_line_break_holder] -->    <title>\u03c6 school | Une chance pour tous les enfants du monde<\/title><!-- [et_pb_line_break_holder] -->    <meta name=\"description\" content=\"Imaginez un monde o\u00f9 chaque enfant, o\u00f9 qu'il soit, peut r\u00e9v\u00e9ler son potentiel \u00e0 son rythme. \u03c6 school \u0153uvre pour l'\u00e9galit\u00e9 des chances par une \u00e9ducation bienveillante et accessible \u00e0 tous.\"><!-- [et_pb_line_break_holder] -->    <style><!-- [et_pb_line_break_holder] -->        \/* ---------- BASE & RESET ---------- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --phi-primary: #4A6FA5;<!-- [et_pb_line_break_holder] -->            --phi-primary-dark: #3a5a8a;<!-- [et_pb_line_break_holder] -->            --phi-secondary: #7C5E9A;<!-- [et_pb_line_break_holder] -->            --phi-accent: #F2A65A;<!-- [et_pb_line_break_holder] -->            --phi-success: #6A9C78;<!-- [et_pb_line_break_holder] -->            --phi-warning: #E8B86B;<!-- [et_pb_line_break_holder] -->            --phi-dark: #1E1E2C;<!-- [et_pb_line_break_holder] -->            --phi-light: #FDF9F2;<!-- [et_pb_line_break_holder] -->            --phi-gray: #5A5A6E;<!-- [et_pb_line_break_holder] -->            --phi-shadow-sm: 0 8px 20px rgba(0,0,0,0.04);<!-- [et_pb_line_break_holder] -->            --phi-shadow-md: 0 20px 40px rgba(0,0,0,0.08);<!-- [et_pb_line_break_holder] -->            --phi-transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        * { margin: 0; padding: 0; box-sizing: border-box; }<!-- [et_pb_line_break_holder] -->        body, #phi-future-block {<!-- [et_pb_line_break_holder] -->            font-family: 'Inter', 'Poppins', system-ui, sans-serif;<!-- [et_pb_line_break_holder] -->            background: #FEFCF8;<!-- [et_pb_line_break_holder] -->            color: #1E1E2F;<!-- [et_pb_line_break_holder] -->            line-height: 1.5;<!-- [et_pb_line_break_holder] -->            -webkit-font-smoothing: antialiased;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        #phiCustomCursor {<!-- [et_pb_line_break_holder] -->            position: fixed;<!-- [et_pb_line_break_holder] -->            width: 24px;<!-- [et_pb_line_break_holder] -->            height: 24px;<!-- [et_pb_line_break_holder] -->            border: 2px solid var(--phi-primary);<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            pointer-events: none;<!-- [et_pb_line_break_holder] -->            z-index: 10000;<!-- [et_pb_line_break_holder] -->            transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->            transition: width 0.2s, height 0.2s, background 0.2s, border-color 0.2s;<!-- [et_pb_line_break_holder] -->            background: rgba(255,255,255,0.25);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 0 12px rgba(74,111,165,0.4);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        @keyframes phiFloat {<!-- [et_pb_line_break_holder] -->            0%,100% { transform: translate(0,0) scale(1) rotate(0deg); }<!-- [et_pb_line_break_holder] -->            25% { transform: translate(40px,-50px) scale(1.2) rotate(5deg); }<!-- [et_pb_line_break_holder] -->            50% { transform: translate(-30px,-100px) scale(0.9) rotate(-3deg); }<!-- [et_pb_line_break_holder] -->            75% { transform: translate(-50px,-20px) scale(1.05) rotate(2deg); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        @keyframes phiFadeInUp {<!-- [et_pb_line_break_holder] -->            from { opacity: 0; transform: translateY(30px); }<!-- [et_pb_line_break_holder] -->            to { opacity: 1; transform: translateY(0); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        @keyframes phiGradientShift {<!-- [et_pb_line_break_holder] -->            0%,100% { background-position: 0% 50%; }<!-- [et_pb_line_break_holder] -->            50% { background-position: 100% 50%; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .phi-card {<!-- [et_pb_line_break_holder] -->            background: rgba(255,255,255,0.7);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(10px);<!-- [et_pb_line_break_holder] -->            border-radius: 2rem;<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255,255,255,0.5);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--phi-shadow-sm);<!-- [et_pb_line_break_holder] -->            transition: var(--phi-transition);<!-- [et_pb_line_break_holder] -->            transform-style: preserve-3d;<!-- [et_pb_line_break_holder] -->            transform: perspective(1200px) translateZ(0);<!-- [et_pb_line_break_holder] -->            will-change: transform;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        \/* Effet 3D de base sans JavaScript (fallback + am\u00e9lioration) *\/<!-- [et_pb_line_break_holder] -->        .phi-card:hover {<!-- [et_pb_line_break_holder] -->            transform: perspective(1200px) translateY(-8px) rotateX(2deg) rotateY(2deg) scale(1.02);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 30px 50px rgba(0,0,0,0.15), 0 0 0 1px rgba(255,255,255,0.6);<!-- [et_pb_line_break_holder] -->            transition: transform 0.35s ease-out, box-shadow 0.3s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .phi-glass {<!-- [et_pb_line_break_holder] -->            background: rgba(255,255,255,0.6);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(12px);<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255,255,255,0.4);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 8px 32px rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] -->            transition: var(--phi-transition);<!-- [et_pb_line_break_holder] -->            transform-style: preserve-3d;<!-- [et_pb_line_break_holder] -->            transform: perspective(1200px) translateZ(0);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .phi-glass:hover {<!-- [et_pb_line_break_holder] -->            transform: perspective(1200px) translateY(-6px) rotateX(1.5deg) rotateY(1.8deg) scale(1.01);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 25px 45px rgba(0,0,0,0.12);<!-- [et_pb_line_break_holder] -->            border-color: rgba(255,255,255,0.8);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .tip-box {<!-- [et_pb_line_break_holder] -->            background: rgba(74,111,165,0.08);<!-- [et_pb_line_break_holder] -->            border-radius: 1.5rem;<!-- [et_pb_line_break_holder] -->            padding: 1.5rem;<!-- [et_pb_line_break_holder] -->            border-left: 4px solid var(--phi-accent);<!-- [et_pb_line_break_holder] -->            transition: var(--phi-transition);<!-- [et_pb_line_break_holder] -->            transform-style: preserve-3d;<!-- [et_pb_line_break_holder] -->            transform: perspective(1000px) translateZ(0);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .tip-box:hover {<!-- [et_pb_line_break_holder] -->            transform: perspective(1000px) translateY(-4px) rotateX(2deg) rotateY(1deg) translateZ(8px);<!-- [et_pb_line_break_holder] -->            background: rgba(74,111,165,0.12);<!-- [et_pb_line_break_holder] -->            border-left-width: 6px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 15px 25px -12px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .timeline-step {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            gap: 1rem;<!-- [et_pb_line_break_holder] -->            margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->            align-items: flex-start;<!-- [et_pb_line_break_holder] -->            transition: transform 0.25s ease, filter 0.2s;<!-- [et_pb_line_break_holder] -->            transform-style: preserve-3d;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .timeline-step:hover {<!-- [et_pb_line_break_holder] -->            transform: translateX(6px) translateZ(5px);<!-- [et_pb_line_break_holder] -->            filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1));<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .timeline-number {<!-- [et_pb_line_break_holder] -->            background: var(--phi-primary);<!-- [et_pb_line_break_holder] -->            color: white;<!-- [et_pb_line_break_holder] -->            width: 40px;<!-- [et_pb_line_break_holder] -->            height: 40px;<!-- [et_pb_line_break_holder] -->            border-radius: 40px;<!-- [et_pb_line_break_holder] -->            display: inline-flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            font-weight: bold;<!-- [et_pb_line_break_holder] -->            flex-shrink: 0;<!-- [et_pb_line_break_holder] -->            transition: transform 0.2s, background 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .timeline-step:hover .timeline-number {<!-- [et_pb_line_break_holder] -->            transform: scale(1.1) rotateZ(2deg);<!-- [et_pb_line_break_holder] -->            background: var(--phi-accent);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .phi-btn, .badge-age {<!-- [et_pb_line_break_holder] -->            transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.2);<!-- [et_pb_line_break_holder] -->            transform-style: preserve-3d;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .phi-btn-primary:hover, .badge-age:hover {<!-- [et_pb_line_break_holder] -->            transform: translateY(-3px) scale(1.03) translateZ(8px);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 12px 20px -10px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        \/* Am\u00e9lioration globale des cartes avec effet 3D suppl\u00e9mentaire via suivi souris (JS) *\/<!-- [et_pb_line_break_holder] -->        .card-tilt-3d {<!-- [et_pb_line_break_holder] -->            transition: transform 0.1s linear;<!-- [et_pb_line_break_holder] -->            will-change: transform;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .phi-gradient-text {<!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, var(--phi-primary), var(--phi-secondary), var(--phi-accent));<!-- [et_pb_line_break_holder] -->            background-size: 200% 200%;<!-- [et_pb_line_break_holder] -->            -webkit-background-clip: text;<!-- [et_pb_line_break_holder] -->            background-clip: text;<!-- [et_pb_line_break_holder] -->            -webkit-text-fill-color: transparent;<!-- [et_pb_line_break_holder] -->            animation: phiGradientShift 6s ease infinite;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .phi-btn {<!-- [et_pb_line_break_holder] -->            display: inline-flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 8px;<!-- [et_pb_line_break_holder] -->            padding: 12px 28px;<!-- [et_pb_line_break_holder] -->            border-radius: 60px;<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->            transition: var(--phi-transition);<!-- [et_pb_line_break_holder] -->            cursor: pointer;<!-- [et_pb_line_break_holder] -->            text-decoration: none;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .phi-btn-primary {<!-- [et_pb_line_break_holder] -->            background: var(--phi-primary);<!-- [et_pb_line_break_holder] -->            color: white;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 12px rgba(74,111,165,0.3);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .phi-btn-primary:hover { background: var(--phi-primary-dark); transform: translateY(-3px); }<!-- [et_pb_line_break_holder] -->        .phi-grid-2 {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            gap: 2rem;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        @media (min-width: 768px) {<!-- [et_pb_line_break_holder] -->            .phi-grid-2 { grid-template-columns: repeat(2, 1fr); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .badge-age {<!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, #F9C74F, #F9844A);<!-- [et_pb_line_break_holder] -->            border-radius: 80px;<!-- [et_pb_line_break_holder] -->            padding: 6px 16px;<!-- [et_pb_line_break_holder] -->            font-weight: 800;<!-- [et_pb_line_break_holder] -->            color: #2D2D3A;<!-- [et_pb_line_break_holder] -->            display: inline-flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 8px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        \/* Appliquons la perspective globale pour les enfants 3D *\/<!-- [et_pb_line_break_holder] -->        .phi-card, .phi-glass, .tip-box, .timeline-step, .badge-age, .phi-btn {<!-- [et_pb_line_break_holder] -->            transition: transform 0.25s ease-out, box-shadow 0.25s ease, background 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        \/* ajout d'une profondeur subtile sur les images flottantes *\/<!-- [et_pb_line_break_holder] -->        .phi-floating-shapes div {<!-- [et_pb_line_break_holder] -->            transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.2);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .phi-floating-shapes div:hover {<!-- [et_pb_line_break_holder] -->            transform: scale(1.1) translateZ(20px);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&#038;family=Poppins:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><div id=\"phi-future-block\" style=\"position: relative; width: 100%; overflow-x: hidden;\"><!-- [et_pb_line_break_holder] -->    <div id=\"phiCustomCursor\"><\/div><!-- [et_pb_line_break_holder] -->    <canvas id=\"phiTrailCanvas\" style=\"position: fixed; top:0; left:0; width:100%; height:100%; z-index:9999; pointer-events:none;\"><\/canvas><!-- [et_pb_line_break_holder] -->    <canvas id=\"phiBgCanvas\" style=\"position: fixed; top:0; left:0; width:100%; height:100%; z-index:0; pointer-events:none; opacity:0.3;\"><\/canvas><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <!-- Formes flottantes d\u00e9coratives --><!-- [et_pb_line_break_holder] -->    <div class=\"phi-floating-shapes\" style=\"position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:0;\"><!-- [et_pb_line_break_holder] -->        <div style=\"position: absolute; width:180px; height:180px; background:#F2A65A; border-radius:50%; opacity:0.08; top:10%; left:5%; animation:phiFloat 20s infinite;\"><\/div><!-- [et_pb_line_break_holder] -->        <div style=\"position: absolute; width:140px; height:140px; background:#4A6FA5; border-radius:50%; opacity:0.08; top:55%; left:80%; animation:phiFloat 20s infinite; animation-delay:-6s;\"><\/div><!-- [et_pb_line_break_holder] -->        <div style=\"position: absolute; width:220px; height:220px; background:#7C5E9A; border-radius:50%; opacity:0.08; top:70%; left:15%; animation:phiFloat 20s infinite; animation-delay:-10s;\"><\/div><!-- [et_pb_line_break_holder] -->        <div style=\"position: absolute; width:160px; height:160px; background:#6A9C78; border-radius:50%; opacity:0.08; top:20%; left:70%; animation:phiFloat 20s infinite; animation-delay:-4s;\"><\/div><!-- [et_pb_line_break_holder] -->        <div style=\"position: absolute; width:100px; height:100px; background:#E8B86B; border-radius:50%; opacity:0.08; top:40%; left:40%; animation:phiFloat 20s infinite; animation-delay:-8s;\"><\/div><!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <div style=\"position: relative; z-index:2;\"><!-- [et_pb_line_break_holder] -->        <!-- Hero section \u2013 chance pour tous les enfants --><!-- [et_pb_line_break_holder] -->        <section style=\"min-height:70vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:4rem 1rem; background:radial-gradient(circle at 20% 30%, rgba(74,111,165,0.05) 0%, transparent 70%);\"><!-- [et_pb_line_break_holder] -->            <div style=\"max-width:800px; animation:phiFadeInUp 0.8s forwards;\"><!-- [et_pb_line_break_holder] -->                <span style=\"display:inline-block; background:rgba(255,255,255,0.7); backdrop-filter:blur(12px); border-radius:60px; padding:8px 22px; font-weight:600; color:var(--phi-secondary); margin-bottom:24px;\">\ud83c\udf0d Une chance pour chaque enfant de la plan\u00e8te<\/span><!-- [et_pb_line_break_holder] -->                <h1 class=\"phi-gradient-text\" style=\"font-size:clamp(2.5rem,8vw,4.5rem); font-weight:800;\">L&#8217;\u00e9ducation, un droit universel<\/h1><!-- [et_pb_line_break_holder] -->                <pee style=\"font-size:1.2rem; color:var(--phi-gray); max-width:600px; margin:1rem auto;\">Imaginez un monde o\u00f9 tous les enfants, quel que soit leur pays, leur origine ou leur milieu social, peuvent apprendre \u00e0 leur rythme, s\u2019\u00e9panouir et r\u00e9v\u00e9ler leur g\u00e9nie. \u03c6 school \u0153uvre pour que cette chance devienne une r\u00e9alit\u00e9.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div><!-- [et_pb_line_break_holder] -->        <\/section><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Un exemple inspirant : le bac \u00e0 9 ans (sans nom, pour montrer le potentiel) --><!-- [et_pb_line_break_holder] -->        <section style=\"padding:40px 20px; max-width:1100px; margin:0 auto;\"><!-- [et_pb_line_break_holder] -->            <div class=\"phi-card\" style=\"padding:48px 40px; text-align:center; background:linear-gradient(135deg, rgba(74,111,165,0.05), rgba(242,166,90,0.05));\"><!-- [et_pb_line_break_holder] -->                <div style=\"font-size:3rem;\">\ud83c\udf93\u2b50<\/div><!-- [et_pb_line_break_holder] -->                <h3 style=\"font-size:1.8rem; font-weight:700; margin:16px 0;\">L\u2019exemple de ce que chaque enfant peut accomplir<\/h3><!-- [et_pb_line_break_holder] -->                <pee>Une fillette de 9 ans a obtenu son baccalaur\u00e9at gr\u00e2ce \u00e0 une approche bienveillante, sans pression, en respectant son rythme et sa joie d\u2019apprendre. Elle n\u2019est pas un \u00ab\u202fg\u00e9nie\u202f\u00bb isol\u00e9 : elle incarne le potentiel immense que chaque enfant porte en lui. Avec la bonne m\u00e9thode, tous les enfants du monde pourraient avoir cette chance.<\/pee><!-- [et_pb_line_break_holder] -->                <div style=\"margin-top:20px;\"><span class=\"badge-age\">\u2728 Potentiel universel \u2728<\/span><\/div><!-- [et_pb_line_break_holder] -->            <\/div><!-- [et_pb_line_break_holder] -->        <\/section><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- La chance pour tous : ce que \u03c6 school veut offrir --><!-- [et_pb_line_break_holder] -->        <section style=\"padding:40px 20px; max-width:1100px; margin:0 auto;\"><!-- [et_pb_line_break_holder] -->            <div class=\"phi-glass\" style=\"padding:48px 40px;\"><!-- [et_pb_line_break_holder] -->                <h3 style=\"font-size:1.8rem; font-weight:700; margin-bottom:24px;\">\ud83d\udcab Une chance \u00e9gale pour chaque enfant, o\u00f9 qu\u2019il soit<\/h3><!-- [et_pb_line_break_holder] -->                <pee>Aujourd\u2019hui, des millions d\u2019enfants n\u2019ont pas acc\u00e8s \u00e0 une \u00e9ducation de qualit\u00e9, ou bien sont frein\u00e9s par des m\u00e9thodes trop rigides, trop lentes ou inadapt\u00e9es. \u03c6 school veut inverser cette tendance en offrant :<\/pee><!-- [et_pb_line_break_holder] -->                <div class=\"phi-grid-2\" style=\"margin-top:1.5rem;\"><!-- [et_pb_line_break_holder] -->                    <div class=\"tip-box\">\ud83d\udcd6 <strong>Un contenu accessible \u00e0 tous<\/strong><!\u2013- [et_pb_br_holder] -\u2013>Des supports simples, ludiques, traduisibles, utilisables m\u00eame avec peu de ressources.<\/div><!-- [et_pb_line_break_holder] -->                    <div class=\"tip-box\">\u23f3 <strong>Un rythme personnalis\u00e9<\/strong><!\u2013- [et_pb_br_holder] -\u2013>Chaque enfant avance selon ses capacit\u00e9s, sans se sentir en \u00e9chec ni s\u2019ennuyer.<\/div><!-- [et_pb_line_break_holder] -->                    <div class=\"tip-box\">\u2764\ufe0f <strong>Une bienveillance absolue<\/strong><!\u2013- [et_pb_br_holder] -\u2013>Apprendre sans peur, sans comp\u00e9tition malsaine, juste par curiosit\u00e9 et plaisir.<\/div><!-- [et_pb_line_break_holder] -->                    <div class=\"tip-box\">\ud83c\udf0d <strong>Un partage international<\/strong><!\u2013- [et_pb_br_holder] -\u2013>Les programmes et id\u00e9es seront diffus\u00e9s gratuitement dans les pays d\u00e9favoris\u00e9s.<\/div><!-- [et_pb_line_break_holder] -->                <\/div><!-- [et_pb_line_break_holder] -->            <\/div><!-- [et_pb_line_break_holder] -->        <\/section><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Conseils pour les parents et \u00e9ducateurs (sans technologie) --><!-- [et_pb_line_break_holder] -->        <section style=\"padding:40px 20px; max-width:1100px; margin:0 auto;\"><!-- [et_pb_line_break_holder] -->            <div class=\"phi-card\" style=\"padding:48px 40px;\"><!-- [et_pb_line_break_holder] -->                <h3 style=\"font-size:1.8rem; font-weight:700; margin-bottom:24px;\">\ud83d\udc6a Comment, d\u00e8s aujourd\u2019hui, donner cette chance \u00e0 son enfant<\/h3><!-- [et_pb_line_break_holder] -->                <div class=\"phi-grid-2\"><!-- [et_pb_line_break_holder] -->                    <div class=\"tip-box\"><!-- [et_pb_line_break_holder] -->                        <div style=\"font-size:2rem;\">\ud83e\uddf8<\/div><!-- [et_pb_line_break_holder] -->                        <strong>Croire en ses capacit\u00e9s<\/strong><!-- [et_pb_line_break_holder] -->                        <pee>Ne jamais sous-estimer ce qu\u2019un enfant peut comprendre. Expliquez-lui le monde avec des mots simples mais justes. Il vous surprendra.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div><!-- [et_pb_line_break_holder] -->                    <div class=\"tip-box\"><!-- [et_pb_line_break_holder] -->                        <div style=\"font-size:2rem;\">\ud83c\udfb2<\/div><!-- [et_pb_line_break_holder] -->                        <strong>Apprendre par le jeu<\/strong><!-- [et_pb_line_break_holder] -->                        <pee>Les jeux de soci\u00e9t\u00e9, les exp\u00e9riences maison, les devinettes \u00e9veillent la curiosit\u00e9. L\u2019erreur devient une partie du jeu, sans stress.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div><!-- [et_pb_line_break_holder] -->                    <div class=\"tip-box\"><!-- [et_pb_line_break_holder] -->                        <div style=\"font-size:2rem;\">\ud83d\udcda<\/div><!-- [et_pb_line_break_holder] -->                        <strong>Varier les sujets<\/strong><!-- [et_pb_line_break_holder] -->                        <pee>Alterner sciences, lettres, arts, histoire. Des bases solides dans tous les domaines donnent confiance et ouverture d\u2019esprit.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div><!-- [et_pb_line_break_holder] -->                    <div class=\"tip-box\"><!-- [et_pb_line_break_holder] -->                        <div style=\"font-size:2rem;\">\u23f0<\/div><!-- [et_pb_line_break_holder] -->                        <strong>Courtes sessions, r\u00e9guli\u00e8res<\/strong><!-- [et_pb_line_break_holder] -->                        <pee>Mieux vaut 15 minutes par jour avec enthousiasme qu\u2019une heure forc\u00e9e. La r\u00e9gularit\u00e9 cr\u00e9e l\u2019ancrage des connaissances.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div><!-- [et_pb_line_break_holder] -->                <\/div><!-- [et_pb_line_break_holder] -->                <pee style=\"margin-top:24px; text-align:center;\">\ud83d\udc49 \u03c6 school pr\u00e9pare un <strong>guide p\u00e9dagogique ouvert<\/strong> \u00e0 destination des familles et des \u00e9coles d\u00e9favoris\u00e9es (disponible gratuitement en 2025).<\/pee><!-- [et_pb_line_break_holder] -->            <\/div><!-- [et_pb_line_break_holder] -->        <\/section><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Feuille de route humaniste pour que tous les enfants aient cette chance --><!-- [et_pb_line_break_holder] -->        <section style=\"padding:40px 20px; max-width:1100px; margin:0 auto;\"><!-- [et_pb_line_break_holder] -->            <div class=\"phi-glass\" style=\"padding:48px 40px;\"><!-- [et_pb_line_break_holder] -->                <h3 style=\"font-size:1.8rem; font-weight:700; margin-bottom:24px;\">\ud83d\udcc5 Notre feuille de route pour une \u00e9ducation universelle<\/h3><!-- [et_pb_line_break_holder] -->                <div class=\"timeline-step\"><!-- [et_pb_line_break_holder] -->                    <div class=\"timeline-number\">1<\/div><!-- [et_pb_line_break_holder] -->                    <div><strong>Documenter les r\u00e9ussites<\/strong><!\u2013- [et_pb_br_holder] -\u2013>Publier des \u00e9tudes de cas (anonymis\u00e9es) montrant que la m\u00e9thode fonctionne avec des enfants de tous milieux, y compris ceux qui n\u2019ont pas acc\u00e8s \u00e0 des ressources co\u00fbteuses.<\/div><!-- [et_pb_line_break_holder] -->                <\/div><!-- [et_pb_line_break_holder] -->                <div class=\"timeline-step\"><!-- [et_pb_line_break_holder] -->                    <div class=\"timeline-number\">2<\/div><!-- [et_pb_line_break_holder] -->                    <div><strong>Traduire et adapter<\/strong><!\u2013- [et_pb_br_holder] -\u2013>Offrir les principes fondamentaux en 20 langues, avec des illustrations simples, pour que n\u2019importe quelle famille, m\u00eame sans connexion internet, puisse les appliquer.<\/div><!-- [et_pb_line_break_holder] -->                <\/div><!-- [et_pb_line_break_holder] -->                <div class=\"timeline-step\"><!-- [et_pb_line_break_holder] -->                    <div class=\"timeline-number\">3<\/div><!-- [et_pb_line_break_holder] -->                    <div><strong>Former des b\u00e9n\u00e9voles locaux<\/strong><!\u2013- [et_pb_br_holder] -\u2013>Cr\u00e9er un r\u00e9seau d\u2019ambassadeurs \u03c6 school dans les zones rurales, orphelinats, camps de r\u00e9fugi\u00e9s.<\/div><!-- [et_pb_line_break_holder] -->                <\/div><!-- [et_pb_line_break_holder] -->                <div class=\"timeline-step\"><!-- [et_pb_line_break_holder] -->                    <div class=\"timeline-number\">4<\/div><!-- [et_pb_line_break_holder] -->                    <div><strong>Plaidoyer pour des politiques inclusives<\/strong><!\u2013- [et_pb_br_holder] -\u2013>Convaincre les gouvernements et l\u2019UNESCO d\u2019int\u00e9grer les principes \u03c6 school dans les programmes nationaux.<\/div><!-- [et_pb_line_break_holder] -->                <\/div><!-- [et_pb_line_break_holder] -->                <div class=\"timeline-step\"><!-- [et_pb_line_break_holder] -->                    <div class=\"timeline-number\">5<\/div><!-- [et_pb_line_break_holder] -->                    <div><strong>Centres d\u2019\u00e9veil communautaires<\/strong><!\u2013- [et_pb_br_holder] -\u2013>Ouvrir des espaces gratuits o\u00f9 les enfants peuvent apprendre ensemble, encadr\u00e9s par des adultes form\u00e9s.<\/div><!-- [et_pb_line_break_holder] -->                <\/div><!-- [et_pb_line_break_holder] -->                <pee style=\"margin-top:24px;\">Nous croyons qu\u2019ensemble, nous pouvons faire de l\u2019\u00e9ducation bienveillante et acc\u00e9l\u00e9r\u00e9e une r\u00e9alit\u00e9 pour chaque enfant, o\u00f9 qu\u2019il naisse.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div><!-- [et_pb_line_break_holder] -->        <\/section><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Chiffres et aspirations (sans t\u00e9moignage individuel) --><!-- [et_pb_line_break_holder] -->        <section style=\"padding:40px 20px; max-width:1100px; margin:0 auto;\"><!-- [et_pb_line_break_holder] -->            <div class=\"phi-grid-2\"><!-- [et_pb_line_break_holder] -->                <div class=\"phi-card\" style=\"padding:2rem;\"><!-- [et_pb_line_break_holder] -->                    <div style=\"font-size:2.5rem;\">\ud83c\udf0f<\/div><!-- [et_pb_line_break_holder] -->                    <h3>Notre ambition<\/h3><!-- [et_pb_line_break_holder] -->                    <ul style=\"margin-top:1rem; list-style:none;\"><!-- [et_pb_line_break_holder] -->                        <li>\u2714 <strong>264 millions<\/strong> d\u2019enfants non scolaris\u00e9s dans le monde \u2013 nous voulons r\u00e9duire ce chiffre.<\/li><!-- [et_pb_line_break_holder] -->                        <li>\u2714 <strong>100%<\/strong> des enfants pourraient apprendre \u00e0 lire et compter avec une m\u00e9thode adapt\u00e9e.<\/li><!-- [et_pb_line_break_holder] -->                        <li>\u2714 <strong>Aucun enfant ne devrait \u00eatre laiss\u00e9 de c\u00f4t\u00e9<\/strong> \u00e0 cause de son lieu de naissance.<\/li><!-- [et_pb_line_break_holder] -->                    <\/ul><!-- [et_pb_line_break_holder] -->                <\/div><!-- [et_pb_line_break_holder] -->                <div class=\"phi-card\" style=\"padding:2rem;\"><!-- [et_pb_line_break_holder] -->                    <div style=\"font-size:2.5rem;\">\u2764\ufe0f<\/div><!-- [et_pb_line_break_holder] -->                    <h3>Un mouvement mondial<\/h3><!-- [et_pb_line_break_holder] -->                    <pee>\u03c6 school n\u2019est pas une entreprise, c\u2019est une cause humaine. Chaque personne peut contribuer : partager les principes, donner du temps, aider un enfant \u00e0 sa port\u00e9e. La chance de bien grandir ne devrait pas \u00eatre un luxe.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div><!-- [et_pb_line_break_holder] -->            <\/div><!-- [et_pb_line_break_holder] -->        <\/section><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- Comment participer \u00e0 donner cette chance --><!-- [et_pb_line_break_holder] -->        <section style=\"padding:40px 20px; max-width:900px; margin:0 auto; text-align:center;\"><!-- [et_pb_line_break_holder] -->            <div class=\"phi-card\" style=\"padding:48px 40px;\"><!-- [et_pb_line_break_holder] -->                <div style=\"font-size:3rem;\">\ud83e\udd1d<\/div><!-- [et_pb_line_break_holder] -->                <h3 style=\"font-size:1.8rem; font-weight:700;\">Ensemble, offrons cette chance \u00e0 chaque enfant<\/h3><!-- [et_pb_line_break_holder] -->                <pee>Vous \u00eates parent, enseignant, \u00e9tudiant, ou simplement convaincu que l\u2019\u00e9ducation peut changer le monde ? Rejoignez-nous :<\/pee><!-- [et_pb_line_break_holder] -->                <div style=\"margin: 20px 0; display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;\"><!-- [et_pb_line_break_holder] -->                    <span class=\"badge-age\">\ud83d\udce3 Relayer l\u2019information<\/span><!-- [et_pb_line_break_holder] -->                    <span class=\"badge-age\">\ud83e\uddd1\u200d\ud83c\udfeb Devenir tuteur b\u00e9n\u00e9vole<\/span><!-- [et_pb_line_break_holder] -->                    <span class=\"badge-age\">\ud83d\udcda Faire un don de fournitures<\/span><!-- [et_pb_line_break_holder] -->                <\/div><!-- [et_pb_line_break_holder] -->             <!-- [et_pb_line_break_holder] -->        <\/section><!-- [et_pb_line_break_holder] -->    <\/div><!-- [et_pb_line_break_holder] --><\/div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    (function() {<!-- [et_pb_line_break_holder] -->        \/\/ Curseur personnalis\u00e9<!-- [et_pb_line_break_holder] -->        const cursor = document.getElementById('phiCustomCursor');<!-- [et_pb_line_break_holder] -->        const block = document.getElementById('phi-future-block');<!-- [et_pb_line_break_holder] -->        if (cursor && block) {<!-- [et_pb_line_break_holder] -->            let inside = false;<!-- [et_pb_line_break_holder] -->            const checkInside = (e) => {<!-- [et_pb_line_break_holder] -->                const rect = block.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                const isIn = (e.clientX >= rect.left && e.clientX <= rect.right &#038;&#038; e.clientY >= rect.top && e.clientY <= rect.bottom);<!-- [et_pb_line_break_holder] -->                if (isIn !== inside) {<!-- [et_pb_line_break_holder] -->                    inside = isIn;<!-- [et_pb_line_break_holder] -->                    cursor.style.opacity = inside ? '1' : '0';<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] -->            document.addEventListener('mousemove', (e) => {<!-- [et_pb_line_break_holder] -->                checkInside(e);<!-- [et_pb_line_break_holder] -->                if (inside) {<!-- [et_pb_line_break_holder] -->                    cursor.style.left = e.clientX + 'px';<!-- [et_pb_line_break_holder] -->                    cursor.style.top = e.clientY + 'px';<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            cursor.style.opacity = '0';<!-- [et_pb_line_break_holder] -->            const hoverEls = block.querySelectorAll('a, button, .phi-card, .phi-glass, .tip-box, .timeline-step, .badge-age');<!-- [et_pb_line_break_holder] -->            hoverEls.forEach(el => {<!-- [et_pb_line_break_holder] -->                el.addEventListener('mouseenter', () => { if (inside) { cursor.style.width = '48px'; cursor.style.height = '48px'; cursor.style.background = 'rgba(255,255,255,0.5)'; cursor.style.borderColor = 'var(--phi-accent)'; } });<!-- [et_pb_line_break_holder] -->                el.addEventListener('mouseleave', () => { if (inside) { cursor.style.width = '24px'; cursor.style.height = '24px'; cursor.style.background = 'rgba(255,255,255,0.25)'; cursor.style.borderColor = 'var(--phi-primary)'; } });<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Trail canvas (particules)<!-- [et_pb_line_break_holder] -->        const trailCanvas = document.getElementById('phiTrailCanvas');<!-- [et_pb_line_break_holder] -->        if (trailCanvas) {<!-- [et_pb_line_break_holder] -->            let ctx = trailCanvas.getContext('2d');<!-- [et_pb_line_break_holder] -->            let particles = [];<!-- [et_pb_line_break_holder] -->            function resizeTrail() { trailCanvas.width = window.innerWidth; trailCanvas.height = window.innerHeight; }<!-- [et_pb_line_break_holder] -->            window.addEventListener('resize', resizeTrail);<!-- [et_pb_line_break_holder] -->            resizeTrail();<!-- [et_pb_line_break_holder] -->            class TrailParticle {<!-- [et_pb_line_break_holder] -->                constructor(x,y) { this.x=x; this.y=y; this.r=Math.random()*4+2; this.alpha=0.6; this.color=`hsl(${Math.random()*60+200},70%,60%)`; }<!-- [et_pb_line_break_holder] -->                update() { this.alpha-=0.02; this.r*=0.98; }<!-- [et_pb_line_break_holder] -->                draw(ctx) { ctx.beginPath(); ctx.arc(this.x,this.y,this.r,0,Math.PI*2); ctx.fillStyle=this.color.replace(')',`,${this.alpha})`).replace('hsl','hsla'); ctx.fill(); }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            let lastMouse={x:0,y:0};<!-- [et_pb_line_break_holder] -->            document.addEventListener('mousemove', (e) => {<!-- [et_pb_line_break_holder] -->                if (Math.hypot(e.clientX-lastMouse.x, e.clientY-lastMouse.y) > 6) {<!-- [et_pb_line_break_holder] -->                    for(let i=0;i<2;i++) particles.push(new TrailParticle(e.clientX+(Math.random()-0.5)*8, e.clientY+(Math.random()-0.5)*8));<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                lastMouse={x:e.clientX,y:e.clientY};<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            function animateTrail() {<!-- [et_pb_line_break_holder] -->                ctx.clearRect(0,0,trailCanvas.width,trailCanvas.height);<!-- [et_pb_line_break_holder] -->                for(let i=particles.length-1;i>=0;i--) { particles[i].update(); particles[i].draw(ctx); if(particles[i].alpha<=0) particles.splice(i,1); }<!-- [et_pb_line_break_holder] -->                requestAnimationFrame(animateTrail);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            animateTrail();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Background canvas<!-- [et_pb_line_break_holder] -->        const bgCanvas = document.getElementById('phiBgCanvas');<!-- [et_pb_line_break_holder] -->        if (bgCanvas) {<!-- [et_pb_line_break_holder] -->            let bctx = bgCanvas.getContext('2d');<!-- [et_pb_line_break_holder] -->            let particlesBg = [];<!-- [et_pb_line_break_holder] -->            function resizeBg() { bgCanvas.width = window.innerWidth; bgCanvas.height = window.innerHeight; }<!-- [et_pb_line_break_holder] -->            window.addEventListener('resize', resizeBg);<!-- [et_pb_line_break_holder] -->            resizeBg();<!-- [et_pb_line_break_holder] -->            for(let i=0;i<50;i++) {<!-- [et_pb_line_break_holder] -->                particlesBg.push({ x:Math.random()*bgCanvas.width, y:Math.random()*bgCanvas.height, r:Math.random()*3+1, vx:(Math.random()-0.5)*0.2, vy:(Math.random()-0.5)*0.2, color:`rgba(74,111,165,0.12)` });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            function animateBg() {<!-- [et_pb_line_break_holder] -->                bctx.clearRect(0,0,bgCanvas.width,bgCanvas.height);<!-- [et_pb_line_break_holder] -->                for(let p of particlesBg) {<!-- [et_pb_line_break_holder] -->                    p.x+=p.vx; p.y+=p.vy;<!-- [et_pb_line_break_holder] -->                    if(p.x<-20) p.x=bgCanvas.width+20; if(p.x>bgCanvas.width+20) p.x=-20;<!-- [et_pb_line_break_holder] -->                    if(p.y<-20) p.y=bgCanvas.height+20; if(p.y>bgCanvas.height+20) p.y=-20;<!-- [et_pb_line_break_holder] -->                    bctx.beginPath(); bctx.arc(p.x,p.y,p.r,0,Math.PI*2); bctx.fillStyle=p.color; bctx.fill();<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                requestAnimationFrame(animateBg);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            animateBg();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ ------------- EFFET 3D AVANC\u00c9 : TILT DYNAMIQUE AU SURVOL -------------<!-- [et_pb_line_break_holder] -->        \/\/ S\u00e9lectionne tous les \u00e9l\u00e9ments \u00e9ligibles \u00e0 un effet 3D immersif (cartes, verre, tips)<!-- [et_pb_line_break_holder] -->        const tiltElements = document.querySelectorAll('.phi-card, .phi-glass, .tip-box');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        tiltElements.forEach(el => {<!-- [et_pb_line_break_holder] -->            \/\/ On s'assure d'avoir une perspective et transform-style h\u00e9rit\u00e9e<!-- [et_pb_line_break_holder] -->            el.style.transformStyle = 'preserve-3d';<!-- [et_pb_line_break_holder] -->            el.style.transition = 'transform 0.1s ease-out';<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            el.addEventListener('mousemove', (e) => {<!-- [et_pb_line_break_holder] -->                const rect = el.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                \/\/ calcul des coordonn\u00e9es relatives de la souris dans l'\u00e9l\u00e9ment (entre 0 et 1)<!-- [et_pb_line_break_holder] -->                const mouseX = (e.clientX - rect.left) \/ rect.width;   \/\/ 0 = left, 1 = right<!-- [et_pb_line_break_holder] -->                const mouseY = (e.clientY - rect.top) \/ rect.height;    \/\/ 0 = top, 1 = bottom<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Intensit\u00e9 max de rotation : entre -6deg et 6deg pour un effet prononc\u00e9 mais \u00e9l\u00e9gant<!-- [et_pb_line_break_holder] -->                const maxRotateX = 7;<!-- [et_pb_line_break_holder] -->                const maxRotateY = 7;<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Inverser les signes pour que la carte penche comme un vrai objet 3D<!-- [et_pb_line_break_holder] -->                const rotateY = (mouseX - 0.5) * maxRotateY * 2;   \/\/ de -max \u00e0 +max<!-- [et_pb_line_break_holder] -->                const rotateX = (mouseY - 0.5) * maxRotateX * -2;  \/\/ n\u00e9gatif pour effet naturel<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ L\u00e9g\u00e8re translation Z pour accentuer la profondeur<!-- [et_pb_line_break_holder] -->                const translateZVal = 12;<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Appliquer la transformation avec une l\u00e9g\u00e8re perspective parente (d\u00e9j\u00e0 existante)<!-- [et_pb_line_break_holder] -->                el.style.transform = `perspective(1200px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateZ(${translateZVal}px) scale(1.01)`;<!-- [et_pb_line_break_holder] -->                \/\/ ombre dynamique suppl\u00e9mentaire<!-- [et_pb_line_break_holder] -->                el.style.boxShadow = `0 30px 40px -20px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.5)`;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            el.addEventListener('mouseleave', () => {<!-- [et_pb_line_break_holder] -->                \/\/ Retour \u00e0 l'\u00e9tat naturel, mais en douceur avec transition (on garde les transitions CSS)<!-- [et_pb_line_break_holder] -->                el.style.transform = '';<!-- [et_pb_line_break_holder] -->                el.style.boxShadow = '';<!-- [et_pb_line_break_holder] -->                \/\/ On laisse la transition CSS initiale reprendre la main (0.25s ease-out)<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Pour les timestamps step, un effet plus l\u00e9ger mais coh\u00e9rent<!-- [et_pb_line_break_holder] -->        const timelineSteps = document.querySelectorAll('.timeline-step');<!-- [et_pb_line_break_holder] -->        timelineSteps.forEach(step => {<!-- [et_pb_line_break_holder] -->            step.addEventListener('mousemove', (e) => {<!-- [et_pb_line_break_holder] -->                const rect = step.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                const mouseX = (e.clientX - rect.left) \/ rect.width;<!-- [et_pb_line_break_holder] -->                const rotate = (mouseX - 0.5) * 4;<!-- [et_pb_line_break_holder] -->                step.style.transform = `perspective(800px) rotateY(${rotate}deg) translateX(4px) translateZ(6px)`;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            step.addEventListener('mouseleave', () => {<!-- [et_pb_line_break_holder] -->                step.style.transform = '';<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Petite am\u00e9lioration: badges et boutons ont un effet 3D au survol via scale + translationZ l\u00e9g\u00e8re<!-- [et_pb_line_break_holder] -->        const badgesBtns = document.querySelectorAll('.badge-age, .phi-btn');<!-- [et_pb_line_break_holder] -->        badgesBtns.forEach(btn => {<!-- [et_pb_line_break_holder] -->            btn.addEventListener('mouseenter', () => {<!-- [et_pb_line_break_holder] -->                btn.style.transform = `translateY(-4px) scale(1.03) translateZ(12px)`;<!-- [et_pb_line_break_holder] -->                btn.style.transition = 'transform 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.2)';<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            btn.addEventListener('mouseleave', () => {<!-- [et_pb_line_break_holder] -->                btn.style.transform = '';<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Les sections hero gardent une animation fluide sans conflit<!-- [et_pb_line_break_holder] -->        console.log('Effets 3D actifs : survolez les cartes, verre, tip boxes pour une r\u00e9action immersive \u2728');<!-- [et_pb_line_break_holder] -->    })();<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;off|tablet&#8221; admin_label=&#8221;Footer&#8221; _builder_version=&#8221;4.16&#8243; background_image=&#8221;https:\/\/phi-school.education\/wp-content\/uploads\/2026\/05\/Tutoring-Service_Footer.png&#8221; background_size=&#8221;contain&#8221; background_position=&#8221;bottom_center&#8221; custom_padding=&#8221;||16vw||false|false&#8221; custom_padding_tablet=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.16&#8243; background_image=&#8221;https:\/\/phi-school.education\/wp-content\/uploads\/2026\/05\/bac-01.png&#8221; background_size=&#8221;contain&#8221; custom_padding=&#8221;160px|100px|100px|100px|false|true&#8221; custom_padding_tablet=&#8221;10px|40px|10px|40px|true|true&#8221; custom_padding_phone=&#8221;0px|0px|0px|0px|true|true&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.6&#8243; text_font=&#8221;PT Sans||||||||&#8221; text_text_color=&#8221;#62748a&#8221; text_font_size=&#8221;16px&#8221; text_line_height=&#8221;1.8em&#8221; header_2_font=&#8221;Playfair Display|700|||||||&#8221; header_2_text_color=&#8221;#2a3749&#8243; header_2_font_size=&#8221;50px&#8221; header_2_line_height=&#8221;1.3em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;600px&#8221; module_alignment=&#8221;center&#8221; header_2_font_size_tablet=&#8221;32px&#8221; header_2_font_size_phone=&#8221;24px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<h2>Bac \u00e0 9 ans\u00a0<\/h2>\n<p><span>\u00c0 9 ans, elle a d\u00e9croch\u00e9 son bac, mais ce n\u2019est ni un miracle ni un don inn\u00e9. Tout repose sur une m\u00e9thode de travail rigoureuse : apprendre \u00e0 son rythme, privil\u00e9gier la compr\u00e9hension profonde plut\u00f4t que le par c\u0153ur, et s\u2019entra\u00eener chaque jour avec constance. En r\u00e9alit\u00e9, n\u2019importe quel enfant, avec la m\u00eame discipline et une organisation adapt\u00e9e, pourrait y parvenir. Son exploit prouve simplement que le talent est affaire de strat\u00e9gie, pas de pr\u00e9cocit\u00e9 myst\u00e9rieuse.<\/span><\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Bac \u00e0 9 ans\u00a0 \u00c0 9 ans, elle a d\u00e9croch\u00e9 son bac, mais ce n\u2019est ni un miracle ni un don inn\u00e9. Tout repose sur une m\u00e9thode de travail rigoureuse : apprendre \u00e0 son rythme, privil\u00e9gier la compr\u00e9hension profonde plut\u00f4t que le par c\u0153ur, et s\u2019entra\u00eener chaque jour avec constance. En r\u00e9alit\u00e9, n\u2019importe quel enfant, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-66","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Avenir - phi-school.education<\/title>\n<meta name=\"description\" content=\"\u03c6 school \u0153uvre pour une \u00e9ducation universelle, gratuite et adapt\u00e9e \u00e0 chaque enfant afin de r\u00e9duire les in\u00e9galit\u00e9s et lib\u00e9rer le potentiel mondial.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/phi-school.education\/es\/avenir\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Avenir - phi-school.education\" \/>\n<meta property=\"og:description\" content=\"\u03c6 school \u0153uvre pour une \u00e9ducation universelle, gratuite et adapt\u00e9e \u00e0 chaque enfant afin de r\u00e9duire les in\u00e9galit\u00e9s et lib\u00e9rer le potentiel mondial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/phi-school.education\/es\/avenir\/\" \/>\n<meta property=\"og:site_name\" content=\"phi-school.education\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-12T16:38:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/phi-school.education\\\/avenir\\\/\",\"url\":\"https:\\\/\\\/phi-school.education\\\/avenir\\\/\",\"name\":\"Avenir - phi-school.education\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/phi-school.education\\\/#website\"},\"datePublished\":\"2026-05-11T20:15:56+00:00\",\"dateModified\":\"2026-05-12T16:38:21+00:00\",\"description\":\"\u03c6 school \u0153uvre pour une \u00e9ducation universelle, gratuite et adapt\u00e9e \u00e0 chaque enfant afin de r\u00e9duire les in\u00e9galit\u00e9s et lib\u00e9rer le potentiel mondial.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/phi-school.education\\\/avenir\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/phi-school.education\\\/avenir\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/phi-school.education\\\/avenir\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/phi-school.education\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Avenir\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/phi-school.education\\\/#website\",\"url\":\"https:\\\/\\\/phi-school.education\\\/\",\"name\":\"\u03c6 school\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/phi-school.education\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Avenir - phi-school.education","description":"\u03c6 school \u0153uvre pour une \u00e9ducation universelle, gratuite et adapt\u00e9e \u00e0 chaque enfant afin de r\u00e9duire les in\u00e9galit\u00e9s et lib\u00e9rer le potentiel mondial.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/phi-school.education\/es\/avenir\/","og_locale":"es_ES","og_type":"article","og_title":"Avenir - phi-school.education","og_description":"\u03c6 school \u0153uvre pour une \u00e9ducation universelle, gratuite et adapt\u00e9e \u00e0 chaque enfant afin de r\u00e9duire les in\u00e9galit\u00e9s et lib\u00e9rer le potentiel mondial.","og_url":"https:\/\/phi-school.education\/es\/avenir\/","og_site_name":"phi-school.education","article_modified_time":"2026-05-12T16:38:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/phi-school.education\/avenir\/","url":"https:\/\/phi-school.education\/avenir\/","name":"Avenir - phi-school.education","isPartOf":{"@id":"https:\/\/phi-school.education\/#website"},"datePublished":"2026-05-11T20:15:56+00:00","dateModified":"2026-05-12T16:38:21+00:00","description":"\u03c6 school \u0153uvre pour une \u00e9ducation universelle, gratuite et adapt\u00e9e \u00e0 chaque enfant afin de r\u00e9duire les in\u00e9galit\u00e9s et lib\u00e9rer le potentiel mondial.","breadcrumb":{"@id":"https:\/\/phi-school.education\/avenir\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/phi-school.education\/avenir\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/phi-school.education\/avenir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/phi-school.education\/"},{"@type":"ListItem","position":2,"name":"Avenir"}]},{"@type":"WebSite","@id":"https:\/\/phi-school.education\/#website","url":"https:\/\/phi-school.education\/","name":"\u03c6 school","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/phi-school.education\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/phi-school.education\/es\/wp-json\/wp\/v2\/pages\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phi-school.education\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/phi-school.education\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/phi-school.education\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phi-school.education\/es\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":4,"href":"https:\/\/phi-school.education\/es\/wp-json\/wp\/v2\/pages\/66\/revisions"}],"predecessor-version":[{"id":268,"href":"https:\/\/phi-school.education\/es\/wp-json\/wp\/v2\/pages\/66\/revisions\/268"}],"wp:attachment":[{"href":"https:\/\/phi-school.education\/es\/wp-json\/wp\/v2\/media?parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}