{"id":370,"date":"2026-10-29T19:59:50","date_gmt":"2026-10-29T18:59:50","guid":{"rendered":"https:\/\/afriperceptacademy.online\/?page_id=370"},"modified":"2026-10-29T19:59:50","modified_gmt":"2026-10-29T18:59:50","slug":"en","status":"publish","type":"page","link":"https:\/\/afriperceptacademy.online\/index.php\/en\/","title":{"rendered":"Cinema 4D for Beginners \u2014 Phase 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"370\" class=\"elementor elementor-370\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a02303 e-con-full e-flex e-con e-parent\" data-id=\"7a02303\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df57a12 elementor-widget elementor-widget-html\" data-id=\"df57a12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>document.documentElement.lang='en';<\/script>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Caveat:wght@600;700&display=swap');\r\n\r\n\r\n  :root{\r\n    --orange:#FF7A1A;\r\n    --orange-dark:#F25C00;\r\n    --dark-btn:#1E1B18;\r\n    --white:#FFFFFF;\r\n    --bg:#0F0B08;--bg-2:#14100D;--card:#1C1511;--text:#f6efe7;--muted:rgba(246,239,231,.62);--line:rgba(255,255,255,.08);\r\n  }\r\n  body.page-id-233 .elementor-widget-html .hero {\r\n  position: relative !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  min-height: 100vh !important;\r\n  background-size: cover !important;\r\n  background-position: center !important;\r\n}\r\n\r\nbody.page-id-233 .elementor-widget-html .hero > .site-header {\r\n  position: relative !important;\r\n  z-index: 5 !important;\r\n}\r\n\r\nbody.page-id-233 .elementor-widget-html .hero > .promo {\r\n  z-index: 6 !important;\r\n}\r\n\r\nbody.page-id-233 .elementor-widget-html .hero > .hero-content {\r\n  display: flex !important;\r\n  flex: 1 1 auto !important;\r\n  align-items: center !important;\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n}\r\n  *{margin:0;padding:0;box-sizing:border-box;}\r\n  html{scroll-behavior:smooth;}\r\n  body{font-family:'Poppins',system-ui,sans-serif;color:var(--white);background:#14100d;}\r\n\r\n  \/* ============ HERO PLEIN \u00c9CRAN ============ *\/\r\n  .hero{\r\n    position:relative;\r\n    min-height:100vh;\r\n    display:flex;flex-direction:column;\r\n    \/* IMAGE DE FOND R\u00c9ELLE fournie (apprenant en s\u00e9ance) \u2014 sur WordPress : \/wp-content\/uploads\/... *\/\r\n    background-image:\r\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%),\r\n      linear-gradient(0deg, rgba(16,10,7,.75) 0%, transparent 28%),\r\n      url('https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-apprenant-hero.jpg');\r\n    background-size:cover;\r\n    background-position:center;\r\n  }\r\n\r\n  \/* ============ LOGO (haut gauche) + NAVIGATION ============ *\/\r\n  .site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px max(24px,6vw);flex-wrap:wrap;}\r\n  .logo{display:inline-block;padding:0;}\r\n  .logo-name{font-size:1.5rem;letter-spacing:.5px;line-height:1;}\r\n  .logo-name b{font-weight:800;}\r\n  .logo-name span{font-weight:300;}\r\n  .logo-sub{display:block;font-size:.62rem;font-weight:500;letter-spacing:.42em;color:#f3ede6;margin-top:5px;}\r\n  .logo-bar{display:block;width:44px;height:3px;background:var(--orange);border-radius:2px;margin-top:8px;}\r\n\r\n  \/* Navigation (inspir\u00e9e Este School : ancres sections + CTA) *\/\r\n  .main-nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}\r\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;}\r\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;}\r\n  .main-nav a.nav-link:hover{color:#fff;}\r\n  .main-nav a.nav-link:hover::after{width:100%;}\r\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;}\r\n  .main-nav a.nav-cta:hover{background:#FF8F42;transform:translateY(-1px);}\r\n\r\n  \/* ============ BANNIERE PROMO (haut droite) ============ *\/\r\n  .promo{\r\n    position:absolute;top:max(96px,11vh);right:max(24px,5vw);\r\n    display:flex;align-items:center;gap:18px;\r\n    background:linear-gradient(135deg,#FF8A00,var(--orange-dark));\r\n    padding:18px 26px;border-radius:14px;\r\n    box-shadow:0 18px 45px rgba(0,0,0,.4);\r\n    max-width:min(420px,90vw);\r\n  }\r\n  .promo-text{line-height:1.3;}\r\n  .promo-tag{font-size:.62rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#fff8ef;}\r\n  .promo-title{font-size:1.05rem;font-weight:800;margin-top:4px;letter-spacing:.02em;}\r\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));}\r\n\r\n  \/* ============ CONTENU PRINCIPAL ============ *\/\r\n  .hero-content{\r\n    flex:1;display:flex;align-items:center;\r\n    padding:60px max(24px,6vw) 90px;\r\n  }\r\n  .hero-inner{max-width:760px;}\r\n\r\n  .subtitle-kicker{font-size:.8rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#ffd9b8;margin-bottom:14px;}\r\n  h1.title{\r\n    font-size:clamp(2.4rem,5.6vw,4.3rem);\r\n    font-weight:800;line-height:1.06;letter-spacing:-.01em;\r\n  }\r\n  h1.title .accent{color:var(--orange);}\r\n  .tagline{font-size:clamp(1.1rem,2vw,1.45rem);font-weight:300;color:#f1e9df;margin-top:12px;}\r\n  .lead{font-size:.98rem;font-weight:300;line-height:1.7;color:rgba(255,255,255,.82);max-width:600px;margin-top:18px;}\r\n\r\n  \/* Modules de la formation *\/\r\n  .modules{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:34px;}\r\n  .module{display:flex;align-items:center;gap:9px;font-size:.86rem;font-weight:500;color:#f6efe7;white-space:nowrap;}\r\n  .module svg{width:20px;height:20px;stroke:var(--orange);flex-shrink:0;}\r\n\r\n  \/* Boutons *\/\r\n  .cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:42px;}\r\n  .btn{\r\n    display:inline-flex;align-items:center;gap:10px;\r\n    padding:15px 30px;border-radius:999px;border:none;cursor:pointer;\r\n    font-family:inherit;font-size:.95rem;font-weight:600;color:#fff;text-decoration:none;\r\n    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n  }\r\n  .btn:hover{transform:translateY(-2px);}\r\n  .btn-primary{background:var(--orange);box-shadow:0 14px 34px rgba(255,122,26,.38);}\r\n  .btn-primary:hover{background:var(--orange-dark);}\r\n  .btn-primary svg{width:17px;height:17px;fill:#fff;}\r\n  .btn-secondary{background:rgba(30,27,24,.85);border:1px solid rgba(255,255,255,.22);}\r\n  .btn-secondary:hover{background:var(--dark-btn);}\r\n  .btn-secondary svg{width:19px;height:19px;fill:#fff;}\r\n\r\n  \/* ============ SLOGAN SCRIPT (bas droite) ============ *\/\r\n  .slogan{\r\n    position:absolute;right:max(24px,5vw);bottom:34px;text-align:right;\r\n    font-family:'Caveat',cursive;font-weight:700;line-height:1.15;\r\n    font-size:clamp(1.5rem,2.6vw,2.1rem);pointer-events:none;\r\n  }\r\n  .slogan .accent{color:var(--orange);}\r\n\r\n  \/* URL (bas gauche) *\/\r\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;}\r\n\r\n  \/* ============ SECTION PRE-INSCRIPTION ============ *\/\r\n  .signup{background:#17120E;padding:96px max(24px,6vw) 84px;}\r\n  .signup-head{text-align:center;max-width:760px;margin:0 auto 42px;}\r\n  .signup-kicker{font-size:.75rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;}\r\n  .signup-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.15;}\r\n  .signup-head h2 .accent{color:var(--orange);}\r\n\r\n  \/* Carte d'information *\/\r\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;}\r\n  .info-card strong{color:#fff;}\r\n  .info-card .highlight{color:var(--orange);font-weight:700;}\r\n  .info-card a{color:#FFB25C;text-decoration:none;font-weight:600;}\r\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;}\r\n\r\n  \/* Formulaire *\/\r\n  #signup-form{max-width:860px;margin:0 auto;}\r\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;}\r\n  .section-title::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1);}\r\n\r\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;}\r\n  .field-card:focus-within{border-color:rgba(255,122,26,.5);}\r\n  .field-card.has-error{border-color:#E63946;box-shadow:0 0 0 3px rgba(230,57,70,.12);}\r\n  label.f-label,div.f-label{display:block;font-size:.9rem;font-weight:500;color:#f1e9df;margin-bottom:14px;line-height:1.4;}\r\n  .req{color:#FF5A3C;margin-left:2px;}\r\n\r\n  input[type=\"text\"].f-input,\r\n  input[type=\"email\"].f-input,\r\n  input[type=\"tel\"].f-input,\r\n  input[type=\"number\"].f-input,\r\n  textarea.f-input{\r\n    width:100%;background:#17120E;border:1.5px solid rgba(255,255,255,.14);border-radius:10px;\r\n    padding:13px 16px;color:#fff;font-family:inherit;font-size:.92rem;font-weight:300;\r\n    transition:border-color .18s ease, box-shadow .18s ease;appearance:none;\r\n  }\r\n  textarea.f-input{min-height:96px;resize:vertical;}\r\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;}\r\n  select.f-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,26,.18);}\r\n  input.f-input::placeholder,textarea.f-input::placeholder{color:rgba(255,255,255,.3);}\r\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);}\r\n\r\n  .row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\r\n  .row-2 .field-card{margin-bottom:14px;}\r\n\r\n  \/* Options (radio \/ checkbox) *\/\r\n  .options-list{display:flex;flex-direction:column;gap:8px;margin-top:-4px;}\r\n  .option-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:7px 10px;border-radius:9px;transition:background .15s ease;}\r\n  .option-item:hover{background:rgba(255,122,26,.07);}\r\n  .option-item input[type=\"radio\"],.option-item input[type=\"checkbox\"]{width:17px;height:17px;accent-color:var(--orange);cursor:pointer;flex-shrink:0;}\r\n  .option-item span{font-size:.9rem;color:#d8cfc4;font-weight:300;line-height:1.45;}\r\n\r\n  \/* Soumission *\/\r\n  .submit-wrap{margin-top:40px;text-align:center;}\r\n  .btn-submit{\r\n    display:inline-flex;align-items:center;justify-content:center;gap:10px;\r\n    background:var(--orange);color:#fff;border:none;border-radius:999px;padding:17px 52px;cursor:pointer;\r\n    font-family:inherit;font-size:.98rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;\r\n    box-shadow:0 14px 34px rgba(255,122,26,.32);transition:transform .18s ease, background .18s ease;\r\n  }\r\n  .btn-submit:hover{background:var(--orange-dark);transform:translateY(-2px);}\r\n  .submit-note{font-size:.78rem;color:rgba(255,255,255,.45);margin-top:14px;font-weight:300;}\r\n\r\n  \/* Message de confirmation *\/\r\n  .form-success{display:none;text-align:center;padding:56px 20px;max-width:560px;margin:0 auto;}\r\n  .form-success.show{display:block;animation:fadeUp .5s ease;}\r\n  @keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}\r\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;}\r\n  .form-success svg{width:34px;height:34px;stroke:var(--orange);}\r\n  .form-success h3{font-size:1.45rem;font-weight:800;color:#fff;}\r\n  .form-success p{color:rgba(255,255,255,.6);font-size:.9rem;margin-top:12px;line-height:1.7;}\r\n\r\n  @media (max-width:600px){\r\n    .row-2{grid-template-columns:1fr;gap:0;}\r\n    .field-card{padding:18px 16px;}\r\n    .btn-submit{width:100%;}\r\n  }\r\n\r\n  \/* ============ SECTION POURQUOI (inspir\u00e9 Este School) ============ *\/\r\n  .why{background:#14100d;padding:96px max(24px,6vw);border-top:1px solid rgba(255,255,255,.05);}\r\n  .section-head{text-align:center;max-width:740px;margin:0 auto 54px;}\r\n  .section-kicker{font-size:.75rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;}\r\n  .section-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.15;}\r\n  .section-head h2 .accent{color:var(--orange);}\r\n  .section-head p{color:rgba(255,255,255,.6);font-weight:300;margin-top:14px;line-height:1.7;font-size:.95rem;}\r\n  \/* ============ CHALLENGE AFRIPERCEPT (concours de fin de formation) ============ *\/\r\n  \/* ============ CHALLENGE AFRIPERCEPT (concours de fin de formation) ============ *\/\r\n  #challenge{background:#190D07;padding:96px 24px;color:#fff;}\r\n  #challenge .container{width:min(100%,1180px);margin:0 auto;}\r\n  #challenge .section-head{text-align:center;max-width:920px;margin:0 auto;}\r\n  #challenge .section-kicker{color:var(--orange);letter-spacing:.26em;text-transform:uppercase;font-size:.78rem;font-weight:600;}\r\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;}\r\n  #challenge .section-head h2 .accent{color:var(--orange);}\r\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;}\r\n  #challenge .ch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:50px;align-items:stretch;}\r\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;}\r\n  #challenge .ch-card.ch-gold{border-color:rgba(255,122,26,.85);}\r\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;}\r\n  #challenge .ch-card.ch-silver .ch-rank{background:#F6EFE7;}\r\n  #challenge .ch-card.ch-bronze .ch-rank{background:#B07A4A;color:#fff;}\r\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;}\r\n  #challenge .ch-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:0 auto;}\r\n  #challenge .ch-name{color:#fff;font-size:1.2rem;font-weight:800;line-height:1.3;margin:0 0 8px;}\r\n  #challenge .ch-desc{color:rgba(255,255,255,.75);font-size:.92rem;line-height:1.65;margin:0;flex:1 1 auto;}\r\n  #challenge .ch-note{margin:30px 0 0;text-align:center;color:rgba(255,255,255,.55);font-size:.85rem;font-style:italic;}\r\n  @media (max-width:900px){\r\n    #challenge{padding:64px 20px;}\r\n    #challenge .ch-grid{grid-template-columns:1fr;gap:18px;margin-top:34px;}\r\n    #challenge .ch-photo{height:200px;}\r\n    #challenge .ch-card{padding:22px;}\r\n    #challenge .section-head h2{font-size:1.7rem;}\r\n    #challenge .section-head > p:not(.section-kicker){font-size:.95rem;line-height:1.7;}\r\n    #challenge .ch-name{font-size:1.1rem;}\r\n  }\r\n\r\n\r\n  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;}\r\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;}\r\n  .why-card:hover{transform:translateY(-4px);border-color:rgba(255,122,26,.4);}\r\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;}\r\n  .why-icon svg{width:26px;height:26px;stroke:var(--orange);}\r\n  .why-card h3{font-size:1.05rem;font-weight:700;color:#fff;line-height:1.4;margin-bottom:10px;}\r\n  .why-card p{font-size:.88rem;font-weight:300;color:rgba(255,255,255,.6);line-height:1.7;}\r\n\r\n  \/* ============ BANDEAU CHIFFRES (orange) ============ *\/\r\n  .stats{background:linear-gradient(135deg,#FF8A00,var(--orange-dark));padding:64px max(24px,6vw);}\r\n  .stats-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 72px;max-width:980px;margin:0 auto;}\r\n  .stat{text-align:center;min-width:150px;}\r\n  .stat-num{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;color:#fff;line-height:1;}\r\n  .stat-label{margin-top:9px;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.85);}\r\n\r\n  \/* ============ FAQ (accord\u00e9on) ============ *\/\r\n  .faq{background:#14100d;padding:96px max(24px,6vw);border-top:1px solid rgba(255,255,255,.05);}\r\n  .faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}\r\n  .faq-item{background:#1F1813;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;}\r\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;}\r\n  .faq-item summary::-webkit-details-marker{display:none;}\r\n  .faq-item summary::after{content:'+';font-size:1.4rem;font-weight:300;color:var(--orange);transition:transform .2s ease;flex-shrink:0;}\r\n  .faq-item[open] summary::after{transform:rotate(45deg);}\r\n  .faq-item p{padding:0 24px 22px;font-size:.9rem;font-weight:300;color:rgba(255,255,255,.6);line-height:1.75;}\r\n\r\n  \/* ============ T\u00c9MOIGNAGES ALUMNI (inspir\u00e9 Este School) ============ *\/\r\n  .alumni{background:#17120E;padding:96px max(24px,6vw);border-top:1px solid rgba(255,255,255,.05);}\r\n  .alumni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;}\r\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;}\r\n  .alum-card:hover{transform:translateY(-4px);border-color:rgba(255,122,26,.4);}\r\n  .alum-quote{font-size:.9rem;font-weight:300;color:rgba(255,255,255,.72);line-height:1.7;flex:1;}\r\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;}\r\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;}\r\n  .alum-name{font-size:.9rem;font-weight:600;color:#fff;line-height:1.3;}\r\n  .alum-role{font-size:.74rem;color:rgba(255,255,255,.45);margin-top:2px;font-weight:300;}\r\n\r\n  \/* ============ ACTUALIT\u00c9S (inspir\u00e9 Este School) ============ *\/\r\n  .news{background:#14100d;padding:96px max(24px,6vw);border-top:1px solid rgba(255,255,255,.05);}\r\n  .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;}\r\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;}\r\n  .news-card:hover{transform:translateY(-4px);border-color:rgba(255,122,26,.4);}\r\n  .news-tags{display:flex;gap:6px;flex-wrap:wrap;}\r\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;}\r\n  .news-card h3{font-size:1.02rem;font-weight:700;line-height:1.45;color:#fff;flex:1;}\r\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);}\r\n  .news-link{font-size:.82rem;font-weight:600;color:var(--orange);white-space:nowrap;}\r\n\r\n  \/* Note hero (prochaine session) *\/\r\n  .hero-note{display:flex;align-items:center;gap:10px;margin-top:26px;font-size:.8rem;font-weight:400;color:#ffd9b8;letter-spacing:.04em;}\r\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);}\r\n\r\n  @media (max-width:900px){\r\n    .why-grid{grid-template-columns:1fr;max-width:480px;}\r\n    .stats-grid{gap:32px 40px;}\r\n    .alumni-grid{grid-template-columns:1fr;max-width:520px;}\r\n    .news-grid{grid-template-columns:1fr;max-width:520px;}\r\n  }\r\n\r\n  \/* ============ FOOTER MINIMAL ============ *\/\r\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);}\r\n  footer.site-footer .f-brand{font-size:.9rem;font-weight:600;}\r\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);}\r\n  footer.site-footer small{color:rgba(255,255,255,.4);font-size:.75rem;font-weight:300;}\r\n\r\n  \/* ============ RESPONSIVE ============ *\/\r\n  @media (max-width:900px){\r\n    .site-header{flex-direction:column;align-items:flex-start;}\r\n    .main-nav{width:100%;justify-content:center;gap:14px 22px;padding-bottom:6px;}\r\n    .promo{position:static;margin:18px max(24px,6vw) 0;justify-content:center;text-align:left;}\r\n    .hero-content{padding-top:40px;padding-bottom:150px;}\r\n    .slogan{bottom:auto;top:auto;right:max(24px,6vw);bottom:96px;font-size:1.35rem;}\r\n  }\r\n  @media (max-width:560px){\r\n    .modules{gap:12px 20px;}\r\n    .module{white-space:normal;}\r\n    .hero .promo-logo{width:64px;height:64px;}\r\n    .cta-row .btn{width:100%;justify-content:center;}\r\n  }\r\n\r\n  \/* ============ \u00c0 QUI S'ADRESSE ============ *\/\r\n  .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;}\r\n  .aud-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;}\r\n  .aud-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,122,26,.13);display:flex;align-items:center;justify-content:center;}\r\n  .aud-icon svg{width:22px;height:22px;stroke:var(--orange);fill:none;stroke-width:1.8;}\r\n  .aud-card h3{font-size:1.05rem;font-weight:600;color:#fff;line-height:1.4;}\r\n  .aud-card p{font-size:.9rem;color:var(--muted);}\r\n  \/* ============ PROGRAMME (accord\u00e9on modules) ============ *\/\r\n  #programme{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}\r\n  .modules-list{margin-top:44px;display:flex;flex-direction:column;gap:14px;max-width:860px;}\r\n  .mod-item{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;}\r\n  .mod-head{display:flex;align-items:center;gap:18px;padding:22px 24px;cursor:pointer;user-select:none;}\r\n  .mod-num{font-size:.72rem;font-weight:700;color:var(--orange);letter-spacing:.12em;flex-shrink:0;width:38px;}\r\n  .mod-title-wrap{flex:1;}\r\n  .mod-title{font-size:1.06rem;font-weight:600;color:#fff;line-height:1.4;}\r\n  .mod-dur{display:block;font-size:.75rem;color:var(--muted);margin-top:3px;}\r\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;}\r\n  .mod-item.open .mod-chevron{transform:rotate(180deg);}\r\n  .mod-body{max-height:0;overflow:hidden;transition:max-height .4s ease;}\r\n  .mod-body-inner{padding:0 24px 24px 80px;}\r\n  .mod-body p.mod-desc{font-size:.92rem;color:var(--muted);margin-bottom:14px;}\r\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;}\r\n  .mod-deliverable svg{width:17px;height:17px;stroke:var(--orange);fill:none;stroke-width:2;flex-shrink:0;margin-top:3px;}\r\n  .mod-deliverable b{color:#fff;font-weight:600;}\r\n\r\n  \/* ============ CE QUE TU OBTIENDRAS ============ *\/\r\n  .outcomes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:44px;max-width:900px;}\r\n  .outcome{display:flex;align-items:flex-start;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;}\r\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;}\r\n  .check svg{width:15px;height:15px;stroke:var(--orange);fill:none;stroke-width:2.4;}\r\n  .outcome p{font-size:.93rem;color:#f6efe7;font-weight:500;line-height:1.5;}\r\n  .outcome small{display:block;font-weight:400;color:var(--muted);margin-top:4px;}\r\n\r\n  \/* ============ AMBIANCE (section claire \u2014 visuel 3D) ============ *\/\r\n  #ambiance{background:#F7F2EC;color:#1c1510;}\r\n  .amb-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,64px);align-items:center;}\r\n  .amb-visual{margin:0;background:#fff;border-radius:22px;padding:22px;box-shadow:0 26px 70px rgba(28,21,16,.14);}\r\n  .amb-visual img{width:100%;height:auto;display:block;border-radius:12px;}\r\n  #ambiance h2.section-title{color:#1c1510;max-width:none;}\r\n  #ambiance p.amb-text{margin-top:16px;font-size:.98rem;color:rgba(28,21,16,.7);line-height:1.75;max-width:540px;}\r\n  .amb-points{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:12px;}\r\n  .amb-points li{display:flex;align-items:flex-start;gap:12px;font-size:.92rem;color:#2a211a;font-weight:500;line-height:1.55;}\r\n  .amb-points svg{width:18px;height:18px;stroke:var(--orange);fill:none;stroke-width:2.4;flex-shrink:0;margin-top:3px;}\r\n\r\n  \/* ============ PRIX (tarif unique) ============ *\/\r\n  #tarif{background:linear-gradient(180deg,var(--bg-2),#17120E);}\r\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;}\r\n  .price-card.featured{border-color:var(--orange);position:relative;background:linear-gradient(180deg,rgba(255,122,26,.09),#1C1511 45%);}\r\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;}\r\n  .price-amount{font-size:3rem;font-weight:700;color:var(--orange);line-height:1.1;}\r\n  .price-per{font-size:.95rem;color:#e8dfd4;margin-bottom:24px;}\r\n  .price-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:26px;flex:0;}\r\n  .price-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:#e8dfd4;}\r\n  .price-list svg{width:16px;height:16px;stroke:var(--orange);fill:none;stroke-width:2.2;flex-shrink:0;margin-top:4px;}\r\n  .pay-methods{margin-bottom:30px;padding-top:22px;border-top:1px solid var(--line);}\r\n  .pay-label{display:block;font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}\r\n  .pay-chips{display:flex;flex-wrap:wrap;gap:8px;}\r\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;}\r\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;}\r\n  .price-note svg{width:18px;height:18px;stroke:var(--orange);fill:none;stroke-width:1.8;flex-shrink:0;margin-top:2px;}\r\n  \/* ============ CTA FINAL ============ *\/\r\n  .final-cta{text-align:center;padding:96px max(24px,6vw);}\r\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;}\r\n  .final-cta p{margin:16px auto 0;font-size:.98rem;color:var(--muted);max-width:520px;}\r\n  .final-ctas{display:flex;gap:14px;justify-content:center;margin-top:36px;flex-wrap:wrap;}\r\n\r\n  @media (max-width:900px){\r\n    .audience-grid,.outcomes-grid{grid-template-columns:1fr;max-width:520px;}\r\n    .amb-grid{grid-template-columns:1fr;}\r\n    .mod-body-inner{padding-left:24px;}\r\n  }\r\n\r\n  \/* Palette plus lumineuse : alternance de cr\u00e8me, ivoire et sections d\u2019accent *\/\r\n  .why,#public,#programme,#obtentions,#tarif,.faq,.alumni,.news,.signup,.showcase{color:#2b211b;}\r\n  .why,#obtentions,.faq,.news{background:#F6F0E8;}\r\n  #public,.alumni,#tarif{background:#FFFCF8;}\r\n  #programme{background:#F1E8DE;border-color:rgba(53,36,23,.12);}\r\n  #ambiance{background:#F7F2EC;}\r\n  .showcase{background:#FFF9F2;}\r\n  .signup{background:#F1E8DE;}\r\n\r\n  .why .section-head h2,.faq .section-head h2,.alumni .section-head h2,.news .section-head h2,.signup .signup-head h2{color:#2b211b;}\r\n  .why .section-head p,.faq .section-head p,.alumni .section-head p,.news .section-head p{color:rgba(43,33,27,.68);}\r\n  #public > h2.section-title,#programme > h2.section-title,#obtentions > h2.section-title,#tarif > h2.section-title{color:#2b211b;}\r\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);}\r\n  .why-card h3,.aud-card h3,.mod-title,.faq-item summary,.alum-name,.news-card h3{color:#2b211b;}\r\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);}\r\n  #programme .mod-chevron{stroke:rgba(43,33,27,.58);}\r\n  #programme .mod-deliverable{color:#3c2d23;background:rgba(255,122,26,.09);}\r\n  #programme .mod-deliverable b,#obtentions .outcome p{color:#2b211b;}\r\n  .faq-item p{color:rgba(43,33,27,.72);}\r\n  .news-date{border-color:rgba(53,36,23,.1);}\r\n  #tarif .price-card{background:#fff;border-color:rgba(53,36,23,.12);}\r\n  #tarif .price-card.featured{background:linear-gradient(180deg,rgba(255,122,26,.08),#fff 45%);}\r\n  #tarif .price-per,#tarif .price-list li{color:#3c3027;}\r\n  #tarif .pay-label{color:rgba(43,33,27,.62);}\r\n  #tarif .pay-chip{background:#FFF1E5;border-color:rgba(255,122,26,.3);color:#75401f;}\r\n  #tarif .pay-methods{border-color:rgba(53,36,23,.12);}\r\n  #tarif .price-note{color:rgba(43,33,27,.75);background:#FFF9F2;border-color:rgba(53,36,23,.1);}\r\n  .signup .info-card{color:#59483b;background:#fff;border-color:rgba(53,36,23,.1);}\r\n  .signup .info-card strong{color:#2b211b;}\r\n  .signup .info-card a{color:#A64812;}\r\n  .signup .required-note,.signup .submit-note{color:rgba(43,33,27,.58);}\r\n  .signup .section-title::after{background:rgba(43,33,27,.16);}\r\n  .signup label.f-label,.signup div.f-label{color:#31261e;}\r\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;}\r\n  .signup input.f-input::placeholder,.signup textarea.f-input::placeholder{color:rgba(43,33,27,.42);}\r\n  .signup .option-item span{color:#55463a;}\r\n  .signup .form-success h3{color:#2b211b;}\r\n  .signup .form-success p{color:rgba(43,33,27,.68);}\r\n\r\n  .showcase-head{text-align:center;max-width:760px;margin:0 auto;}\r\n  .showcase-head h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;line-height:1.15;color:#2b211b;}\r\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;}\r\n  .showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:42px auto 0;}\r\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;}\r\n  .showcase-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(44,29,17,.14);}\r\n  .showcase-card img{display:block;width:100%;aspect-ratio:16\/9;object-fit:cover;}\r\n  .showcase-caption{padding:22px 22px 24px;}\r\n  .showcase-label{font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#A94F1C;}\r\n  .showcase-card h3{font-size:1rem;font-weight:700;color:#2b211b;margin-top:8px;line-height:1.4;}\r\n  .showcase-card p{font-size:.86rem;color:rgba(43,33,27,.66);line-height:1.6;margin-top:8px;}\r\n  .showcase-note{max-width:1120px;margin:20px auto 0;font-size:.76rem;color:rgba(43,33,27,.54);text-align:center;}\r\n  @media (max-width:900px){.showcase-grid{grid-template-columns:1fr 1fr;max-width:720px;}}\r\n  @media (max-width:560px){.showcase-grid{grid-template-columns:1fr;max-width:480px;}}\r\n  \/* ============ PROPORTIONS ET ESPACEMENTS (desktop \/ tablette \/ mobile) ============ *\/\r\n  #obtentions,\r\n  #ambiance,\r\n  .showcase{padding-inline:max(24px,6vw);}\r\n  #obtentions,\r\n  #ambiance{padding-block:clamp(56px,7vw,92px);}\r\n  #obtentions > .section-kicker,\r\n  #obtentions > .section-title{width:min(100%,1120px);margin-inline:auto;}\r\n  .outcomes-grid{width:min(100%,1120px);max-width:none;margin:36px auto 0;}\r\n  #ambiance .amb-grid{width:min(100%,1240px);margin-inline:auto;}\r\n  #ambiance .amb-content,\r\n  #ambiance .amb-points li{min-width:0;}\r\n  .showcase{padding-block:clamp(64px,8vw,100px);}\r\n  .showcase-head,\r\n  .showcase-grid,\r\n  .showcase-note{width:min(100%,1120px);}\r\n  .showcase-grid{margin-inline:auto;}\r\n\r\n  @media (max-width:980px){\r\n    #ambiance .amb-grid{grid-template-columns:1fr;max-width:700px;}\r\n    #ambiance .amb-visual{width:min(100%,560px);justify-self:center;}\r\n  }\r\n  @media (max-width:900px){\r\n    #obtentions .outcomes-grid{max-width:520px;}\r\n  }\r\n  @media (max-width:560px){\r\n    #obtentions,\r\n    #ambiance,\r\n    .showcase{padding-inline:20px;}\r\n    #obtentions,\r\n    #ambiance{padding-block:56px;}\r\n    #obtentions .outcomes-grid{margin-top:28px;}\r\n    #obtentions .outcome{padding:18px 16px;}\r\n    #ambiance .amb-visual{padding:12px;border-radius:18px;}\r\n    #ambiance .amb-visual img{border-radius:10px;}\r\n    .showcase{padding-block:64px;}\r\n  }\r\n    \/* ============ TEASER VIDEO YOUTUBE ============ *\/\r\n  .teaser{background:#FFF9F2;color:#2b211b;padding:clamp(64px,8vw,100px) max(24px,6vw);}\r\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;}\r\n  .teaser-copy{min-width:0;}\r\n  .teaser-copy h2{font-size:clamp(1.8rem,3.8vw,2.7rem);font-weight:800;line-height:1.18;color:#2b211b;}\r\n  .teaser-copy>p:not(.section-kicker){margin-top:14px;font-size:.96rem;line-height:1.75;color:rgba(43,33,27,.72);}\r\n  .teaser-copy .teaser-note{font-size:.8rem;font-weight:600;color:#A94F1C;}\r\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);}\r\n  .teaser-player>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.72;}\r\n  .teaser-player::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,11,8,.72),transparent 58%);pointer-events:none;}\r\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);}\r\n  .teaser-play svg{width:26px;height:26px;fill:#fff;margin-left:3px;}\r\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;}\r\n  .teaser-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}\r\n  .teaser-player.has-video::after{display:none;}\r\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);}\r\n  @media (max-width:980px){.teaser-inner{grid-template-columns:1fr;max-width:720px;}}\r\n  @media (max-width:700px){.teaser{padding:56px 20px;}.teaser-player{border-radius:16px;}.teaser-play{width:60px;height:60px;}}\r\n\/* ============ RESPONSIVE GLOBAL (toutes les sections) ============ *\/\r\n  html{max-width:100%;overflow-x:clip;}\r\n  body{width:100%;max-width:100%;min-width:320px;overflow-x:clip;}\r\n  section{width:100%;min-width:0;}\r\n  img{max-width:100%;}\r\n\r\n  #public,#programme,#tarif{padding:clamp(64px,8vw,96px) max(24px,6vw);}\r\n  #public > .section-kicker,#public > .section-title,\r\n  #programme > .section-kicker,#programme > .section-title,#programme > .section-lead,\r\n  #obtentions > .section-kicker,#obtentions > .section-title,\r\n  #tarif > .section-kicker,#tarif > .section-title{width:min(100%,1120px);margin-inline:auto;}\r\n  #public .audience-grid{width:min(100%,1120px);max-width:1120px;margin:40px auto 0;grid-template-columns:repeat(3,minmax(0,1fr));}\r\n  #programme .modules-list{width:min(100%,860px);margin:40px auto 0;}\r\n  #programme .section-lead{margin-top:14px;line-height:1.7;}\r\n  #tarif .price-card{width:min(100%,760px);max-width:760px;margin:46px auto 0;padding:clamp(24px,4vw,38px) clamp(18px,4vw,34px);}\r\n  #tarif .price-card > .btn{width:100%;justify-content:center;text-align:center;white-space:normal;line-height:1.35;}\r\n  #tarif .price-list li{min-width:0;}\r\n  #tarif .price-note{width:min(100%,760px);margin:26px auto 0;}\r\n  .why-grid,.audience-grid,.alumni-grid,.news-grid,.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));}\r\n  #obtentions .outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n  .why-grid,.audience-grid,.alumni-grid,.news-grid,.showcase-grid,.outcomes-grid{min-width:0;}\r\n  .why-card,.aud-card,.outcome,.alum-card,.news-card,.showcase-card{min-width:0;}\r\n\r\n  @media (max-width:900px){\r\n    .why-grid,.audience-grid,.alumni-grid,.news-grid,.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n    #public .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n    #obtentions .outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;}\r\n  }\r\n  @media (max-width:700px){\r\n    .why,.faq,.alumni,.challenge,.news,.signup,.final-cta{padding:64px 20px;}\r\n    .stats{padding:44px 20px;}\r\n    footer.site-footer{padding:24px 20px;}\r\n    #public,#programme,#tarif{padding:56px 20px;}\r\n    #obtentions,#ambiance{padding:56px 20px;}\r\n    .showcase{padding:64px 20px;}\r\n    .why-grid,.audience-grid,.alumni-grid,.news-grid,.showcase-grid,\r\n    #obtentions .outcomes-grid{grid-template-columns:1fr;max-width:520px;}\r\n    #obtentions .outcomes-grid{width:100%;margin-top:28px;}\r\n    #public .audience-grid{grid-template-columns:1fr;max-width:520px;margin-top:30px;}\r\n    #programme .modules-list{margin-top:30px;}\r\n    #tarif .price-card{width:100%;margin-top:38px;padding:28px 20px;}\r\n    #tarif .price-flag{max-width:calc(100% - 24px);font-size:.6rem;padding:6px 10px;}\r\n    .site-header{padding:24px 20px;}\r\n    .main-nav{justify-content:flex-start;gap:12px 18px;}\r\n    .promo{width:min(420px,calc(100vw - 40px));max-width:calc(100vw - 40px);margin:18px auto 0;}\r\n    .hero-content{padding:32px 20px 145px;}\r\n    h1.title{font-size:clamp(2.15rem,10vw,3.4rem);}\r\n    .modules{gap:12px 18px;}\r\n    .module{white-space:normal;}\r\n    .cta-row{gap:12px;}\r\n    .cta-row .btn{width:100%;justify-content:center;}\r\n    .site-url{left:20px;right:20px;bottom:28px;font-size:.68rem;}\r\n    .slogan{right:20px;bottom:76px;font-size:1.25rem;}\r\n    .mod-head{gap:12px;padding:18px 16px;}\r\n    .mod-num{width:30px;}\r\n    .mod-body-inner{padding:0 16px 18px;}\r\n    .faq-item summary{padding:18px 16px;font-size:.92rem;}\r\n    .faq-item p{padding:0 16px 18px;}\r\n    .showcase-caption{padding:18px;}\r\n    .row-2{grid-template-columns:1fr;gap:0;}\r\n    \r\n  \r\n  }\r\n\r\n\r\n  \/* S\u00e9lecteur de langue FR | EN *\/\r\n  .main-nav .lang-switch{display:flex;align-items:center;gap:5px;font-size:.85rem;font-weight:600;letter-spacing:.03em;line-height:1;}\r\n  .main-nav .lang-switch a.lang-link{color:rgba(255,255,255,.55);text-decoration:none;padding:2px;transition:color .15s ease;}\r\n  .main-nav .lang-switch a.lang-link:hover{color:#fff;}\r\n  .main-nav .lang-switch a.lang-link.is-active{color:var(--orange);}\r\n  .main-nav .lang-switch .lang-sep{color:rgba(255,255,255,.3);}\r\n\r\n  \/* Couleurs reprises de la page FR (r\u00e8gles du <head>) *\/\r\n  .hero h1.title, .promo .promo-title, .hero .btn-secondary { color: #ffffff !important; }\r\n  .logo-name, .slogan { color: #ffffff !important; }\r\n  .elementor-widget-html h1, .elementor-widget-html h2 { text-wrap: balance !important; }\r\n<\/style>\r\n\r\n<section class=\"hero\">\r\n\r\n  <!-- Logo -->\r\n  <header class=\"site-header\">\r\n    <a href=\"https:\/\/afriperceptacademy.online\/index.php\/en\/\" aria-label=\"AfriPercept Academy home\" style=\"color:inherit;text-decoration:none;\">\r\n      <span class=\"logo-name\"><b>Afri<\/b><span>Percept<\/span><\/span>\r\n      <span class=\"logo-sub\">A C A D E M Y<\/span>\r\n      <span class=\"logo-bar\"><\/span>\r\n    <\/a>\r\n\r\n    <!-- Navigation (inspir\u00e9e Este School) -->\r\n    <nav class=\"main-nav\" aria-label=\"Main navigation\">\r\n      <a class=\"nav-link\" href=\"#pourquoi\">Why us<\/a>\r\n      <a class=\"nav-link\" href=\"#teaser\">Teaser<\/a>\r\n      <a class=\"nav-link\" href=\"#public\">The course<\/a>\r\n      <a class=\"nav-link\" href=\"#programme\">Program<\/a>\r\n      <a class=\"nav-link\" href=\"#inspirations\">Inspirations<\/a>\r\n      <a class=\"nav-link\" href=\"#tarif\">Pricing<\/a>\r\n      <a class=\"nav-link\" href=\"#faq\">FAQ<\/a>\r\n      <div class=\"lang-switch\" role=\"group\" aria-label=\"Language \/ Langue\">\r\n        <a class=\"lang-link\" href=\"https:\/\/afriperceptacademy.online\/\" hreflang=\"fr\" lang=\"fr\">FR<\/a>\r\n        <span class=\"lang-sep\" aria-hidden=\"true\">|<\/span>\r\n        <a class=\"lang-link is-active\" href=\"https:\/\/afriperceptacademy.online\/index.php\/en\/\" hreflang=\"en\" aria-current=\"page\">EN<\/a>\r\n      <\/div>\r\n      <a class=\"nav-cta\" href=\"#inscription\">Pre-registration<\/a>\r\n    <\/nav>\r\n  <\/header>\r\n\r\n  <!-- Banni\u00e8re promo -->\r\n  <aside class=\"promo\" aria-label=\"New course\">\r\n    <div class=\"promo-text\">\r\n      <div class=\"promo-tag\">New course<\/div>\r\n      <div class=\"promo-title\">CINEMA&nbsp;4D \u00b7 PHASE 1 \u00b7 SIX MONTHS<\/div>\r\n    <\/div>\r\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\">\r\n  <\/aside>\r\n\r\n  <!-- Contenu principal -->\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-inner\">\r\n\r\n      <p class=\"subtitle-kicker\">Course for beginners \u00b7 Phase 1<\/p>\r\n\r\n      <h1 class=\"title\">Cinema&nbsp;4D<br><span class=\"accent\">for beginners \u00b7 Phase&nbsp;1<\/span><\/h1>\r\n\r\n      <p class=\"lead\">\r\n        Discover 3D motion design from the basics of Cinema&nbsp;4D and Octane&nbsp;Render. Phase&nbsp;1 lasts six months and adds After Effects for compositing and post-production.\r\n      <\/p>\r\n\r\n      <!-- Modules -->\r\n      <div class=\"modules\">\r\n        <span class=\"module\">\r\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>\r\n          3D Modeling\r\n        <\/span>\r\n        <span class=\"module\">\r\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>\r\n          Materials &amp; Textures\r\n        <\/span>\r\n        <span class=\"module\">\r\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>\r\n          Octane Render Lighting\r\n        <\/span>\r\n        <span class=\"module\">\r\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>\r\n          Animation &amp; Camera\r\n        <\/span>\r\n        <span class=\"module\">\r\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>\r\n          AI &amp; Art Direction\r\n        <\/span>\r\n        <span class=\"module\">\r\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>\r\n          After Effects \u00b7 compositing\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- Boutons -->\r\n      <div class=\"cta-row\">\r\n        <a class=\"btn btn-primary\" href=\"#programme\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 4.5v15l13-7.5L7 4.5z\"\/><\/svg>\r\n          View the course\r\n        <\/a>\r\n        <a class=\"btn btn-secondary\" href=\"https:\/\/discord.gg\/UBcacXRfj\" target=\"_self\" rel=\"noopener noreferrer\">\r\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>\r\n          Join the community\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Note session (inspir\u00e9 Este School : prochaine convocation) -->\r\n      <p class=\"hero-note\">Start date <b>Wednesday, November 18, 2026<\/b>&nbsp;\u2014 Limited spots to ensure personalized support.<\/p>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Slogan script -->\r\n  <p class=\"slogan\">Learn. Create. Experiment.<br><span class=\"accent\">Bring your ideas to life.<\/span><\/p>\r\n\r\n  <!-- URL -->\r\n  <span class=\"site-url\">afriperceptacademy.online<\/span>\r\n\r\n<\/section>\r\n<!-- ============ POURQUOI NOUS (inspir\u00e9 Este School) ============ -->\r\n<section class=\"teaser\" id=\"teaser\" aria-labelledby=\"teaser-title\">\r\n  <div class=\"teaser-inner\">\r\n    <div class=\"teaser-copy\">\r\n      <p class=\"section-kicker\">Discover<\/p>\r\n      <h2 id=\"teaser-title\">Phase 1 in pictures<\/h2>\r\n      <p>Discover what you will be able to create during Phase 1. Over six months, learn to turn your ideas into 3D projects with Cinema 4D, from modeling to rendering and post-production.<\/p>\r\n    <\/div>\r\n    <figure class=\"teaser-player\" data-youtube-url=\"https:\/\/youtu.be\/mnjlEiSStW8\">\r\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\">\r\n      <span class=\"teaser-play\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7-11-7z\"\/><\/svg><\/span>\r\n    <\/figure>\r\n  <\/div>\r\n<\/section><section class=\"why\" id=\"pourquoi\">\r\n  <div class=\"section-head\">\r\n    <p class=\"section-kicker\">Why AfriPercept<\/p>\r\n    <h2>A course focused on <span class=\"accent\">your progress<\/span><\/h2>\r\n    <p>We identify each learner's strengths and develop them through hands-on projects. Our goal: that you leave with a solid portfolio ready to show.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"why-grid\">\r\n    <div class=\"why-card\">\r\n      <div class=\"why-icon\">\r\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>\r\n      <\/div>\r\n      <h3>Instructors who work in the industry<\/h3>\r\n      <p>Our instructors work in the industry every day: they bring you closer to real work and to what the market demands today.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\">\r\n      <div class=\"why-icon\">\r\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>\r\n      <\/div>\r\n      <h3>Personalized courses<\/h3>\r\n      <p>Each learner moves at their own pace. We strengthen your strengths and support your final project with one-on-one tutorials.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-card\">\r\n      <div class=\"why-icon\">\r\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>\r\n      <\/div>\r\n      <h3>A flexible format<\/h3>\r\n      <p>Most lessons are recorded: watch them whenever and wherever you want. Live sessions complete the program and answer your questions.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ \u00c0 QUI S'ADRESSE LE COURS ============ -->\r\n<section id=\"public\">\r\n  <p class=\"section-kicker\">Who is this course for?<\/p>\r\n  <h2 class=\"section-title\">You are starting from scratch, you are self-taught, or you are changing careers: <span class=\"accent\">this course is for you.<\/span><\/h2>\r\n  <div class=\"audience-grid\">\r\n    <div class=\"aud-card\">\r\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>\r\n      <h3>Absolute beginners<\/h3>\r\n      <p>No prior 3D knowledge required. We start with installing the software and go step by step to your first professional render.<\/p>\r\n    <\/div>\r\n    <div class=\"aud-card\">\r\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>\r\n      <h3>Self-taught learners<\/h3>\r\n      <p>YouTube tutorials gave you some basics, but nothing fits together? The course method structures your knowledge and fills the gaps.<\/p>\r\n    <\/div>\r\n    <div class=\"aud-card\">\r\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>\r\n      <h3>Career changers<\/h3>\r\n      <p>Graphic design, video, architecture\u2026 You are aiming for 3D animation or motion design: this program gives you a credible portfolio to land your first assignments.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ PROGRAMME D\u00c9TAILL\u00c9 (accord\u00e9on) ============ -->\r\n<section id=\"programme\">\r\n  <p class=\"section-kicker\">The program<\/p>\r\n  <h2 class=\"section-title\">Phase&nbsp;1: six months to build <span class=\"accent\">your first 3D projects.<\/span><\/h2>\r\n  <p class=\"section-lead\">A six-month beginner program with about 40 sessions. Each module ends with a concrete project for your portfolio. Click a module to see the details.<\/p>\r\n\r\n  <div class=\"modules-list\">\r\n    <!-- Module 1 -->\r\n    <div class=\"mod-item open\">\r\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"true\">\r\n        <span class=\"mod-num\">M1<\/span>\r\n        <span class=\"mod-title-wrap\">\r\n          <span class=\"mod-title\">Fundamentals &amp; 3D Modeling<\/span>\r\n          <span class=\"mod-dur\">Sessions 1\u20138 \u00b7 Month 1<\/span>\r\n        <\/span>\r\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"mod-body\">\r\n        <div class=\"mod-body-inner\">\r\n          <p class=\"mod-desc\">First steps in Cinema&nbsp;4D: interface, navigation, coordinate system. You learn to model with polygonal tools (box modeling), splines and mesh editing, following an industry-standard production workflow.<\/p>\r\n          <div class=\"mod-deliverable\">\r\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>\r\n            <span><b>Your project:<\/b>&nbsp;a complete product scene modeled from scratch (e.g. a bottle or an everyday object), ready to be lit.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Module 2 -->\r\n    <div class=\"mod-item\">\r\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n        <span class=\"mod-num\">M2<\/span>\r\n        <span class=\"mod-title-wrap\">\r\n          <span class=\"mod-title\">Materials &amp; Textures<\/span>\r\n          <span class=\"mod-dur\">Sessions 9\u201314 \u00b7 Month 2<\/span>\r\n        <\/span>\r\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"mod-body\">\r\n        <div class=\"mod-body-inner\">\r\n          <p class=\"mod-desc\">The Cinema&nbsp;4D shader from A to Z: PBR materials, procedural and bitmap textures, UV mapping. You learn to create glass, metal, fabric and realistic surfaces without relying only on asset libraries.<\/p>\r\n          <div class=\"mod-deliverable\">\r\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>\r\n            <span><b>Your project:<\/b>&nbsp;a set of realistic materials (at least 5 surfaces) + a \u201cstill life\u201d render of your Module&nbsp;1 scene.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Module 3 -->\r\n    <div class=\"mod-item\">\r\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n        <span class=\"mod-num\">M3<\/span>\r\n        <span class=\"mod-title-wrap\">\r\n          <span class=\"mod-title\">Lighting &amp; Rendering with Octane Render<\/span>\r\n          <span class=\"mod-dur\">Sessions 15\u201322 \u00b7 Month 3<\/span>\r\n        <\/span>\r\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"mod-body\">\r\n        <div class=\"mod-body-inner\">\r\n          <p class=\"mod-desc\">Light is 80% of the render. Study of three-point lighting, HDRI, physical lights, then hands-on with the Octane Render engine: optimization settings, firefly management, high-quality final renders.<\/p>\r\n          <div class=\"mod-deliverable\">\r\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>\r\n            <span><b>Your project:<\/b>&nbsp;3 different lighting setups (studio, HDRI exterior, night) of the same scene \u2014 the basis of a portfolio sheet.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Module 4 -->\r\n    <div class=\"mod-item\">\r\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n        <span class=\"mod-num\">M4<\/span>\r\n        <span class=\"mod-title-wrap\">\r\n          <span class=\"mod-title\">Animation &amp; Camera<\/span>\r\n          <span class=\"mod-dur\">Sessions 23\u201330 \u00b7 Month 4<\/span>\r\n        <\/span>\r\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"mod-body\">\r\n        <div class=\"mod-body-inner\">\r\n          <p class=\"mod-desc\">Motion curves, keyframes, camera constraints (look-at, dolly), product animation and an introduction to physical effects (X-Presso). You learn to give an image rhythm, not just make it move.<\/p>\r\n          <div class=\"mod-deliverable\">\r\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>\r\n            <span><b>Your project:<\/b>&nbsp;a 10\u201315&nbsp;s product motion (rotation, reveal, camera) rendered in HD.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Module 5 -->\r\n    <div class=\"mod-item\">\r\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n        <span class=\"mod-num\">M5<\/span>\r\n        <span class=\"mod-title-wrap\">\r\n          <span class=\"mod-title\">AI &amp; Art Direction<\/span>\r\n          <span class=\"mod-dur\">Sessions 31\u201336 \u00b7 Month 5<\/span>\r\n        <\/span>\r\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"mod-body\">\r\n        <div class=\"mod-body-inner\">\r\n          <p class=\"mod-desc\">AI as an accelerator, not a crutch: moodboards with generative AI tools, texture and asset generation, render upscaling. You also learn to define an art direction \u2014 the skill that sets a software user apart from a 3D artist.<\/p>\r\n          <div class=\"mod-deliverable\">\r\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>\r\n            <span><b>Your project:<\/b>&nbsp;an art direction board (moodboard + 3 concepts) for a fictional client project.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Module 6 -->\r\n    <div class=\"mod-item\">\r\n      <div class=\"mod-head\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n        <span class=\"mod-num\">M6<\/span>\r\n        <span class=\"mod-title-wrap\">\r\n          <span class=\"mod-title\">After Effects, Post-Production &amp; Portfolio<\/span>\r\n          <span class=\"mod-dur\">Sessions 37\u201340 \u00b7 Month 6<\/span>\r\n        <\/span>\r\n        <svg class=\"mod-chevron\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"mod-body\">\r\n        <div class=\"mod-body-inner\">\r\n          <p class=\"mod-desc\">Compositing and post-production of your renders with After Effects: shot integration, titling, finishing and web export. You then edit a showreel and gather the best projects from the six modules into your portfolio.<\/p>\r\n          <div class=\"mod-deliverable\">\r\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>\r\n            <span><b>Your project:<\/b>&nbsp;an online portfolio (3\u20135 projects) + a 60&nbsp;s showreel. You are ready to work.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ CE QUE TU OBTIENDRAS ============ -->\r\n<section id=\"obtentions\">\r\n  <p class=\"section-kicker\">At the end of the course<\/p>\r\n  <h2 class=\"section-title\">What you take away, <span class=\"accent\">concretely.<\/span><\/h2>\r\n  <div class=\"outcomes-grid\">\r\n    <div class=\"outcome\">\r\n      <span class=\"check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\r\n      <p>A portfolio of 3 to 5 3D projects<small>Renders, motions and art boards created during the course \u2014 not disposable exercises.<\/small><\/p>\r\n    <\/div>\r\n    <div class=\"outcome\">\r\n      <span class=\"check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\r\n      <p>Cinema&nbsp;4D, Octane Render &amp; After Effects<small>Model and animate with Cinema&nbsp;4D, light and render with Octane, then composite and post-produce in After Effects.<\/small><\/p>\r\n    <\/div>\r\n    <div class=\"outcome\">\r\n      <span class=\"check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\r\n      <p>A 60-second showreel<small>The first document a client or studio looks at. It is ready to send at the end of Module&nbsp;6.<\/small><\/p>\r\n    <\/div>\r\n    <div class=\"outcome\">\r\n      <span class=\"check\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\r\n      <p>Access to the AfriPercept community<small>Instructor feedback, project critiques and freelance opportunities shared among learners.<\/small><\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ AMBIANCE DE TRAVAIL (visuel 3D fourni) ============ -->\r\n<section id=\"ambiance\">\r\n  <div class=\"amb-grid\">\r\n    <figure class=\"amb-visual\">\r\n      <!-- Illustration 3D fournie par l'Acad\u00e9mie (personnage stylis\u00e9) -->\r\n      <img  alt=\"Stylized 3D character sitting on a beanbag with a laptop\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-personnage-3d-v2.png\">\r\n    <\/figure>\r\n    <div class=\"amb-content\">\r\n      <p class=\"section-kicker\">The course atmosphere<\/p>\r\n      <h2 class=\"section-title\">A supportive environment, <span class=\"accent\">real projects.<\/span><\/h2>\r\n      <p class=\"amb-text\">No empty theory: every session is designed so you leave with visible progress. You work on your own projects, from the first polygon to the final render \u2014 supported by an instructor and the learner community.<\/p>\r\n      <ul class=\"amb-points\">\r\n        <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Individual follow-up: your projects are reviewed, not just graded<\/li>\r\n        <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>An active AfriPercept community between sessions (WhatsApp)<\/li>\r\n        <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Projects that end up in your portfolio, not in a bin<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"showcase\" id=\"inspirations\" aria-labelledby=\"showcase-title\">\r\n  <div class=\"showcase-head\">\r\n    <p class=\"section-kicker\">3D Inspirations<\/p>\r\n    <h2 id=\"showcase-title\">Model, light, bring to life.<\/h2>\r\n    <p>A few examples of scenes that Cinema 4D and Octane Render make it possible to explore: from product design to 3D environments.<\/p>\r\n  <\/div>\r\n  <div class=\"showcase-grid\">\r\n    <article class=\"showcase-card\">\r\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-inspiration-produit.jpg\" alt=\"3D render of an audio object in blue-green glass and orange metal\" loading=\"lazy\" width=\"1672\" height=\"941\">\r\n      <div class=\"showcase-caption\">\r\n        <span class=\"showcase-label\">Product design<\/span>\r\n        <h3>Create an object from scratch<\/h3>\r\n        <p>Modeling, materials and studio lighting.<\/p>\r\n      <\/div>\r\n    <\/article>\r\n    <article class=\"showcase-card\">\r\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-inspiration-mouvement.jpg\" alt=\"Motion design composition of glass, bronze and blue-green shapes\" loading=\"lazy\" width=\"1672\" height=\"941\">\r\n      <div class=\"showcase-caption\">\r\n        <span class=\"showcase-label\">Motion design<\/span>\r\n        <h3>Play with movement<\/h3>\r\n        <p>Shapes, reflections and a balanced composition.<\/p>\r\n      <\/div>\r\n    <\/article>\r\n    <article class=\"showcase-card\">\r\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-inspiration-environnement.jpg\" alt=\"3D environment of curved arches, warm stone and a pool at sunset\" loading=\"lazy\" width=\"1672\" height=\"941\">\r\n      <div class=\"showcase-caption\">\r\n        <span class=\"showcase-label\">3D environment<\/span>\r\n        <h3>Build an immersive scene<\/h3>\r\n        <p>Depth, architecture and luminous atmosphere.<\/p>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n  <p class=\"showcase-note\">Inspiration visuals created to illustrate the course; they do not represent learner projects.<\/p>\r\n<\/section>\r\n<!-- ============ BANDEAU CHIFFRES (inspir\u00e9 Este School) ============ -->\r\n<section class=\"stats\" aria-label=\"Key figures\">\r\n  <div class=\"stats-grid\">\r\n    <div class=\"stat\"><div class=\"stat-num\">6<\/div><div class=\"stat-label\">Modules from A to Z<\/div><\/div>\r\n    <div class=\"stat\"><div class=\"stat-num\">6&nbsp;months<\/div><div class=\"stat-label\">Phase 1 \u00b7 beginners<\/div><\/div>\r\n    <div class=\"stat\"><div class=\"stat-num\">C4D + Octane<\/div><div class=\"stat-label\">Industry tools<\/div><\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ TARIF (\u00e0 remplir) ============ -->\r\n<section id=\"tarif\">\r\n  <p class=\"section-kicker\">Pricing &amp; registration<\/p>\r\n  <h2 class=\"section-title\">A transparent price, <span class=\"accent\">flexible options.<\/span><\/h2>\r\n  <div class=\"price-card featured\">\r\n    <span class=\"price-flag\">Starts Wednesday, November 18, 2026<\/span>\r\n    <p class=\"price-amount\">120&nbsp;000&nbsp;FCFA<\/p>\r\n    <p class=\"price-per\">(approx. 180&nbsp;\u20ac) \u2014 one-time payment at registration<\/p>\r\n    <ul class=\"price-list\">\r\n      <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>All 6 modules (\u2248&nbsp;40 sessions, 6 months)<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>All guided portfolio projects<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Access to the AfriPercept community<\/li>\r\n      <li><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"\/><\/svg>Certificate of completion<\/li>\r\n    <\/ul>\r\n\r\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> Limited spots to ensure personalized support.<\/p>\r\n\r\n    <!-- \u26a0\ufe0f Moyens de paiement fournis par l'Acad\u00e9mie \u2014 coordonn\u00e9es (num\u00e9ros, email PayPal) \u00e0 ajouter -->\r\n    <div class=\"pay-methods\">\r\n      <span class=\"pay-label\">Accepted payment methods<\/span>\r\n      <div class=\"pay-chips\">\r\n        <span class=\"pay-chip\">Mixx by Yas<\/span>\r\n        <span class=\"pay-chip\">PayPal<\/span>\r\n        <span class=\"pay-chip\">Flooz<\/span>\r\n        <span class=\"pay-chip\">Western Union<\/span>\r\n        <span class=\"pay-chip\">MTN MoMo<\/span>\r\n        <span class=\"pay-chip\">Orange Money<\/span>\r\n        <span class=\"pay-chip\">Moov Money<\/span>\r\n        <span class=\"pay-chip\">Airtel Money<\/span>\r\n        <span class=\"pay-chip\">Wave<\/span>\r\n        <span class=\"pay-chip\">Ecobank<\/span>\r\n        <span class=\"pay-chip\">PI-SPI<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u26a0\ufe0f Remplacer par l'URL r\u00e9elle du formulaire (page landing #inscription) -->\r\n    <a class=\"btn btn-primary\" href=\"#inscription\">Choose this option \u2014 pre-registration<\/a>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ FAQ FUSIONN\u00c9E ============ -->\r\n<section class=\"faq\" id=\"faq\">\r\n  <div class=\"section-head\">\r\n    <p class=\"section-kicker\">Frequently asked questions<\/p>\r\n    <h2>Everything you need to know before <span class=\"accent\">you start<\/span><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"faq-list\">\r\n<details class=\"faq-item\" open>\r\n      <summary>Do you need to know Cinema&nbsp;4D already to enroll?<\/summary>\r\n      <p>No. Phase&nbsp;1 is designed for beginners and lasts six months. We start with the basics of the interface and go to your first animated projects. A preliminary questionnaire lets us adapt the pace to the group.<\/p>\r\n    <\/details>\r\n<details class=\"faq-item\">\r\n      <summary>How do the classes work?<\/summary>\r\n      <p>Most lessons are recorded and available whenever you want. Live sessions let you ask questions, and our instructors remain available for feedback.<\/p>\r\n    <\/details>\r\n<details class=\"faq-item\">\r\n      <summary>What equipment do I need?<\/summary>\r\n      <p>A computer with at least 16&nbsp;GB of RAM (32&nbsp;GB recommended) and a recent graphics card. Cinema&nbsp;4D is available as a trial version for the entire course \u2014 we guide you through installation.<\/p>\r\n    <\/details>\r\n<details class=\"faq-item\">\r\n      <summary>Can I ask the instructors questions?<\/summary>\r\n      <p>Yes, that is central to our method. Live, via WhatsApp and through one-on-one tutoring on your final project: we stay by your side until you submit your portfolio.<\/p>\r\n    <\/details>\r\n<details class=\"faq-item\">\r\n      <summary>What happens after I pre-register?<\/summary>\r\n      <p>We contact you on WhatsApp within 48&nbsp;hours to confirm your spot, answer your questions and agree on the session start date.<\/p>\r\n    <\/details>\r\n    <details class=\"faq-item\">\r\n      <summary>What payment methods are accepted?<\/summary>\r\n      <p>One-time payment of <strong>180&nbsp;\u20ac or 120&nbsp;000&nbsp;F&nbsp;CFA<\/strong> \u2014 pay via <strong>Mixx by Yas, PayPal, Flooz, Western Union, MTN MoMo, Orange Money, Moov Money, Airtel Money, Wave, Ecobank or PI-SPI<\/strong>. Payment details and the necessary instructions will be sent to you on WhatsApp after pre-registration.<\/p>\r\n    <\/details>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ T\u00c9MOIGNAGES ALUMNI (inspir\u00e9 Este School) ============ -->\r\n<section class=\"alumni\" id=\"temoignages\">\r\n  <div class=\"section-head\">\r\n    <p class=\"section-kicker\">They have already taken off<\/p>\r\n    <h2>Our learners are <span class=\"accent\">already working<\/span><\/h2>\r\n    <p>By the end of the course, our graduates join studios and work freelance on real projects. Here is what they say about AfriPercept.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"alumni-grid\">\r\n    <div class=\"alum-card\">\r\n      <p class=\"alum-quote\">\u201cI started from zero in 3D. Within three months I already had a first render to show, and the instructors' feedback on my portfolio made all the difference when I applied.\u201d<\/p>\r\n      <div class=\"alum-person\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"alum-avatar\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-temoignage-portrait-02.webp\" alt=\"Illustrative portrait of testimonial author Awa K. (non-contractual photo)\" width=\"44\" height=\"44\" loading=\"lazy\">\r\n        <span><span class=\"alum-name\">Awa K.<\/span><br><span class=\"alum-role\">3D Generalist \u2014 studio Abidjan<\/span><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"alum-card\">\r\n      <p class=\"alum-quote\">\u201cWhat convinced me was the method: real projects from day one and instructors who work in the industry. I signed my first freelance contract before the end of the session.\u201d<\/p>\r\n      <div class=\"alum-person\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"alum-avatar\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-temoignage-portrait-01.webp\" alt=\"Illustrative portrait of testimonial author Serge D. (non-contractual photo)\" width=\"44\" height=\"44\" loading=\"lazy\">\r\n        <span><span class=\"alum-name\">Serge D.<\/span><br><span class=\"alum-role\">Freelance C4D \u2014 Dakar<\/span><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"alum-card\">\r\n      <p class=\"alum-quote\">\u201cThe recorded format let me follow the course while working. The live sessions and the WhatsApp support filled every gap in my progress.\u201d<\/p>\r\n      <div class=\"alum-person\">\r\n        <img loading=\"lazy\" decoding=\"async\" class=\"alum-avatar\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-temoignage-portrait-03.webp\" alt=\"Illustrative portrait of testimonial author Mariam N. (non-contractual photo)\" width=\"44\" height=\"44\" loading=\"lazy\">\r\n        <span><span class=\"alum-name\">Mariam N.<\/span><br><span class=\"alum-role\">Motion Designer \u2014 Cotonou<\/span><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ CHALLENGE AFRIPERCEPT (concours de fin de formation) ============ -->\r\n<section class=\"challenge\" id=\"challenge\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <p class=\"section-kicker\">Challenge AfriPercept<\/p>\r\n      <h2>The end-of-course <span class=\"accent\">competition<\/span><\/h2>\r\n      <p>To close the program, each learner presents a project created during the course. Three winners will be recognized based on three criteria: creativity, technical mastery and presentation quality.<\/p>\r\n    <\/div>\r\n    <div class=\"ch-grid\">\r\n      <article class=\"ch-card ch-gold\">\r\n        <span class=\"ch-rank\">1<sup>st<\/sup>&nbsp;prize<\/span>\r\n        <figure class=\"ch-photo\"><img decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-prix-1-huion-kamvas13.jpg\" alt=\"Huion Kamvas 13 graphics tablet (1st prize of the AfriPercept Challenge)\" loading=\"lazy\"><\/figure>\r\n        <h3 class=\"ch-name\">Huion Kamvas 13<\/h3>\r\n        <p class=\"ch-desc\">13.3-inch Full&nbsp;HD display tablet \u2014 for 3D practice and digital creation.<\/p>\r\n      <\/article>\r\n      <article class=\"ch-card ch-silver\">\r\n        <span class=\"ch-rank\">2<sup>nd<\/sup>&nbsp;prize<\/span>\r\n        <figure class=\"ch-photo\"><img decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-prix-2-xppen-artist12pro.jpg\" alt=\"XP-Pen Artist 12 Pro graphics tablet (2nd prize of the AfriPercept Challenge)\" loading=\"lazy\"><\/figure>\r\n        <h3 class=\"ch-name\">XP-Pen Artist 12 Pro<\/h3>\r\n        <p class=\"ch-desc\">Professional graphics display \u2014 precision and comfort for your renders, illustrations and animations.<\/p>\r\n      <\/article>\r\n      <article class=\"ch-card ch-bronze\">\r\n        <span class=\"ch-rank\">3<sup>rd<\/sup>&nbsp;prize<\/span>\r\n        <figure class=\"ch-photo\"><img decoding=\"async\" src=\"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-prix-2-xppen-artist12pro.jpg\" alt=\"XP-Pen Artist 12 Pro graphics tablet, second unit (3rd prize of the AfriPercept Challenge)\" loading=\"lazy\"><\/figure>\r\n        <h3 class=\"ch-name\">XP-Pen Artist 12 Pro<\/h3>\r\n        <p class=\"ch-desc\">A second unit to win.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n    <p class=\"ch-note\">The three winners will be recognized at the end of the course.<\/p>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ ACTUALIT\u00c9S (inspir\u00e9 Este School) ============ -->\r\n<section class=\"news\" id=\"actualites\">\r\n  <div class=\"section-head\">\r\n    <p class=\"section-kicker\">News<\/p>\r\n    <h2>Latest <span class=\"accent\">from the Academy<\/span><\/h2>\r\n    <p>Interviews, behind the scenes of student projects and AfriPercept community announcements.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"news-grid\">\r\n    <a class=\"news-card\" href=\"#\" data-placeholder-link>\r\n      <span class=\"news-tags\"><span class=\"news-tag\">Interview<\/span><span class=\"news-tag\">Alumni<\/span><\/span>\r\n      <h3>From first click to first assignment: the journey of a young AfriPercept graduate at an agency (to be customized)<\/h3>\r\n      <span class=\"news-date\">September 15, 2026<\/span>\r\n      <span class=\"news-link\">Read the article \u2192<\/span>\r\n    <\/a>\r\n\r\n    <a class=\"news-card\" href=\"#\" data-placeholder-link>\r\n      <span class=\"news-tags\"><span class=\"news-tag\">Student project<\/span><span class=\"news-tag\">Cinema 4D<\/span><\/span>\r\n      <h3>Projects from the previous session: renders, animations and portfolios created in class (to be customized)<\/h3>\r\n      <span class=\"news-date\">August 28, 2026<\/span>\r\n      <span class=\"news-link\">View the projects \u2192<\/span>\r\n    <\/a>\r\n\r\n    <a class=\"news-card\" href=\"#\" data-placeholder-link>\r\n      <span class=\"news-tags\"><span class=\"news-tag\">Announcement<\/span><span class=\"news-tag\">Course<\/span><\/span>\r\n      <h3>November 2026 session: full program and remaining spots (to be customized)<\/h3>\r\n      <span class=\"news-date\">September 5, 2026<\/span>\r\n      <span class=\"news-link\">Learn more \u2192<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ SECTION PRE-INSCRIPTION ============ -->\r\n<section class=\"signup\" id=\"inscription\">\r\n  <div class=\"signup-head\">\r\n    <p class=\"signup-kicker\">Pre-Registration \u2014 Limited Spots<\/p>\r\n    <h2>Cinema 4D for Beginners \u2014 Phase 1<br><span class=\"accent\">Complete your application<\/span><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"info-card\">\r\n    <strong>Welcome to the pre-registration form for the Cinema 4D for Beginners \u2014 Phase 1 course!<\/strong>\r\n    This six-month Phase&nbsp;1 guides you step by step through Cinema&nbsp;4D, Octane Render and compositing with After Effects. The questionnaire helps us prepare your learning path and adapt the program to your level.\r\n    <br><br>\r\n    \ud83d\udca1 <strong>Why these questions?<\/strong> \u2014 They let us understand your goals, your equipment and your availability, so we can offer you the best learning format (online or in person).\r\n  <\/div>\r\n\r\n  <a class=\"wa-card\" href=\"https:\/\/wa.me\/33745572582?text=Hello%2C%20I%20would%20like%20information%20about%20the%20Cinema%204D%20%E2%80%94%20Phase%201%20course.\" target=\"_blank\" rel=\"noopener noreferrer\">\r\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>\r\n    <span class=\"wa-copy\">\r\n      <strong>A question before you register?<\/strong>\r\n      <span>Message us on WhatsApp \u2014 +33&nbsp;7&nbsp;45&nbsp;57&nbsp;25&nbsp;82 \u00b7 reply within 48&nbsp;h.<\/span>\r\n    <\/span>\r\n    <span class=\"wa-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n  <\/a>\r\n\r\n  <p class=\"required-note\">Fields marked with an asterisk <span style=\"color:#FF5A3C;\">*<\/span> are required.<\/p>\r\n\r\n  <form id=\"signup-form\" novalidate>\r\n\r\n    <!-- ============ SECTION 01 \u2014 IDENTITE ============ -->\r\n    <div class=\"section-title\">01 \u2014 Personal Information<\/div>\r\n\r\n    <div class=\"row-2\">\r\n      <div class=\"field-card\">\r\n        <label class=\"f-label\" for=\"nom\">Full name <span class=\"req\">*<\/span><\/label>\r\n        <input type=\"text\" id=\"nom\" name=\"nom\" class=\"f-input\" placeholder=\"Your last name\" autocomplete=\"family-name\" required>\r\n      <\/div>\r\n      <div class=\"field-card\">\r\n        <label class=\"f-label\" for=\"prenoms\">First names <span class=\"req\">*<\/span><\/label>\r\n        <input type=\"text\" id=\"prenoms\" name=\"prenoms\" class=\"f-input\" placeholder=\"Your first names\" autocomplete=\"given-name\" required>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <div class=\"f-label\">Gender <span class=\"req\">*<\/span><\/div>\r\n      <div class=\"options-list\">\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"sexe\" value=\"Man\" required><span>\ud83d\udc68 Man<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"sexe\" value=\"Woman\"><span>\ud83d\udc69 Woman<\/span><\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"row-2\">\r\n      <div class=\"field-card\">\r\n        <label class=\"f-label\" for=\"age\">Age (years) <span class=\"req\">*<\/span><\/label>\r\n        <input type=\"number\" id=\"age\" name=\"age\" class=\"f-input\" placeholder=\"e.g. 25\" min=\"10\" max=\"99\" required>\r\n      <\/div>\r\n      <div class=\"field-card\">\r\n        <label class=\"f-label\" for=\"residence\">City of residence <span class=\"req\">*<\/span><\/label>\r\n        <input type=\"text\" id=\"residence\" name=\"residence\" class=\"f-input\" placeholder=\"City, country\" required>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============ SECTION 02 \u2014 CONTACTS ============ -->\r\n    <div class=\"section-title\">02 \u2014 Contact Details<\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <label class=\"f-label\" for=\"whatsapp\">WhatsApp number (with country code) <span class=\"req\">*<\/span><\/label>\r\n      <input type=\"tel\" id=\"whatsapp\" name=\"whatsapp\" class=\"f-input\" placeholder=\"+226 XX XX XX XX\" autocomplete=\"tel\" required>\r\n    <\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <label class=\"f-label\" for=\"email\">Email address<\/label>\r\n      <input type=\"email\" id=\"email\" name=\"email\" class=\"f-input\" placeholder=\"your@email.com\" autocomplete=\"email\">\r\n    <\/div>\r\n\r\n    <!-- ============ SECTION 03 \u2014 PROFIL & OBJECTIF ============ -->\r\n    <div class=\"section-title\">03 \u2014 Profile &amp; Goals<\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <label class=\"f-label\" for=\"occupation\">What is your current job \/ occupation? <span class=\"req\">*<\/span><\/label>\r\n      <input type=\"text\" id=\"occupation\" name=\"occupation\" class=\"f-input\" placeholder=\"e.g. graphic designer, student, designer\u2026\" required>\r\n    <\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <div class=\"f-label\">Do you already have experience in 3D?<\/div>\r\n      <div class=\"options-list\">\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"niveau\" value=\"Complete beginner - never used 3D software\" required><span>\ud83c\udf31 Complete beginner \u2014 I have never used 3D software<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"niveau\" value=\"Basic notions - I have tried some software\"><span>\ud83c\udfa8 Basic notions \u2014 I have tried other software (Blender, SketchUp\u2026)<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"niveau\" value=\"Already used Cinema 4D - I want to structure my knowledge\"><span>\ud83c\udfac I have already used Cinema&nbsp;4D \u2014 I want to deepen and structure my skills<\/span><\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <div class=\"f-label\">Which software do you currently use? (check all that apply)<\/div>\r\n      <div class=\"options-list\">\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"Photoshop\"><span>\ud83c\udfa8 Photoshop<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"Illustrator\"><span>\u270f\ufe0f Illustrator<\/span><\/label>\r\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>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"Blender\"><span>\ud83e\uddca Blender<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"Canva \/ light design tools\"><span>\ud83d\uddbc\ufe0f Canva or other light design tools<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"logiciels[]\" value=\"None for now\"><span>\ud83d\udce6 None \u2014 I am starting from scratch<\/span><\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <div class=\"f-label\">What is your main goal with this course? <span class=\"req\">*<\/span><\/div>\r\n      <div class=\"options-list\" id=\"objectif-list\">\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"objectif\" value=\"Create my own professional 3D animations\" required><span>\ud83c\udfa5 Create professional-quality 3D animations (ads, commercials, motion design)<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"objectif\" value=\"Master Cinema 4D for personal \/ artistic use\"><span>\ud83d\udd8c\ufe0f Master C4D for personal or artistic projects<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"objectif\" value=\"Build a freelance business around 3D\"><span>\ud83d\udcbc Launch a freelance career in motion design \/ 3D<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"objectif\" value=\"Complement an existing profile (graphic designer, editor...)\"><span>\ud83e\udde9 Add strong 3D skills to my current profile<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"objectif\" value=\"Other\" id=\"objet-autre-radio\"><span>\u270d\ufe0f Other:<\/span><\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============ SECTION 04 \u2014 DISPONIBILITES & EQUIPEMENT ============ -->\r\n    <div class=\"section-title\">04 \u2014 Availability &amp; Equipment<\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <label class=\"f-label\" for=\"dispo\">When are you available to take the course? <span class=\"req\">*<\/span><\/label>\r\n      <select id=\"dispo\" name=\"dispo\" class=\"f-input\" required>\r\n        <option value=\"\" selected>Select a time slot\u2026<\/option>\r\n        <option value=\"Mornings only (8am - 12pm)\">\ud83c\udf05 Mornings only (8 am \u2013 12 pm)<\/option>\r\n        <option value=\"Afternoons only (1pm - 5pm)\">\u2600\ufe0f Afternoons only (1 pm \u2013 5 pm)<\/option>\r\n        <option value=\"Evenings only (6pm - 9pm)\">\ud83c\udf06 Evenings only (6 pm \u2013 9 pm)<\/option>\r\n        <option value=\"Mornings + evenings\">\ud83d\udd04 Mornings and evenings<\/option>\r\n        <option value=\"Weekends only (Saturday \/ Sunday)\">\ud83d\udcc5 Weekends only<\/option>\r\n        <option value=\"Flexible schedule - I can adapt to the course schedule\">\u2705 Flexible \u2014 I can adapt to the proposed schedule<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <div class=\"f-label\">Would you prefer to take the course online or in person? <span class=\"req\">*<\/span><\/div>\r\n      <div class=\"options-list\">\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"format\" value=\"Online (video call)\" required><span>\ud83d\udcbb Online \u2014 live classes via video call<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"radio\" name=\"format\" value=\"In person (training room)\"><span>\ud83c\udfe2 In person \u2014 on site, in the training room<\/span><\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <div class=\"f-label\">What equipment do you currently have?<\/div>\r\n      <div class=\"options-list\">\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"equipement[]\" value=\"Laptop\"><span>\ud83d\udcbb Laptop<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"equipement[]\" value=\"Desktop PC \/ tower\"><span>\ud83d\udda5\ufe0f Desktop PC (tower)<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"equipement[]\" value=\"MacBook\"><span>\ud83c\udf4e MacBook<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"equipement[]\" value=\"Graphics tablet (Wacom or similar)\"><span>\u2712\ufe0f Graphics tablet<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"equipement[]\" value=\"No equipment yet - I still need to get equipped\"><span>\ud83d\udce6 Nothing yet \u2014 I still need to get equipped<\/span><\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============ SECTION 05 \u2014 SOURCE & MESSAGE ============ -->\r\n    <div class=\"section-title\">05 \u2014 How did you hear about us?<\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <div class=\"f-label\">How did you hear about us or the course?<\/div>\r\n      <div class=\"options-list\" id=\"source-list\">\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"source[]\" value=\"WhatsApp (group or contact)\"><span>\ud83d\udcf1 WhatsApp \u2014 group, status or direct conversation<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"source[]\" value=\"Telegram\"><span>\u2708\ufe0f Telegram<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"source[]\" value=\"Word of mouth (friend, family, colleague)\"><span>\ud83d\udc65 Word of mouth \u2014 a friend or family member told me about you<\/span><\/label>\r\n        <label class=\"option-item\"><input type=\"checkbox\" name=\"source[]\" value=\"Other\" id=\"source-autre-radio\"><span>\u270d\ufe0f Other:<\/span><\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <label class=\"f-label\" for=\"source-autre\">Please specify if \u201cOther\u201d (optional)<\/label>\r\n      <input type=\"text\" id=\"source-autre\" name=\"source_autre\" class=\"f-input\" placeholder=\"Specify your answer\u2026\">\r\n    <\/div>\r\n\r\n    <div class=\"field-card\">\r\n      <label class=\"f-label\" for=\"message\">Do you have a question or a message for the team? (optional)<\/label>\r\n      <textarea id=\"message\" name=\"message\" class=\"f-input\" placeholder=\"A question about the course, program or price\u2026\"><\/textarea>\r\n    <\/div>\r\n\r\n    <div class=\"submit-wrap\">\r\n      <button type=\"submit\" class=\"btn-submit\">Submit my pre-registration<\/button>\r\n      <p class=\"submit-note\">You will be contacted on WhatsApp to confirm your registration.<\/p>\r\n    <\/div>\r\n\r\n  <\/form>\r\n\r\n  <!-- Ecran de remerciement -->\r\n  <div id=\"thankyou\" class=\"form-success\">\r\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>\r\n    <h3>\ud83c\udfac Pre-registration received!<\/h3>\r\n    <p>Thank you for your trust. The <strong style=\"color:var(--orange);\">AfriPercept Academy<\/strong> team will contact you on WhatsApp within 48&nbsp;hours to confirm your spot in the Cinema 4D for Beginners \u2014 Phase 1 course.<\/p>\r\n  <\/div>\r\n<\/section>\r\n<!-- ============ FOOTER ============ -->\r\n<footer class=\"site-footer\">\r\n  <span class=\"f-brand\"><b>Afri<\/b><span>Percept<\/span>&nbsp;Academy<\/span>\r\n  <nav class=\"f-social\" aria-label=\"Social media\">\r\n    <a href=\"https:\/\/www.instagram.com\/afreakpercept\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram \u2014 AfriPercept Academy\">\r\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>\r\n    <\/a>\r\n    <a href=\"https:\/\/www.facebook.com\/p\/Afreak-percept-61576667107948\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook \u2014 AfriPercept Academy\">\r\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>\r\n    <\/a>\r\n  <\/nav>\r\n  <small>&copy; 2026 AfriPercept Academy \u2014 afriperceptacademy.online<\/small>\r\n<\/footer>\r\n<script>\r\n(function(){\r\n  var player = document.querySelector('.teaser-player');\r\n  if (!player) return;\r\n  var youtubeUrl = (player.getAttribute('data-youtube-url') || '').trim();\r\n  if (!youtubeUrl) return;\r\n  var videoId = '';\r\n  try {\r\n    var url = new URL(youtubeUrl, window.location.href);\r\n    var host = url.hostname.toLowerCase();\r\n    if (host === 'youtu.be' || host.endsWith('.youtu.be')) {\r\n      videoId = url.pathname.split('\/').filter(Boolean)[0] || '';\r\n    } else {\r\n      videoId = url.searchParams.get('v') || ((url.pathname.match(\/\\\/(?:embed|shorts)\\\/([A-Za-z0-9_-]{11})\/) || [])[1] || '');\r\n    }\r\n  } catch (error) {}\r\n  if (!\/^[A-Za-z0-9_-]{11}$\/.test(videoId)) return;\r\n  var frame = document.createElement('iframe');\r\n  frame.src = 'https:\/\/www.youtube-nocookie.com\/embed\/' + videoId;\r\n  frame.title = 'Teaser YouTube \u2014 Cinema 4D pour d\u00e9butants, Phase 1';\r\n  frame.loading = 'lazy';\r\n  frame.allow = 'accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';\r\n  frame.allowFullscreen = true;\r\n  frame.referrerPolicy = 'strict-origin-when-cross-origin';\r\n  player.classList.add('has-video');\r\n  player.replaceChildren(frame);\r\n})();\r\n<\/script>\r\n<script>\r\n(function(){\r\n  var form = document.getElementById('signup-form');\r\n  if(!form) return;\r\n  var thankyou = document.getElementById('thankyou');\r\n\r\n  \/\/ Validation + soumission (d\u00e9monstration : pas encore reli\u00e9 \u00e0 WordPress)\r\n  form.addEventListener('submit', function(e){\r\n    e.preventDefault();\r\n\r\n    \/\/ 1. Nettoyage des erreurs pr\u00e9c\u00e9dentes\r\n    Array.prototype.slice.call(form.querySelectorAll('.field-card')).forEach(function(card){\r\n      card.classList.remove('has-error');\r\n    });\r\n\r\n    \/\/ 2. Validation de tous les champs obligatoires (required \/ radio-group)\r\n    var bad = [];\r\n    Array.prototype.slice.call(form.querySelectorAll('[required]')).forEach(function(el){\r\n      if(!el.checkValidity()) bad.push(el);\r\n    });\r\n\r\n    if(bad.length){\r\n      bad.forEach(function(el){\r\n        var card = el.closest('.field-card');\r\n        if(card) card.classList.add('has-error');\r\n        \/\/ Pour un groupe de radios, on met en \u00e9vidence toute la carte\r\n      });\r\n      \/\/ On ram\u00e8ne l'utilisateur vers le premier champ en erreur\r\n      var firstCard = bad[0].closest('.field-card');\r\n      if(firstCard){\r\n        firstCard.scrollIntoView({behavior:'smooth', block:'center'});\r\n        firstCard.querySelector('input,select,textarea').focus({preventScroll:true});\r\n      }\r\n      return;\r\n    }\r\n\r\n    \/\/ >>> \u00c0 relier \u00e0 WordPress : envoyer les donn\u00e9es vers admin-post.php,\r\n    \/\/     un endpoint REST, ou la passerelle de votre plugin (Contact Form 7, WPForms\u2026).\r\n    if(thankyou){\r\n      form.style.display = 'none';\r\n      thankyou.classList.add('show');\r\n      window.scrollTo({top:0, behavior:'smooth'});\r\n    } else {\r\n      form.reset();\r\n    }\r\n  });\r\n\r\n  \/\/ Retirer l'\u00e9tat d'erreur d\u00e8s que le champ est corrig\u00e9\r\n  form.addEventListener('input', function(e){\r\n    var card = e.target.closest('.field-card');\r\n    if(card && card.classList.contains('has-error')){\r\n      var stillBad = Array.prototype.slice.call(card.querySelectorAll('[required]')).some(function(el){ return !el.checkValidity(); });\r\n      if(!stillBad) card.classList.remove('has-error');\r\n    }\r\n  });\r\n\r\n})();\r\n<\/script>\r\n<script>\r\n  \/* Accord\u00e9on modules *\/\r\n  document.querySelectorAll('.mod-head').forEach(function(head){\r\n    function toggle(){\r\n      var item = head.parentElement;\r\n      var body = item.querySelector('.mod-body');\r\n      var isOpen = item.classList.toggle('open');\r\n      head.setAttribute('aria-expanded', isOpen);\r\n      body.style.maxHeight = isOpen ? body.scrollHeight + 'px' : '0';\r\n    }\r\n    head.addEventListener('click', toggle);\r\n    head.addEventListener('keydown', function(e){ if(e.key==='Enter'||e.key===' '){ e.preventDefault(); toggle(); } });\r\n  });\r\n  document.querySelectorAll('.mod-item.open .mod-body').forEach(function(b){\r\n    b.style.maxHeight = b.scrollHeight + 'px';\r\n  });\r\n<\/script>\r\n\r\n<style id=\"ap-type-tuning\">\r\n\/* Style editorial unifie : titres gras + accent orange *\/\r\n#public > .section-kicker,#programme > .section-kicker,#obtentions > .section-kicker,#tarif > .section-kicker{text-align:center !important;margin-bottom:12px !important;}\r\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;}\r\n#public > h2.section-title::after,#programme > h2.section-title::after,#obtentions > h2.section-title::after,#tarif > h2.section-title::after{display:none !important;}\r\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;}\r\n#ambiance h2.section-title::after{display:none !important;}\r\n#ambiance .section-kicker{margin-bottom:12px !important;}\r\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;}\r\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;}\r\n#programme .section-lead{margin-top:10px !important;}\r\n#ambiance .amb-text{margin-top:10px !important;}\r\n#tarif .price-amount{font-size:clamp(1.9rem,10vw,3rem) !important;white-space:nowrap;}\r\n<\/style>\r\n<style id=\"ap-hero-note-mobile\">\r\n\/* Note de rentr\u00e9e : une seule phrase lisible sur mobile *\/\r\n@media (max-width:700px){\r\n  .hero .hero-note{display:block !important;position:relative;padding-left:18px;line-height:1.65;}\r\n  .hero .hero-note::before{position:absolute;left:0;top:.62em;margin:0;}\r\n}\r\n<\/style>\r\n<style id=\"ap-social-links\">\r\n\/* ===== R\u00e9seaux sociaux \u2014 pied de page ===== *\/\r\nfooter.site-footer .f-social{display:flex;align-items:center;gap:10px;margin:0;}\r\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;}\r\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;}\r\nfooter.site-footer .f-social svg{width:17px;height:17px;display:block;}\r\n\r\n\/* ===== WhatsApp \u2014 pr\u00e9-inscription ===== *\/\r\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;}\r\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;}\r\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);}\r\n.signup .wa-badge svg{width:23px;height:23px;fill:#fff;display:block;}\r\n.signup .wa-copy{display:flex;flex-direction:column;gap:3px;min-width:0;}\r\n.signup .wa-copy strong{font-size:.95rem;font-weight:700;line-height:1.35;color:#2b211b;}\r\n.signup .wa-copy span{font-size:.82rem;line-height:1.5;color:rgba(43,33,27,.62);}\r\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;}\r\n.signup .wa-card:hover .wa-arrow{transform:translateX(3px);}\r\n\r\n@media (max-width:700px){\r\n  footer.site-footer{flex-direction:column;align-items:center;text-align:center;gap:14px;padding:26px 20px;}\r\n  .signup .wa-card{gap:12px;padding:15px 16px;margin-bottom:20px;}\r\n  .signup .wa-badge{flex:0 0 40px;width:40px;height:40px;}\r\n  .signup .wa-badge svg{width:21px;height:21px;}\r\n  .signup .wa-copy strong{font-size:.9rem;}\r\n  .signup .wa-copy span{font-size:.78rem;}\r\n  .signup .wa-arrow{display:none;}\r\n}\r\n<\/style>\r\n\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 Why us Teaser The course Program Inspirations Pricing FAQ FR | EN Pre-registration New course CINEMA&nbsp;4D \u00b7 PHASE 1 \u00b7 SIX MONTHS Course for beginners \u00b7 Phase 1 Cinema&nbsp;4Dfor beginners \u00b7 Phase&nbsp;1 Discover 3D motion design from the basics of Cinema&nbsp;4D and Octane&nbsp;Render. Phase&nbsp;1 lasts six months [&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-370","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>Cinema 4D for Beginners \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\/index.php\/en\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cinema 4D for Beginners \u2014 Phase 1 - AfeakP_Academy\" \/>\n<meta property=\"og:description\" content=\"AfriPercept A C A D E M Y Why us Teaser The course Program Inspirations Pricing FAQ FR | EN Pre-registration New course CINEMA&nbsp;4D \u00b7 PHASE 1 \u00b7 SIX MONTHS Course for beginners \u00b7 Phase 1 Cinema&nbsp;4Dfor beginners \u00b7 Phase&nbsp;1 Discover 3D motion design from the basics of Cinema&nbsp;4D and Octane&nbsp;Render. Phase&nbsp;1 lasts six months [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/afriperceptacademy.online\/index.php\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"AfeakP_Academy\" \/>\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\\\/index.php\\\/en\\\/\",\"url\":\"https:\\\/\\\/afriperceptacademy.online\\\/index.php\\\/en\\\/\",\"name\":\"Cinema 4D for Beginners \u2014 Phase 1 - AfeakP_Academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/index.php\\\/en\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/index.php\\\/en\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/afriperceptacademy.online\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/ap-logo-afripercept.png\",\"datePublished\":\"2026-10-29T18:59:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/index.php\\\/en\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/afriperceptacademy.online\\\/index.php\\\/en\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/afriperceptacademy.online\\\/index.php\\\/en\\\/#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\\\/index.php\\\/en\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/afriperceptacademy.online\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cinema 4D for Beginners \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":"Cinema 4D for Beginners \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\/index.php\/en\/","og_locale":"fr_FR","og_type":"article","og_title":"Cinema 4D for Beginners \u2014 Phase 1 - AfeakP_Academy","og_description":"AfriPercept A C A D E M Y Why us Teaser The course Program Inspirations Pricing FAQ FR | EN Pre-registration New course CINEMA&nbsp;4D \u00b7 PHASE 1 \u00b7 SIX MONTHS Course for beginners \u00b7 Phase 1 Cinema&nbsp;4Dfor beginners \u00b7 Phase&nbsp;1 Discover 3D motion design from the basics of Cinema&nbsp;4D and Octane&nbsp;Render. Phase&nbsp;1 lasts six months [&hellip;]","og_url":"https:\/\/afriperceptacademy.online\/index.php\/en\/","og_site_name":"AfeakP_Academy","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\/index.php\/en\/","url":"https:\/\/afriperceptacademy.online\/index.php\/en\/","name":"Cinema 4D for Beginners \u2014 Phase 1 - AfeakP_Academy","isPartOf":{"@id":"https:\/\/afriperceptacademy.online\/#website"},"primaryImageOfPage":{"@id":"https:\/\/afriperceptacademy.online\/index.php\/en\/#primaryimage"},"image":{"@id":"https:\/\/afriperceptacademy.online\/index.php\/en\/#primaryimage"},"thumbnailUrl":"https:\/\/afriperceptacademy.online\/wp-content\/uploads\/2026\/10\/ap-logo-afripercept.png","datePublished":"2026-10-29T18:59:50+00:00","breadcrumb":{"@id":"https:\/\/afriperceptacademy.online\/index.php\/en\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/afriperceptacademy.online\/index.php\/en\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/afriperceptacademy.online\/index.php\/en\/#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\/index.php\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/afriperceptacademy.online\/"},{"@type":"ListItem","position":2,"name":"Cinema 4D for Beginners \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\/370","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=370"}],"version-history":[{"count":7,"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":377,"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/pages\/370\/revisions\/377"}],"wp:attachment":[{"href":"https:\/\/afriperceptacademy.online\/index.php\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}