{"id":233,"date":"2026-10-08T00:49:34","date_gmt":"2026-10-07T22:49:34","guid":{"rendered":"https:\/\/afriperceptacademy.online\/?page_id=233"},"modified":"2026-10-29T19:58:46","modified_gmt":"2026-10-29T18:58:46","slug":"formation-cinema-4d-phase-1","status":"publish","type":"page","link":"https:\/\/afriperceptacademy.online\/","title":{"rendered":"Formation Cinema 4D \u2014 Phase 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"233\" class=\"elementor elementor-233\">\n\t\t\t\t<div class=\"elementor-element elementor-element-525c5c8 e-con-full e-flex e-con e-parent\" data-id=\"525c5c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c64936 elementor-widget elementor-widget-html\" data-id=\"8c64936\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Caveat:wght@600;700&display=swap');\n\n\n  :root{\n    --orange:#FF7A1A;\n    --orange-dark:#F25C00;\n    --dark-btn:#1E1B18;\n    --white:#FFFFFF;\n    --bg:#0F0B08;--bg-2:#14100D;--card:#1C1511;--text:#f6efe7;--muted:rgba(246,239,231,.62);--line:rgba(255,255,255,.08);\n  }\n  body.page-id-233 .elementor-widget-html .hero {\n  position: relative !important;\n  display: flex !important;\n  flex-direction: column !important;\n  min-height: 100vh !important;\n  background-size: cover !important;\n  background-position: center !important;\n}\n\nbody.page-id-233 .elementor-widget-html .hero > .site-header {\n  position: relative !important;\n  z-index: 5 !important;\n}\n\nbody.page-id-233 .elementor-widget-html .hero > .promo {\n  z-index: 6 !important;\n}\n\nbody.page-id-233 .elementor-widget-html .hero > .hero-content {\n  display: flex !important;\n  flex: 1 1 auto !important;\n  align-items: center !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n  *{margin:0;padding:0;box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{font-family:'Poppins',system-ui,sans-serif;color:var(--white);background:#14100d;}\n\n  \/* ============ HERO PLEIN \u00c9CRAN ============ *\/\n  .hero{\n    position:relative;\n    min-height:100vh;\n    display:flex;flex-direction:column;\n    \/* IMAGE DE FOND R\u00c9ELLE fournie (apprenant en s\u00e9ance) \u2014 sur WordPress : \/wp-content\/uploads\/... *\/\n    background-image:\n      linear-gradient(90deg, rgba(16,10,7,.85) 0%, rgba(16,10,7,.62) 42%, rgba(16,10,7,.25) 75%, rgba(16,10,7,.35) 100%),\n      linear-gradient(0deg, rgba(16,10,7,.75) 0%, transparent 28%),\n      url('https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-apprenant-hero.jpg');\n    background-size:cover;\n    background-position:center;\n  }\n\n  \/* ============ LOGO (haut gauche) + NAVIGATION ============ *\/\n  .site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px max(24px,6vw);flex-wrap:wrap;}\n  .logo{display:inline-block;padding:0;}\n  .logo-name{font-size:1.5rem;letter-spacing:.5px;line-height:1;}\n  .logo-name b{font-weight:800;}\n  .logo-name span{font-weight:300;}\n  .logo-sub{display:block;font-size:.62rem;font-weight:500;letter-spacing:.42em;color:#f3ede6;margin-top:5px;}\n  .logo-bar{display:block;width:44px;height:3px;background:var(--orange);border-radius:2px;margin-top:8px;}\n\n  \/* Navigation (inspir\u00e9e Este School : ancres sections + CTA) *\/\n  .main-nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}\n  .main-nav a.nav-link{font-size:.85rem;font-weight:500;color:rgba(255,255,255,.72);text-decoration:none;letter-spacing:.02em;transition:color .15s ease;position:relative;padding-bottom:3px;}\n  .main-nav a.nav-link::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--orange);border-radius:2px;transition:width .2s ease;}\n  .main-nav a.nav-link:hover{color:#fff;}\n  .main-nav a.nav-link:hover::after{width:100%;}\n  .main-nav a.nav-cta{font-size:.8rem;font-weight:700;color:#14100d;background:var(--orange);padding:10px 20px;border-radius:999px;text-decoration:none;letter-spacing:.03em;transition:background .15s ease,transform .15s ease;}\n  .main-nav a.nav-cta:hover{background:#FF8F42;transform:translateY(-1px);}\n\n  \/* ============ BANNIERE PROMO (haut droite) ============ *\/\n  .promo{\n    position:absolute;top:max(96px,11vh);right:max(24px,5vw);\n    display:flex;align-items:center;gap:18px;\n    background:linear-gradient(135deg,#FF8A00,var(--orange-dark));\n    padding:18px 26px;border-radius:14px;\n    box-shadow:0 18px 45px rgba(0,0,0,.4);\n    max-width:min(420px,90vw);\n  }\n  .promo-text{line-height:1.3;}\n  .promo-tag{font-size:.62rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#fff8ef;}\n  .promo-title{font-size:1.05rem;font-weight:800;margin-top:4px;letter-spacing:.02em;}\n  .hero .promo-logo{width:86px;height:86px;flex-shrink:0;object-fit:contain;border-radius:12px;background:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));}\n\n  \/* ============ CONTENU PRINCIPAL ============ *\/\n  .hero-content{\n    flex:1;display:flex;align-items:center;\n    padding:60px max(24px,6vw) 90px;\n  }\n  .hero-inner{max-width:760px;}\n\n  .subtitle-kicker{font-size:.8rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#ffd9b8;margin-bottom:14px;}\n  h1.title{\n    font-size:clamp(2.4rem,5.6vw,4.3rem);\n    font-weight:800;line-height:1.06;letter-spacing:-.01em;\n  }\n  h1.title .accent{color:var(--orange);}\n  .tagline{font-size:clamp(1.1rem,2vw,1.45rem);font-weight:300;color:#f1e9df;margin-top:12px;}\n  .lead{font-size:.98rem;font-weight:300;line-height:1.7;color:rgba(255,255,255,.82);max-width:600px;margin-top:18px;}\n\n  \/* Modules de la formation *\/\n  .modules{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:34px;}\n  .module{display:flex;align-items:center;gap:9px;font-size:.86rem;font-weight:500;color:#f6efe7;white-space:nowrap;}\n  .module svg{width:20px;height:20px;stroke:var(--orange);flex-shrink:0;}\n\n  \/* Boutons *\/\n  .cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:42px;}\n  .btn{\n    display:inline-flex;align-items:center;gap:10px;\n    padding:15px 30px;border-radius:999px;border:none;cursor:pointer;\n    font-family:inherit;font-size:.95rem;font-weight:600;color:#fff;text-decoration:none;\n    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n  }\n  .btn:hover{transform:translateY(-2px);}\n  .btn-primary{background:var(--orange);box-shadow:0 14px 34px rgba(255,122,26,.38);}\n  .btn-primary:hover{background:var(--orange-dark);}\n  .btn-primary svg{width:17px;height:17px;fill:#fff;}\n  .btn-secondary{background:rgba(30,27,24,.85);border:1px solid rgba(255,255,255,.22);}\n  .btn-secondary:hover{background:var(--dark-btn);}\n  .btn-secondary svg{width:19px;height:19px;fill:#fff;}\n\n  \/* ============ SLOGAN SCRIPT (bas droite) ============ *\/\n  .slogan{\n    position:absolute;right:max(24px,5vw);bottom:34px;text-align:right;\n    font-family:'Caveat',cursive;font-weight:700;line-height:1.15;\n    font-size:clamp(1.5rem,2.6vw,2.1rem);pointer-events:none;\n  }\n  .slogan .accent{color:var(--orange);}\n\n  \/* URL (bas gauche) *\/\n  .site-url{position:absolute;left:max(24px,6vw);bottom:38px;font-size:.75rem;font-weight:300;color:rgba(255,255,255,.55);letter-spacing:.06em;}\n\n  \/* ============ SECTION PRE-INSCRIPTION ============ *\/\n  .signup{background:#17120E;padding:96px max(24px,6vw) 84px;}\n  .signup-head{text-align:center;max-width:760px;margin:0 auto 42px;}\n  .signup-kicker{font-size:.75rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;}\n  .signup-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.15;}\n  .signup-head h2 .accent{color:var(--orange);}\n\n  \/* Carte d'information *\/\n  .info-card{background:#1F1813;border:1px solid rgba(255,255,255,.09);border-left:3px solid var(--orange);border-radius:14px;padding:22px 26px;max-width:760px;margin:0 auto;font-size:.9rem;line-height:1.75;color:#cfc4b8;}\n  .info-card strong{color:#fff;}\n  .info-card .highlight{color:var(--orange);font-weight:700;}\n  .info-card a{color:#FFB25C;text-decoration:none;font-weight:600;}\n  .required-note{max-width:860px;margin:14px auto 0;font-size:.75rem;color:rgba(255,255,255,.45);font-weight:300;text-align:right;}\n\n  \/* Formulaire *\/\n  #signup-form{max-width:860px;margin:0 auto;}\n  .section-title{font-size:.8rem;font-weight:700;letter-spacing:.22em;color:var(--orange);text-transform:uppercase;margin:42px 0 16px;display:flex;align-items:center;gap:12px;}\n  .section-title::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1);}\n\n  .field-card{background:#1F1813;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:20px 22px;margin-bottom:14px;transition:border-color .18s ease;}\n  .field-card:focus-within{border-color:rgba(255,122,26,.5);}\n  .field-card.has-error{border-color:#E63946;box-shadow:0 0 0 3px rgba(230,57,70,.12);}\n  label.f-label,div.f-label{display:block;font-size:.9rem;font-weight:500;color:#f1e9df;margin-bottom:14px;line-height:1.4;}\n  .req{color:#FF5A3C;margin-left:2px;}\n\n  input[type=\"text\"].f-input,\n  input[type=\"email\"].f-input,\n  input[type=\"tel\"].f-input,\n  input[type=\"number\"].f-input,\n  textarea.f-input{\n    width:100%;background:#17120E;border:1.5px solid rgba(255,255,255,.14);border-radius:10px;\n    padding:13px 16px;color:#fff;font-family:inherit;font-size:.92rem;font-weight:300;\n    transition:border-color .18s ease, box-shadow .18s ease;appearance:none;\n  }\n  textarea.f-input{min-height:96px;resize:vertical;}\n  select.f-input{width:100%;background:#17120E;border:1.5px solid rgba(255,255,255,.14);border-radius:10px;padding:13px 16px;color:#fff;font-family:inherit;font-size:.92rem;font-weight:300;transition:border-color .18s ease, box-shadow .18s ease;appearance:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23FF7A1A' stroke-width='2' fill='none'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer;}\n  select.f-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,26,.18);}\n  input.f-input::placeholder,textarea.f-input::placeholder{color:rgba(255,255,255,.3);}\n  input.f-input:focus,textarea.f-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,26,.18);}\n\n  .row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\n  .row-2 .field-card{margin-bottom:14px;}\n\n  \/* Options (radio \/ checkbox) *\/\n  .options-list{display:flex;flex-direction:column;gap:8px;margin-top:-4px;}\n  .option-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:7px 10px;border-radius:9px;transition:background .15s ease;}\n  .option-item:hover{background:rgba(255,122,26,.07);}\n  .option-item input[type=\"radio\"],.option-item input[type=\"checkbox\"]{width:17px;height:17px;accent-color:var(--orange);cursor:pointer;flex-shrink:0;}\n  .option-item span{font-size:.9rem;color:#d8cfc4;font-weight:300;line-height:1.45;}\n\n  \/* Soumission *\/\n  .submit-wrap{margin-top:40px;text-align:center;}\n  .btn-submit{\n    display:inline-flex;align-items:center;justify-content:center;gap:10px;\n    background:var(--orange);color:#fff;border:none;border-radius:999px;padding:17px 52px;cursor:pointer;\n    font-family:inherit;font-size:.98rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;\n    box-shadow:0 14px 34px rgba(255,122,26,.32);transition:transform .18s ease, background .18s ease;\n  }\n  .btn-submit:hover{background:var(--orange-dark);transform:translateY(-2px);}\n  .submit-note{font-size:.78rem;color:rgba(255,255,255,.45);margin-top:14px;font-weight:300;}\n\n  \/* Message de confirmation *\/\n  .form-success{display:none;text-align:center;padding:56px 20px;max-width:560px;margin:0 auto;}\n  .form-success.show{display:block;animation:fadeUp .5s ease;}\n  @keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}\n  .form-success .ok-circle{width:72px;height:72px;border-radius:50%;background:rgba(255,122,26,.14);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;}\n  .form-success svg{width:34px;height:34px;stroke:var(--orange);}\n  .form-success h3{font-size:1.45rem;font-weight:800;color:#fff;}\n  .form-success p{color:rgba(255,255,255,.6);font-size:.9rem;margin-top:12px;line-height:1.7;}\n\n  @media (max-width:600px){\n    .row-2{grid-template-columns:1fr;gap:0;}\n    .field-card{padding:18px 16px;}\n    .btn-submit{width:100%;}\n  }\n\n  \/* ============ SECTION POURQUOI (inspir\u00e9 Este School) ============ *\/\n  .why{background:#14100d;padding:96px max(24px,6vw);border-top:1px solid rgba(255,255,255,.05);}\n  .section-head{text-align:center;max-width:740px;margin:0 auto 54px;}\n  .section-kicker{font-size:.75rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;}\n  .section-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.15;}\n  .section-head h2 .accent{color:var(--orange);}\n  .section-head p{color:rgba(255,255,255,.6);font-weight:300;margin-top:14px;line-height:1.7;font-size:.95rem;}\n  \/* ============ CHALLENGE AFRIPERCEPT (concours de fin de formation) ============ *\/\n  \/* ============ CHALLENGE AFRIPERCEPT (concours de fin de formation) ============ *\/\n  #challenge{background:#190D07;padding:96px 24px;color:#fff;}\n  #challenge .container{width:min(100%,1180px);margin:0 auto;}\n  #challenge .section-head{text-align:center;max-width:920px;margin:0 auto;}\n  #challenge .section-kicker{color:var(--orange);letter-spacing:.26em;text-transform:uppercase;font-size:.78rem;font-weight:600;}\n  #challenge .section-head h2{color:#fff;font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;line-height:1.15;margin:16px 0 0;}\n  #challenge .section-head h2 .accent{color:var(--orange);}\n  #challenge .section-head > p:not(.section-kicker){color:rgba(255,255,255,.8);font-size:1rem;line-height:1.75;margin:18px auto 0;max-width:860px;}\n  #challenge .ch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:50px;align-items:stretch;}\n  #challenge .ch-card{position:relative;display:flex;flex-direction:column;height:100%;background:#24150D;border:1px solid rgba(255,122,26,.55);border-radius:18px;padding:26px;}\n  #challenge .ch-card.ch-gold{border-color:rgba(255,122,26,.85);}\n  #challenge .ch-rank{display:inline-block;width:max-content;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#1E1B18;background:var(--orange);padding:6px 14px;border-radius:999px;margin-bottom:18px;}\n  #challenge .ch-card.ch-silver .ch-rank{background:#F6EFE7;}\n  #challenge .ch-card.ch-bronze .ch-rank{background:#B07A4A;color:#fff;}\n  #challenge .ch-photo{background:#fff;border-radius:14px;margin:0 0 20px;padding:14px;height:210px;display:flex;align-items:center;justify-content:center;overflow:hidden;}\n  #challenge .ch-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:0 auto;}\n  #challenge .ch-name{color:#fff;font-size:1.2rem;font-weight:800;line-height:1.3;margin:0 0 8px;}\n  #challenge .ch-desc{color:rgba(255,255,255,.75);font-size:.92rem;line-height:1.65;margin:0;flex:1 1 auto;}\n  #challenge .ch-note{margin:30px 0 0;text-align:center;color:rgba(255,255,255,.55);font-size:.85rem;font-style:italic;}\n  @media (max-width:900px){\n    #challenge{padding:64px 20px;}\n    #challenge .ch-grid{grid-template-columns:1fr;gap:18px;margin-top:34px;}\n    #challenge .ch-photo{height:200px;}\n    #challenge .ch-card{padding:22px;}\n    #challenge .section-head h2{font-size:1.7rem;}\n    #challenge .section-head > p:not(.section-kicker){font-size:.95rem;line-height:1.7;}\n    #challenge .ch-name{font-size:1.1rem;}\n  }\n\n\n  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;}\n  .why-card{background:#1F1813;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:32px 28px;transition:transform .18s ease,border-color .18s ease;}\n  .why-card:hover{transform:translateY(-4px);border-color:rgba(255,122,26,.4);}\n  .why-icon{width:52px;height:52px;border-radius:14px;background:rgba(255,122,26,.13);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}\n  .why-icon svg{width:26px;height:26px;stroke:var(--orange);}\n  .why-card h3{font-size:1.05rem;font-weight:700;color:#fff;line-height:1.4;margin-bottom:10px;}\n  .why-card p{font-size:.88rem;font-weight:300;color:rgba(255,255,255,.6);line-height:1.7;}\n\n  \/* ============ BANDEAU CHIFFRES (orange) ============ *\/\n  .stats{background:linear-gradient(135deg,#FF8A00,var(--orange-dark));padding:64px max(24px,6vw);}\n  .stats-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 72px;max-width:980px;margin:0 auto;}\n  .stat{text-align:center;min-width:150px;}\n  .stat-num{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;color:#fff;line-height:1;}\n  .stat-label{margin-top:9px;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.85);}\n\n  \/* ============ FAQ (accord\u00e9on) ============ *\/\n  .faq{background:#14100d;padding:96px max(24px,6vw);border-top:1px solid rgba(255,255,255,.05);}\n  .faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}\n  .faq-item{background:#1F1813;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;}\n  .faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;font-size:.98rem;font-weight:600;color:#f1e9df;line-height:1.45;}\n  .faq-item summary::-webkit-details-marker{display:none;}\n  .faq-item summary::after{content:'+';font-size:1.4rem;font-weight:300;color:var(--orange);transition:transform .2s ease;flex-shrink:0;}\n  .faq-item[open] summary::after{transform:rotate(45deg);}\n  .faq-item p{padding:0 24px 22px;font-size:.9rem;font-weight:300;color:rgba(255,255,255,.6);line-height:1.75;}\n\n  \/* ============ T\u00c9MOIGNAGES ALUMNI (inspir\u00e9 Este School) ============ *\/\n  .alumni{background:#17120E;padding:96px max(24px,6vw);border-top:1px solid rgba(255,255,255,.05);}\n  .alumni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;}\n  .alum-card{background:#1F1813;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;gap:14px;transition:transform .18s ease,border-color .18s ease;}\n  .alum-card:hover{transform:translateY(-4px);border-color:rgba(255,122,26,.4);}\n  .alum-quote{font-size:.9rem;font-weight:300;color:rgba(255,255,255,.72);line-height:1.7;flex:1;}\n  .alum-person{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;margin-top:auto;}\n  .alum-avatar{width:44px;height:44px;border-radius:50%;background:rgba(255,122,26,.15);color:var(--orange);font-weight:700;font-size:.88rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n  .alum-name{font-size:.9rem;font-weight:600;color:#fff;line-height:1.3;}\n  .alum-role{font-size:.74rem;color:rgba(255,255,255,.45);margin-top:2px;font-weight:300;}\n\n  \/* ============ ACTUALIT\u00c9S (inspir\u00e9 Este School) ============ *\/\n  .news{background:#14100d;padding:96px max(24px,6vw);border-top:1px solid rgba(255,255,255,.05);}\n  .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;}\n  .news-card{background:#1F1813;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;transition:transform .18s ease,border-color .18s ease;}\n  .news-card:hover{transform:translateY(-4px);border-color:rgba(255,122,26,.4);}\n  .news-tags{display:flex;gap:6px;flex-wrap:wrap;}\n  .news-tag{font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffd9b8;background:rgba(255,122,26,.13);border-radius:6px;padding:4px 8px;}\n  .news-card h3{font-size:1.02rem;font-weight:700;line-height:1.45;color:#fff;flex:1;}\n  .news-date{display:block;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.38);}\n  .news-link{font-size:.82rem;font-weight:600;color:var(--orange);white-space:nowrap;}\n\n  \/* Note hero (prochaine session) *\/\n  .hero-note{display:flex;align-items:center;gap:10px;margin-top:26px;font-size:.8rem;font-weight:400;color:#ffd9b8;letter-spacing:.04em;}\n  .hero-note::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(255,122,26,.9);}\n\n  @media (max-width:900px){\n    .why-grid{grid-template-columns:1fr;max-width:480px;}\n    .stats-grid{gap:32px 40px;}\n    .alumni-grid{grid-template-columns:1fr;max-width:520px;}\n    .news-grid{grid-template-columns:1fr;max-width:520px;}\n  }\n\n  \/* ============ FOOTER MINIMAL ============ *\/\n  footer.site-footer{background:#120E0B;padding:28px max(24px,6vw);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07);}\n  footer.site-footer .f-brand{font-size:.9rem;font-weight:600;}\n  footer.site-footer .f-brand b{font-weight:800;}footer.site-footer .f-brand span{font-weight:300;color:rgba(255,255,255,.7);}\n  footer.site-footer small{color:rgba(255,255,255,.4);font-size:.75rem;font-weight:300;}\n\n  \/* ============ RESPONSIVE ============ *\/\n  @media (max-width:900px){\n    .site-header{flex-direction:column;align-items:flex-start;}\n    .main-nav{width:100%;justify-content:center;gap:14px 22px;padding-bottom:6px;}\n    .promo{position:static;margin:18px max(24px,6vw) 0;justify-content:center;text-align:left;}\n    .hero-content{padding-top:40px;padding-bottom:150px;}\n    .slogan{bottom:auto;top:auto;right:max(24px,6vw);bottom:96px;font-size:1.35rem;}\n  }\n  @media (max-width:560px){\n    .modules{gap:12px 20px;}\n    .module{white-space:normal;}\n    .hero .promo-logo{width:64px;height:64px;}\n    .cta-row .btn{width:100%;justify-content:center;}\n  }\n\n  \/* ============ \u00c0 QUI S'ADRESSE ============ *\/\n  .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;}\n  .aud-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;}\n  .aud-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,122,26,.13);display:flex;align-items:center;justify-content:center;}\n  .aud-icon svg{width:22px;height:22px;stroke:var(--orange);fill:none;stroke-width:1.8;}\n  .aud-card h3{font-size:1.05rem;font-weight:600;color:#fff;line-height:1.4;}\n  .aud-card p{font-size:.9rem;color:var(--muted);}\n  \/* ============ PROGRAMME (accord\u00e9on modules) ============ *\/\n  #programme{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}\n  .modules-list{margin-top:44px;display:flex;flex-direction:column;gap:14px;max-width:860px;}\n  .mod-item{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;}\n  .mod-head{display:flex;align-items:center;gap:18px;padding:22px 24px;cursor:pointer;user-select:none;}\n  .mod-num{font-size:.72rem;font-weight:700;color:var(--orange);letter-spacing:.12em;flex-shrink:0;width:38px;}\n  .mod-title-wrap{flex:1;}\n  .mod-title{font-size:1.06rem;font-weight:600;color:#fff;line-height:1.4;}\n  .mod-dur{display:block;font-size:.75rem;color:var(--muted);margin-top:3px;}\n  .mod-chevron{width:22px;height:22px;stroke:rgba(255,255,255,.5);fill:none;stroke-width:1.8;flex-shrink:0;transition:transform .3s;}\n  .mod-item.open .mod-chevron{transform:rotate(180deg);}\n  .mod-body{max-height:0;overflow:hidden;transition:max-height .4s ease;}\n  .mod-body-inner{padding:0 24px 24px 80px;}\n  .mod-body p.mod-desc{font-size:.92rem;color:var(--muted);margin-bottom:14px;}\n  .mod-deliverable{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;color:#f6efe7;background:rgba(255,122,26,.08);border-left:3px solid var(--orange);padding:12px 16px;border-radius:0 10px 10px 0;}\n  .mod-deliverable svg{width:17px;height:17px;stroke:var(--orange);fill:none;stroke-width:2;flex-shrink:0;margin-top:3px;}\n  .mod-deliverable b{color:#fff;font-weight:600;}\n\n  \/* ============ CE QUE TU OBTIENDRAS ============ *\/\n  .outcomes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:44px;max-width:900px;}\n  .outcome{display:flex;align-items:flex-start;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;}\n  .check{width:30px;height:30px;border-radius:50%;background:rgba(255,122,26,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}\n  .check svg{width:15px;height:15px;stroke:var(--orange);fill:none;stroke-width:2.4;}\n  .outcome p{font-size:.93rem;color:#f6efe7;font-weight:500;line-height:1.5;}\n  .outcome small{display:block;font-weight:400;color:var(--muted);margin-top:4px;}\n\n  \/* ============ AMBIANCE (section claire \u2014 visuel 3D) ============ *\/\n  #ambiance{background:#F7F2EC;color:#1c1510;}\n  .amb-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,64px);align-items:center;}\n  .amb-visual{margin:0;background:#fff;border-radius:22px;padding:22px;box-shadow:0 26px 70px rgba(28,21,16,.14);}\n  .amb-visual img{width:100%;height:auto;display:block;border-radius:12px;}\n  #ambiance h2.section-title{color:#1c1510;max-width:none;}\n  #ambiance p.amb-text{margin-top:16px;font-size:.98rem;color:rgba(28,21,16,.7);line-height:1.75;max-width:540px;}\n  .amb-points{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:12px;}\n  .amb-points li{display:flex;align-items:flex-start;gap:12px;font-size:.92rem;color:#2a211a;font-weight:500;line-height:1.55;}\n  .amb-points svg{width:18px;height:18px;stroke:var(--orange);fill:none;stroke-width:2.4;flex-shrink:0;margin-top:3px;}\n\n  \/* ============ PRIX (tarif unique) ============ *\/\n  #tarif{background:linear-gradient(180deg,var(--bg-2),#17120E);}\n  .price-card{max-width:680px;margin-top:46px;background:#1C1511;border:1px solid var(--line);border-radius:20px;padding:38px 34px;display:flex;flex-direction:column;}\n  .price-card.featured{border-color:var(--orange);position:relative;background:linear-gradient(180deg,rgba(255,122,26,.09),#1C1511 45%);}\n  .price-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--orange);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:999px;white-space:nowrap;}\n  .price-amount{font-size:3rem;font-weight:700;color:var(--orange);line-height:1.1;}\n  .price-per{font-size:.95rem;color:#e8dfd4;margin-bottom:24px;}\n  .price-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:26px;flex:0;}\n  .price-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:#e8dfd4;}\n  .price-list svg{width:16px;height:16px;stroke:var(--orange);fill:none;stroke-width:2.2;flex-shrink:0;margin-top:4px;}\n  .pay-methods{margin-bottom:30px;padding-top:22px;border-top:1px solid var(--line);}\n  .pay-label{display:block;font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}\n  .pay-chips{display:flex;flex-wrap:wrap;gap:8px;}\n  .pay-chip{background:#241c16;border:1px solid rgba(255,122,26,.35);color:#ffd9b8;font-size:.8rem;font-weight:600;padding:7px 14px;border-radius:999px;}\n  .price-note{margin-top:30px;font-size:.85rem;color:rgba(246,239,231,.7);max-width:700px;display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:16px 20px;border-radius:14px;}\n  .price-note svg{width:18px;height:18px;stroke:var(--orange);fill:none;stroke-width:1.8;flex-shrink:0;margin-top:2px;}\n  \/* ============ CTA FINAL ============ *\/\n  .final-cta{text-align:center;padding:96px max(24px,6vw);}\n  .final-cta h2{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:700;color:#fff;max-width:640px;margin:0 auto;line-height:1.3;}\n  .final-cta p{margin:16px auto 0;font-size:.98rem;color:var(--muted);max-width:520px;}\n  .final-ctas{display:flex;gap:14px;justify-content:center;margin-top:36px;flex-wrap:wrap;}\n\n  @media (max-width:900px){\n    .audience-grid,.outcomes-grid{grid-template-columns:1fr;max-width:520px;}\n    .amb-grid{grid-template-columns:1fr;}\n    .mod-body-inner{padding-left:24px;}\n  }\n\n  \/* Palette plus lumineuse : alternance de cr\u00e8me, ivoire et sections d\u2019accent *\/\n  .why,#public,#programme,#obtentions,#tarif,.faq,.alumni,.news,.signup,.showcase{color:#2b211b;}\n  .why,#obtentions,.faq,.news{background:#F6F0E8;}\n  #public,.alumni,#tarif{background:#FFFCF8;}\n  #programme{background:#F1E8DE;border-color:rgba(53,36,23,.12);}\n  #ambiance{background:#F7F2EC;}\n  .showcase{background:#FFF9F2;}\n  .signup{background:#F1E8DE;}\n\n  .why .section-head h2,.faq .section-head h2,.alumni .section-head h2,.news .section-head h2,.signup .signup-head h2{color:#2b211b;}\n  .why .section-head p,.faq .section-head p,.alumni .section-head p,.news .section-head p{color:rgba(43,33,27,.68);}\n  #public > h2.section-title,#programme > h2.section-title,#obtentions > h2.section-title,#tarif > h2.section-title{color:#2b211b;}\n  .why-card,.aud-card,.mod-item,.outcome,.faq-item,.alum-card,.news-card,.info-card,.field-card{background:#fff;border-color:rgba(53,36,23,.11);}\n  .why-card h3,.aud-card h3,.mod-title,.faq-item summary,.alum-name,.news-card h3{color:#2b211b;}\n  .why-card p,.aud-card p,.mod-dur,#programme .mod-body p.mod-desc,.outcome small,.alum-quote,.alum-role,.news-date{color:rgba(43,33,27,.68);}\n  #programme .mod-chevron{stroke:rgba(43,33,27,.58);}\n  #programme .mod-deliverable{color:#3c2d23;background:rgba(255,122,26,.09);}\n  #programme .mod-deliverable b,#obtentions .outcome p{color:#2b211b;}\n  .faq-item p{color:rgba(43,33,27,.72);}\n  .news-date{border-color:rgba(53,36,23,.1);}\n  #tarif .price-card{background:#fff;border-color:rgba(53,36,23,.12);}\n  #tarif .price-card.featured{background:linear-gradient(180deg,rgba(255,122,26,.08),#fff 45%);}\n  #tarif .price-per,#tarif .price-list li{color:#3c3027;}\n  #tarif .pay-label{color:rgba(43,33,27,.62);}\n  #tarif .pay-chip{background:#FFF1E5;border-color:rgba(255,122,26,.3);color:#75401f;}\n  #tarif .pay-methods{border-color:rgba(53,36,23,.12);}\n  #tarif .price-note{color:rgba(43,33,27,.75);background:#FFF9F2;border-color:rgba(53,36,23,.1);}\n  .signup .info-card{color:#59483b;background:#fff;border-color:rgba(53,36,23,.1);}\n  .signup .info-card strong{color:#2b211b;}\n  .signup .info-card a{color:#A64812;}\n  .signup .required-note,.signup .submit-note{color:rgba(43,33,27,.58);}\n  .signup .section-title::after{background:rgba(43,33,27,.16);}\n  .signup label.f-label,.signup div.f-label{color:#31261e;}\n  .signup input.f-input,.signup textarea.f-input,.signup select.f-input{background-color:#FAF7F2;border-color:rgba(53,36,23,.18);color:#2b211b;}\n  .signup input.f-input::placeholder,.signup textarea.f-input::placeholder{color:rgba(43,33,27,.42);}\n  .signup .option-item span{color:#55463a;}\n  .signup .form-success h3{color:#2b211b;}\n  .signup .form-success p{color:rgba(43,33,27,.68);}\n\n  .showcase-head{text-align:center;max-width:760px;margin:0 auto;}\n  .showcase-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.15;color:#2b211b;}\n  .showcase-head p:not(.section-kicker){color:rgba(43,33,27,.68);font-weight:300;margin-top:14px;line-height:1.7;font-size:.95rem;}\n  .showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:42px auto 0;}\n  .showcase-card{overflow:hidden;background:#fff;border:1px solid rgba(53,36,23,.1);border-radius:18px;box-shadow:0 16px 40px rgba(44,29,17,.08);transition:transform .2s ease,box-shadow .2s ease;}\n  .showcase-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(44,29,17,.14);}\n  .showcase-card img{display:block;width:100%;aspect-ratio:16\/9;object-fit:cover;}\n  .showcase-caption{padding:22px 22px 24px;}\n  .showcase-label{font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#A94F1C;}\n  .showcase-card h3{font-size:1rem;font-weight:700;color:#2b211b;margin-top:8px;line-height:1.4;}\n  .showcase-card p{font-size:.86rem;color:rgba(43,33,27,.66);line-height:1.6;margin-top:8px;}\n  .showcase-note{max-width:1120px;margin:20px auto 0;font-size:.76rem;color:rgba(43,33,27,.54);text-align:center;}\n  @media (max-width:900px){.showcase-grid{grid-template-columns:1fr 1fr;max-width:720px;}}\n  @media (max-width:560px){.showcase-grid{grid-template-columns:1fr;max-width:480px;}}\n  \/* ============ PROPORTIONS ET ESPACEMENTS (desktop \/ tablette \/ mobile) ============ *\/\n  #obtentions,\n  #ambiance,\n  .showcase{padding-inline:max(24px,6vw);}\n  #obtentions,\n  #ambiance{padding-block:clamp(56px,7vw,92px);}\n  #obtentions > .section-kicker,\n  #obtentions > .section-title{width:min(100%,1120px);margin-inline:auto;}\n  .outcomes-grid{width:min(100%,1120px);max-width:none;margin:36px auto 0;}\n  #ambiance .amb-grid{width:min(100%,1240px);margin-inline:auto;}\n  #ambiance .amb-content,\n  #ambiance .amb-points li{min-width:0;}\n  .showcase{padding-block:clamp(64px,8vw,100px);}\n  .showcase-head,\n  .showcase-grid,\n  .showcase-note{width:min(100%,1120px);}\n  .showcase-grid{margin-inline:auto;}\n\n  @media (max-width:980px){\n    #ambiance .amb-grid{grid-template-columns:1fr;max-width:700px;}\n    #ambiance .amb-visual{width:min(100%,560px);justify-self:center;}\n  }\n  @media (max-width:900px){\n    #obtentions .outcomes-grid{max-width:520px;}\n  }\n  @media (max-width:560px){\n    #obtentions,\n    #ambiance,\n    .showcase{padding-inline:20px;}\n    #obtentions,\n    #ambiance{padding-block:56px;}\n    #obtentions .outcomes-grid{margin-top:28px;}\n    #obtentions .outcome{padding:18px 16px;}\n    #ambiance .amb-visual{padding:12px;border-radius:18px;}\n    #ambiance .amb-visual img{border-radius:10px;}\n    .showcase{padding-block:64px;}\n  }\n    \/* ============ TEASER VIDEO YOUTUBE ============ *\/\n  .teaser{background:#FFF9F2;color:#2b211b;padding:clamp(64px,8vw,100px) max(24px,6vw);}\n  .teaser-inner{width:min(100%,1120px);margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center;}\n  .teaser-copy{min-width:0;}\n  .teaser-copy h2{font-size:clamp(1.8rem,3.8vw,2.7rem);font-weight:800;line-height:1.18;color:#2b211b;}\n  .teaser-copy>p:not(.section-kicker){margin-top:14px;font-size:.96rem;line-height:1.75;color:rgba(43,33,27,.72);}\n  .teaser-copy .teaser-note{font-size:.8rem;font-weight:600;color:#A94F1C;}\n  .teaser-player{position:relative;margin:0;aspect-ratio:16\/9;overflow:hidden;border-radius:20px;background:#201812;box-shadow:0 24px 54px rgba(44,29,17,.18);}\n  .teaser-player>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.72;}\n  .teaser-player::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,11,8,.72),transparent 58%);pointer-events:none;}\n  .teaser-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 12px 28px rgba(0,0,0,.28);}\n  .teaser-play svg{width:26px;height:26px;fill:#fff;margin-left:3px;}\n  .teaser-status{position:absolute;z-index:1;left:20px;right:20px;bottom:17px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}\n  .teaser-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}\n  .teaser-player.has-video::after{display:none;}\n  #temoignages .alum-avatar{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center center;flex:0 0 44px;border:2px solid #fff;box-shadow:0 4px 12px rgba(43,33,27,.14);}\n  @media (max-width:980px){.teaser-inner{grid-template-columns:1fr;max-width:720px;}}\n  @media (max-width:700px){.teaser{padding:56px 20px;}.teaser-player{border-radius:16px;}.teaser-play{width:60px;height:60px;}}\n\/* ============ RESPONSIVE GLOBAL (toutes les sections) ============ *\/\n  html{max-width:100%;overflow-x:clip;}\n  body{width:100%;max-width:100%;min-width:320px;overflow-x:clip;}\n  section{width:100%;min-width:0;}\n  img{max-width:100%;}\n\n  #public,#programme,#tarif{padding:clamp(64px,8vw,96px) max(24px,6vw);}\n  #public > .section-kicker,#public > .section-title,\n  #programme > .section-kicker,#programme > .section-title,#programme > .section-lead,\n  #obtentions > .section-kicker,#obtentions > .section-title,\n  #tarif > .section-kicker,#tarif > .section-title{width:min(100%,1120px);margin-inline:auto;}\n  #public .audience-grid{width:min(100%,1120px);max-width:1120px;margin:40px auto 0;grid-template-columns:repeat(3,minmax(0,1fr));}\n  #programme .modules-list{width:min(100%,860px);margin:40px auto 0;}\n  #programme .section-lead{margin-top:14px;line-height:1.7;}\n  #tarif .price-card{width:min(100%,760px);max-width:760px;margin:46px auto 0;padding:clamp(24px,4vw,38px) clamp(18px,4vw,34px);}\n  #tarif .price-card > .btn{width:100%;justify-content:center;text-align:center;white-space:normal;line-height:1.35;}\n  #tarif .price-list li{min-width:0;}\n  #tarif .price-note{width:min(100%,760px);margin:26px auto 0;}\n  .why-grid,.audience-grid,.alumni-grid,.news-grid,.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));}\n  #obtentions .outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\n  .why-grid,.audience-grid,.alumni-grid,.news-grid,.showcase-grid,.outcomes-grid{min-width:0;}\n  .why-card,.aud-card,.outcome,.alum-card,.news-card,.showcase-card{min-width:0;}\n\n  @media (max-width:900px){\n    .why-grid,.audience-grid,.alumni-grid,.news-grid,.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\n    #public .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\n    #obtentions .outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;}\n  }\n  @media (max-width:700px){\n    .why,.faq,.alumni,.challenge,.news,.signup,.final-cta{padding:64px 20px;}\n    .stats{padding:44px 20px;}\n    footer.site-footer{padding:24px 20px;}\n    #public,#programme,#tarif{padding:56px 20px;}\n    #obtentions,#ambiance{padding:56px 20px;}\n    .showcase{padding:64px 20px;}\n    .why-grid,.audience-grid,.alumni-grid,.news-grid,.showcase-grid,\n    #obtentions .outcomes-grid{grid-template-columns:1fr;max-width:520px;}\n    #obtentions .outcomes-grid{width:100%;margin-top:28px;}\n    #public .audience-grid{grid-template-columns:1fr;max-width:520px;margin-top:30px;}\n    #programme .modules-list{margin-top:30px;}\n    #tarif .price-card{width:100%;margin-top:38px;padding:28px 20px;}\n    #tarif .price-flag{max-width:calc(100% - 24px);font-size:.6rem;padding:6px 10px;}\n    .site-header{padding:24px 20px;}\n    .main-nav{justify-content:flex-start;gap:12px 18px;}\n    .promo{width:min(420px,calc(100vw - 40px));max-width:calc(100vw - 40px);margin:18px auto 0;}\n    .hero-content{padding:32px 20px 145px;}\n    h1.title{font-size:clamp(2.15rem,10vw,3.4rem);}\n    .modules{gap:12px 18px;}\n    .module{white-space:normal;}\n    .cta-row{gap:12px;}\n    .cta-row .btn{width:100%;justify-content:center;}\n    .site-url{left:20px;right:20px;bottom:28px;font-size:.68rem;}\n    .slogan{right:20px;bottom:76px;font-size:1.25rem;}\n    .mod-head{gap:12px;padding:18px 16px;}\n    .mod-num{width:30px;}\n    .mod-body-inner{padding:0 16px 18px;}\n    .faq-item summary{padding:18px 16px;font-size:.92rem;}\n    .faq-item p{padding:0 16px 18px;}\n    .showcase-caption{padding:18px;}\n    .row-2{grid-template-columns:1fr;gap:0;}\n    \n  \n  }\n\n\n  \/* S\u00e9lecteur de langue FR | EN *\/\n  .main-nav .lang-switch{display:flex;align-items:center;gap:5px;font-size:.85rem;font-weight:600;letter-spacing:.03em;line-height:1;}\n  .main-nav .lang-switch a.lang-link{color:rgba(255,255,255,.55);text-decoration:none;padding:2px;transition:color .15s ease;}\n  .main-nav .lang-switch a.lang-link:hover{color:#fff;}\n  .main-nav .lang-switch a.lang-link.is-active{color:var(--orange);}\n  .main-nav .lang-switch .lang-sep{color:rgba(255,255,255,.3);}\n<\/style>\n\n<section class=\"hero\">\n\n  <!-- Logo -->\n  <header class=\"site-header\">\n    <a  href=\"https:\/\/afriperceptacademy.online\/\" aria-label=\"Accueil AfriPercept Academy\" style=\"color:inherit;text-decoration:none;\">\n      <span class=\"logo-name\"><b>Afri<\/b><span>Percept<\/span><\/span>\n      <span class=\"logo-sub\">A C A D E M Y<\/span>\n      <span class=\"logo-bar\"><\/span>\n    <\/a>\n\n    <!-- Navigation (inspir\u00e9e Este School) -->\n    <nav class=\"main-nav\" aria-label=\"Navigation principale\">\n      <a class=\"nav-link\" href=\"#pourquoi\">Pourquoi nous<\/a>\n      <a class=\"nav-link\" href=\"#teaser\">Teaser<\/a>\n      <a class=\"nav-link\" href=\"#public\">Le cours<\/a>\n      <a class=\"nav-link\" href=\"#programme\">Programme<\/a>\n      <a class=\"nav-link\" href=\"#inspirations\">Inspirations<\/a>\n      <a class=\"nav-link\" href=\"#tarif\">Tarifs<\/a>\n      <a class=\"nav-link\" href=\"#faq\">FAQ<\/a>\n      <div class=\"lang-switch\" role=\"group\" aria-label=\"Langue \/ Language\">\n        <a class=\"lang-link is-active\" href=\"https:\/\/afriperceptacademy.online\/\" hreflang=\"fr\" aria-current=\"page\">FR<\/a>\n        <span class=\"lang-sep\" aria-hidden=\"true\">|<\/span>\n        <a class=\"lang-link\" href=\"https:\/\/afriperceptacademy.online\/index.php\/en\/\" hreflang=\"en\" lang=\"en\">EN<\/a>\n      <\/div>\n      <a class=\"nav-cta\" href=\"#inscription\">Pr\u00e9-inscription<\/a>\n    <\/nav>\n  <\/header>\n\n  <!-- Banni\u00e8re promo -->\n  <aside class=\"promo\" aria-label=\"Nouvelle formation\">\n    <div class=\"promo-text\">\n      <div class=\"promo-tag\">Nouvelle formation<\/div>\n      <div class=\"promo-title\">CINEMA&nbsp;4D \u00b7 PHASE 1 \u00b7 SIX MOIS<\/div>\n    <\/div>\n    <img fetchpriority=\"high\" class=\"promo-logo\"  alt=\"Logo AfriPercept Academy\" width=\"300\" height=\"300\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-logo-afripercept.png\">\n  <\/aside>\n\n  <!-- Contenu principal -->\n  <div class=\"hero-content\">\n    <div class=\"hero-inner\">\n\n      <p class=\"subtitle-kicker\">Formation pour d\u00e9butants \u00b7 Phase 1<\/p>\n\n      <h1 class=\"title\">Cinema&nbsp;4D<br><span class=\"accent\">pour d\u00e9butants \u00b7 Phase 1<\/span><\/h1>\n\n      <p class=\"lead\">\n        D\u00e9couvrez le motion design 3D depuis les bases de Cinema&nbsp;4D et d'Octane&nbsp;Render.\n        La Phase&nbsp;1 dure six mois et ajoute After Effects pour le compositing et la post-production.\n      <\/p>\n\n      <!-- Modules -->\n      <div class=\"modules\">\n        <span class=\"module\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><path d=\"M12 2l9 5v10l-9 5-9-5V7l9-5z\"\/><path d=\"M3 7l9 5 9-5M12 12v10\"\/><\/svg>\n          Mod\u00e9lisation 3D\n        <\/span>\n        <span class=\"module\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 15l5-4 4 3 4-5 5 6\"\/><\/svg>\n          Mat\u00e9riaux &amp; Textures\n        <\/span>\n        <span class=\"module\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.5 4.5l2.1 2.1M17.4 17.4l2.1 2.1M19.5 4.5l-2.1 2.1M6.6 17.4l-2.1 2.1\"\/><\/svg>\n          \u00c9clairage Octane Render\n        <\/span>\n        <span class=\"module\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"6\" width=\"13\" height=\"12\" rx=\"2\"\/><path d=\"M15 10l7-4v12l-7-4\"\/><\/svg>\n          Animation &amp; Cam\u00e9ra\n        <\/span>\n        <span class=\"module\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linejoin=\"round\"><path d=\"M12 3l1.9 5.6L19.5 10l-5.6 1.9L12 17.5l-1.9-5.6L4.5 10l5.6-1.4L12 3z\"\/><path d=\"M18.5 15.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8.8-2.2z\"\/><\/svg>\n          IA &amp; Direction Artistique\n        <\/span>\n        <span class=\"module\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M4 7h10M18 7h2M4 12h4M12 12h8M4 17h13M20 17h0\"\/><circle cx=\"16\" cy=\"7\" r=\"2\"\/><circle cx=\"10\" cy=\"12\" r=\"2\"\/><circle cx=\"19\" cy=\"17\" r=\"2\"\/><\/svg>\n          After Effects \u00b7 compositing\n        <\/span>\n      <\/div>\n\n      <!-- Boutons -->\n      <div class=\"cta-row\">\n        <a class=\"btn btn-primary\" href=\"#programme\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 4.5v15l13-7.5L7 4.5z\"\/><\/svg>\n          Voir la formation\n        <\/a>\n        <a class=\"btn btn-secondary\" href=\"https:\/\/discord.gg\/UBcacXRfj\" target=\"_self\" rel=\"noopener noreferrer\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5465-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z\"\/><\/svg>\n          Rejoindre la communaut\u00e9\n        <\/a>\n      <\/div>\n\n      <!-- Note session (inspir\u00e9 Este School : prochaine convocation) -->\n      <p class=\"hero-note\">Rentr\u00e9e <b>mercredi 18 novembre 2026<\/b>&nbsp;\u2014 Places limit\u00e9es afin de garantir un accompagnement personnalis\u00e9.<\/p>\n\n    <\/div>\n  <\/div>\n\n  <!-- Slogan script -->\n  <p class=\"slogan\">Apprenez. Cr\u00e9ez. Exp\u00e9rimentez.<br><span class=\"accent\">Donnez vie \u00e0 vos id\u00e9es.<\/span><\/p>\n\n  <!-- URL -->\n  <span class=\"site-url\">afriperceptacademy.online<\/span>\n\n<\/section>\n<!-- ============ POURQUOI NOUS (inspir\u00e9 Este School) ============ -->\n<section class=\"teaser\" id=\"teaser\" aria-labelledby=\"teaser-title\">\n  <div class=\"teaser-inner\">\n    <div class=\"teaser-copy\">\n      <p class=\"section-kicker\">\u00c0 d\u00e9couvrir<\/p>\n      <h2 id=\"teaser-title\">La Phase 1 en images<\/h2>\n      <p>D\u00e9couvrez ce que vous pourrez cr\u00e9er pendant la Phase 1. En six mois, apprenez \u00e0 transformer vos id\u00e9es en projets 3D avec Cinema 4D, de la mod\u00e9lisation au rendu et \u00e0 la post-production.<\/p>\n    <\/div>\n    <figure class=\"teaser-player\" data-youtube-url=\"https:\/\/youtu.be\/mnjlEiSStW8\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-inspiration-mouvement.jpg\" alt=\"\" loading=\"lazy\" width=\"1672\" height=\"941\">\n      <span class=\"teaser-play\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7-11-7z\"\/><\/svg><\/span>\n    <\/figure>\n  <\/div>\n<\/section><section class=\"why\" id=\"pourquoi\">\n  <div class=\"section-head\">\n    <p class=\"section-kicker\">Pourquoi AfriPercept<\/p>\n    <h2>Une formation centr\u00e9e sur <span class=\"accent\">votre progression<\/span><\/h2>\n    <p>Nous identifions les points forts de chaque apprenant et nous les d\u00e9veloppons \u00e0 travers des projets concrets. Notre objectif : que vous sortiez avec un portfolio solide et pr\u00eat \u00e0 montrer.<\/p>\n  <\/div>\n\n  <div class=\"why-grid\">\n    <div class=\"why-card\">\n      <div class=\"why-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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>\n      <\/div>\n      <h3>Des formateurs en activit\u00e9<\/h3>\n      <p>Nos formateurs travaillent tous les jours dans l'industrie : ils vous rapprochent du travail r\u00e9el et de ce que le march\u00e9 demande aujourd'hui.<\/p>\n    <\/div>\n\n    <div class=\"why-card\">\n      <div class=\"why-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v18h18\"\/><path d=\"m7 15 4-6 4 3 5-7\"\/><\/svg>\n      <\/div>\n      <h3>Des cours personnalis\u00e9s<\/h3>\n      <p>Chaque apprenant avance \u00e0 son rythme. Nous renfor\u00e7ons vos points forts et accompagnons votre projet final avec des tutoriels individualis\u00e9s.<\/p>\n    <\/div>\n\n    <div class=\"why-card\">\n      <div class=\"why-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8\"\/><path d=\"M12 17v4\"\/><\/svg>\n      <\/div>\n      <h3>Un mod\u00e8le flexible<\/h3>\n      <p>La plupart des cours sont enregistr\u00e9s : regardez-les quand vous voulez, o\u00f9 vous voulez. Des sessions en direct compl\u00e8tent le parcours pour r\u00e9soudre vos questions.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- ============ \u00c0 QUI S'ADRESSE LE COURS ============ -->\n<section id=\"public\">\n  <p class=\"section-kicker\">\u00c0 qui s'adresse ce cours ?<\/p>\n  <h2 class=\"section-title\">Vous partez de z\u00e9ro, vous vous \u00eates form\u00e9 seul\u00b7e ou vous changez de voie&nbsp;: <span class=\"accent\">ce cours est fait pour vous.<\/span><\/h2>\n  <div class=\"audience-grid\">\n    <div class=\"aud-card\">\n      <span class=\"aud-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2v6m0 0l-3-3m3 3l3-3M5 22c0-5 3-8 7-8s7 3 7 8\"\/><\/svg><\/span>\n      <h3>Les grands d\u00e9butants<\/h3>\n      <p>Aucune connaissance en 3D requise. On part de l'installation du logiciel jusqu'\u00e0 votre premier rendu professionnel, \u00e9tape par \u00e9tape.<\/p>\n    <\/div>\n    <div class=\"aud-card\">\n      <span class=\"aud-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20l9-5-9-5-9 5 9 5zM12 12V4\"\/><\/svg><\/span>\n      <h3>Ceux qui se sont form\u00e9s en autodidacte<\/h3>\n      <p>Vos tutos YouTube vous ont donn\u00e9 des bases mais rien ne tient ensemble&nbsp;? La m\u00e9thode de la formation structure vos connaissances et comble les trous.<\/p>\n    <\/div>\n    <div class=\"aud-card\">\n      <span class=\"aud-icon\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 17l6-6 4 4 6-8\"\/><path d=\"M14 7h6v6\"\/><\/svg><\/span>\n      <h3>Ceux qui veulent se reconvertir<\/h3>\n      <p>Design graphique, vid\u00e9o, architecture\u2026 Vous visez l'animation 3D ou le motion design&nbsp;: ce cursus vous donne un portfolio cr\u00e9dible pour d\u00e9crocher vos premi\u00e8res missions.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- ============ PROGRAMME D\u00c9TAILL\u00c9 (accord\u00e9on) ============ -->\n<section id=\"programme\">\n  <p class=\"section-kicker\">Le programme<\/p>\n  <h2 class=\"section-title\">La Phase 1&nbsp;: six mois pour construire <span class=\"accent\">vos premiers projets 3D.<\/span><\/h2>\n  <p class=\"section-lead\">Un parcours d\u00e9butant de six mois et environ 40 s\u00e9ances. Chaque module se termine par une r\u00e9alisation concr\u00e8te pour votre portfolio. Cliquez sur un module pour voir le d\u00e9tail.<\/p>\n\n  <div class=\"modules-list\">\n    <!-- Module 1 -->\n    <div class=\"mod-item open\">\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"true\">\n        <span class=\"mod-num\">M1<\/span>\n        <span class=\"mod-title-wrap\">\n          <span class=\"mod-title\">Fondamentaux &amp; Mod\u00e9lisation 3D<\/span>\n          <span class=\"mod-dur\">S\u00e9ances 1\u20138 \u00b7 Mois 1<\/span>\n        <\/span>\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/div>\n      <div class=\"mod-body\">\n        <div class=\"mod-body-inner\">\n          <p class=\"mod-desc\">Premiers pas dans Cinema&nbsp;4D&nbsp;: interface, navigation, syst\u00e8me de coordonn\u00e9es. Vous apprenez \u00e0 mod\u00e9liser avec les outils polygonaux (box modeling), les splines et la retouche de maillage, en suivant une logique de production propre \u00e0 l'industrie.<\/p>\n          <div class=\"mod-deliverable\">\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\n            <span><b>Votre r\u00e9alisation :<\/b>&nbsp;une sc\u00e8ne produit compl\u00e8te mod\u00e9lis\u00e9e de z\u00e9ro (ex. bouteille ou objet du quotidien), pr\u00eate \u00e0 \u00eatre \u00e9clair\u00e9e.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Module 2 -->\n    <div class=\"mod-item\">\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n        <span class=\"mod-num\">M2<\/span>\n        <span class=\"mod-title-wrap\">\n          <span class=\"mod-title\">Mat\u00e9riaux &amp; Textures<\/span>\n          <span class=\"mod-dur\">S\u00e9ances 9\u201314 \u00b7 Mois 2<\/span>\n        <\/span>\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/div>\n      <div class=\"mod-body\">\n        <div class=\"mod-body-inner\">\n          <p class=\"mod-desc\">Le shader de Cinema&nbsp;4D de A \u00e0 Z&nbsp;: mat\u00e9riaux PBR, textures proc\u00e9durales et bitmap, UV mapping. Vous savez cr\u00e9er du verre, du m\u00e9tal, des tissus et des surfaces r\u00e9alistes sans d\u00e9pendre uniquement des banques d'assets.<\/p>\n          <div class=\"mod-deliverable\">\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\n            <span><b>Votre r\u00e9alisation :<\/b>&nbsp;un set de mat\u00e9riaux r\u00e9alistes (5 surfaces minimum) + rendu \u00ab still life \u00bb de votre sc\u00e8ne du module&nbsp;1.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Module 3 -->\n    <div class=\"mod-item\">\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n        <span class=\"mod-num\">M3<\/span>\n        <span class=\"mod-title-wrap\">\n          <span class=\"mod-title\">\u00c9clairage &amp; rendu avec Octane Render<\/span>\n          <span class=\"mod-dur\">S\u00e9ances 15\u201322 \u00b7 Mois 3<\/span>\n        <\/span>\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/div>\n      <div class=\"mod-body\">\n        <div class=\"mod-body-inner\">\n          <p class=\"mod-desc\">La lumi\u00e8re, c'est 80&nbsp;% du rendu. \u00c9tude des trois points de lumi\u00e8re, HDRI, lumi\u00e8res physiques, puis prise en main du moteur de rendu Octane Render&nbsp;: param\u00e8tres d'optimisation, gestion des bouchons (fireflies), rendus finalistes haute qualit\u00e9.<\/p>\n          <div class=\"mod-deliverable\">\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\n            <span><b>Votre r\u00e9alisation :<\/b>&nbsp;3 ambiances diff\u00e9rentes (studio, ext\u00e9rieur HDRI, nuit) de la m\u00eame sc\u00e8ne \u2014 la base d'une fiche portfolio.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Module 4 -->\n    <div class=\"mod-item\">\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n        <span class=\"mod-num\">M4<\/span>\n        <span class=\"mod-title-wrap\">\n          <span class=\"mod-title\">Animation &amp; Cam\u00e9ra<\/span>\n          <span class=\"mod-dur\">S\u00e9ances 23\u201330 \u00b7 Mois 4<\/span>\n        <\/span>\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/div>\n      <div class=\"mod-body\">\n        <div class=\"mod-body-inner\">\n          <p class=\"mod-desc\">Courbes de mouvement, keyframes, contraintes cam\u00e9ra (look-at, dolly), animation de produits et introduction aux effets physiques (X-Presso). Vous apprenez \u00e0 donner du rythme \u00e0 une image, pas seulement \u00e0 la faire bouger.<\/p>\n          <div class=\"mod-deliverable\">\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\n            <span><b>Votre r\u00e9alisation :<\/b>&nbsp;une motion de produit de 10\u201315&nbsp;s (rotation, reveal, cam\u00e9ra) rendue en HD.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Module 5 -->\n    <div class=\"mod-item\">\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n        <span class=\"mod-num\">M5<\/span>\n        <span class=\"mod-title-wrap\">\n          <span class=\"mod-title\">IA &amp; Direction Artistique<\/span>\n          <span class=\"mod-dur\">S\u00e9ances 31\u201336 \u00b7 Mois 5<\/span>\n        <\/span>\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/div>\n      <div class=\"mod-body\">\n        <div class=\"mod-body-inner\">\n          <p class=\"mod-desc\">L'IA comme acc\u00e9l\u00e9rateur, pas comme b\u00e9quille&nbsp;: moodboards avec les outils d'IA g\u00e9n\u00e9rative, g\u00e9n\u00e9ration de textures et assets, upscaling des rendus. Vous apprenez aussi \u00e0 d\u00e9finir une direction artistique \u2014 la comp\u00e9tence qui distingue un utilisateur de logiciel d'un artiste 3D.<\/p>\n          <div class=\"mod-deliverable\">\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\n            <span><b>Votre r\u00e9alisation :<\/b>&nbsp;une planche de direction artistique (moodboard + 3 concepts) pour un projet fictif de client.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Module 6 -->\n    <div class=\"mod-item\">\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\n        <span class=\"mod-num\">M6<\/span>\n        <span class=\"mod-title-wrap\">\n          <span class=\"mod-title\">After Effects, post-production &amp; portfolio<\/span>\n          <span class=\"mod-dur\">S\u00e9ances 37\u201340 \u00b7 Mois 6<\/span>\n        <\/span>\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n      <\/div>\n      <div class=\"mod-body\">\n        <div class=\"mod-body-inner\">\n          <p class=\"mod-desc\">Compositing et post-production de vos rendus avec After Effects&nbsp;: int\u00e9gration des s\u00e9quences, titrage, finitions et export pour le web. Vous montez ensuite un showreel et rassemblez les meilleurs projets des six modules dans votre portfolio.<\/p>\n          <div class=\"mod-deliverable\">\n            <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg>\n            <span><b>Votre r\u00e9alisation :<\/b>&nbsp;un portfolio en ligne (3\u20135 projets) + un showreel de 60&nbsp;s. Vous \u00eates op\u00e9rationnel.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- ============ CE QUE TU OBTIENDRAS ============ -->\n<section id=\"obtentions\">\n  <p class=\"section-kicker\">\u00c0 la fin du cours<\/p>\n  <h2 class=\"section-title\">Ce que vous repartez avec, <span class=\"accent\">concr\u00e8tement.<\/span><\/h2>\n  <div class=\"outcomes-grid\">\n    <div class=\"outcome\">\n      <span class=\"check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\n      <p>Un portfolio de 3 \u00e0 5 projets 3D<small>Rendus, motions et planches artistiques r\u00e9alis\u00e9s pendant le cours \u2014 pas des exercices jetables.<\/small><\/p>\n    <\/div>\n    <div class=\"outcome\">\n      <span class=\"check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\n      <p>Cinema&nbsp;4D, Octane Render &amp; After Effects<small>Mod\u00e9lisez et animez avec Cinema&nbsp;4D, \u00e9clairez et rendez avec Octane, puis r\u00e9alisez le compositing et la post-production dans After Effects.<\/small><\/p>\n    <\/div>\n    <div class=\"outcome\">\n      <span class=\"check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\n      <p>Un showreel de 60 secondes<small>Le premier document qu'un client ou un studio regarde. Il est pr\u00eat \u00e0 envoyer d\u00e8s la fin du module&nbsp;6.<\/small><\/p>\n    <\/div>\n    <div class=\"outcome\">\n      <span class=\"check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\n      <p>L'acc\u00e8s \u00e0 la communaut\u00e9 AfriPercept<small>Retours de formateurs, critiques de projets et opportunit\u00e9s de missions partag\u00e9es entre apprenants.<\/small><\/p>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- ============ AMBIANCE DE TRAVAIL (visuel 3D fourni) ============ -->\n<section id=\"ambiance\">\n  <div class=\"amb-grid\">\n    <figure class=\"amb-visual\">\n      <!-- Illustration 3D fournie par l'Acad\u00e9mie (personnage stylis\u00e9) -->\n      <img  alt=\"Personnage 3D stylis\u00e9 assis sur un fauteuil poire avec son ordinateur portable\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-personnage-3d-v2.png\">\n    <\/figure>\n    <div class=\"amb-content\">\n      <p class=\"section-kicker\">L'ambiance du cours<\/p>\n      <h2 class=\"section-title\">Un cadre bienveillant, <span class=\"accent\">des projets concrets.<\/span><\/h2>\n      <p class=\"amb-text\">Pas de th\u00e9orie en l'air : chaque s\u00e9ance est pens\u00e9e pour que vous repartiez avec une avanc\u00e9e visible. Vous travaillez sur vos propres r\u00e9alisations, du premier polygone jusqu'au rendu finaliste \u2014 entour\u00e9\u00b7e par un formateur et la communaut\u00e9 d'apprenants.<\/p>\n      <ul class=\"amb-points\">\n        <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Suivi individualis\u00e9 : vos projets sont corrig\u00e9s, pas juste not\u00e9s<\/li>\n        <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Une communaut\u00e9 AfriPercept active entre les s\u00e9ances (WhatsApp)<\/li>\n        <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Des r\u00e9alisations qui finissent dans votre portfolio, pas dans une corbeille<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"showcase\" id=\"inspirations\" aria-labelledby=\"showcase-title\">\n  <div class=\"showcase-head\">\n    <p class=\"section-kicker\">Inspirations 3D<\/p>\n    <h2 id=\"showcase-title\">Mod\u00e9lisez, \u00e9clairez, donnez vie.<\/h2>\n    <p>Quelques exemples de sc\u00e8nes que Cinema 4D et Octane Render permettent d\u2019explorer : du design produit aux environnements 3D.<\/p>\n  <\/div>\n  <div class=\"showcase-grid\">\n    <article class=\"showcase-card\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-inspiration-produit.jpg\" alt=\"Rendu 3D d\u2019un objet audio en verre bleu-vert et m\u00e9tal orange\" loading=\"lazy\" width=\"1672\" height=\"941\">\n      <div class=\"showcase-caption\">\n        <span class=\"showcase-label\">Design produit<\/span>\n        <h3>Cr\u00e9er un objet de toutes pi\u00e8ces<\/h3>\n        <p>Mod\u00e9lisation, mati\u00e8res et lumi\u00e8re studio.<\/p>\n      <\/div>\n    <\/article>\n    <article class=\"showcase-card\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-inspiration-mouvement.jpg\" alt=\"Composition motion design de formes en verre, bronze et bleu-vert\" loading=\"lazy\" width=\"1672\" height=\"941\">\n      <div class=\"showcase-caption\">\n        <span class=\"showcase-label\">Motion design<\/span>\n        <h3>Jouer avec le mouvement<\/h3>\n        <p>Des formes, des reflets et une composition en \u00e9quilibre.<\/p>\n      <\/div>\n    <\/article>\n    <article class=\"showcase-card\">\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-inspiration-environnement.jpg\" alt=\"Environnement 3D d\u2019arches courbes, de pierre chaude et d\u2019un bassin au coucher du soleil\" loading=\"lazy\" width=\"1672\" height=\"941\">\n      <div class=\"showcase-caption\">\n        <span class=\"showcase-label\">Environnement 3D<\/span>\n        <h3>Construire une sc\u00e8ne immersive<\/h3>\n        <p>Profondeur, architecture et ambiance lumineuse.<\/p>\n      <\/div>\n    <\/article>\n  <\/div>\n  <p class=\"showcase-note\">Visuels d\u2019inspiration cr\u00e9\u00e9s pour illustrer la formation ; ils ne repr\u00e9sentent pas des projets d\u2019apprenants.<\/p>\n<\/section>\n<!-- ============ BANDEAU CHIFFRES (inspir\u00e9 Este School) ============ -->\n<section class=\"stats\" aria-label=\"Chiffres cl\u00e9s\">\n  <div class=\"stats-grid\">\n    <div class=\"stat\"><div class=\"stat-num\">6<\/div><div class=\"stat-label\">Modules de A \u00e0 Z<\/div><\/div>\n    <div class=\"stat\"><div class=\"stat-num\">6&nbsp;mois<\/div><div class=\"stat-label\">Phase 1 \u00b7 d\u00e9butants<\/div><\/div>\n    <div class=\"stat\"><div class=\"stat-num\">C4D + Octane<\/div><div class=\"stat-label\">Outils de l'industrie<\/div><\/div>\n  <\/div>\n<\/section>\n<!-- ============ TARIF (\u00e0 remplir) ============ -->\n<section id=\"tarif\">\n  <p class=\"section-kicker\">Tarifs &amp; inscription<\/p>\n  <h2 class=\"section-title\">Un prix transparent, <span class=\"accent\">des modalit\u00e9s flexibles.<\/span><\/h2>\n  <div class=\"price-card featured\">\n    <span class=\"price-flag\">Rentr\u00e9e du mercredi 18 novembre 2026<\/span>\n    <p class=\"price-amount\">120&nbsp;000&nbsp;FCFA<\/p>\n    <p class=\"price-per\">(environ 180&nbsp;\u20ac) \u2014 paiement unique \u00e0 l'inscription<\/p>\n    <ul class=\"price-list\">\n      <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Les 6 modules complets (\u2248&nbsp;40 s\u00e9ances, 6 mois)<\/li>\n      <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Tous les projets portfolio guid\u00e9s<\/li>\n      <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Acc\u00e8s \u00e0 la communaut\u00e9 AfriPercept<\/li>\n      <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Certificat de fin de formation<\/li>\n    <\/ul>\n\n    <p class=\"price-note-limited\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"15\" height=\"15\" style=\"vertical-align:-2px;\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 8v4l3 2\"\/><\/svg> Places limit\u00e9es afin de garantir un accompagnement personnalis\u00e9.<\/p>\n\n    <!-- \u26a0\ufe0f Moyens de paiement fournis par l'Acad\u00e9mie \u2014 coordonn\u00e9es (num\u00e9ros, email PayPal) \u00e0 ajouter -->\n    <div class=\"pay-methods\">\n      <span class=\"pay-label\">Moyens de paiement accept\u00e9s<\/span>\n      <div class=\"pay-chips\">\n        <span class=\"pay-chip\">Mixx by Yas<\/span>\n        <span class=\"pay-chip\">PayPal<\/span>\n        <span class=\"pay-chip\">Flooz<\/span>\n        <span class=\"pay-chip\">Western Union<\/span>\n        <span class=\"pay-chip\">MTN MoMo<\/span>\n        <span class=\"pay-chip\">Orange Money<\/span>\n        <span class=\"pay-chip\">Moov Money<\/span>\n        <span class=\"pay-chip\">Airtel Money<\/span>\n        <span class=\"pay-chip\">Wave<\/span>\n        <span class=\"pay-chip\">Ecobank<\/span>\n        <span class=\"pay-chip\">PI-SPI<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- \u26a0\ufe0f Remplacer par l'URL r\u00e9elle du formulaire (page landing #inscription) -->\n    <a class=\"btn btn-primary\" href=\"#inscription\">Choisir cette option \u2014 pr\u00e9-inscription<\/a>\n  <\/div>\n<\/section>\n<!-- ============ FAQ FUSIONN\u00c9E ============ -->\n<section class=\"faq\" id=\"faq\">\n  <div class=\"section-head\">\n    <p class=\"section-kicker\">Questions fr\u00e9quentes<\/p>\n    <h2>Tout savoir avant de <span class=\"accent\">vous lancer<\/span><\/h2>\n  <\/div>\n\n  <div class=\"faq-list\">\n<details class=\"faq-item\" open>\n      <summary>Faut-il d\u00e9j\u00e0 conna\u00eetre Cinema&nbsp;4D pour s'inscrire&nbsp;?<\/summary>\n      <p>Non. La Phase&nbsp;1 est con\u00e7ue pour les d\u00e9butants et dure six mois. Nous partons des bases de l'interface jusqu'\u00e0 vos premiers projets anim\u00e9s. Un questionnaire pr\u00e9alable nous permet d'adapter le rythme au groupe.<\/p>\n    <\/details>\n<details class=\"faq-item\">\n      <summary>Comment se d\u00e9roulent les cours&nbsp;?<\/summary>\n      <p>La majorit\u00e9 des cours sont enregistr\u00e9s et accessibles quand vous voulez. Des sessions en direct permettent de poser vos questions, et nos formateurs restent disponibles pour le feedback.<\/p>\n    <\/details>\n<details class=\"faq-item\">\n      <summary>Quel mat\u00e9riel me faut-il&nbsp;?<\/summary>\n      <p>Un ordinateur avec 16&nbsp;Go de RAM minimum (32&nbsp;Go recommand\u00e9s) et une carte graphique r\u00e9cente. Cinema&nbsp;4D est disponible en version d'essai pendant toute la dur\u00e9e du cours \u2014 nous vous guidons \u00e0 l'installation.<\/p>\n    <\/details>\n<details class=\"faq-item\">\n      <summary>Puis-je poser des questions aux formateurs&nbsp;?<\/summary>\n      <p>Oui, c'est central dans notre m\u00e9thode. En direct, par WhatsApp et en tutorat individualis\u00e9 sur votre projet final : nous restons \u00e0 vos c\u00f4t\u00e9s jusqu'\u00e0 la remise du portfolio.<\/p>\n    <\/details>\n<details class=\"faq-item\">\n      <summary>Que se passe-t-il apr\u00e8s ma pr\u00e9-inscription&nbsp;?<\/summary>\n      <p>Nous vous contactons sur WhatsApp sous 48&nbsp;h pour confirmer votre place, r\u00e9pondre \u00e0 vos questions et convenir du d\u00e9marrage de la session.<\/p>\n    <\/details>\n    <details class=\"faq-item\">\n      <summary>Quels moyens de paiement sont accept\u00e9s&nbsp;?<\/summary>\n      <p>Paiement unique de <strong>180&nbsp;\u20ac ou 120&nbsp;000&nbsp;F&nbsp;CFA<\/strong> \u2014 payez par <strong>Mixx by Yas, PayPal, Flooz, Western Union, MTN MoMo, Orange Money, Moov Money, Airtel Money, Wave, Ecobank ou PI-SPI<\/strong>. Les coordonn\u00e9es de paiement et les instructions n\u00e9cessaires vous seront envoy\u00e9es sur WhatsApp apr\u00e8s votre pr\u00e9-inscription.<\/p>\n    <\/details>\n  <\/div>\n<\/section>\n\n<!-- ============ T\u00c9MOIGNAGES ALUMNI (inspir\u00e9 Este School) ============ -->\n<section class=\"alumni\" id=\"temoignages\">\n  <div class=\"section-head\">\n    <p class=\"section-kicker\">Ils ont d\u00e9j\u00e0 d\u00e9coll\u00e9<\/p>\n    <h2>Nos apprenants sont <span class=\"accent\">d\u00e9j\u00e0 en activit\u00e9<\/span><\/h2>\n    <p>D\u00e8s la fin de la formation, nos dipl\u00f4m\u00e9s int\u00e8grent des studios et travaillent en freelance sur de vrais projets. Voici ce qu'ils disent d'AfriPercept.<\/p>\n  <\/div>\n\n  <div class=\"alumni-grid\">\n    <div class=\"alum-card\">\n      <p class=\"alum-quote\">\u00ab Je partais de z\u00e9ro en 3D. En trois mois j'avais d\u00e9j\u00e0 un premier rendu \u00e0 montrer, et le feedback des formateurs sur mon portfolio a fait toute la diff\u00e9rence quand j'ai postul\u00e9. \u00bb<\/p>\n      <div class=\"alum-person\">\n        <img loading=\"lazy\" decoding=\"async\" class=\"alum-avatar\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-temoignage-portrait-02.webp\" alt=\"Portrait illustratif de la t\u00e9moignante Awa K. (photo non contractuelle)\" width=\"44\" height=\"44\" loading=\"lazy\">\n        <span><span class=\"alum-name\">Awa K.<\/span><br><span class=\"alum-role\">3D Generalist \u2014 studio Abidjan<\/span><\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"alum-card\">\n      <p class=\"alum-quote\">\u00ab Ce qui m'a convaincu, c'est la m\u00e9thode : des projets concrets du premier jour et des formateurs en activit\u00e9 dans l'industrie. J'ai sign\u00e9 mon premier contrat freelance avant m\u00eame la fin de la session. \u00bb<\/p>\n      <div class=\"alum-person\">\n        <img loading=\"lazy\" decoding=\"async\" class=\"alum-avatar\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-temoignage-portrait-01.webp\" alt=\"Portrait illustratif du t\u00e9moin Serge D. (photo non contractuelle)\" width=\"44\" height=\"44\" loading=\"lazy\">\n        <span><span class=\"alum-name\">Serge D.<\/span><br><span class=\"alum-role\">Freelance C4D \u2014 Dakar<\/span><\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"alum-card\">\n      <p class=\"alum-quote\">\u00ab Le format enregistr\u00e9 m'a permis de suivre la formation tout en travaillant. Les sessions live et le WhatsApp d'assistance ont combl\u00e9 tous les trous dans ma progression. \u00bb<\/p>\n      <div class=\"alum-person\">\n        <img loading=\"lazy\" decoding=\"async\" class=\"alum-avatar\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-temoignage-portrait-03.webp\" alt=\"Portrait illustratif de la t\u00e9moin Mariam N. (photo non contractuelle)\" width=\"44\" height=\"44\" loading=\"lazy\">\n        <span><span class=\"alum-name\">Mariam N.<\/span><br><span class=\"alum-role\">Motion Designer \u2014 Cotonou<\/span><\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- ============ CHALLENGE AFRIPERCEPT (concours de fin de formation) ============ -->\n<section class=\"challenge\" id=\"challenge\">\n  <div class=\"container\">\n    <div class=\"section-head\">\n      <p class=\"section-kicker\">Challenge AfriPercept<\/p>\n      <h2>Le concours de fin de <span class=\"accent\">formation<\/span><\/h2>\n      <p>Pour cl\u00f4turer le cursus, chaque apprenant pr\u00e9sente un projet r\u00e9alis\u00e9 pendant la formation. Trois laur\u00e9ats seront distingu\u00e9s selon trois crit\u00e8res&nbsp;: la cr\u00e9ativit\u00e9, la ma\u00eetrise technique et la qualit\u00e9 de pr\u00e9sentation.<\/p>\n    <\/div>\n    <div class=\"ch-grid\">\n      <article class=\"ch-card ch-gold\">\n        <span class=\"ch-rank\">1<sup>er<\/sup>&nbsp;prix<\/span>\n        <figure class=\"ch-photo\"><img decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-prix-1-huion-kamvas13.jpg\" alt=\"Tablette graphique Huion Kamvas 13 (1er prix du Challenge AfriPercept)\" loading=\"lazy\"><\/figure>\n        <h3 class=\"ch-name\">Huion Kamvas 13<\/h3>\n        <p class=\"ch-desc\">Tablette \u00e9cran 13,3&nbsp;pouces Full&nbsp;HD \u2014 pour la pratique de la 3D et la cr\u00e9ation num\u00e9rique.<\/p>\n      <\/article>\n      <article class=\"ch-card ch-silver\">\n        <span class=\"ch-rank\">2<sup>e<\/sup>&nbsp;prix<\/span>\n        <figure class=\"ch-photo\"><img decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-prix-2-xppen-artist12pro.jpg\" alt=\"Tablette graphique XP-Pen Artist 12 Pro (2e prix du Challenge AfriPercept)\" loading=\"lazy\"><\/figure>\n        <h3 class=\"ch-name\">XP-Pen Artist 12 Pro<\/h3>\n        <p class=\"ch-desc\">\u00c9cran graphique professionnel \u2014 pr\u00e9cision et confort pour vos rendus, illustrations et animations.<\/p>\n      <\/article>\n      <article class=\"ch-card ch-bronze\">\n        <span class=\"ch-rank\">3<sup>e<\/sup>&nbsp;prix<\/span>\n        <figure class=\"ch-photo\"><img decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-prix-2-xppen-artist12pro.jpg\" alt=\"Tablette graphique XP-Pen Artist 12 Pro, deuxi\u00e8me exemplaire (3e prix du Challenge AfriPercept)\" loading=\"lazy\"><\/figure>\n        <h3 class=\"ch-name\">XP-Pen Artist 12 Pro<\/h3>\n        <p class=\"ch-desc\">Un deuxi\u00e8me exemplaire \u00e0 gagner.<\/p>\n      <\/article>\n    <\/div>\n    <p class=\"ch-note\">Les trois laur\u00e9ats seront distingu\u00e9s en fin de formation.<\/p>\n  <\/div>\n<\/section>\n<!-- ============ ACTUALIT\u00c9S (inspir\u00e9 Este School) ============ -->\n<section class=\"news\" id=\"actualites\">\n  <div class=\"section-head\">\n    <p class=\"section-kicker\">Actualit\u00e9s<\/p>\n    <h2>Derni\u00e8res <span class=\"accent\">nouvelles de l'Acad\u00e9mie<\/span><\/h2>\n    <p>Entretiens, coulisses des projets d'\u00e9tudiants et annonces de la communaut\u00e9 AfriPercept.<\/p>\n  <\/div>\n\n  <div class=\"news-grid\">\n    <a class=\"news-card\" href=\"#\" data-placeholder-link>\n      <span class=\"news-tags\"><span class=\"news-tag\">Entretien<\/span><span class=\"news-tag\">Alumni<\/span><\/span>\n      <h3>Du premier clic \u00e0 la premi\u00e8re mission : le parcours d'un jeune dipl\u00f4m\u00e9 AfriPercept en agence (\u00e0 personnaliser)<\/h3>\n      <span class=\"news-date\">15 septembre 2026<\/span>\n      <span class=\"news-link\">Lire l'article \u2192<\/span>\n    <\/a>\n\n    <a class=\"news-card\" href=\"#\" data-placeholder-link>\n      <span class=\"news-tags\"><span class=\"news-tag\">Projet \u00e9tudiant<\/span><span class=\"news-tag\">Cinema 4D<\/span><\/span>\n      <h3>Les projets de la session pr\u00e9c\u00e9dente : rendus, animations et portfolios r\u00e9alis\u00e9s en cours (\u00e0 personnaliser)<\/h3>\n      <span class=\"news-date\">28 ao\u00fbt 2026<\/span>\n      <span class=\"news-link\">Voir les projets \u2192<\/span>\n    <\/a>\n\n    <a class=\"news-card\" href=\"#\" data-placeholder-link>\n      <span class=\"news-tags\"><span class=\"news-tag\">Annonce<\/span><span class=\"news-tag\">Formation<\/span><\/span>\n      <h3>Session de novembre 2026 : le programme complet et les places restantes (\u00e0 personnaliser)<\/h3>\n      <span class=\"news-date\">5 septembre 2026<\/span>\n      <span class=\"news-link\">En savoir plus \u2192<\/span>\n    <\/a>\n  <\/div>\n<\/section>\n<!-- ============ SECTION PRE-INSCRIPTION ============ -->\n<section class=\"signup\" id=\"inscription\">\n  <div class=\"signup-head\">\n    <p class=\"signup-kicker\">Pr\u00e9-Inscription \u2014 Places limit\u00e9es<\/p>\n    <h2>Cinema 4D pour d\u00e9butants \u2014 Phase 1<br><span class=\"accent\">Compl\u00e9tez votre dossier d'admission<\/span><\/h2>\n  <\/div>\n\n  <div class=\"info-card\">\n    <strong>Bienvenue dans le formulaire de pr\u00e9-inscription \u00e0 la formation Cinema 4D pour d\u00e9butants \u2014 Phase 1 !<\/strong>\n    Cette Phase&nbsp;1 de six mois vous accompagne pas \u00e0 pas dans Cinema&nbsp;4D, Octane Render et le compositing avec After Effects. Le questionnaire nous aide \u00e0 pr\u00e9parer votre parcours et \u00e0 adapter le programme \u00e0 votre niveau.\n    <br><br>\n    \ud83d\udca1 <strong>Pourquoi ces questions&nbsp;?<\/strong> \u2014 Elles nous permettent de conna\u00eetre vos objectifs, votre mat\u00e9riel et votre disponibilit\u00e9, afin de vous proposer la meilleure formule d'apprentissage (en ligne ou en pr\u00e9sentiel).\n  <\/div>\n\n  <a class=\"wa-card\" href=\"https:\/\/wa.me\/33745572582?text=Bonjour%2C%20je%20souhaite%20des%20informations%20sur%20la%20formation%20Cinema%204D%20%E2%80%94%20Phase%201.\" target=\"_blank\" rel=\"noopener noreferrer\">\n    <span class=\"wa-badge\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.174.198-.298.297-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg><\/span>\n    <span class=\"wa-copy\">\n      <strong>Une question avant de vous inscrire&nbsp;?<\/strong>\n      <span>\u00c9crivez-nous sur WhatsApp \u2014 +33&nbsp;7&nbsp;45&nbsp;57&nbsp;25&nbsp;82 \u00b7 r\u00e9ponse sous 48&nbsp;h.<\/span>\n    <\/span>\n    <span class=\"wa-arrow\" aria-hidden=\"true\">\u2192<\/span>\n  <\/a>\n\n  <p class=\"required-note\">Les champs marqu\u00e9s avec une ast\u00e9risque <span style=\"color:#FF5A3C;\">*<\/span> sont obligatoires.<\/p>\n\n  <form id=\"signup-form\" novalidate>\n\n    <!-- ============ SECTION 01 \u2014 IDENTITE ============ -->\n    <div class=\"section-title\">01 \u2014 Informations personnelles<\/div>\n\n    <div class=\"row-2\">\n      <div class=\"field-card\">\n        <label class=\"f-label\" for=\"nom\">Nom complet <span class=\"req\">*<\/span><\/label>\n        <input type=\"text\" id=\"nom\" name=\"nom\" class=\"f-input\" placeholder=\"Votre nom de famille\" autocomplete=\"family-name\" required>\n      <\/div>\n      <div class=\"field-card\">\n        <label class=\"f-label\" for=\"prenoms\">Pr\u00e9noms <span class=\"req\">*<\/span><\/label>\n        <input type=\"text\" id=\"prenoms\" name=\"prenoms\" class=\"f-input\" placeholder=\"Vos pr\u00e9noms\" autocomplete=\"given-name\" required>\n      <\/div>\n    <\/div>\n\n    <div class=\"field-card\">\n      <div class=\"f-label\">Sexe <span class=\"req\">*<\/span><\/div>\n      <div class=\"options-list\">\n        <label class=\"option-item\"><input type=\"radio\" name=\"sexe\" value=\"Homme\" required><span>\ud83d\udc68 Homme<\/span><\/label>\n        <label class=\"option-item\"><input type=\"radio\" name=\"sexe\" value=\"Femme\"><span>\ud83d\udc69 Femme<\/span><\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"row-2\">\n      <div class=\"field-card\">\n        <label class=\"f-label\" for=\"age\">\u00c2ge (ann\u00e9es) <span class=\"req\">*<\/span><\/label>\n        <input type=\"number\" id=\"age\" name=\"age\" class=\"f-input\" placeholder=\"Ex : 25\" min=\"10\" max=\"99\" required>\n      <\/div>\n      <div class=\"field-card\">\n        <label class=\"f-label\" for=\"residence\">Lieu de r\u00e9sidence <span class=\"req\">*<\/span><\/label>\n        <input type=\"text\" id=\"residence\" name=\"residence\" class=\"f-input\" placeholder=\"Ville, pays\" required>\n      <\/div>\n    <\/div>\n\n    <!-- ============ SECTION 02 \u2014 CONTACTS ============ -->\n    <div class=\"section-title\">02 \u2014 Coordonn\u00e9es de contact<\/div>\n\n    <div class=\"field-card\">\n      <label class=\"f-label\" for=\"whatsapp\">Num\u00e9ro WhatsApp (avec indicatif pays) <span class=\"req\">*<\/span><\/label>\n      <input type=\"tel\" id=\"whatsapp\" name=\"whatsapp\" class=\"f-input\" placeholder=\"+226 XX XX XX XX\" autocomplete=\"tel\" required>\n    <\/div>\n\n    <div class=\"field-card\">\n      <label class=\"f-label\" for=\"email\">Adresse e-mail<\/label>\n      <input type=\"email\" id=\"email\" name=\"email\" class=\"f-input\" placeholder=\"votre@email.com\" autocomplete=\"email\">\n    <\/div>\n\n    <!-- ============ SECTION 03 \u2014 PROFIL & OBJECTIF ============ -->\n    <div class=\"section-title\">03 \u2014 Profil &amp; objectifs<\/div>\n\n    <div class=\"field-card\">\n      <label class=\"f-label\" for=\"occupation\">Quel est votre m\u00e9tier \/ occupation actuelle ? <span class=\"req\">*<\/span><\/label>\n      <input type=\"text\" id=\"occupation\" name=\"occupation\" class=\"f-input\" placeholder=\"Ex : graphiste, \u00e9tudiant, designer\u2026\" required>\n    <\/div>\n\n    <div class=\"field-card\">\n      <div class=\"f-label\">Avez-vous d\u00e9j\u00e0 une exp\u00e9rience en 3D ?<\/div>\n      <div class=\"options-list\">\n        <label class=\"option-item\"><input type=\"radio\" name=\"niveau\" value=\"Debutant total - jamais utilise de logiciel 3D\" required><span>\ud83c\udf31 D\u00e9butant total \u2014 je n'ai jamais touch\u00e9 un logiciel 3D<\/span><\/label>\n        <label class=\"option-item\"><input type=\"radio\" name=\"niveau\" value=\"Notions basiques - j'ai deja essaye quelques logiciels\"><span>\ud83c\udfa8 Notions basiques \u2014 j'ai d\u00e9j\u00e0 fait des essais sur d'autres logiciels (Blender, SketchUp\u2026)<\/span><\/label>\n        <label class=\"option-item\"><input type=\"radio\" name=\"niveau\" value=\"Deja utilise Cinema 4D - je veux structurer mes connaissances\"><span>\ud83c\udfac J'ai d\u00e9j\u00e0 utilis\u00e9 Cinema&nbsp;4D \u2014 je veux approfondir et structurer mes acquis<\/span><\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"field-card\">\n      <div class=\"f-label\">Quels logiciels utilisez-vous actuellement ? (cochez tout ce qui s'applique)<\/div>\n      <div class=\"options-list\">\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"Photoshop\"><span>\ud83c\udfa8 Photoshop<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"Illustrator\"><span>\u270f\ufe0f Illustrator<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"Premiere Pro \/ After Effects\"><span>\ud83c\udf9e\ufe0f Premiere Pro \/ After Effects<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"Blender\"><span>\ud83e\uddca Blender<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"Canva \/ outils de design leger\"><span>\ud83d\uddbc\ufe0f Canva ou autres outils de design l\u00e9ger<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"Aucun pour l'instant\"><span>\ud83d\udce6 Aucun \u2014 je pars de z\u00e9ro<\/span><\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"field-card\">\n      <div class=\"f-label\">Quel est votre principal objectif avec cette formation ? <span class=\"req\">*<\/span><\/div>\n      <div class=\"options-list\" id=\"objectif-list\">\n        <label class=\"option-item\"><input type=\"radio\" name=\"objectif\" value=\"Creer mes propres animations 3D professionnelles\" required><span>\ud83c\udfa5 Cr\u00e9er des animations 3D de qualit\u00e9 professionnelle (spots, pubs, motion design)<\/span><\/label>\n        <label class=\"option-item\"><input type=\"radio\" name=\"objectif\" value=\"Maitriser Cinema 4D pour un usage personnel \/ artistique\"><span>\ud83d\udd8c\ufe0f Ma\u00eetriser C4D pour des projets personnels ou artistiques<\/span><\/label>\n        <label class=\"option-item\"><input type=\"radio\" name=\"objectif\" value=\"Developper une activite freelance autour de la 3D\"><span>\ud83d\udcbc Me lancer en freelance dans le motion design \/ la 3D<\/span><\/label>\n        <label class=\"option-item\"><input type=\"radio\" name=\"objectif\" value=\"Completer un profil deja existant (graphiste, monteur...)\"><span>\ud83e\udde9 Compl\u00e9ter mon profil actuel avec une comp\u00e9tence 3D forte<\/span><\/label>\n        <label class=\"option-item\"><input type=\"radio\" name=\"objectif\" value=\"Autre\" id=\"objet-autre-radio\"><span>\u270d\ufe0f Autre :<\/span><\/label>\n      <\/div>\n    <\/div>\n\n    <!-- ============ SECTION 04 \u2014 DISPONIBILITES & EQUIPEMENT ============ -->\n    <div class=\"section-title\">04 \u2014 Disponibilit\u00e9s &amp; mat\u00e9riel<\/div>\n\n    <div class=\"field-card\">\n      <label class=\"f-label\" for=\"dispo\">Quand \u00eates-vous disponible pour suivre les cours ? <span class=\"req\">*<\/span><\/label>\n      <select id=\"dispo\" name=\"dispo\" class=\"f-input\" required>\n        <option value=\"\" selected>S\u00e9lectionnez un cr\u00e9neau\u2026<\/option>\n        <option value=\"Matin uniquement (08h - 12h)\">\ud83c\udf05 Matins uniquement (08h \u2013 12h)<\/option>\n        <option value=\"Apres-midi uniquement (13h - 17h)\">\u2600\ufe0f Apr\u00e8s-midis uniquement (13h \u2013 17h)<\/option>\n        <option value=\"Soirs uniquement (18h - 21h)\">\ud83c\udf06 Soirs uniquement (18h \u2013 21h)<\/option>\n        <option value=\"Matin + soir\">\ud83d\udd04 Matins et soirs<\/option>\n        <option value=\"Week-ends uniquement (samedi \/ dimanche)\">\ud83d\udcc5 Week-ends uniquement<\/option>\n        <option value=\"Horaires flexibles - je peux m'adapter au planning de la formation\">\u2705 Flexible \u2014 je m'adapte aux horaires propos\u00e9s<\/option>\n      <\/select>\n    <\/div>\n\n    <div class=\"field-card\">\n      <div class=\"f-label\">Pr\u00e9f\u00e9rez-vous suivre la formation en ligne ou en pr\u00e9sentiel ? <span class=\"req\">*<\/span><\/div>\n      <div class=\"options-list\">\n        <label class=\"option-item\"><input type=\"radio\" name=\"format\" value=\"En ligne (visioconference)\" required><span>\ud83d\udcbb En ligne \u2014 cours en direct via visioconf\u00e9rence<\/span><\/label>\n        <label class=\"option-item\"><input type=\"radio\" name=\"format\" value=\"Presentiel (salon de formation)\"><span>\ud83c\udfe2 Pr\u00e9sentiel \u2014 sur place, dans le salon de formation<\/span><\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"field-card\">\n      <div class=\"f-label\">Quel mat\u00e9riel poss\u00e9dez-vous actuellement ?<\/div>\n      <div class=\"options-list\">\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"equipement[]\" value=\"Ordinateur portable (laptop)\"><span>\ud83d\udcbb Ordinateur portable<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"equipement[]\" value=\"PC de bureau \/ tour\"><span>\ud83d\udda5\ufe0f PC de bureau (tour)<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"equipement[]\" value=\"MacBook\"><span>\ud83c\udf4e MacBook<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"equipement[]\" value=\"Tablette graphique (Wacom ou similaire)\"><span>\u2712\ufe0f Tablette graphique<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"equipement[]\" value=\"Aucun materiel pour l'instant - je dois encore m'equiper\"><span>\ud83d\udce6 Rien pour l'instant \u2014 \u00e0 \u00e9quiper<\/span><\/label>\n      <\/div>\n    <\/div>\n\n    <!-- ============ SECTION 05 \u2014 SOURCE & MESSAGE ============ -->\n    <div class=\"section-title\">05 \u2014 Comment nous avez-vous connus ?<\/div>\n\n    <div class=\"field-card\">\n      <div class=\"f-label\">Comment avez-vous entendu parler de nous ou de la formation ?<\/div>\n      <div class=\"options-list\" id=\"source-list\">\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"source[]\" value=\"WhatsApp (groupe ou contact)\"><span>\ud83d\udcf1 WhatsApp \u2014 groupe, statut ou conversation directe<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"source[]\" value=\"Telegram\"><span>\u2708\ufe0f Telegram<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"source[]\" value=\"Bouche-a-oreille (ami, famille, collegue)\"><span>\ud83d\udc65 Bouche-\u00e0-oreille \u2014 un ami ou de la famille m'a parl\u00e9 de vous<\/span><\/label>\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"source[]\" value=\"Autre\" id=\"source-autre-radio\"><span>\u270d\ufe0f Autre :<\/span><\/label>\n      <\/div>\n    <\/div>\n\n    <div class=\"field-card\">\n      <label class=\"f-label\" for=\"source-autre\">Pr\u00e9cisez si \u00ab Autre \u00bb (optionnel)<\/label>\n      <input type=\"text\" id=\"source-autre\" name=\"source_autre\" class=\"f-input\" placeholder=\"Pr\u00e9cisez votre r\u00e9ponse\u2026\">\n    <\/div>\n\n    <div class=\"field-card\">\n      <label class=\"f-label\" for=\"message\">Avez-vous une question ou un message pour l'\u00e9quipe ? (optionnel)<\/label>\n      <textarea id=\"message\" name=\"message\" class=\"f-input\" placeholder=\"Une question sur la formation, le programme, le prix\u2026\"><\/textarea>\n    <\/div>\n\n    <div class=\"submit-wrap\">\n      <button type=\"submit\" class=\"btn-submit\">Soumettre ma pr\u00e9-inscription<\/button>\n      <p class=\"submit-note\">Vous serez contact\u00e9 sur WhatsApp pour confirmer votre inscription.<\/p>\n    <\/div>\n\n  <\/form>\n\n  <!-- Ecran de remerciement -->\n  <div id=\"thankyou\" class=\"form-success\">\n    <div class=\"ok-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg><\/div>\n    <h3>\ud83c\udfac Pr\u00e9-inscription re\u00e7ue !<\/h3>\n    <p>Merci pour votre confiance. L'\u00e9quipe <strong style=\"color:var(--orange);\">AfriPercept Academy<\/strong> vous contactera sur WhatsApp sous 48&nbsp;heures pour confirmer votre place dans la formation Cinema 4D pour d\u00e9butants \u2014 Phase 1.<\/p>\n  <\/div>\n<\/section>\n<!-- ============ FOOTER ============ -->\n<footer class=\"site-footer\">\n  <span class=\"f-brand\"><b>Afri<\/b><span>Percept<\/span>&nbsp;Academy<\/span>\n  <nav class=\"f-social\" aria-label=\"R\u00e9seaux sociaux\">\n    <a href=\"https:\/\/www.instagram.com\/afreakpercept\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram \u2014 AfriPercept Academy\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"2.5\" width=\"19\" height=\"19\" rx=\"5.2\"\/><circle cx=\"12\" cy=\"12\" r=\"4.1\"\/><line x1=\"17.4\" y1=\"6.6\" x2=\"17.41\" y2=\"6.6\"\/><\/svg>\n    <\/a>\n    <a href=\"https:\/\/www.facebook.com\/p\/Afreak-percept-61576667107948\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook \u2014 AfriPercept Academy\">\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5.02 3.66 9.18 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.52 1.5-3.91 3.77-3.91 1.09 0 2.24.2 2.24.2v2.47h-1.26c-1.24 0-1.63.77-1.63 1.56v1.89h2.78l-.44 2.91h-2.34V22c4.78-.76 8.44-4.92 8.44-9.94z\"\/><\/svg>\n    <\/a>\n  <\/nav>\n  <small>&copy; 2026 AfriPercept Academy \u2014 afriperceptacademy.online<\/small>\n<\/footer>\n<script>\n(function(){\n  var player = document.querySelector('.teaser-player');\n  if (!player) return;\n  var youtubeUrl = (player.getAttribute('data-youtube-url') || '').trim();\n  if (!youtubeUrl) return;\n  var videoId = '';\n  try {\n    var url = new URL(youtubeUrl, window.location.href);\n    var host = url.hostname.toLowerCase();\n    if (host === 'youtu.be' || host.endsWith('.youtu.be')) {\n      videoId = url.pathname.split('\/').filter(Boolean)[0] || '';\n    } else {\n      videoId = url.searchParams.get('v') || ((url.pathname.match(\/\\\/(?:embed|shorts)\\\/([A-Za-z0-9_-]{11})\/) || [])[1] || '');\n    }\n  } catch (error) {}\n  if (!\/^[A-Za-z0-9_-]{11}$\/.test(videoId)) return;\n  var frame = document.createElement('iframe');\n  frame.src = 'https:\/\/www.youtube-nocookie.com\/embed\/' + videoId;\n  frame.title = 'Teaser YouTube \u2014 Cinema 4D pour d\u00e9butants, Phase 1';\n  frame.loading = 'lazy';\n  frame.allow = 'accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';\n  frame.allowFullscreen = true;\n  frame.referrerPolicy = 'strict-origin-when-cross-origin';\n  player.classList.add('has-video');\n  player.replaceChildren(frame);\n})();\n<\/script>\n<script>\n(function(){\n  var form = document.getElementById('signup-form');\n  if(!form) return;\n  var thankyou = document.getElementById('thankyou');\n\n  \/\/ Validation + soumission (d\u00e9monstration : pas encore reli\u00e9 \u00e0 WordPress)\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n\n    \/\/ 1. Nettoyage des erreurs pr\u00e9c\u00e9dentes\n    Array.prototype.slice.call(form.querySelectorAll('.field-card')).forEach(function(card){\n      card.classList.remove('has-error');\n    });\n\n    \/\/ 2. Validation de tous les champs obligatoires (required \/ radio-group)\n    var bad = [];\n    Array.prototype.slice.call(form.querySelectorAll('[required]')).forEach(function(el){\n      if(!el.checkValidity()) bad.push(el);\n    });\n\n    if(bad.length){\n      bad.forEach(function(el){\n        var card = el.closest('.field-card');\n        if(card) card.classList.add('has-error');\n        \/\/ Pour un groupe de radios, on met en \u00e9vidence toute la carte\n      });\n      \/\/ On ram\u00e8ne l'utilisateur vers le premier champ en erreur\n      var firstCard = bad[0].closest('.field-card');\n      if(firstCard){\n        firstCard.scrollIntoView({behavior:'smooth', block:'center'});\n        firstCard.querySelector('input,select,textarea').focus({preventScroll:true});\n      }\n      return;\n    }\n\n    \/\/ >>> \u00c0 relier \u00e0 WordPress : envoyer les donn\u00e9es vers admin-post.php,\n    \/\/     un endpoint REST, ou la passerelle de votre plugin (Contact Form 7, WPForms\u2026).\n    if(thankyou){\n      form.style.display = 'none';\n      thankyou.classList.add('show');\n      window.scrollTo({top:0, behavior:'smooth'});\n    } else {\n      form.reset();\n    }\n  });\n\n  \/\/ Retirer l'\u00e9tat d'erreur d\u00e8s que le champ est corrig\u00e9\n  form.addEventListener('input', function(e){\n    var card = e.target.closest('.field-card');\n    if(card && card.classList.contains('has-error')){\n      var stillBad = Array.prototype.slice.call(card.querySelectorAll('[required]')).some(function(el){ return !el.checkValidity(); });\n      if(!stillBad) card.classList.remove('has-error');\n    }\n  });\n\n})();\n<\/script>\n<script>\n  \/* Accord\u00e9on modules *\/\n  document.querySelectorAll('.mod-head').forEach(function(head){\n    function toggle(){\n      var item = head.parentElement;\n      var body = item.querySelector('.mod-body');\n      var isOpen = item.classList.toggle('open');\n      head.setAttribute('aria-expanded', isOpen);\n      body.style.maxHeight = isOpen ? body.scrollHeight + 'px' : '0';\n    }\n    head.addEventListener('click', toggle);\n    head.addEventListener('keydown', function(e){ if(e.key==='Enter'||e.key===' '){ e.preventDefault(); toggle(); } });\n  });\n  document.querySelectorAll('.mod-item.open .mod-body').forEach(function(b){\n    b.style.maxHeight = b.scrollHeight + 'px';\n  });\n<\/script>\n\n<style id=\"ap-type-tuning\">\n\/* Style editorial unifie : titres gras + accent orange *\/\n#public > .section-kicker,#programme > .section-kicker,#obtentions > .section-kicker,#tarif > .section-kicker{text-align:center !important;margin-bottom:12px !important;}\n#public > h2.section-title,#programme > h2.section-title,#obtentions > h2.section-title,#tarif > h2.section-title{display:block !important;text-align:center !important;font-size:clamp(1.9rem,4vw,2.8rem) !important;font-weight:800 !important;line-height:1.15 !important;letter-spacing:normal !important;color:#2B211B !important;margin:0 0 10px !important;max-width:none !important;}\n#public > h2.section-title::after,#programme > h2.section-title::after,#obtentions > h2.section-title::after,#tarif > h2.section-title::after{display:none !important;}\n#ambiance h2.section-title{display:block !important;font-size:clamp(1.9rem,4vw,2.8rem) !important;font-weight:800 !important;line-height:1.15 !important;letter-spacing:normal !important;color:#1C1510 !important;margin:0 0 10px !important;max-width:none !important;}\n#ambiance h2.section-title::after{display:none !important;}\n#ambiance .section-kicker{margin-bottom:12px !important;}\n#public h2.section-title .accent,#programme h2.section-title .accent,#obtentions h2.section-title .accent,#ambiance h2.section-title .accent,#tarif h2.section-title .accent{color:#FF7A1A !important;}\n#public p:not(.section-kicker),#programme p:not(.section-kicker),#obtentions p:not(.section-kicker),#ambiance p:not(.section-kicker),#tarif p:not(.section-kicker){letter-spacing:normal !important;}\n#programme .section-lead{margin-top:10px !important;}\n#ambiance .amb-text{margin-top:10px !important;}\n#tarif .price-amount{font-size:clamp(1.9rem,10vw,3rem) !important;white-space:nowrap;}\n<\/style>\n<style id=\"ap-hero-note-mobile\">\n\/* Note de rentr\u00e9e : une seule phrase lisible sur mobile *\/\n@media (max-width:700px){\n  .hero .hero-note{display:block !important;position:relative;padding-left:18px;line-height:1.65;}\n  .hero .hero-note::before{position:absolute;left:0;top:.62em;margin:0;}\n}\n<\/style>\n<style id=\"ap-social-links\">\n\/* ===== R\u00e9seaux sociaux \u2014 pied de page ===== *\/\nfooter.site-footer .f-social{display:flex;align-items:center;gap:10px;margin:0;}\nfooter.site-footer .f-social a{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.74);background:rgba(255,255,255,.03);transition:color .2s ease,border-color .2s ease,transform .2s ease,background .2s ease;}\nfooter.site-footer .f-social a:hover,footer.site-footer .f-social a:focus-visible{color:#FF7A1A;border-color:rgba(255,122,26,.6);background:rgba(255,122,26,.10);transform:translateY(-2px);outline:none;}\nfooter.site-footer .f-social svg{width:17px;height:17px;display:block;}\n\n\/* ===== WhatsApp \u2014 pr\u00e9-inscription ===== *\/\n.signup .wa-card{display:flex;align-items:center;gap:16px;max-width:860px;margin:0 auto 24px;padding:16px 20px;background:#fff;border:1px solid rgba(53,36,23,.12);border-left:3px solid #25D366;border-radius:14px;text-decoration:none;color:#2b211b;box-shadow:0 2px 10px rgba(43,33,27,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}\n.signup .wa-card:hover,.signup .wa-card:focus-visible{transform:translateY(-2px);box-shadow:0 12px 26px rgba(43,33,27,.10);border-color:rgba(37,211,102,.5);outline:none;}\n.signup .wa-badge{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,211,102,.28);}\n.signup .wa-badge svg{width:23px;height:23px;fill:#fff;display:block;}\n.signup .wa-copy{display:flex;flex-direction:column;gap:3px;min-width:0;}\n.signup .wa-copy strong{font-size:.95rem;font-weight:700;line-height:1.35;color:#2b211b;}\n.signup .wa-copy span{font-size:.82rem;line-height:1.5;color:rgba(43,33,27,.62);}\n.signup .wa-arrow{margin-left:auto;flex:0 0 auto;color:#A64812;font-size:1.2rem;font-weight:700;line-height:1;transition:transform .2s ease;}\n.signup .wa-card:hover .wa-arrow{transform:translateX(3px);}\n\n@media (max-width:700px){\n  footer.site-footer{flex-direction:column;align-items:center;text-align:center;gap:14px;padding:26px 20px;}\n  .signup .wa-card{gap:12px;padding:15px 16px;margin-bottom:20px;}\n  .signup .wa-badge{flex:0 0 40px;width:40px;height:40px;}\n  .signup .wa-badge svg{width:21px;height:21px;}\n  .signup .wa-copy strong{font-size:.9rem;}\n  .signup .wa-copy span{font-size:.78rem;}\n  .signup .wa-arrow{display:none;}\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc240da e-flex e-con-boxed e-con e-parent\" data-id=\"cc240da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1135fe elementor-widget elementor-widget-html\" data-id=\"f1135fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.hero h1.title,\n.promo .promo-title,\n.hero .btn-secondary {\n  color: #ffffff !important;\n}\n<\/style><style>\n.logo-name,\n.slogan {\n  color: #ffffff !important;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0e11c1 e-flex e-con-boxed e-con e-parent\" data-id=\"f0e11c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-edfb490 e-flex e-con-boxed e-con e-parent\" data-id=\"edfb490\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffe5c74 e-flex e-con-boxed e-con e-parent\" data-id=\"ffe5c74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77fdf98 e-flex e-con-boxed e-con e-parent\" data-id=\"77fdf98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0451410 e-flex e-con-boxed e-con e-parent\" data-id=\"0451410\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AfriPercept A C A D E M Y Pourquoi nous Teaser Le cours Programme Inspirations Tarifs FAQ FR | EN Pr\u00e9-inscription Nouvelle formation CINEMA&nbsp;4D \u00b7 PHASE 1 \u00b7 SIX MOIS Formation pour d\u00e9butants \u00b7 Phase 1 Cinema&nbsp;4Dpour d\u00e9butants \u00b7 Phase 1 D\u00e9couvrez le motion design 3D depuis les bases de Cinema&nbsp;4D et d&rsquo;Octane&nbsp;Render. La Phase&nbsp;1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-233","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Formation Cinema 4D \u2014 Phase 1 - AfeakP_Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/afriperceptacademy.online\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Formation Cinema 4D \u2014 Phase 1 - AfeakP_Academy\" \/>\n<meta property=\"og:description\" content=\"AfriPercept A C A D E M Y Pourquoi nous Teaser Le cours Programme Inspirations Tarifs FAQ FR | EN Pr\u00e9-inscription Nouvelle formation CINEMA&nbsp;4D \u00b7 PHASE 1 \u00b7 SIX MOIS Formation pour d\u00e9butants \u00b7 Phase 1 Cinema&nbsp;4Dpour d\u00e9butants \u00b7 Phase 1 D\u00e9couvrez le motion design 3D depuis les bases de Cinema&nbsp;4D et d&rsquo;Octane&nbsp;Render. La Phase&nbsp;1 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/afriperceptacademy.online\/\" \/>\n<meta property=\"og:site_name\" content=\"AfeakP_Academy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-29T18:58:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-logo-afripercept.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/\",\"url\":\"https:\\\/\\\/afriperceptacademy.online\\\/\",\"name\":\"Formation Cinema 4D \u2014 Phase 1 - AfeakP_Academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/afriperceptacademy.online\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/ap-logo-afripercept.png\",\"datePublished\":\"2026-10-07T22:49:34+00:00\",\"dateModified\":\"2026-10-29T18:58:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/afriperceptacademy.online\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/#primaryimage\",\"url\":\"https:\\\/\\\/afriperceptacademy.online\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/ap-logo-afripercept.png\",\"contentUrl\":\"https:\\\/\\\/afriperceptacademy.online\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/ap-logo-afripercept.png\",\"width\":300,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/afriperceptacademy.online\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Formation Cinema 4D \u2014 Phase 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/#website\",\"url\":\"https:\\\/\\\/afriperceptacademy.online\\\/\",\"name\":\"AfeakP_Academy\",\"description\":\"Cinema4D pour d\u00e9butants. Phase 1\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/afriperceptacademy.online\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Formation Cinema 4D \u2014 Phase 1 - AfeakP_Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/afriperceptacademy.online\/","og_locale":"fr_FR","og_type":"article","og_title":"Formation Cinema 4D \u2014 Phase 1 - AfeakP_Academy","og_description":"AfriPercept A C A D E M Y Pourquoi nous Teaser Le cours Programme Inspirations Tarifs FAQ FR | EN Pr\u00e9-inscription Nouvelle formation CINEMA&nbsp;4D \u00b7 PHASE 1 \u00b7 SIX MOIS Formation pour d\u00e9butants \u00b7 Phase 1 Cinema&nbsp;4Dpour d\u00e9butants \u00b7 Phase 1 D\u00e9couvrez le motion design 3D depuis les bases de Cinema&nbsp;4D et d&rsquo;Octane&nbsp;Render. La Phase&nbsp;1 [&hellip;]","og_url":"https:\/\/afriperceptacademy.online\/","og_site_name":"AfeakP_Academy","article_modified_time":"2026-10-29T18:58:46+00:00","og_image":[{"url":"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-logo-afripercept.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/afriperceptacademy.online\/","url":"https:\/\/afriperceptacademy.online\/","name":"Formation Cinema 4D \u2014 Phase 1 - AfeakP_Academy","isPartOf":{"@id":"https:\/\/afriperceptacademy.online\/#website"},"primaryImageOfPage":{"@id":"https:\/\/afriperceptacademy.online\/#primaryimage"},"image":{"@id":"https:\/\/afriperceptacademy.online\/#primaryimage"},"thumbnailUrl":"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-logo-afripercept.png","datePublished":"2026-10-07T22:49:34+00:00","dateModified":"2026-10-29T18:58:46+00:00","breadcrumb":{"@id":"https:\/\/afriperceptacademy.online\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/afriperceptacademy.online\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/afriperceptacademy.online\/#primaryimage","url":"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-logo-afripercept.png","contentUrl":"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-logo-afripercept.png","width":300,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/afriperceptacademy.online\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/afriperceptacademy.online\/"},{"@type":"ListItem","position":2,"name":"Formation Cinema 4D \u2014 Phase 1"}]},{"@type":"WebSite","@id":"https:\/\/afriperceptacademy.online\/#website","url":"https:\/\/afriperceptacademy.online\/","name":"AfeakP_Academy","description":"Cinema4D pour d\u00e9butants. Phase 1","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/afriperceptacademy.online\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/pages\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":83,"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/pages\/233\/revisions"}],"predecessor-version":[{"id":380,"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/pages\/233\/revisions\/380"}],"wp:attachment":[{"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/media?parent=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}