{"id":12,"date":"2026-06-25T17:08:45","date_gmt":"2026-06-25T17:08:45","guid":{"rendered":"http:\/\/boost-trajectoire-pro.fr\/index.php\/homepage\/"},"modified":"2026-07-02T14:26:08","modified_gmt":"2026-07-02T14:26:08","slug":"homepage","status":"publish","type":"page","link":"http:\/\/boost-trajectoire-pro.fr\/","title":{"rendered":"Homepage"},"content":{"rendered":"
\n
\n
\n
\n\n\n\n\nBoost Trajectoire Pro \u2014 L'atelier qui remet en mouvement !<\/title>\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=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n \/* Brand palette \u2014 converted from oklch source *\/\n --paper: #FAFAF8;\n --ink: #222222;\n --muted-ink: #666666;\n\n --background: var(--paper);\n --foreground: var(--ink);\n\n --card: #FFFFFF;\n --card-foreground: var(--ink);\n\n --primary: #052551; \/* deep blue *\/\n --primary-foreground: #FAFAF8;\n\n --muted: #F4F3F0;\n --muted-foreground: var(--muted-ink);\n\n --border: #E4E2DC;\n\n --sun: #FFC019; \/* yellow *\/\n --sun-foreground: #222222;\n --ember: #F28C28; \/* orange *\/\n --ember-foreground: #FAFAF8;\n --sage: #5AB18F; \/* green *\/\n --sage-foreground: #222222;\n\n --radius-lg: 0.75rem;\n --radius-xl: 1.25rem;\n\n --shadow-soft: 0 1px 2px rgba(5,37,81,0.06), 0 8px 24px rgba(5,37,81,0.08);\n --shadow-card: 0 1px 0 rgba(5,37,81,0.04), 0 12px 32px -8px rgba(5,37,81,0.12);\n --gradient-sun: linear-gradient(135deg, #FFC019, #F0A23E);\n }\n\n html { scroll-behavior: smooth; overflow-x: hidden; }\n\n body {\n font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;\n background-color: var(--background);\n color: var(--foreground);\n line-height: 1.6;\n font-size: 16px;\n -webkit-font-smoothing: antialiased;\n background-image: radial-gradient(rgba(5,37,81,0.025) 1px, transparent 1px);\n background-size: 18px 18px;\n overflow-x: hidden;\n }\n\n \/* Full-bleed sections: stretch to 100% of the immediate parent (the\n module\/column Divi places this code in), without trying to break out\n past the viewport. This avoids the overflow\/misalignment issues that\n vw-based or JS-measured full-bleed tricks caused inside Divi's layout.\n For this to look truly edge-to-edge, place the Code module inside a\n Divi \"Fullwidth Section\" (not a regular boxed section) \u2014 see notes. *\/\n .btp-fullbleed {\n width: 100%;\n box-sizing: border-box;\n }\n\n h1, h2, h3, h4 {\n font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;\n letter-spacing: -0.02em;\n font-weight: 800;\n }\n\n .btp-wrap { max-width: 1280px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; width: 100%; }\n @media (max-width: 600px) {\n .btp-wrap { padding: 0 20px !important; }\n }\n .btp-section { padding: 96px 0; }\n\n \/* Utilities *\/\n .btp-chip {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.35rem 0.75rem;\n border-radius: 999px;\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n background: rgba(5,37,81,0.06);\n color: var(--primary);\n border: 1px solid rgba(5,37,81,0.12);\n }\n .btp-chip svg { width: 14px; height: 14px; }\n .btp-chip--sun { background: rgba(246,196,69,0.22); color: #8a6a12; border-color: rgba(246,196,69,0.4); }\n .btp-chip--white { background: #FFFFFF; color: var(--ember); border-color: #FFFFFF; }\n .btp-chip--ink { background: rgba(34,34,34,0.08); color: var(--ink); border-color: rgba(34,34,34,0.14); }\n\n .btp-card {\n background-color: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius-xl);\n box-shadow: var(--shadow-card);\n }\n\n .btp-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n border-radius: 999px;\n padding: 14px 26px;\n font-size: 0.92rem;\n font-weight: 700;\n text-decoration: none;\n border: none;\n cursor: pointer;\n transition: all 0.2s ease;\n font-family: inherit;\n }\n .btp-btn--primary {\n background: var(--primary);\n color: var(--primary-foreground);\n box-shadow: var(--shadow-soft);\n }\n .btp-btn--primary:hover { background: #03162f; transform: translateY(-1px); }\n .btp-btn--ghost {\n background: var(--card);\n color: var(--ink);\n border: 1px solid var(--border);\n }\n .btp-btn--ghost:hover { background: var(--muted); }\n .btp-btn--sun {\n background: var(--sun);\n color: var(--sun-foreground);\n }\n .btp-btn--sun:hover { background: #e6ac17; }\n\n .text-balance { text-wrap: balance; }\n .text-pretty { text-wrap: pretty; }\n\n \/* NAV *\/\n .btp-nav {\n position: sticky; top: 0; z-index: 100;\n background: rgba(250,250,248,0.85);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(228,226,220,0.7);\n }\n .btp-nav-inner {\n display: flex; align-items: center; justify-content: space-between;\n padding: 16px 24px;\n }\n .btp-logo {\n display: flex; align-items: center; gap: 8px;\n font-weight: 800; letter-spacing: -0.01em;\n color: var(--primary);\n text-decoration: none;\n font-size: 1.02rem;\n }\n .btp-logo-icon {\n display: inline-flex; align-items: center; justify-content: center;\n width: 32px; height: 32px; border-radius: 8px;\n background: var(--primary); color: var(--primary-foreground);\n }\n .btp-logo-icon svg { width: 16px; height: 16px; }\n .btp-nav-links {\n display: flex; align-items: center; gap: 32px;\n font-size: 0.9rem; color: var(--muted-foreground);\n }\n .btp-nav-links a { color: inherit; text-decoration: none; transition: color 0.15s; }\n .btp-nav-links a:hover { color: var(--foreground); }\n @media (max-width: 768px) { .btp-nav-links { display: none; } }\n\n \/* HERO *\/\n .btp-hero { position: relative; overflow: hidden; }\n .btp-hero-glow-1 {\n position: absolute; top: -10%; right: -10%;\n width: 420px; height: 420px; border-radius: 50%;\n background: rgba(246,196,69,0.3); filter: blur(70px); z-index: -1;\n }\n .btp-hero-glow-2 {\n position: absolute; bottom: -15%; left: -10%;\n width: 420px; height: 420px; border-radius: 50%;\n background: rgba(90,177,143,0.25); filter: blur(70px); z-index: -1;\n }\n .btp-hero-grid {\n display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center;\n padding: 80px 0 96px;\n }\n .btp-hero h1 { font-size: clamp(2.2rem, 4.2vw, 3.7rem); line-height: 1.06; margin-top: 24px; }\n .btp-hero h1 .btp-highlight {\n position: relative; display: inline-block;\n color: var(--ember);\n }\n .btp-hero h1 .btp-highlight span { position: relative; z-index: 1; color: var(--ember); }\n .btp-hero-sub { margin-top: 24px; font-size: 1.08rem; color: var(--muted-foreground); max-width: 540px; }\n .btp-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; }\n .btp-hero-trust { display: flex; align-items: center; gap: 16px; margin-top: 40px; font-size: 0.78rem; color: var(--muted-foreground); }\n .btp-avatars { display: flex; }\n .btp-avatars span {\n width: 28px; height: 28px; border-radius: 50%;\n border: 2px solid var(--background); margin-left: -8px;\n }\n .btp-avatars span:first-child { margin-left: 0; }\n\n .btp-hero-visual { position: relative; }\n .btp-hero-visual .btp-card { overflow: hidden; }\n .btp-hero-visual img { width: 100%; height: auto; display: block; object-fit: cover; }\n .btp-floating-tag {\n position: absolute;\n display: none;\n align-items: center; gap: 8px;\n background: var(--card);\n padding: 8px 12px;\n border-radius: 10px;\n font-size: 0.75rem; font-weight: 700;\n box-shadow: var(--shadow-card);\n border: 1px solid var(--border);\n }\n .btp-floating-tag svg { width: 14px; height: 14px; color: var(--ember); }\n @media (min-width: 768px) { .btp-floating-tag { display: flex; } }\n\n @media (max-width: 900px) {\n .btp-hero-grid { grid-template-columns: 1fr; }\n }\n\n \/* LOGOS *\/\n .btp-logos {\n border-top: 1px solid rgba(228,226,220,0.7);\n border-bottom: 1px solid rgba(228,226,220,0.7);\n background: rgba(255,255,255,0.5);\n }\n .btp-logos-inner {\n display: flex; flex-wrap: wrap; align-items: center; justify-content: center;\n gap: 16px 48px; padding: 32px 24px;\n }\n .btp-logos-label { font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted-foreground); }\n .btp-logos-item { font-size: 1rem; font-weight: 700; color: rgba(34,34,34,0.7); display: inline-flex; align-items: center; gap: 8px; }\n .btp-logos-item img { height: 1.3em; width: auto; display: block; }\n\n \/* PROBLEM *\/\n .btp-problem-head { max-width: 760px; }\n .btp-problem-head h2 { font-size: clamp(1.8rem, 3.4vw, 2.8rem); line-height: 1.18; margin-top: 16px; }\n .btp-problem-head h2 .btp-ember { color: var(--ember); }\n .btp-problem-grid {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 48px;\n }\n .btp-problem-item {\n display: flex; align-items: center; gap: 12px; padding: 20px;\n transition: transform 0.2s;\n }\n .btp-problem-item:hover { transform: translateY(-2px); }\n .btp-problem-icon {\n display: inline-flex; align-items: center; justify-content: center;\n width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0;\n background: rgba(242,140,40,0.1); color: var(--ember);\n }\n .btp-problem-icon svg { width: 16px; height: 16px; }\n .btp-problem-item span.label { font-weight: 600; font-size: 0.92rem; }\n .btp-problem-footer { margin-top: 48px; max-width: 600px; font-size: 1.1rem; color: var(--muted-foreground); }\n .btp-problem-footer strong { color: var(--foreground); font-weight: 700; }\n @media (max-width: 900px) { .btp-problem-grid { grid-template-columns: repeat(2, 1fr); } }\n @media (max-width: 560px) { .btp-problem-grid { grid-template-columns: 1fr; } }\n\n \/* SOLUTION *\/\n .btp-solution {\n background: var(--primary); color: var(--primary-foreground);\n position: relative; overflow: hidden;\n }\n .btp-solution-glow {\n display: none;\n }\n .btp-solution-grid {\n position: relative; display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center;\n }\n .btp-solution-grid h2 { font-size: clamp(1.8rem, 3.4vw, 2.9rem); line-height: 1.18; margin-top: 16px; color: #fff; }\n .btp-solution-grid h2 .btp-sun-text { color: var(--sun); }\n .btp-solution-grid p.lead { margin-top: 24px; color: rgba(250,250,248,0.8); font-size: 1.08rem; max-width: 480px; }\n .btp-benefit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 32px; max-width: 420px; }\n .btp-benefit {\n display: flex; align-items: center; gap: 10px;\n background: rgba(250,250,248,0.1); backdrop-filter: blur(6px);\n border: 1px solid rgba(250,250,248,0.15);\n border-radius: 12px; padding: 12px 16px;\n }\n .btp-benefit svg { width: 16px; height: 16px; color: var(--sun); flex-shrink: 0; }\n .btp-benefit span { font-size: 0.85rem; font-weight: 700; }\n\n .btp-solution-visual { position: relative; }\n .btp-solution-visual .btp-card { overflow: hidden; background: var(--paper); transform: rotate(-2deg); }\n .btp-solution-visual img { width: 100%; height: auto; display: block; }\n .btp-solution-note {\n position: absolute; bottom: -24px; left: -24px;\n background: var(--card); border-radius: var(--radius-xl);\n box-shadow: var(--shadow-card);\n padding: 16px; max-width: 220px; transform: rotate(3deg);\n display: none;\n }\n @media (min-width: 768px) { .btp-solution-note { display: block; } }\n .btp-solution-note p.eyebrow { font-size: 0.72rem; color: var(--muted-foreground); }\n .btp-solution-note p.body-text { margin-top: 4px; font-size: 0.88rem; font-weight: 700; color: var(--foreground); }\n @media (max-width: 900px) { .btp-solution-grid { grid-template-columns: 1fr; } .btp-solution-note { display: none; } }\n\n \/* FOR PROS (head reused by PRICING section) *\/\n .btp-pros-head { max-width: 760px; }\n .btp-pros-head h2 { font-size: clamp(1.8rem, 3.4vw, 2.8rem); line-height: 1.18; margin-top: 16px; }\n\n \/* COMPACT CTA BANNER (comparison) *\/\n .btp-cta-banner {\n background: var(--primary); border-radius: var(--radius-xl);\n padding: 30px 40px;\n display: grid; grid-template-columns: auto 1fr auto; align-items: center;\n gap: 32px;\n position: relative; overflow: hidden;\n }\n .btp-cta-banner-text h3 {\n font-size: 1.25rem; line-height: 1.32; color: #fff; font-weight: 800;\n position: relative; z-index: 1;\n }\n .btp-cta-banner-text h3 .btp-script {\n font-family: Georgia, serif; font-style: italic; font-weight: 400;\n color: var(--sun);\n }\n .btp-cta-banner-middle {\n display: flex; align-items: center; justify-content: center;\n position: relative; z-index: 1;\n }\n .btp-cta-banner-form {\n display: flex; align-items: center; gap: 12px; flex-wrap: wrap;\n justify-content: center;\n }\n .btp-cta-banner-divider {\n width: 1px; height: 36px; background: rgba(255,255,255,0.2);\n }\n .btp-cta-banner input {\n background: rgba(255,255,255,0.97); border: 2px solid transparent; outline: none;\n border-radius: 999px; padding: 12px 18px; font-family: inherit;\n font-size: 0.9rem; min-width: 240px; color: var(--ink);\n transition: border-color 0.15s;\n }\n .btp-cta-banner input:focus { border-color: var(--sun); }\n .btp-cta-banner input::placeholder { color: var(--muted-foreground); }\n .btp-cta-banner button {\n display: inline-flex; align-items: center; gap: 6px;\n background: var(--sun); color: var(--ink); border: none;\n border-radius: 999px; padding: 12px 24px; font-weight: 800;\n font-size: 0.9rem; font-family: inherit; cursor: pointer; white-space: nowrap;\n transition: background 0.15s;\n }\n .btp-cta-banner button:hover { background: #e6ac17; }\n .btp-cta-banner button:disabled { opacity: 0.7; cursor: not-allowed; }\n .btp-cta-banner-success {\n display: inline-flex; align-items: center; gap: 10px;\n background: var(--sun); color: var(--ink); border-radius: 999px;\n padding: 12px 24px; font-weight: 700; font-size: 0.9rem;\n white-space: nowrap;\n }\n .btp-cta-banner-error {\n background: var(--ember); color: #fff; border-radius: 999px;\n padding: 10px 20px; font-size: 0.85rem; font-weight: 600;\n }\n .btp-cta-banner-deco {\n height: 90px; width: auto; max-width: 220px;\n object-fit: contain;\n pointer-events: none;\n position: relative; z-index: 0;\n flex-shrink: 0;\n }\n @media (max-width: 900px) {\n .btp-cta-banner { grid-template-columns: 1fr; text-align: center; }\n .btp-cta-banner-deco { display: none; }\n }\n @media (max-width: 700px) {\n .btp-cta-banner { padding: 24px; }\n .btp-cta-banner-divider { display: none; }\n .btp-cta-banner-form { width: 100%; flex-direction: column; align-items: stretch; }\n .btp-cta-banner input { min-width: 0; }\n }\n\n \/* FOR PROS V2 \u2014 comparison section with photo + checklist *\/\n .btp-pros2 { background: var(--background); }\n .btp-pros2-grid {\n display: grid; grid-template-columns: 1fr 1.2fr; gap: 56px; align-items: center;\n }\n .btp-pros2-visual { position: relative; }\n .btp-pros2-visual .btp-card { overflow: hidden; }\n .btp-pros2-visual img { width: 100%; max-height: 480px; height: auto; object-fit: cover; display: block; }\n .btp-pros2-badge {\n position: absolute; bottom: 24px; left: 24px;\n background: #fff; border-radius: var(--radius-xl);\n box-shadow: var(--shadow-card);\n padding: 20px; max-width: 280px;\n }\n .btp-pros2-badge p.badge-text {\n font-size: 0.92rem; font-weight: 600; color: var(--ink); line-height: 1.4;\n }\n .btp-pros2-badge .badge-underline {\n width: 36px; height: 3px; background: var(--sage);\n border-radius: 2px; margin-top: 12px;\n }\n .btp-pros2-head h2 {\n font-size: clamp(1.8rem, 3.2vw, 2.6rem); line-height: 1.2;\n }\n .btp-pros2-head h2 .btp-script {\n font-family: Georgia, serif; font-style: italic; font-weight: 400;\n color: var(--sage);\n }\n .btp-pros2-list {\n display: grid; grid-template-columns: 1fr 1fr; gap: 28px 24px;\n margin-top: 40px;\n }\n .btp-pros2-item { display: flex; align-items: flex-start; gap: 12px; }\n .btp-pros2-check {\n width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0;\n background: rgba(111,163,126,0.18); color: var(--sage);\n display: flex; align-items: center; justify-content: center;\n margin-top: 2px;\n }\n .btp-pros2-check svg { width: 13px; height: 13px; }\n .btp-pros2-item h4 { font-size: 0.98rem; font-weight: 700; color: var(--ink); }\n .btp-pros2-item p { font-size: 0.85rem; color: var(--muted-foreground); margin-top: 4px; line-height: 1.45; }\n @media (max-width: 900px) {\n .btp-pros2-grid { grid-template-columns: 1fr; }\n .btp-pros2-list { grid-template-columns: 1fr; }\n }\n\n \/* TESTIMONIALS V2 \u2014 comparison section with avatars *\/\n .btp-testimonials2 { background: var(--background); }\n .btp-testimonials2-head { text-align: center; max-width: 760px; margin: 0 auto; }\n .btp-testimonials2-head h2 {\n font-size: clamp(1.8rem, 3.2vw, 2.6rem); line-height: 1.2;\n }\n .btp-testimonials2-head h2 .btp-script {\n font-family: Georgia, serif; font-style: italic; font-weight: 400;\n color: var(--sage);\n }\n .btp-testimonials2-grid {\n display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px;\n margin-top: 56px; align-items: stretch;\n }\n .btp-t2-card {\n padding: 24px; display: flex; flex-direction: column;\n }\n .btp-t2-card .mark {\n font-size: 2.4rem; line-height: 1; color: var(--sun);\n font-family: Georgia, serif;\n }\n .btp-t2-card blockquote {\n font-size: 0.92rem; line-height: 1.5; color: var(--ink); flex: 1;\n margin-top: 8px;\n }\n .btp-t2-footer {\n display: flex; align-items: center; gap: 10px; margin-top: 20px;\n }\n .btp-t2-avatar {\n width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0;\n display: flex; align-items: center; justify-content: center;\n font-weight: 800; font-size: 0.95rem; color: #fff;\n }\n .btp-t2-name { font-weight: 700; font-size: 0.9rem; color: var(--ink); }\n .btp-t2-role { font-size: 0.78rem; color: var(--muted-foreground); }\n @media (max-width: 1100px) { .btp-testimonials2-grid { grid-template-columns: repeat(2, 1fr); } }\n @media (max-width: 600px) { .btp-testimonials2-grid { grid-template-columns: 1fr; } }\n\n \/* VIDEO TESTIMONIALS *\/\n .btp-videos {\n background: var(--background); color: var(--foreground);\n position: relative; overflow: hidden;\n }\n .btp-videos-glow {\n display: none;\n }\n .btp-videos-head { position: relative; text-align: center; max-width: 700px; margin: 0 auto; }\n .btp-videos-head h2 { font-size: clamp(1.8rem, 3.4vw, 2.7rem); line-height: 1.2; margin-top: 16px; color: var(--ink); }\n .btp-videos-head h2 .btp-sun-text { color: var(--ember); }\n .btp-videos-grid {\n position: relative; margin-top: 56px;\n display: grid; grid-template-columns: 1fr 1fr; gap: 32px;\n }\n .btp-video-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius-xl);\n padding: 12px;\n box-shadow: var(--shadow-card);\n }\n \/* NOTE: Divi automatically wraps YouTube\/Vimeo iframes in its own\n responsive container (div.fluid-width-video-wrapper, via its FitVid\n script), which already applies padding-top:56.25% for the 16:9 ratio.\n We must NOT apply position:relative + padding-top on .btp-video-frame\n ourselves, or the two ratio systems stack and break the layout. We\n let Divi's wrapper own the ratio\/positioning, and just style the\n visual chrome (radius, background) here. *\/\n .btp-video-frame {\n border-radius: calc(var(--radius-xl) - 6px);\n overflow: hidden;\n background: #0c1622;\n }\n .btp-video-frame .fluid-width-video-wrapper {\n border-radius: inherit;\n overflow: hidden;\n }\n .btp-video-frame iframe {\n border: 0; margin: 0; padding: 0;\n }\n @media (max-width: 800px) { .btp-videos-grid { grid-template-columns: 1fr; } }\n\n \/* PRICING *\/\n .btp-pricing-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\n margin: 48px auto 0; max-width: 980px;\n }\n .btp-pricing-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius-xl);\n padding: 32px;\n display: flex; flex-direction: column;\n transition: box-shadow 0.2s ease, transform 0.2s ease;\n }\n .btp-pricing-card:hover {\n box-shadow: 0 0 0 1px var(--pricing-accent);\n transform: translateY(-2px);\n }\n .btp-pricing-card h3 {\n font-size: 1.4rem; font-weight: 800; margin-bottom: 24px;\n color: var(--pricing-accent-text); letter-spacing: 0.01em;\n line-height: 1.15; text-transform: uppercase;\n }\n .btp-pricing-rows { display: flex; flex-direction: column; gap: 20px; }\n .btp-pricing-row { padding-bottom: 18px; border-bottom: 1px solid var(--border); }\n .btp-pricing-row:last-child { border-bottom: none; padding-bottom: 0; }\n .btp-pricing-row .label {\n font-size: 0.72rem; color: var(--muted-foreground); margin-bottom: 6px;\n text-transform: uppercase; letter-spacing: 0.03em;\n }\n .btp-pricing-row .price {\n display: block; font-weight: 800; line-height: 1.1; color: var(--foreground);\n }\n .btp-pricing-row.primary .price { font-size: 1.9rem; }\n .btp-pricing-row.secondary .price { font-size: 1.4rem; font-weight: 700; }\n .btp-pricing-row .price .prefix { font-weight: 500; font-size: 0.85em; }\n .btp-pricing-row .price .unit { font-size: 0.7rem; font-weight: 500; color: var(--muted-foreground); }\n .btp-pricing-cta { text-align: center; margin-top: 48px; }\n .btp-pricing-cta a {\n display: inline-flex; align-items: center; gap: 10px;\n background: var(--primary);\n color: #fff;\n text-decoration: none; padding: 16px 38px;\n border-radius: 999px; font-size: 0.98rem; font-weight: 700;\n letter-spacing: 0.01em;\n box-shadow: 0 4px 14px rgba(5,37,81,0.25);\n transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n }\n .btp-pricing-cta a svg { transition: transform 0.2s; }\n .btp-pricing-cta a:hover {\n background: #03162f;\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(5,37,81,0.3);\n }\n .btp-pricing-cta a:hover svg { transform: translateX(3px); }\n @media (max-width: 900px) { .btp-pricing-grid { grid-template-columns: 1fr; max-width: 480px; } }\n\n \/* TRAINING *\/\n .btp-training { position: relative; overflow: hidden; }\n .btp-training-bg { position: absolute; inset: 0; background: var(--gradient-sun); opacity: 0.3; z-index: -1; }\n .btp-training-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }\n .btp-training-grid h2 { font-size: clamp(1.8rem, 3.4vw, 2.7rem); line-height: 1.2; margin-top: 16px; }\n .btp-training-grid h2 .btp-underline { text-decoration: underline; text-decoration-color: var(--ember); text-decoration-thickness: 4px; text-underline-offset: 4px; }\n .btp-training-grid p.lead { margin-top: 24px; font-size: 1.08rem; color: rgba(34,34,34,0.8); max-width: 460px; }\n .btp-training-list { display: grid; gap: 12px; }\n .btp-training-item { display: flex; align-items: flex-start; gap: 12px; padding: 20px; }\n .btp-training-check {\n margin-top: 2px; display: inline-flex; align-items: center; justify-content: center;\n width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0;\n background: var(--primary); color: var(--primary-foreground);\n }\n .btp-training-check svg { width: 14px; height: 14px; }\n .btp-training-item span { font-weight: 600; }\n @media (max-width: 900px) { .btp-training-grid { grid-template-columns: 1fr; } }\n\n \/* FAQ *\/\n .btp-faq-wrap { max-width: 800px; margin: 0 auto; padding: 0 24px; }\n .btp-faq-head { text-align: center; }\n .btp-faq-head h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); margin-top: 16px; }\n .btp-faq-list { margin-top: 48px; display: grid; gap: 12px; }\n .btp-faq-item { padding: 0 24px; overflow: hidden; }\n .btp-faq-q {\n width: 100%; text-align: left; background: none; border: none; cursor: pointer;\n padding: 22px 0; font-weight: 700; font-size: 1rem; color: var(--foreground);\n display: flex; align-items: center; justify-content: space-between; gap: 16px;\n font-family: inherit;\n }\n .btp-faq-q .chevron { width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.25s; color: var(--muted-foreground); }\n .btp-faq-item.open .btp-faq-q .chevron { transform: rotate(180deg); }\n .btp-faq-a {\n max-height: 0; overflow: hidden; transition: max-height 0.3s ease;\n }\n .btp-faq-a p { padding-bottom: 32px; color: var(--muted-foreground); line-height: 1.65; }\n .btp-faq-item.open .btp-faq-a { padding-bottom: 8px; }\n\n \/* FINAL CTA *\/\n .btp-final-cta {\n background: var(--primary); color: var(--primary-foreground);\n position: relative; overflow: hidden; text-align: center;\n }\n .btp-final-glow {\n display: none;\n }\n .btp-final-texture {\n display: none;\n }\n .btp-final-inner { position: relative; max-width: 760px; margin: 0 auto; padding: 0 24px; }\n .btp-final-inner h2 { font-size: clamp(1.8rem, 3.6vw, 2.9rem); line-height: 1.2; margin-top: 24px; color: #fff; }\n .btp-final-inner h2 .btp-sun-text { color: var(--sun); white-space: nowrap; }\n .btp-final-inner p.lead { margin-top: 24px; font-size: 1.08rem; color: rgba(250,250,248,0.8); max-width: 600px; margin-left: auto; margin-right: auto; }\n .btp-form {\n margin-top: 40px; max-width: 520px; margin-left: auto; margin-right: auto;\n display: flex; gap: 10px; padding: 8px;\n border-radius: 18px; background: rgba(250,250,248,0.1); backdrop-filter: blur(6px);\n border: 1px solid rgba(250,250,248,0.15);\n }\n .btp-form input {\n flex: 1; background: transparent; border: none; outline: none;\n padding: 14px 16px; color: var(--primary-foreground); font-family: inherit; font-size: 0.95rem;\n }\n .btp-form input::placeholder { color: rgba(250,250,248,0.5); }\n .btp-form button {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--sun); color: var(--ink); border: none; border-radius: 12px;\n padding: 14px 24px; font-weight: 800; font-size: 0.92rem; cursor: pointer; font-family: inherit;\n transition: background 0.2s;\n }\n .btp-form button:hover { background: #e6ac17; }\n .btp-form button svg { width: 16px; height: 16px; }\n @media (max-width: 560px) { .btp-form { flex-direction: column; } }\n .btp-form-success {\n margin-top: 40px; display: inline-flex; align-items: center; gap: 12px;\n background: var(--sun); color: var(--ink); border-radius: 999px; padding: 16px 28px;\n font-weight: 700; box-shadow: var(--shadow-soft);\n }\n .btp-form-success svg { width: 20px; height: 20px; }\n .btp-fine-print { margin-top: 16px; font-size: 0.75rem; color: rgba(250,250,248,0.6); }\n\n \/* BIG FINAL CTA (imported comparison) *\/\n .btp-bigcta {\n background: radial-gradient(ellipse 120% 100% at 30% 0%, #0c3a73 0%, var(--primary) 55%, #02152e 100%);\n border-radius: var(--radius-xl);\n padding: 72px 48px;\n text-align: center;\n position: relative; overflow: hidden;\n }\n .btp-bigcta-label {\n font-size: 0.75rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase;\n color: var(--ember);\n }\n .btp-bigcta h2 {\n font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.08; color: #fff;\n margin-top: 20px; max-width: 880px; margin-left: auto; margin-right: auto;\n }\n .btp-bigcta p.lead {\n margin-top: 28px; font-size: 1.1rem; color: rgba(255,255,255,0.7);\n max-width: 560px; margin-left: auto; margin-right: auto; line-height: 1.55;\n }\n .btp-bigcta-actions {\n display: flex; align-items: center; justify-content: center; gap: 14px;\n flex-wrap: wrap; margin-top: 40px;\n }\n .btp-bigcta-actions .btp-btn--primary { background: var(--ember); color: #fff; }\n .btp-bigcta-actions .btp-btn--ghost-light {\n background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.3);\n }\n .btp-bigcta-fine {\n margin-top: 28px; font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase;\n color: rgba(255,255,255,0.45);\n }\n @media (max-width: 600px) { .btp-bigcta { padding: 48px 24px; } }\n\n \/* WHERE TO PLACE (imported comparison) *\/\n .btp-placement { background: var(--background); }\n .btp-placement-grid {\n display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center;\n }\n .btp-placement-visual .btp-card { overflow: hidden; }\n .btp-placement-visual img { width: 100%; max-height: 460px; object-fit: cover; display: block; }\n .btp-placement-head h2 {\n font-size: clamp(1.8rem, 3.2vw, 2.6rem); line-height: 1.2; margin-top: 16px;\n }\n .btp-placement-list { display: grid; gap: 24px; margin-top: 36px; }\n .btp-placement-item {\n border-left: 3px solid var(--ember); padding-left: 18px;\n }\n .btp-placement-item h4 { font-size: 1.02rem; font-weight: 700; }\n .btp-placement-item p { margin-top: 6px; color: var(--muted-foreground); font-size: 0.92rem; line-height: 1.5; }\n @media (max-width: 900px) { .btp-placement-grid { grid-template-columns: 1fr; } }\n\n \/* FOOTER *\/\n .btp-footer { border-top: 1px solid var(--border); }\n .btp-footer-inner {\n display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 16px;\n padding: 40px 24px; font-size: 0.9rem; color: var(--muted-foreground);\n }\n .btp-footer-brand { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--foreground); }\n .btp-footer-brand svg { width: 16px; height: 16px; color: var(--primary); }\n @media (min-width: 640px) { .btp-footer-inner { flex-direction: row; } }\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<header class=\"btp-nav btp-fullbleed\">\n <div class=\"btp-wrap btp-nav-inner\">\n <a href=\"#top\" class=\"btp-logo\">\n <span class=\"btp-logo-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"5.5\" cy=\"17.5\" r=\"3.5\"\/><circle cx=\"18.5\" cy=\"17.5\" r=\"3.5\"\/><path d=\"M15 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-3 11.5V14l-3-3 4-3 2 3h2\"\/><\/svg>\n <\/span>\n Boost Trajectoire Pro\n <\/a>\n <nav class=\"btp-nav-links\">\n <a href=\"#solution\">L'atelier<\/a>\n <a href=\"#pros\">Pour les pros<\/a>\n <a href=\"#faq\">FAQ<\/a>\n <\/nav>\n <a href=\"#waitlist\" class=\"btp-btn btp-btn--primary\" style=\"padding:10px 20px; font-size:0.85rem;\">\n Devenir pionniers\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"14\" height=\"14\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n <\/a>\n <\/div>\n<\/header>\n\n<!-- HERO -->\n<section id=\"top\" class=\"btp-hero\">\n <div class=\"btp-hero-glow-1\"><\/div>\n <div class=\"btp-hero-glow-2\"><\/div>\n <div class=\"btp-wrap btp-hero-grid\">\n <div>\n <span class=\"btp-chip\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3z\"\/><\/svg>\n Atelier collaboratif\n <\/span>\n <h1>Et si vos b\u00e9n\u00e9ficiaires devenaient <span class=\"btp-highlight\"><span>les entrepreneurs de leur trajectoire ?<\/span><\/span><\/h1>\n <p class=\"btp-hero-sub\">\n Vous \u00eates coachs, cabinet de conseil RH, espace carri\u00e8re \u00e9cole, association d'insertion (...) ? Boost Trajectoire Pro aide toutes celles et ceux qui cherchent un emploi ou celles et ceux qui cherchent \u00e0 en changer \u00e0 prendre de la hauteur, se mettre en \u00e9nergie et en mouvement.<br>\n Un outil con\u00e7u pour les professionnels de l'accompagnement.\n <\/p>\n <div class=\"btp-hero-actions\">\n <a href=\"#waitlist\" class=\"btp-btn btp-btn--primary\">\n Rejoindre la liste des pionniers\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"16\" height=\"16\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n <\/a>\n <a href=\"#solution\" class=\"btp-btn btp-btn--ghost\">D\u00e9couvrir l'atelier<\/a>\n <\/div>\n <div class=\"btp-hero-trust\">\n <div class=\"btp-avatars\">\n <span style=\"background:#FFC019;\"><\/span>\n <span style=\"background:#F28C28;\"><\/span>\n <span style=\"background:#5AB18F;\"><\/span>\n <span style=\"background:#052551;\"><\/span>\n <\/div>\n <span>D\u00e9j\u00e0 exp\u00e9riment\u00e9 aupr\u00e8s de publics accompagn\u00e9s par<br><strong style=\"color:var(--foreground);\">France Travail, APEC, MMIE<\/strong> et le grand public.<\/span>\n <\/div>\n <\/div>\n\n <div class=\"btp-hero-visual\">\n <div class=\"btp-card\">\n <img decoding=\"async\" src=\"https:\/\/fresquedelespritdentreprendre.org\/wp-content\/uploads\/2026\/06\/hero-photo.jpg\" alt=\"Groupe de participants souriants et enthousiastes lors d'un atelier Boost Trajectoire Pro\">\n <\/div>\n <div class=\"btp-floating-tag\" style=\"top:8%; left:4%; transform:rotate(-8deg);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"5\" cy=\"19\" r=\"2\"\/><circle cx=\"19\" cy=\"5\" r=\"2\"\/><path d=\"M5 17V9a4 4 0 0 1 4-4h6\"\/><\/svg>\n R\u00e9seau\n <\/div>\n <div class=\"btp-floating-tag\" style=\"top:20%; right:6%; transform:rotate(6deg);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h7l-1 8 11-12h-7l1-8z\"\/><\/svg>\n \u00c9nergie\n <\/div>\n <div class=\"btp-floating-tag\" style=\"bottom:12%; left:8%; transform:rotate(-4deg);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\n Pitch\n <\/div>\n <div class=\"btp-floating-tag\" style=\"bottom:18%; right:4%; transform:rotate(9deg);\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n Cible\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- LOGOS -->\n<section class=\"btp-logos btp-fullbleed\">\n <div class=\"btp-wrap btp-logos-inner\">\n <span class=\"btp-logos-label\">Exp\u00e9riment\u00e9 avec<\/span>\n <span class=\"btp-logos-item\"><img decoding=\"async\" src=\"https:\/\/fresquedelespritdentreprendre.org\/wp-content\/uploads\/2026\/06\/Boost-Trajectoire-pro-FT.png\" alt=\"France Travail\"><\/span>\n <span class=\"btp-logos-item\"><img decoding=\"async\" src=\"https:\/\/fresquedelespritdentreprendre.org\/wp-content\/uploads\/2026\/06\/Boost-Trajectoire-pro-APEC.png\" alt=\"APEC\"><\/span>\n <span class=\"btp-logos-item\"><img decoding=\"async\" src=\"https:\/\/fresquedelespritdentreprendre.org\/wp-content\/uploads\/2026\/06\/Boost-Trajectoire-pro-MMIE.png\" alt=\"\">MMIE<\/span>\n <span class=\"btp-logos-item\">Grand Public<\/span>\n <\/div>\n<\/section>\n\n<!-- PROBLEM -->\n<section class=\"btp-section\">\n <div class=\"btp-wrap\">\n <div class=\"btp-problem-head\">\n <span class=\"btp-chip\">Le constat<\/span>\n <h2>Vos b\u00e9n\u00e9ficiaires ont parfois les outils\u2026 <span class=\"btp-ember\">mais pas la vision d'ensemble.<\/span><\/h2>\n <\/div>\n\n <div class=\"btp-problem-grid\">\n <div class=\"btp-card btp-problem-item\">\n <span class=\"btp-problem-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/><\/svg><\/span>\n <span class=\"label\">Projet flou<\/span>\n <\/div>\n <div class=\"btp-card btp-problem-item\">\n <span class=\"btp-problem-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/span>\n <span class=\"label\">Perte de confiance<\/span>\n <\/div>\n <div class=\"btp-card btp-problem-item\">\n <span class=\"btp-problem-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span>\n <span class=\"label\">Isolement<\/span>\n <\/div>\n <div class=\"btp-card btp-problem-item\">\n <span class=\"btp-problem-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg><\/span>\n <span class=\"label\">Cible difficile \u00e0 identifier<\/span>\n <\/div>\n <div class=\"btp-card btp-problem-item\">\n <span class=\"btp-problem-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg><\/span>\n <span class=\"label\">Difficult\u00e9 \u00e0 se vendre<\/span>\n <\/div>\n <div class=\"btp-card btp-problem-item\">\n <span class=\"btp-problem-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h7l-1 8 11-12h-7l1-8z\"\/><\/svg><\/span>\n <span class=\"label\">Manque d'\u00e9nergie<\/span>\n <\/div>\n <\/div>\n\n <p class=\"btp-problem-footer\">\n Avant le CV, LinkedIn ou les entretiens, il faut souvent <strong>remettre de l'ordre dans la d\u00e9marche.<\/strong>\n <\/p>\n <\/div>\n<\/section>\n\n<!-- SOLUTION -->\n<section id=\"solution\" class=\"btp-solution btp-section btp-fullbleed\">\n <div class=\"btp-solution-glow\"><\/div>\n <div class=\"btp-wrap btp-solution-grid\">\n <div>\n <span class=\"btp-chip btp-chip--white\">L'atelier<\/span>\n <h2>Une vision globale de la recherche d'emploi <span class=\"btp-sun-text\">en une matin\u00e9e.<\/span><\/h2>\n <p class=\"lead\">Inspir\u00e9 de la Fresque de l'Esprit d'Entreprendre, l'atelier mobilise les derni\u00e8res innovations p\u00e9dagogiques pour faire \u00e9merger collectivement une repr\u00e9sentation claire de la recherche de son futur job et passer facilement \u00e0 l'action !<\/p>\n\n <div class=\"btp-benefit-grid\">\n <div class=\"btp-benefit\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"\/><\/svg><span>Prise de recul<\/span><\/div>\n <div class=\"btp-benefit\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7c.3.2.5.6.5 1V17h7v-1.3c0-.4.2-.8.5-1A7 7 0 0 0 12 2z\"\/><\/svg><span>Compr\u00e9hension<\/span><\/div>\n <div class=\"btp-benefit\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3z\"\/><\/svg><span>Clart\u00e9<\/span><\/div>\n <div class=\"btp-benefit\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h7l-1 8 11-12h-7l1-8z\"\/><\/svg><span>Passage \u00e0 l'action<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"btp-solution-visual\">\n <div class=\"btp-card\">\n <img decoding=\"async\" src=\"https:\/\/fresquedelespritdentreprendre.org\/wp-content\/uploads\/2026\/06\/solution-photo.jpg\" alt=\"Participants travaillant ensemble autour des cartes th\u00e9matiques de l'atelier Boost Trajectoire Pro\">\n <\/div>\n <div class=\"btp-solution-note\">\n <p class=\"eyebrow\">P\u00e9dagogie active<\/p>\n <p class=\"body-text\">Les participants construisent leur trajectoire ensemble.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TESTIMONIALS V2 (comparison) -->\n<section class=\"btp-testimonials2 btp-section\">\n <div class=\"btp-wrap\">\n <div class=\"btp-testimonials2-head\">\n <h2>Ce que les <span class=\"btp-script\">participants<\/span> en disent<\/h2>\n <\/div>\n\n <div class=\"btp-testimonials2-grid\">\n <figure class=\"btp-card btp-t2-card\">\n <span class=\"mark\">\"<\/span>\n <blockquote>Une remise en selle concr\u00e8te et pragmatique pour clarifier son projet pro.<\/blockquote>\n <div class=\"btp-t2-footer\">\n <span class=\"btp-t2-avatar\" style=\"background:var(--sun);\">A<\/span>\n <div>\n <div class=\"btp-t2-name\">Agn\u00e8s<\/div>\n <div class=\"btp-t2-role\">Participante<\/div>\n <\/div>\n <\/div>\n <\/figure>\n <figure class=\"btp-card btp-t2-card\">\n <span class=\"mark\">\"<\/span>\n <blockquote>Sortir la t\u00eate du brouillard et reprendre de la hauteur gr\u00e2ce aux \u00e9changes du groupe.<\/blockquote>\n <div class=\"btp-t2-footer\">\n <span class=\"btp-t2-avatar\" style=\"background:var(--sage);\">F<\/span>\n <div>\n <div class=\"btp-t2-name\">Florian<\/div>\n <div class=\"btp-t2-role\">Participant<\/div>\n <\/div>\n <\/div>\n <\/figure>\n <figure class=\"btp-card btp-t2-card\">\n <span class=\"mark\">\"<\/span>\n <blockquote>Une ambiance bienveillante qui aide \u00e0 retrouver de l'\u00e9nergie, m\u00eame dans les moments difficiles.<\/blockquote>\n <div class=\"btp-t2-footer\">\n <span class=\"btp-t2-avatar\" style=\"background:var(--ember);\">S<\/span>\n <div>\n <div class=\"btp-t2-name\">Sandrine<\/div>\n <div class=\"btp-t2-role\">Participante<\/div>\n <\/div>\n <\/div>\n <\/figure>\n <figure class=\"btp-card btp-t2-card\">\n <span class=\"mark\">\"<\/span>\n <blockquote>Le parall\u00e8le entre recherche d'emploi et esprit d'entreprendre est vraiment \u00e9clairant.<\/blockquote>\n <div class=\"btp-t2-footer\">\n <span class=\"btp-t2-avatar\" style=\"background:var(--primary);\">S<\/span>\n <div>\n <div class=\"btp-t2-name\">Samuel<\/div>\n <div class=\"btp-t2-role\">Participant<\/div>\n <\/div>\n <\/div>\n <\/figure>\n <figure class=\"btp-card btp-t2-card\">\n <span class=\"mark\">\"<\/span>\n <blockquote>Un vrai coup de boost gr\u00e2ce au partage entre pairs et des animateurs \u00e0 l'\u00e9coute.<\/blockquote>\n <div class=\"btp-t2-footer\">\n <span class=\"btp-t2-avatar\" style=\"background:var(--sun);\">G<\/span>\n <div>\n <div class=\"btp-t2-name\">G\u00e9raldine<\/div>\n <div class=\"btp-t2-role\">Participante<\/div>\n <\/div>\n <\/div>\n <\/figure>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FOR PROS V2 (comparison) -->\n<section id=\"pros\" class=\"btp-pros2 btp-section\">\n <div class=\"btp-wrap btp-pros2-grid\">\n <div class=\"btp-pros2-visual\">\n <div class=\"btp-card\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?w=1100&q=80\" alt=\"Quatre professionnelles souriantes autour d'une table avec le jeu de cartes Boost Trajectoire Pro\">\n <\/div>\n <div class=\"btp-pros2-badge\">\n <p class=\"badge-text\">Un acc\u00e9l\u00e9rateur pour les accompagnants et leurs b\u00e9n\u00e9ficiaires.<\/p>\n <div class=\"badge-underline\"><\/div>\n <\/div>\n <\/div>\n\n <div>\n <div class=\"btp-pros2-head\">\n <span class=\"btp-chip\">Pour les professionnels<\/span>\n <h2>Pourquoi les <span class=\"btp-script\">professionnels<\/span><br>adoptent Boost Trajectoire Pro<\/h2>\n <\/div>\n\n <div class=\"btp-pros2-list\">\n <div class=\"btp-pros2-item\">\n <span class=\"btp-pros2-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <div>\n <h4>Pr\u00e9parer vos accompagnements<\/h4>\n <p>Vos b\u00e9n\u00e9ficiaires arrivent \u00e0 vos ateliers avec davantage de clart\u00e9.<\/p>\n <\/div>\n <\/div>\n <div class=\"btp-pros2-item\">\n <span class=\"btp-pros2-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <div>\n <h4>Cr\u00e9er un langage commun<\/h4>\n <p>Vous parlez avec les m\u00eames mots et manipulez les m\u00eames concepts.<\/p>\n <\/div>\n <\/div>\n <div class=\"btp-pros2-item\">\n <span class=\"btp-pros2-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <div>\n <h4>Gagner du temps<\/h4>\n <p>Vous passez moins de temps sur les fondamentaux.<\/p>\n <\/div>\n <\/div>\n <div class=\"btp-pros2-item\">\n <span class=\"btp-pros2-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <div>\n <h4>Favoriser l'engagement<\/h4>\n <p>Vos b\u00e9n\u00e9ficiaires deviennent acteurs de leur parcours.<\/p>\n <\/div>\n <\/div>\n <div class=\"btp-pros2-item\">\n <span class=\"btp-pros2-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <div>\n <h4>Cr\u00e9er une dynamique collective<\/h4>\n <p>Le groupe devient une ressource ; vous cr\u00e9ez un collectif engag\u00e9.<\/p>\n <\/div>\n <\/div>\n <div class=\"btp-pros2-item\">\n <span class=\"btp-pros2-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <div>\n <h4>Compl\u00e9ter vos outils<\/h4>\n <p>Cet atelier s'int\u00e8gre facilement \u00e0 vos parcours (coaching, formation, CEP...).<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- BIG FINAL CTA (imported comparison) -->\n<section class=\"btp-section\" style=\"background: var(--background);\">\n <div class=\"btp-wrap\">\n <div class=\"btp-bigcta\">\n <p class=\"btp-bigcta-label\">Passons \u00e0 l'action<\/p>\n <h2>Donnez \u00e0 vos b\u00e9n\u00e9ficiaires l'\u00e9lan qui leur manquait !<\/h2>\n <p class=\"lead\">Demandez une d\u00e9monstration ou un rendez-vous d\u00e9couverte. Nous revenons vers vous sous 48h ouvr\u00e9es.<\/p>\n <div class=\"btp-bigcta-actions\">\n <a href=\"#waitlist\" class=\"btp-btn btp-btn--primary\">Demander une d\u00e9monstration<\/a>\n <a href=\"#waitlist\" class=\"btp-btn btp-btn--ghost-light\">Prendre rendez-vous<\/a>\n <\/div>\n <p class=\"btp-bigcta-fine\">R\u00e9ponse sous 48h<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- WHERE TO PLACE (imported comparison) -->\n<section class=\"btp-placement btp-section\">\n <div class=\"btp-wrap btp-placement-grid\">\n <div class=\"btp-placement-visual\">\n <div class=\"btp-card\">\n <img decoding=\"async\" src=\"https:\/\/fresquedelespritdentreprendre.org\/wp-content\/uploads\/2026\/06\/Boost-Trajectoire-Pro-Coaching-1.jpg\" alt=\"Atelier de coaching Boost Trajectoire Pro\">\n <\/div>\n <\/div>\n\n <div>\n <div class=\"btp-placement-head\">\n <span class=\"btp-chip\">Cas d'usage<\/span>\n <h2>O\u00f9 placer Boost Trajectoire Pro dans vos parcours ?<\/h2>\n <\/div>\n\n <div class=\"btp-placement-list\">\n <div class=\"btp-placement-item\">\n <h4>En entr\u00e9e de parcours<\/h4>\n <p>Pour mobiliser, cr\u00e9er la cohorte et clarifier les attentes d\u00e8s la premi\u00e8re semaine.<\/p>\n <\/div>\n <div class=\"btp-placement-item\">\n <h4>En compl\u00e9ment du coaching individuel<\/h4>\n <p>Pour d\u00e9bloquer les situations qui patinent et redonner de l'\u00e9nergie au groupe.<\/p>\n <\/div>\n <div class=\"btp-placement-item\">\n <h4>En atelier autonome<\/h4>\n <p>Une demi-journ\u00e9e pour des publics ponctuels (job dating, \u00e9v\u00e9nements emploi, semaines th\u00e9matiques) et ainsi attirer vos futurs candidats.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- COMPACT CTA BANNER (comparison) -->\n<section class=\"btp-section\" style=\"padding-top:0; padding-bottom:32px; background: var(--background);\">\n <div class=\"btp-wrap\">\n <form class=\"btp-cta-banner\" id=\"btp-banner-form\">\n <input type=\"hidden\" name=\"access_key\" value=\"4b813285-00c3-491d-8249-85c9e4fee1d1\">\n <input type=\"hidden\" name=\"subject\" value=\"Nouvelle inscription \u2014 Boost Trajectoire Pro (bandeau)\">\n <input type=\"hidden\" name=\"from_name\" value=\"Boost Trajectoire Pro \u2014 Bandeau liste d'attente\">\n <div class=\"btp-cta-banner-text\">\n <h3>Rejoignez <span class=\"btp-script\">les premiers<\/span> professionnels<br>form\u00e9s \u00e0 Boost Trajectoire Pro !<\/h3>\n <\/div>\n <div class=\"btp-cta-banner-middle\">\n <div class=\"btp-cta-banner-form\" id=\"btp-banner-form-fields\">\n <input type=\"email\" name=\"email\" required placeholder=\"Votre adresse email\" id=\"btp-banner-email\">\n <div class=\"btp-cta-banner-divider\"><\/div>\n <button type=\"submit\" id=\"btp-banner-submit-btn\">\n <span id=\"btp-banner-submit-label\">Je rejoins<\/span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"14\" height=\"14\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n <\/button>\n <\/div>\n <div class=\"btp-cta-banner-success\" id=\"btp-banner-success\" style=\"display:none;\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"18\" height=\"18\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Merci ! Vous \u00eates sur la liste.\n <\/div>\n <div class=\"btp-cta-banner-error\" id=\"btp-banner-error\" style=\"display:none;\">\n Une erreur est survenue. R\u00e9essayez.\n <\/div>\n <\/div>\n <img decoding=\"async\" class=\"btp-cta-banner-deco\" src=\"https:\/\/fresquedelespritdentreprendre.org\/wp-content\/uploads\/2026\/06\/Youtube-Podcast-Vignette-Thumbnail-4.png\" alt=\"Illustration v\u00e9lo Boost Trajectoire Pro\">\n <\/form>\n <\/div>\n<\/section>\n\n<!-- VIDEO TESTIMONIALS -->\n<section class=\"btp-videos btp-section btp-fullbleed\">\n <div class=\"btp-videos-glow\"><\/div>\n <div class=\"btp-wrap\">\n <div class=\"btp-videos-head\">\n <span class=\"btp-chip\">T\u00e9moignages vid\u00e9o<\/span>\n <h2>Elles l'ont v\u00e9cu, elles en parlent <span class=\"btp-sun-text\">mieux que nous.<\/span><\/h2>\n <\/div>\n\n <div class=\"btp-videos-grid\">\n <div class=\"btp-video-card\">\n <div class=\"btp-video-frame\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/AyBlvE4-lPA\"\n title=\"T\u00e9moignage participant\u00b7e \u2014 Boost Trajectoire Pro\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen>\n <\/iframe>\n <\/div>\n <\/div>\n <div class=\"btp-video-card\">\n <div class=\"btp-video-frame\">\n <iframe\n src=\"https:\/\/www.youtube.com\/embed\/F2uJYE1Ry2c\"\n title=\"T\u00e9moignage participant\u00b7e \u2014 Boost Trajectoire Pro\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen>\n <\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TRAINING -->\n<section class=\"btp-training btp-section btp-fullbleed\">\n <div class=\"btp-training-bg\"><\/div>\n <div class=\"btp-wrap btp-training-grid\">\n <div>\n <span class=\"btp-chip btp-chip--ink\">Formation d'animateurs<\/span>\n <h2>Et si vos \u00e9quipes pouvaient <span class=\"btp-underline\">l'animer elles-m\u00eames<\/span> ?<\/h2>\n <p class=\"lead\">Obtenez une certification pour animer Boost Trajectoire Pro. D\u00e9ployez l'atelier dans votre structure et d\u00e9multipliez votre impact.<\/p>\n <\/div>\n <ul class=\"btp-training-list\" style=\"list-style:none;\">\n <li class=\"btp-card btp-training-item\">\n <span class=\"btp-training-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <span>Une formation sur 1 journ\u00e9e<\/span>\n <\/li>\n <li class=\"btp-card btp-training-item\">\n <span class=\"btp-training-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <span>Un kit p\u00e9dagogique complet (v\u00e9lo, cartes, guides)<\/span>\n <\/li>\n <li class=\"btp-card btp-training-item\">\n <span class=\"btp-training-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <span>Des supports d'animation pr\u00eats \u00e0 l'emploi<\/span>\n <\/li>\n <li class=\"btp-card btp-training-item\">\n <span class=\"btp-training-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <span>Une communaut\u00e9 d'animateurs et d'animatrices engag\u00e9es<\/span>\n <\/li>\n <li class=\"btp-card btp-training-item\">\n <span class=\"btp-training-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n <span>Des ressources et mises \u00e0 jour r\u00e9guli\u00e8res<\/span>\n <\/li>\n <\/ul>\n <\/div>\n<\/section>\n\n<!-- PRICING -->\n<section class=\"btp-section\">\n <div class=\"btp-wrap\">\n <div class=\"btp-pros-head\" style=\"text-align:center; max-width:700px; margin:0 auto;\">\n <span class=\"btp-chip\">Tarifs<\/span>\n <h2>Trouvez la formule qui vous correspond.<\/h2>\n <\/div>\n\n <div class=\"btp-pricing-grid\">\n\n <div class=\"btp-pricing-card\" style=\"--pricing-accent:#378ADD; --pricing-accent-text:#185FA5;\">\n <h3>\u00c9ducation<\/h3>\n <div class=\"btp-pricing-rows\">\n <div class=\"btp-pricing-row primary\">\n <p class=\"label\">Formation \u00b7 1 journ\u00e9e<\/p>\n <span class=\"price\">399 \u20ac<span class=\"unit\"> \/ personne<\/span><\/span>\n <\/div>\n <div class=\"btp-pricing-row secondary\">\n <p class=\"label\">Licence 12 mois<\/p>\n <span class=\"price\">199 \u20ac<span class=\"unit\"> HT\/an<\/span><\/span>\n <\/div>\n <div class=\"btp-pricing-row secondary\">\n <p class=\"label\">Kit d'animation<\/p>\n <span class=\"price\">49 \u20ac<span class=\"unit\"> \/ kit<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"btp-pricing-card\" style=\"--pricing-accent:#BA7517; --pricing-accent-text:#854F0B;\">\n <h3>Ind\u00e9pendants<\/h3>\n <div class=\"btp-pricing-rows\">\n <div class=\"btp-pricing-row primary\">\n <p class=\"label\">Formation \u00b7 1 journ\u00e9e<\/p>\n <span class=\"price\">599 \u20ac<span class=\"unit\"> \/ personne<\/span><\/span>\n <\/div>\n <div class=\"btp-pricing-row secondary\">\n <p class=\"label\">Licence 12 mois<\/p>\n <span class=\"price\">299 \u20ac<span class=\"unit\"> HT\/an<\/span><\/span>\n <\/div>\n <div class=\"btp-pricing-row secondary\">\n <p class=\"label\">Kit d'animation<\/p>\n <span class=\"price\">149 \u20ac<span class=\"unit\"> \/ kit<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"btp-pricing-card\" style=\"--pricing-accent:#1D9E75; --pricing-accent-text:#0F6E56;\">\n <h3>Entreprises<\/h3>\n <div class=\"btp-pricing-rows\">\n <div class=\"btp-pricing-row primary\">\n <p class=\"label\">Formation \u00b7 1 journ\u00e9e<\/p>\n <span class=\"price\">899 \u20ac<span class=\"unit\"> \/ personne<\/span><\/span>\n <\/div>\n <div class=\"btp-pricing-row secondary\">\n <p class=\"label\">Licence 12 mois<\/p>\n <span class=\"price\">399 \u20ac<span class=\"unit\"> HT\/an<\/span><\/span>\n <\/div>\n <div class=\"btp-pricing-row secondary\">\n <p class=\"label\">Kit d'animation<\/p>\n <span class=\"price\">Sur devis<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"btp-pricing-cta\">\n <a href=\"#waitlist\">\n En savoir plus\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FINAL CTA -->\n<section id=\"waitlist\" class=\"btp-final-cta btp-section btp-fullbleed\">\n <div class=\"btp-final-glow\"><\/div>\n <div class=\"btp-final-texture\"><\/div>\n <div class=\"btp-final-inner\">\n <span class=\"btp-chip btp-chip--white\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3z\"\/><\/svg>\n Lancement progressif\n <\/span>\n <h2>Rejoignez les premiers professionnels form\u00e9s \u00e0 <span class=\"btp-sun-text\">Boost Trajectoire Pro.<\/span><\/h2>\n <p class=\"lead\">Laissez votre email pour \u00eatre inform\u00e9 en priorit\u00e9 des prochaines dates de formation, ressources et nouveaut\u00e9s.<\/p>\n\n <form class=\"btp-form\" id=\"btp-waitlist-form\">\n <input type=\"hidden\" name=\"access_key\" value=\"4b813285-00c3-491d-8249-85c9e4fee1d1\">\n <input type=\"hidden\" name=\"subject\" value=\"Nouvelle inscription \u2014 Boost Trajectoire Pro\">\n <input type=\"hidden\" name=\"from_name\" value=\"Boost Trajectoire Pro \u2014 Liste d'attente\">\n <input type=\"email\" name=\"email\" required placeholder=\"vous@structure.fr\" id=\"btp-email-input\">\n <button type=\"submit\" id=\"btp-submit-btn\">\n <span id=\"btp-submit-label\">Je rejoins la liste<\/span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n <\/button>\n <\/form>\n <div class=\"btp-form-success\" id=\"btp-form-success\" style=\"display:none;\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Merci ! Vous \u00eates sur la liste.\n <\/div>\n <div class=\"btp-form-success\" id=\"btp-form-error\" style=\"display:none; background:#F28C28;\">\n Une erreur est survenue. R\u00e9essayez ou \u00e9crivez-nous directement.\n <\/div>\n\n <p class=\"btp-fine-print\">Pas de spam. D\u00e9sabonnement en un clic. Vos donn\u00e9es restent confidentielles.<\/p>\n <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section id=\"faq\" class=\"btp-section\">\n <div class=\"btp-faq-wrap\">\n <div class=\"btp-faq-head\">\n <span class=\"btp-chip\">FAQ<\/span>\n <h2>Vos questions, nos r\u00e9ponses.<\/h2>\n <\/div>\n <div class=\"btp-faq-list\" id=\"btp-faq-list\">\n <div class=\"btp-card btp-faq-item\">\n <button class=\"btp-faq-q\" type=\"button\" aria-expanded=\"false\">\n <span>Est-ce compl\u00e9mentaire du coaching ?<\/span>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n <\/button>\n <div class=\"btp-faq-a\"><p>Oui. L'atelier ne remplace pas le coaching, il le pr\u00e9pare. Les b\u00e9n\u00e9ficiaires arrivent avec une vision globale, ce qui rend les s\u00e9ances individuelles bien plus efficaces.<\/p><\/div>\n <\/div>\n <div class=\"btp-card btp-faq-item\">\n <button class=\"btp-faq-q\" type=\"button\" aria-expanded=\"false\">\n <span>Est-ce adapt\u00e9 aux personnes \u00e9loign\u00e9es de l'emploi ?<\/span>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n <\/button>\n <div class=\"btp-faq-a\"><p>Absolument. La p\u00e9dagogie visuelle et collaborative rend les concepts accessibles, quel que soit le niveau de qualification ou la situation des participants. Une seule r\u00e8gle cependant : les participants et participantes doivent avoir une bonne compr\u00e9hension du fran\u00e7ais.<\/p><\/div>\n <\/div>\n <div class=\"btp-card btp-faq-item\">\n <button class=\"btp-faq-q\" type=\"button\" aria-expanded=\"false\">\n <span>Combien de participants par atelier ?<\/span>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n <\/button>\n <div class=\"btp-faq-a\"><p>L'atelier fonctionne id\u00e9alement avec 6 \u00e0 12 participants. Au-del\u00e0, plusieurs groupes peuvent \u00eatre anim\u00e9s en parall\u00e8le. Il peut \u00eatre \u00e9galement en face \u00e0 face avec une personne accompagn\u00e9e. Dans ce cas, l'atelier est plus un \u00e9change qu'un moment de partage collectif.<\/p><\/div>\n <\/div>\n <div class=\"btp-card btp-faq-item\">\n <button class=\"btp-faq-q\" type=\"button\" aria-expanded=\"false\">\n <span>Peut-on le faire en visio ?<\/span>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n <\/button>\n <div class=\"btp-faq-a\"><p>Oui, une version digitale est en pr\u00e9paration. Si le format pr\u00e9sentiel reste et restera toujours le plus puissant pour cr\u00e9er une dynamique collective, le format en distanciel offre d'autres possibilit\u00e9s tout \u00e0 fait int\u00e9ressantes.<\/p><\/div>\n <\/div>\n <div class=\"btp-card btp-faq-item\">\n <button class=\"btp-faq-q\" type=\"button\" aria-expanded=\"false\">\n <span>Comment devenir animateur ?<\/span>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n <\/button>\n <div class=\"btp-faq-a\"><p>Nous ouvrons progressivement des sessions de formation d'animateurs. Laissez votre email pour \u00eatre inform\u00e9 des prochaines dates.<\/p><\/div>\n <\/div>\n <div class=\"btp-card btp-faq-item\">\n <button class=\"btp-faq-q\" type=\"button\" aria-expanded=\"false\">\n <span>Quelle formation est n\u00e9cessaire ?<\/span>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n <\/button>\n <div class=\"btp-faq-a\"><p>Une journ\u00e9e de formation suffit pour devenir animateur ou animatrice, \u00e0 condition d'avoir une exp\u00e9rience de l'accompagnement professionnel.<\/p><\/div>\n <\/div>\n <div class=\"btp-card btp-faq-item\">\n <button class=\"btp-faq-q\" type=\"button\" aria-expanded=\"false\">\n <span>Peut-on personnaliser l'atelier ?<\/span>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n <\/button>\n <div class=\"btp-faq-a\"><p>Oui, c'est m\u00eame la force de cet atelier. Il est adaptable \u00e0 plusieurs niveaux pour maximiser l'engagement et les apprentissages de vos publics : jeunes, cadres, personnes en reconversion, publics \u00e9loign\u00e9s de l'emploi.<\/p><\/div>\n <\/div>\n <div class=\"btp-card btp-faq-item\">\n <button class=\"btp-faq-q\" type=\"button\" aria-expanded=\"false\">\n <span>Quelle est sa dur\u00e9e ?<\/span>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n <\/button>\n <div class=\"btp-faq-a\"><p>L'atelier dure entre 1 et 3 heures en fonction de vos objectifs de formation. Il peut \u00eatre \u00e9tal\u00e9 sur une demi-journ\u00e9e ou int\u00e9gr\u00e9 dans un parcours plus long.<\/p><\/div>\n <\/div>\n <div class=\"btp-card btp-faq-item\">\n <button class=\"btp-faq-q\" type=\"button\" aria-expanded=\"false\">\n <span>Quels publics sont concern\u00e9s ?<\/span>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n <\/button>\n <div class=\"btp-faq-a\"><p>Tous les chercheurs d'emploi : jeunes dipl\u00f4m\u00e9s, cadres en transition, demandeurs d'emploi de longue dur\u00e9e, personnes en reconversion, s\u00e9niors. Croyez-nous, nous avons test\u00e9 avec tous les publics !<\/p><\/div>\n <\/div>\n <div class=\"btp-card btp-faq-item\">\n <button class=\"btp-faq-q\" type=\"button\" aria-expanded=\"false\">\n <span>Quand auront lieu les prochaines formations ?<\/span>\n <svg class=\"chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n <\/button>\n <div class=\"btp-faq-a\"><p>Les premi\u00e8res sessions de formation ouvrent progressivement. Rejoignez la liste d'attente pour \u00eatre inform\u00e9 en priorit\u00e9.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer class=\"btp-footer\">\n <div class=\"btp-wrap btp-footer-inner\">\n <div class=\"btp-footer-brand\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"5.5\" cy=\"17.5\" r=\"3.5\"\/><circle cx=\"18.5\" cy=\"17.5\" r=\"3.5\"\/><path d=\"M15 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-3 11.5V14l-3-3 4-3 2 3h2\"\/><\/svg>\n Boost Trajectoire Pro\n <\/div>\n <p>\u00a9<span id=\"btp-year\"><\/span> - Un atelier qui remet en mouvement !<\/p>\n <\/div>\n<\/footer>\n\n<script>\n document.getElementById('btp-year').textContent = new Date().getFullYear();\n\n \/\/ FAQ \u2014 attach toggle behavior to static HTML (no dynamic rendering,\n \/\/ so content is always visible even if this script doesn't run)\n document.querySelectorAll('.btp-faq-item').forEach((el) => {\n const btn = el.querySelector('.btp-faq-q');\n const answer = el.querySelector('.btp-faq-a');\n btn.addEventListener('click', () => {\n const isOpen = el.classList.contains('open');\n document.querySelectorAll('.btp-faq-item').forEach((it) => {\n it.classList.remove('open');\n it.querySelector('.btp-faq-a').style.maxHeight = null;\n it.querySelector('.btp-faq-q').setAttribute('aria-expanded', 'false');\n });\n if (!isOpen) {\n el.classList.add('open');\n answer.style.maxHeight = answer.scrollHeight + 'px';\n btn.setAttribute('aria-expanded', 'true');\n }\n });\n });\n\n \/\/ Waitlist form \u2014 Web3Forms submission\n const form = document.getElementById('btp-waitlist-form');\n const success = document.getElementById('btp-form-success');\n const errorBox = document.getElementById('btp-form-error');\n const submitBtn = document.getElementById('btp-submit-btn');\n const submitLabel = document.getElementById('btp-submit-label');\n\n form.addEventListener('submit', function (e) {\n e.preventDefault();\n errorBox.style.display = 'none';\n submitBtn.disabled = true;\n submitLabel.textContent = 'Envoi...';\n\n const formData = new FormData(form);\n\n fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n headers: { 'Accept': 'application\/json' },\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n if (data.success) {\n form.style.display = 'none';\n success.style.display = 'inline-flex';\n } else {\n throw new Error(data.message || 'Erreur inconnue');\n }\n })\n .catch(() => {\n errorBox.style.display = 'inline-flex';\n submitBtn.disabled = false;\n submitLabel.textContent = 'Je rejoins la liste';\n });\n });\n\n \/\/ Compact CTA banner \u2014 same Web3Forms submission as main form\n const bannerForm = document.getElementById('btp-banner-form');\n if (bannerForm) {\n const bannerFields = document.getElementById('btp-banner-form-fields');\n const bannerSuccess = document.getElementById('btp-banner-success');\n const bannerError = document.getElementById('btp-banner-error');\n const bannerSubmitBtn = document.getElementById('btp-banner-submit-btn');\n const bannerSubmitLabel = document.getElementById('btp-banner-submit-label');\n\n bannerForm.addEventListener('submit', function (e) {\n e.preventDefault();\n bannerError.style.display = 'none';\n bannerSubmitBtn.disabled = true;\n bannerSubmitLabel.textContent = 'Envoi...';\n\n const bannerFormData = new FormData(bannerForm);\n\n fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n headers: { 'Accept': 'application\/json' },\n body: bannerFormData\n })\n .then(response => response.json())\n .then(data => {\n if (data.success) {\n bannerFields.style.display = 'none';\n bannerSuccess.style.display = 'inline-flex';\n } else {\n throw new Error(data.message || 'Erreur inconnue');\n }\n })\n .catch(() => {\n bannerError.style.display = 'inline-block';\n bannerSubmitBtn.disabled = false;\n bannerSubmitLabel.textContent = 'Je rejoins';\n });\n });\n }\n<\/script>\n\n<\/body>\n<\/html><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/boost-trajectoire-pro.fr\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/boost-trajectoire-pro.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/boost-trajectoire-pro.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/boost-trajectoire-pro.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/boost-trajectoire-pro.fr\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":4,"href":"http:\/\/boost-trajectoire-pro.fr\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":21,"href":"http:\/\/boost-trajectoire-pro.fr\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/21"}],"wp:attachment":[{"href":"http:\/\/boost-trajectoire-pro.fr\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}