{"id":6,"date":"2026-08-26T14:36:57","date_gmt":"2026-08-26T14:36:57","guid":{"rendered":"http:\/\/enfin10.fr\/?p=6"},"modified":"2026-08-26T14:36:57","modified_gmt":"2026-08-26T14:36:57","slug":"6","status":"publish","type":"post","link":"https:\/\/enfin10.fr\/6\/","title":{"rendered":""},"content":{"rendered":"\n<!-- =========================================================================\n     ENFIN. \u2014 BLOC HTML WORDPRESS INT\u00c9GRABLE (DESIGN GARANTI)\n     Contact : entgentilhomme09@gmail.com | H\u00e9bergement : OVHcloud\n     ========================================================================= -->\n\n<div id=\"enfin-root-wrapper\" class=\"enfin-app-scope\">\n    <!-- Import des polices et ic\u00f4nes -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <!-- Tailwind CSS CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            prefix: 'ef-',\n            corePlugins: { preflight: false },\n            theme: {\n                extend: {\n                    colors: {\n                        nuit: '#0B0F19',\n                        nuitCard: '#131B2E',\n                        nuitBorder: '#1E293B',\n                        jaune: '#FFDE59',\n                        jauneHover: '#F4D03F',\n                        argent: '#F8FAFC'\n                    },\n                    fontFamily: { sans: ['Inter', 'sans-serif'] }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        \/* Isolation compl\u00e8te du bloc pour \u00e9viter les conflits avec le th\u00e8me WordPress *\/\n        .enfin-app-scope {\n            all: initial;\n            font-family: 'Inter', sans-serif !important;\n            background-color: #0B0F19 !important;\n            color: #F8FAFC !important;\n            display: block;\n            width: 100%;\n            min-height: 100vh;\n            box-sizing: border-box;\n            position: relative;\n            overflow-x: hidden;\n            -webkit-font-smoothing: antialiased;\n        }\n        .enfin-app-scope *, .enfin-app-scope *:before, .enfin-app-scope *:after {\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n        .enfin-app-scope a { text-decoration: none; color: inherit; }\n        .enfin-app-scope ul { list-style: none; padding: 0; margin: 0; }\n        \n        \/* Barres de d\u00e9filement personnalis\u00e9es *\/\n        .enfin-app-scope ::-webkit-scrollbar { width: 8px; }\n        .enfin-app-scope ::-webkit-scrollbar-track { background: #0B0F19; }\n        .enfin-app-scope ::-webkit-scrollbar-thumb { background: #1E293B; border-radius: 4px; }\n        .enfin-app-scope ::-webkit-scrollbar-thumb:hover { background: #334155; }\n    <\/style>\n\n    <!-- STRUCTURE PRINCIPALE DE L'APPLICATION -->\n    <div style=\"background-color: #0B0F19; color: #F8FAFC; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between;\">\n\n        <!-- HEADER NAVIGATION -->\n        <header style=\"position: sticky; top: 0; z-index: 50; background-color: rgba(11, 15, 25, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid #1E293B;\">\n            <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 1rem; height: 80px; display: flex; align-items: center; justify-content: space-between;\">\n                <a href=\"#accueil\" onclick=\"enfnNavigate('home'); return false;\" style=\"font-size: 1.875rem; font-weight: 900; letter-spacing: 0.05em; color: #FFFFFF;\">\n                    ENFIN<span style=\"color: #FFDE59;\">.<\/span>\n                <\/a>\n                <nav style=\"display: none; align-items: center; gap: 2rem; font-size: 0.875rem; font-weight: 500; color: #CBD5E1;\" class=\"md:flex\">\n                    <a href=\"#accueil\" onclick=\"enfnNavigate('home'); return false;\" style=\"transition: color 0.2s;\" onmouseover=\"this.style.color='#FFDE59'\" onmouseout=\"this.style.color='#CBD5E1'\">Accueil<\/a>\n                    <a href=\"#packs\" onclick=\"enfnNavigate('packs'); return false;\" style=\"transition: color 0.2s;\" onmouseover=\"this.style.color='#FFDE59'\" onmouseout=\"this.style.color='#CBD5E1'\">Packs<\/a>\n                    <a href=\"#fiche-gratuite\" onclick=\"enfnNavigate('free-sheet'); return false;\" style=\"transition: color 0.2s;\" onmouseover=\"this.style.color='#FFDE59'\" onmouseout=\"this.style.color='#CBD5E1'\">Fiche gratuite<\/a>\n                    <a href=\"#apropos\" onclick=\"enfnNavigate('about'); return false;\" style=\"transition: color 0.2s;\" onmouseover=\"this.style.color='#FFDE59'\" onmouseout=\"this.style.color='#CBD5E1'\">\u00c0 propos<\/a>\n                    <a href=\"#faq\" onclick=\"enfnNavigate('faq'); return false;\" style=\"transition: color 0.2s;\" onmouseover=\"this.style.color='#FFDE59'\" onmouseout=\"this.style.color='#CBD5E1'\">FAQ &#038; Contact<\/a>\n                <\/nav>\n                <div style=\"display: flex; align-items: center; gap: 1rem;\">\n                    <a href=\"#packs\" onclick=\"enfnNavigate('packs'); return false;\" style=\"display: none; align-items: center; justify-content: center; background-color: #FFDE59; color: #0B0F19; font-weight: 700; padding: 0.625rem 1.25rem; border-radius: 0.75rem; font-size: 0.875rem; box-shadow: 0 10px 15px -3px rgba(255, 222, 89, 0.1);\" class=\"sm:inline-flex\">\n                        D\u00c9COUVRIR LES PACKS\n                    <\/a>\n                    <button id=\"enfnMobBtn\" style=\"display: block; background: transparent; border: none; color: #F8FAFC; font-size: 1.25rem; cursor: pointer; padding: 0.5rem;\" class=\"md:hidden\">\n                        <i class=\"fa-solid fa-bars\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n            <!-- Menu Mobile -->\n            <div id=\"enfnMobMenu\" style=\"display: none; background-color: #131B2E; border-bottom: 1px solid #1E293B; padding: 1.5rem;\" class=\"md:hidden\">\n                <div style=\"display: flex; flex-direction: column; gap: 1rem;\">\n                    <a href=\"#accueil\" onclick=\"enfnToggleMob(); enfnNavigate('home'); return false;\" style=\"font-size: 1.125rem; font-weight: 500; color: #E2E8F0;\">Accueil<\/a>\n                    <a href=\"#packs\" onclick=\"enfnToggleMob(); enfnNavigate('packs'); return false;\" style=\"font-size: 1.125rem; font-weight: 500; color: #E2E8F0;\">Packs<\/a>\n                    <a href=\"#fiche-gratuite\" onclick=\"enfnToggleMob(); enfnNavigate('free-sheet'); return false;\" style=\"font-size: 1.125rem; font-weight: 500; color: #E2E8F0;\">Fiche gratuite<\/a>\n                    <a href=\"#apropos\" onclick=\"enfnToggleMob(); enfnNavigate('about'); return false;\" style=\"font-size: 1.125rem; font-weight: 500; color: #E2E8F0;\">\u00c0 propos (Fondateur)<\/a>\n                    <a href=\"#faq\" onclick=\"enfnToggleMob(); enfnNavigate('faq'); return false;\" style=\"font-size: 1.125rem; font-weight: 500; color: #E2E8F0;\">FAQ &#038; Contact<\/a>\n                    <a href=\"#packs\" onclick=\"enfnToggleMob(); enfnNavigate('packs'); return false;\" style=\"display: block; text-align: center; background-color: #FFDE59; color: #0B0F19; font-weight: 700; padding: 0.75rem; border-radius: 0.75rem; margin-top: 0.5rem;\">\n                        D\u00c9COUVRIR LES PACKS\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <!-- CONTENEUR DES VUES -->\n        <main style=\"flex-grow: 1;\">\n\n            <!-- 1. ACCUEIL -->\n            <div id=\"enfn-view-home\" class=\"enfn-page\">\n                <!-- HERO -->\n                <section style=\"position: relative; padding: 4rem 0 6rem; overflow: hidden;\">\n                    <div style=\"position: absolute; top: 25%; left: 50%; transform: translate(-50%, -50%); width: 400px; height: 400px; background-color: rgba(255, 222, 89, 0.05); filter: blur(100px); border-radius: 9999px; pointer-events: none;\"><\/div>\n                    <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 1rem; position: relative; z-index: 10;\">\n                        <div style=\"display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center;\" class=\"lg:grid-cols-12\">\n                            <div style=\"text-align: center; display: flex; flex-direction: column; gap: 1.5rem;\" class=\"lg:col-span-7 lg:text-left\">\n                                <div style=\"display: inline-flex; align-items: center; gap: 0.5rem; background-color: #131B2E; border: 1px solid #1E293B; padding: 0.5rem 1rem; border-radius: 9999px; font-size: 0.875rem; margin: 0 auto;\" class=\"lg:mx-0\">\n                                    <span style=\"width: 0.5rem; height: 0.5rem; background-color: #FFDE59; border-radius: 9999px;\"><\/span>\n                                    <span style=\"font-weight: 600; color: #FFFFFF;\">\u00c9dition Num\u00e9rique 2026<\/span>\n                                    <span style=\"color: #64748B;\">|<\/span>\n                                    <span style=\"color: #FFDE59; font-weight: 500;\">10 min \/ jour<\/span>\n                                <\/div>\n                                <h1 style=\"font-size: 3rem; font-weight: 900; line-height: 1; color: #FFFFFF;\" class=\"sm:text-6xl\">\n                                    ENFIN<span style=\"color: #FFDE59;\">.<\/span>\n                                <\/h1>\n                                <p style=\"font-size: 1.75rem; font-weight: 800; color: #F1F5F9; line-height: 1.3;\">\n                                    Comprendre en 10 minutes ce qu&rsquo;on aurait d\u00fb t&rsquo;expliquer depuis longtemps.\n                                <\/p>\n                                <p style=\"font-size: 1.125rem; color: #94A3B8; max-width: 36rem; margin: 0 auto;\" class=\"lg:mx-0\">\n                                    Des fiches courtes, visuelles et accessibles pour enfin comprendre l&rsquo;argent, l&rsquo;\u00e9conomie, le travail et le monde qui t&rsquo;entoure.\n                                <\/p>\n                                <div style=\"display: flex; flex-direction: column; gap: 1rem; justify-content: center; padding-top: 1rem;\" class=\"sm:flex-row lg:justify-start\">\n                                    <a href=\"#packs\" onclick=\"enfnNavigate('packs'); return false;\" style=\"display: inline-flex; align-items: center; justify-content: center; background-color: #FFDE59; color: #0B0F19; font-weight: 800; padding: 1rem 2rem; border-radius: 1rem; box-shadow: 0 20px 25px -5px rgba(255, 222, 89, 0.1);\">\n                                        D\u00c9COUVRIR LES PACKS <i class=\"fa-solid fa-arrow-right\" style=\"margin-left: 0.75rem;\"><\/i>\n                                    <\/a>\n                                    <a href=\"#fiche-gratuite\" onclick=\"enfnNavigate('free-sheet'); return false;\" style=\"display: inline-flex; align-items: center; justify-content: center; background-color: #131B2E; border: 1px solid #1E293B; color: #E2E8F0; font-weight: 600; padding: 1rem 1.5rem; border-radius: 1rem;\">\n                                        Voir un exemple gratuit\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                            <div style=\"display: flex; justify-content: center;\" class=\"lg:col-span-5\">\n                                <div style=\"position: relative; width: 100%; max-width: 380px;\">\n                                    <div style=\"position: absolute; top: -1rem; left: -1rem; width: 100%; height: 100%; background-color: rgba(255, 222, 89, 0.1); border-radius: 1.5rem; transform: rotate(-3deg); border: 1px solid rgba(255, 222, 89, 0.2);\"><\/div>\n                                    <div style=\"position: relative; background-color: #131B2E; border: 1px solid #1E293B; border-radius: 1.5rem; padding: 2rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\">\n                                        <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem;\">\n                                            <span style=\"font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; color: #FFDE59; background-color: rgba(255, 222, 89, 0.1); padding: 0.25rem 0.75rem; border-radius: 9999px;\">FICHE #01<\/span>\n                                            <span style=\"font-size: 0.75rem; color: #94A3B8;\">3 min<\/span>\n                                        <\/div>\n                                        <h3 style=\"font-size: 1.5rem; font-weight: 900; color: #FFFFFF; margin-bottom: 0.75rem;\">Salaire Brut vs Net<\/h3>\n                                        <p style=\"font-size: 0.875rem; color: #CBD5E1; margin-bottom: 1.5rem;\">Pourquoi ton employeur verse plus que ce qui arrive sur ton compte ?<\/p>\n                                        <div style=\"background-color: #0B0F19; padding: 1rem; border-radius: 1rem; border: 1px solid #1E293B; margin-bottom: 1.5rem; display: flex; flex-direction: column; gap: 0.75rem;\">\n                                            <div style=\"display: flex; justify-content: space-between; font-size: 0.75rem;\"><span style=\"color: #94A3B8;\">Brut<\/span><span style=\"font-weight: 700; color: #FFFFFF;\">2 500 \u20ac<\/span><\/div>\n                                            <div style=\"width: 100%; background-color: #1E293B; height: 0.5rem; border-radius: 9999px; overflow: hidden;\"><div style=\"background-color: #FFDE59; height: 100%; width: 75%; border-radius: 9999px;\"><\/div><\/div>\n                                            <div style=\"display: flex; justify-content: space-between; font-size: 0.75rem;\"><span style=\"color: #94A3B8;\">Net sur compte<\/span><span style=\"font-weight: 700; color: #FFDE59;\">1 950 \u20ac<\/span><\/div>\n                                        <\/div>\n                                        <div style=\"display: flex; align-items: center; justify-content: space-between; font-size: 0.75rem; color: #94A3B8; border-top: 1px solid #1E293B; padding-top: 0.75rem;\">\n                                            <span>ENFIN. \u2014 Les Bases<\/span>\n                                            <span style=\"color: #FFFFFF; font-weight: 600;\"><i class=\"fa-solid fa-file-pdf\" style=\"color: #FFDE59; margin-right: 0.25rem;\"><\/i> PDF<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/section>\n\n                <!-- LE PROBL\u00c8ME -->\n                <section style=\"padding: 5rem 0; background-color: rgba(19, 27, 46, 0.5); border-top: 1px solid #1E293B; border-bottom: 1px solid #1E293B;\">\n                    <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 1rem;\">\n                        <div style=\"max-width: 48rem; margin: 0 auto 4rem auto; text-align: center;\">\n                            <h2 style=\"font-size: 2.25rem; font-weight: 900; color: #FFFFFF; line-height: 1.2;\">\n                                On nous apprend beaucoup de choses.<br>\n                                <span style=\"color: #FFDE59;\">Mais pas toujours celles dont on a besoin.<\/span>\n                            <\/h2>\n                        <\/div>\n                        <div style=\"display: grid; grid-template-columns: 1fr; gap: 1.5rem; max-width: 64rem; margin: 0 auto;\" class=\"md:grid-cols-2 lg:grid-cols-3\">\n                            <div style=\"background-color: #0B0F19; border: 1px solid #1E293B; padding: 1.5rem; border-radius: 1rem; display: flex; flex-direction: column; justify-content: space-between;\">\n                                <p style=\"color: #E2E8F0; font-weight: 600; font-size: 1.125rem; margin-bottom: 1rem;\">\u00ab Pourquoi mon salaire brut est diff\u00e9rent de mon salaire net ? \u00bb<\/p>\n                                <span style=\"font-size: 0.75rem; color: #FFDE59; font-weight: 700;\">#ARGENT #TRAVAIL<\/span>\n                            <\/div>\n                            <div style=\"background-color: #0B0F19; border: 1px solid #1E293B; padding: 1.5rem; border-radius: 1rem; display: flex; flex-direction: column; justify-content: space-between;\">\n                                <p style=\"color: #E2E8F0; font-weight: 600; font-size: 1.125rem; margin-bottom: 1rem;\">\u00ab Pourquoi les prix augmentent-ils continuellement ? \u00bb<\/p>\n                                <span style=\"font-size: 0.75rem; color: #FFDE59; font-weight: 700;\">#\u00c9CONOMIE<\/span>\n                            <\/div>\n                            <div style=\"background-color: #0B0F19; border: 1px solid #1E293B; padding: 1.5rem; border-radius: 1rem; display: flex; flex-direction: column; justify-content: space-between;\">\n                                <p style=\"color: #E2E8F0; font-weight: 600; font-size: 1.125rem; margin-bottom: 1rem;\">\u00ab C&rsquo;est quoi exactement un ETF et comment \u00e7a marche ? \u00bb<\/p>\n                                <span style=\"font-size: 0.75rem; color: #FFDE59; font-weight: 700;\">#INVESTISSEMENT<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/section>\n            <\/div>\n\n            <!-- 2. BOUTIQUE \/ PACKS -->\n            <div id=\"enfn-view-packs\" class=\"enfn-page\" style=\"display: none; padding: 4rem 0;\">\n                <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 1rem;\">\n                    <div style=\"text-align: center; max-width: 48rem; margin: 0 auto 4rem auto;\">\n                        <span style=\"color: #FFDE59; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; background-color: rgba(255, 222, 89, 0.1); padding: 0.25rem 0.75rem; border-radius: 9999px;\">BOUTIQUE<\/span>\n                        <h1 style=\"font-size: 2.5rem; font-weight: 900; color: #FFFFFF; margin-top: 1rem;\">Nos packs de fiches p\u00e9dagogiques<\/h1>\n                        <p style=\"color: #94A3B8; margin-top: 0.5rem;\">T\u00e9l\u00e9chargement imm\u00e9diat au format PDF.<\/p>\n                    <\/div>\n                    <div style=\"display: grid; grid-template-columns: 1fr; gap: 2rem; max-width: 40rem; margin: 0 auto;\">\n                        <div style=\"background-color: #131B2E; border: 2px solid #FFDE59; border-radius: 1.5rem; padding: 2rem; position: relative; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 25px 50px -12px rgba(255, 222, 89, 0.05);\">\n                            <div style=\"position: absolute; top: -1rem; right: 1.5rem; background-color: #FFDE59; color: #0B0F19; font-weight: 900; font-size: 0.75rem; padding: 0.375rem 1rem; border-radius: 9999px; text-transform: uppercase;\">Le plus populaire<\/div>\n                            <div>\n                                <span style=\"font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; color: #94A3B8;\">PACK PRINCIPAL<\/span>\n                                <h3 style=\"font-size: 1.875rem; font-weight: 900; color: #FFFFFF; margin: 0.5rem 0 1rem 0;\">ENFIN. \u2014 LES BASES<\/h3>\n                                <p style=\"color: #CBD5E1; font-size: 0.875rem; margin-bottom: 1.5rem;\">30 choses qu&rsquo;un adulte devrait comprendre pour d\u00e9marrer l&rsquo;esprit clair.<\/p>\n                                <div style=\"background-color: #0B0F19; padding: 1rem; border-radius: 1rem; border: 1px solid #1E293B; margin-bottom: 1.5rem;\">\n                                    <span style=\"font-size: 0.75rem; color: #FFDE59; font-weight: 600;\">30 SUJETS \u2022 FORMAT PDF \u2022 ACC\u00c8S IMM\u00c9DIAT<\/span>\n                                <\/div>\n                            <\/div>\n                            <div>\n                                <div style=\"display: flex; align-items: baseline; justify-between; margin-bottom: 1.5rem;\">\n                                    <span style=\"font-size: 0.875rem; color: #94A3B8;\">Prix de lancement<\/span>\n                                    <span style=\"font-size: 2.25rem; font-weight: 900; color: #FFFFFF;\">9,90 \u20ac<\/span>\n                                <\/div>\n                                <button onclick=\"enfnOpenCheckout('ENFIN. \u2014 LES BASES', '9,90 \u20ac')\" style=\"width: 100%; background-color: #FFDE59; color: #0B0F19; font-weight: 800; padding: 1rem; border-radius: 1rem; border: none; cursor: pointer; box-shadow: 0 10px 15px -3px rgba(255, 222, 89, 0.1);\">\n                                    JE VEUX COMPRENDRE\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 3. FICHE GRATUITE -->\n            <div id=\"enfn-view-free-sheet\" class=\"enfn-page\" style=\"display: none; padding: 4rem 0;\">\n                <div style=\"max-width: 56rem; margin: 0 auto; padding: 0 1rem;\">\n                    <div style=\"text-align: center; margin-bottom: 3rem;\">\n                        <span style=\"color: #FFDE59; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; background-color: rgba(255, 222, 89, 0.1); padding: 0.25rem 0.75rem; border-radius: 9999px;\">EXTRAIT<\/span>\n                        <h1 style=\"font-size: 2.25rem; font-weight: 900; color: #FFFFFF; margin-top: 1rem;\">\u00c0 quoi ressemble une fiche ENFIN. ?<\/h1>\n                    <\/div>\n                    <div style=\"background-color: #131B2E; border: 1px solid #1E293B; border-radius: 1.5rem; padding: 2rem;\" class=\"sm:p-8\">\n                        <h2 style=\"font-size: 1.5rem; font-weight: 900; color: #FFFFFF; margin-bottom: 1rem;\">01 \u2014 SALAIRE BRUT VS NET<\/h2>\n                        <p style=\"color: #CBD5E1; margin-bottom: 1.5rem; line-height: 1.6;\">Le brut, c&rsquo;est ce que ton employeur verse. Le net, c&rsquo;est ce qui arrive sur ton compte une fois les cotisations sociales pr\u00e9lev\u00e9es.<\/p>\n                        <div style=\"text-align: center; padding-top: 1rem;\">\n                            <button onclick=\"enfnOpenCheckout('ENFIN. \u2014 LES BASES', '9,90 \u20ac')\" style=\"background-color: #FFDE59; color: #0B0F19; font-weight: 700; padding: 1rem 2rem; border-radius: 1rem; border: none; cursor: pointer;\">\n                                ACC\u00c9DER AUX 30 FICHES (9,90 \u20ac)\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 4. \u00c0 PROPOS (FONDATEUR) -->\n            <div id=\"enfn-view-about\" class=\"enfn-page\" style=\"display: none; padding: 4rem 0;\">\n                <div style=\"max-width: 56rem; margin: 0 auto; padding: 0 1rem;\">\n                    <div style=\"margin-bottom: 3rem; display: flex; flex-direction: column; gap: 1rem;\">\n                        <span style=\"color: #FFDE59; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; background-color: rgba(255, 222, 89, 0.1); padding: 0.25rem 0.75rem; border-radius: 9999px; width: fit-content;\">HISTOIRE<\/span>\n                        <h1 style=\"font-size: 2.5rem; font-weight: 900; color: #FFFFFF;\">Pourquoi j&rsquo;ai cr\u00e9\u00e9 ENFIN.<\/h1>\n                        <p style=\"font-size: 1.25rem; color: #CBD5E1; font-weight: 500;\">\u00c9tudiant en commerce, parti de chez mes parents \u00e0 18 ans, j&rsquo;aurais tellement aim\u00e9 avoir ce genre de fiches plus t\u00f4t.<\/p>\n                    <\/div>\n                    <div style=\"background-color: #131B2E; border: 1px solid #1E293B; padding: 2rem; border-radius: 1.5rem; color: #CBD5E1; line-height: 1.8; display: flex; flex-direction: column; gap: 1.5rem;\" class=\"sm:p-10\">\n                        <p>Quand on quitte le foyer familial \u00e0 18 ans pour s&rsquo;installer dans son premier studio, la r\u00e9alit\u00e9 frappe vite : signer un bail, comprendre un bulletin de paie, \u00e9pargner.<\/p>\n                        <p>J&rsquo;ai cr\u00e9\u00e9 ENFIN. pour offrir l&rsquo;outil clair et sans jargon que j&rsquo;aurais r\u00eav\u00e9 d&rsquo;avoir sur ma table de chevet.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- 5. FAQ & CONTACT -->\n            <div id=\"enfn-view-faq\" class=\"enfn-page\" style=\"display: none; padding: 4rem 0;\">\n                <div style=\"max-width: 56rem; margin: 0 auto; padding: 0 1rem; display: flex; flex-direction: column; gap: 3rem;\">\n                    <div style=\"text-align: center;\">\n                        <span style=\"color: #FFDE59; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; background-color: rgba(255, 222, 89, 0.1); padding: 0.25rem 0.75rem; border-radius: 9999px;\">FAQ<\/span>\n                        <h1 style=\"font-size: 2.25rem; font-weight: 900; color: #FFFFFF; margin-top: 1rem;\">Questions fr\u00e9quentes &#038; Contact<\/h1>\n                    <\/div>\n                    <div style=\"background-color: #131B2E; border: 1px solid #1E293B; padding: 1.5rem; border-radius: 1rem;\">\n                        <h2 style=\"font-weight: 700; color: #FFFFFF; margin-bottom: 0.5rem;\">Sous quel format vais-je recevoir mes fiches ?<\/h2>\n                        <p style=\"color: #CBD5E1; font-size: 0.875rem;\">Au format num\u00e9rique PDF haute qualit\u00e9 directement par e-mail et t\u00e9l\u00e9chargement instantan\u00e9.<\/p>\n                    <\/div>\n\n                    <!-- FORMULAIRE DE CONTACT -->\n                    <div style=\"background-color: #131B2E; border: 1px solid #1E293B; border-radius: 1.5rem; padding: 2rem;\" class=\"sm:p-10\">\n                        <h3 style=\"font-size: 1.5rem; font-weight: 900; color: #FFFFFF; margin-bottom: 1.5rem;\">Pose-nous ta question<\/h3>\n                        <form onsubmit=\"enfnHandleContact(event)\" style=\"display: flex; flex-direction: column; gap: 1rem;\">\n                            <div style=\"display: grid; grid-template-columns: 1fr; gap: 1rem;\" class=\"sm:grid-cols-2\">\n                                <input type=\"text\" required placeholder=\"Ton pr\u00e9nom\" style=\"width: 100%; background-color: #0B0F19; border: 1px solid #1E293B; border-radius: 0.75rem; padding: 0.875rem 1rem; color: #FFFFFF; font-size: 0.875rem; outline: none;\">\n                                <input type=\"email\" required placeholder=\"Ton e-mail\" style=\"width: 100%; background-color: #0B0F19; border: 1px solid #1E293B; border-radius: 0.75rem; padding: 0.875rem 1rem; color: #FFFFFF; font-size: 0.875rem; outline: none;\">\n                            <\/div>\n                            <textarea rows=\"4\" required placeholder=\"\u00c9cris ta question ici...\" style=\"width: 100%; background-color: #0B0F19; border: 1px solid #1E293B; border-radius: 0.75rem; padding: 0.875rem 1rem; color: #FFFFFF; font-size: 0.875rem; outline: none;\"><\/textarea>\n                            <button type=\"submit\" style=\"width: 100%; background-color: #FFDE59; color: #0B0F19; font-weight: 800; padding: 1rem; border-radius: 1rem; border: none; cursor: pointer; box-shadow: 0 10px 15px -3px rgba(255, 222, 89, 0.1);\">\n                                ENVOYER MA QUESTION\n                            <\/button>\n                        <\/form>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/main>\n\n        <!-- FOOTER -->\n        <footer style=\"background-color: #131B2E; border-top: 1px solid #1E293B; padding: 4rem 0 3rem 0; margin-top: 5rem;\">\n            <div style=\"max-width: 1280px; margin: 0 auto; padding: 0 1rem; display: flex; flex-direction: column; gap: 3rem; font-size: 0.875rem;\">\n                <div style=\"display: grid; grid-template-columns: 1fr; gap: 2rem;\" class=\"md:grid-cols-4\">\n                    <div>\n                        <a href=\"#accueil\" onclick=\"enfnNavigate('home'); return false;\" style=\"font-size: 1.5rem; font-weight: 900; color: #FFFFFF;\">ENFIN<span style=\"color: #FFDE59;\">.<\/span><\/a>\n                        <p style=\"font-size: 0.75rem; color: #94A3B8; font-weight: 600; text-transform: uppercase; margin-top: 0.5rem;\">COMPRENDRE EN 10 MINUTES.<\/p>\n                        <p style=\"font-size: 0.75rem; color: #64748B; margin-top: 1rem;\">Contact : <a href=\"mailto:entgentilhomme09@gmail.com\" style=\"color: #FFDE59; text-decoration: underline;\">entgentilhomme09@gmail.com<\/a><\/p>\n                    <\/div>\n                    <div>\n                        <h4 style=\"font-weight: 700; color: #FFFFFF; text-transform: uppercase; margin-bottom: 0.75rem;\">Navigation<\/h4>\n                        <div style=\"display: flex; flex-direction: column; gap: 0.5rem; color: #94A3B8;\">\n                            <a href=\"#packs\" onclick=\"enfnNavigate('packs'); return false;\" style=\"transition: color 0.2s;\" onmouseover=\"this.style.color='#FFDE59'\" onmouseout=\"this.style.color='#94A3B8'\">Packs<\/a>\n                            <a href=\"#apropos\" onclick=\"enfnNavigate('about'); return false;\" style=\"transition: color 0.2s;\" onmouseover=\"this.style.color='#FFDE59'\" onmouseout=\"this.style.color='#94A3B8'\">\u00c0 propos<\/a>\n                            <a href=\"#faq\" onclick=\"enfnNavigate('faq'); return false;\" style=\"transition: color 0.2s;\" onmouseover=\"this.style.color='#FFDE59'\" onmouseout=\"this.style.color='#94A3B8'\">FAQ &#038; Contact<\/a>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <h4 style=\"font-weight: 700; color: #FFFFFF; text-transform: uppercase; margin-bottom: 0.75rem;\">L\u00e9gal (OVH)<\/h4>\n                        <div style=\"display: flex; flex-direction: column; gap: 0.5rem; color: #94A3B8;\">\n                            <a href=\"#\" onclick=\"enfnModal('Mentions l\u00e9gales', '\u00c9diteur : ENFIN. Contact : entgentilhomme09@gmail.com. H\u00e9bergeur : OVHcloud, 2 rue Kellermann, 59100 Roubaix, France.'); return false;\" style=\"transition: color 0.2s;\" onmouseover=\"this.style.color='#FFDE59'\" onmouseout=\"this.style.color='#94A3B8'\">Mentions l\u00e9gales<\/a>\n                            <a href=\"#\" onclick=\"enfnModal('CGV', 'Vente de fiches PDF num\u00e9riques. Pas de droit de r\u00e9tractation apr\u00e8s t\u00e9l\u00e9chargement imm\u00e9diat (Art. L. 221-28 Code de la conso). Contact : entgentilhomme09@gmail.com'); return false;\" style=\"transition: color 0.2s;\" onmouseover=\"this.style.color='#FFDE59'\" onmouseout=\"this.style.color='#94A3B8'\">CGV<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div style=\"padding-top: 2rem; border-top: 1px solid #1E293B; font-size: 0.75rem; color: #64748B;\">\n                    <p>\u00a9 2026 ENFIN. H\u00e9berg\u00e9 par OVHcloud. Tous droits r\u00e9serv\u00e9s.<\/p>\n                <\/div>\n            <\/div>\n        <\/footer>\n\n        <!-- MODAL CHECKOUT -->\n        <div id=\"enfnChkModal\" style=\"position: fixed; inset: 0; z-index: 50; background-color: rgba(0, 0, 0, 0.8); backdrop-filter: blur(4px); display: none; align-items: center; justify-content: center; padding: 1rem;\">\n            <div style=\"background-color: #131B2E; border: 1px solid #1E293B; border-radius: 1.5rem; max-width: 28rem; width: 100%; padding: 2rem; position: relative; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7); display: flex; flex-direction: column; gap: 1.5rem;\">\n                <button onclick=\"enfnCloseChk()\" style=\"position: absolute; top: 1.5rem; right: 1.5rem; color: #94A3B8; font-size: 1.25rem; background: transparent; border: none; cursor: pointer;\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n                <div>\n                    <h3 id=\"enfnChkTitle\" style=\"font-size: 1.5rem; font-weight: 900; color: #FFFFFF; margin-bottom: 0.5rem;\">ENFIN.<\/h3>\n                    <p id=\"enfnChkPrice\" style=\"font-size: 1.5rem; font-weight: 900; color: #FFDE59;\">9,90 \u20ac<\/p>\n                <\/div>\n                <form onsubmit=\"enfnHandleCheckout(event)\" style=\"display: flex; flex-direction: column; gap: 1rem;\">\n                    <input type=\"email\" required placeholder=\"ton.email@domaine.fr\" style=\"width: 100%; background-color: #0B0F19; border: 1px solid #1E293B; border-radius: 0.75rem; padding: 0.875rem 1rem; color: #FFFFFF; font-size: 0.875rem; outline: none;\">\n                    <button type=\"submit\" style=\"width: 100%; background-color: #FFDE59; color: #0B0F19; font-weight: 800; padding: 1rem; border-radius: 1rem; border: none; cursor: pointer; box-shadow: 0 10px 15px -3px rgba(255, 222, 89, 0.1);\">PAYER ET RECEVOIR LE PDF<\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <!-- MODAL G\u00c9N\u00c9RAL -->\n        <div id=\"enfnInfModal\" style=\"position: fixed; inset: 0; z-index: 50; background-color: rgba(0, 0, 0, 0.8); backdrop-filter: blur(4px); display: none; align-items: center; justify-content: center; padding: 1rem;\">\n            <div style=\"background-color: #131B2E; border: 1px solid #1E293B; border-radius: 1.5rem; max-width: 32rem; width: 100%; padding: 2rem; position: relative; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7); display: flex; flex-direction: column; gap: 1rem;\">\n                <button onclick=\"enfnCloseModal()\" style=\"position: absolute; top: 1.5rem; right: 1.5rem; color: #94A3B8; background: transparent; border: none; cursor: pointer;\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n                <h3 id=\"enfnModTitle\" style=\"font-size: 1.25rem; font-weight: 900; color: #FFFFFF;\">Info<\/h3>\n                <div id=\"enfnModContent\" style=\"color: #CBD5E1; font-size: 0.875rem; line-height: 1.6;\"><\/div>\n                <div style=\"text-align: right; padding-top: 0.5rem;\"><button onclick=\"enfnCloseModal()\" style=\"background-color: #FFDE59; color: #0B0F19; font-weight: 700; padding: 0.625rem 1.5rem; border-radius: 0.75rem; border: none; cursor: pointer;\">Fermer<\/button><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- SCRIPT DE GESTION -->\n    <script>\n        function enfnNavigate(pageId) {\n            const pages = document.querySelectorAll('#enfn-root-wrapper .enfn-page');\n            pages.forEach(p => p.style.display = 'none');\n            const target = document.getElementById(`enfn-view-${pageId}`);\n            if (target) {\n                target.style.display = 'block';\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n                window.location.hash = pageId;\n            }\n        }\n        window.addEventListener('DOMContentLoaded', () => {\n            const h = window.location.hash.replace('#', '');\n            if (['home', 'packs', 'free-sheet', 'about', 'faq'].includes(h)) {\n                enfnNavigate(h);\n            } else {\n                enfnNavigate('home');\n            }\n        });\n\n        const enfnMobBtn = document.getElementById('enfnMobBtn');\n        const enfnMobMenu = document.getElementById('enfnMobMenu');\n        function enfnToggleMob() {\n            if (enfnMobMenu.style.display === 'block') {\n                enfnMobMenu.style.display = 'none';\n            } else {\n                enfnMobMenu.style.display = 'block';\n            }\n        }\n        if(enfnMobBtn) enfnMobBtn.addEventListener('click', enfnToggleMob);\n\n        const chk = document.getElementById('enfnChkModal');\n        function enfnOpenCheckout(title, price) {\n            document.getElementById('enfnChkTitle').textContent = title;\n            document.getElementById('enfnChkPrice').textContent = price;\n            chk.style.display = 'flex';\n        }\n        function enfnCloseChk() { chk.style.display = 'none'; }\n        function enfnHandleCheckout(e) {\n            e.preventDefault();\n            enfnCloseChk();\n            enfnModal('Paiement r\u00e9ussi ! \ud83c\udf89', 'Ton pack ENFIN. a \u00e9t\u00e9 envoy\u00e9 par e-mail avec succ\u00e8s sur ton adresse.');\n        }\n\n        const inf = document.getElementById('enfnInfModal');\n        function enfnModal(title, text) {\n            document.getElementById('enfnModTitle').textContent = title;\n            document.getElementById('enfnModContent').innerHTML = `<p>${text}<\/p>`;\n            inf.style.display = 'flex';\n        }\n        function enfnCloseModal() { inf.style.display = 'none'; }\n\n        function enfnHandleContact(e) {\n            e.preventDefault();\n            e.target.reset();\n            enfnModal('Message envoy\u00e9 ! \u2709\ufe0f', 'Merci pour ton message. Nous te r\u00e9pondrons rapidement sur entgentilhomme09@gmail.com.');\n        }\n    <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ENFIN. Accueil Packs Fiche gratuite \u00c0 propos FAQ &#038; Contact D\u00c9COUVRIR LES PACKS Accueil Packs Fiche gratuite \u00c0 propos (Fondateur) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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":""},"categories":[1],"tags":[],"class_list":["post-6","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/enfin10.fr\/wp-json\/wp\/v2\/posts\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enfin10.fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/enfin10.fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/enfin10.fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enfin10.fr\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":1,"href":"https:\/\/enfin10.fr\/wp-json\/wp\/v2\/posts\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/enfin10.fr\/wp-json\/wp\/v2\/posts\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/enfin10.fr\/wp-json\/wp\/v2\/media?parent=6"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/enfin10.fr\/wp-json\/wp\/v2\/categories?post=6"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/enfin10.fr\/wp-json\/wp\/v2\/tags?post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}