AnimCloud \u2014 Le Netflix de l’animation<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --gold: #E8C96A;\n --gold-2: #F5E4A8;\n --purple: #2D1B69;\n --purple-2:#4A2FA0;\n --magenta: #C2006F;\n --dark: #080810;\n --dark-2: #10101C;\n --dark-3: #1A1A2E;\n --cream: #F7F4EE;\n --muted: rgba(255,255,255,0.45);\n --white: #fff;\n --radius: 22px;\n --font-d: 'Bricolage Grotesque', sans-serif;\n --font-b: 'Instrument Sans', sans-serif;\n}\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody {\n font-family: var(--font-b);\n background: var(--dark);\n color: var(--white);\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO VID\u00c9O\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n position: relative;\n height: 100vh; min-height: 640px;\n display: flex; flex-direction: column;\n justify-content: flex-end;\n overflow: hidden;\n}\n\n.hero-video {\n position: absolute; inset: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n z-index: 0;\n}\n\n.hero-overlay {\n position: absolute; inset: 0; z-index: 1;\n background:\n linear-gradient(to bottom,\n rgba(8,8,16,0.55) 0%,\n rgba(8,8,16,0.1) 35%,\n rgba(8,8,16,0.7) 70%,\n rgba(8,8,16,0.97) 100%\n );\n}\n.hero-vignette {\n position: absolute; inset: 0; z-index: 1;\n background: radial-gradient(ellipse at center, transparent 40%, rgba(8,8,16,0.65) 100%);\n}\n.hero-grain {\n position: absolute; inset: 0; z-index: 2;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'\/%3E%3C\/svg%3E\");\n opacity: .4; pointer-events: none;\n}\n.hero-glow {\n position: absolute; bottom: -100px; left: 50%;\n transform: translateX(-50%);\n width: 900px; height: 500px;\n background: radial-gradient(ellipse, rgba(232,201,106,0.10) 0%, transparent 70%);\n z-index: 2; pointer-events: none;\n}\n\n.hero-scroll {\n position: absolute; left: 48px; bottom: 36px; z-index: 10;\n display: flex; align-items: center; gap: 12px;\n font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase;\n color: rgba(255,255,255,0.25);\n}\n.scroll-track {\n width: 40px; height: 1px;\n background: linear-gradient(to right, rgba(255,255,255,0.3), transparent);\n}\n\n.hero-inner {\n position: relative; z-index: 5;\n max-width: 1200px; margin: 0 auto; width: 100%;\n padding: clamp(40px,6vw,88px) 48px;\n}\n\n.hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(232,201,106,0.12);\n border: 1px solid rgba(232,201,106,0.25);\n padding: 7px 16px; border-radius: 100px;\n font-size: 12px; font-weight: 600; letter-spacing: 1.5px;\n text-transform: uppercase; color: var(--gold);\n margin-bottom: 20px;\n animation: fadeUp .5s ease both;\n}\n.badge-star { font-size: 10px; }\n\n.hero h1 {\n font-family: var(--font-d);\n font-size: clamp(52px, 8.5vw, 112px);\n font-weight: 800;\n letter-spacing: -3px; line-height: 0.95;\n margin-bottom: 28px;\n animation: fadeUp .6s ease .1s both;\n}\n.hero h1 em {\n font-style: normal;\n background: linear-gradient(100deg, var(--gold), var(--gold-2));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.hero-row {\n display: flex; align-items: flex-end;\n gap: 48px; flex-wrap: wrap;\n animation: fadeUp .6s ease .18s both;\n}\n.hero-desc {\n font-size: 16px; line-height: 1.75;\n color: rgba(255,255,255,0.6);\n max-width: 440px;\n}\n.hero-desc strong { color: rgba(255,255,255,0.9); }\n\n.hero-pills { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }\n.hero-pill {\n display: flex; align-items: center; gap: 6px;\n background: rgba(255,255,255,0.07);\n border: 1px solid rgba(255,255,255,0.1);\n backdrop-filter: blur(8px);\n padding: 8px 16px; border-radius: 100px;\n font-size: 13px; color: rgba(255,255,255,0.8); font-weight: 500;\n}\n\n.hero-cta { display: flex; gap: 12px; margin-left: auto; align-items: center; flex-wrap: wrap; }\n\n.btn-gold {\n display: inline-flex; align-items: center; gap: 9px;\n background: linear-gradient(110deg, var(--gold), #d4a830);\n color: var(--dark);\n padding: 15px 30px; border-radius: 100px;\n font-family: var(--font-b); font-size: 14px; font-weight: 700;\n text-decoration: none; border: none; cursor: pointer;\n transition: transform .2s, box-shadow .2s;\n box-shadow: 0 8px 28px rgba(232,201,106,0.35);\n white-space: nowrap;\n}\n.btn-gold:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(232,201,106,0.45); }\n\n.btn-outline {\n display: inline-flex; align-items: center; gap: 9px;\n background: rgba(255,255,255,0.07);\n color: var(--white);\n border: 1px solid rgba(255,255,255,0.18);\n padding: 15px 28px; border-radius: 100px;\n font-family: var(--font-b); font-size: 14px; font-weight: 600;\n text-decoration: none; cursor: pointer;\n transition: background .2s, transform .15s;\n backdrop-filter: blur(6px);\n white-space: nowrap;\n}\n.btn-outline:hover { background: rgba(255,255,255,0.14); transform: translateY(-1px); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n STATS STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.stats-strip {\n background: var(--dark-3);\n border-top: 1px solid rgba(255,255,255,0.05);\n border-bottom: 1px solid rgba(255,255,255,0.05);\n padding: 36px 48px;\n}\n.stats-inner {\n max-width: 1200px; margin: 0 auto;\n display: flex; align-items: center; justify-content: space-between;\n gap: 24px; flex-wrap: wrap;\n}\n.stat-item {\n display: flex; flex-direction: column; align-items: center;\n gap: 4px; flex: 1; min-width: 120px; text-align: center;\n}\n.stat-num {\n font-family: var(--font-d);\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 800; letter-spacing: -2px;\n background: linear-gradient(110deg, var(--gold), var(--gold-2));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n}\n.stat-label {\n font-size: 12px; font-weight: 500; letter-spacing: 0.5px;\n color: rgba(255,255,255,0.4);\n text-transform: uppercase;\n}\n.stat-divider {\n width: 1px; height: 48px;\n background: rgba(255,255,255,0.08);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WHAT'S INCLUDED STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.included-strip {\n background: var(--dark-2);\n border-bottom: 1px solid rgba(255,255,255,0.05);\n padding: 28px 48px;\n overflow: hidden;\n}\n.included-inner {\n max-width: 1200px; margin: 0 auto;\n display: flex; align-items: center;\n gap: 12px; flex-wrap: wrap;\n}\n.included-label {\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--gold);\n white-space: nowrap; margin-right: 8px;\n}\n.included-items { display: flex; gap: 10px; flex-wrap: wrap; }\n.inc-item {\n display: flex; align-items: center; gap: 8px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.08);\n padding: 8px 16px; border-radius: 100px;\n font-size: 13px; color: rgba(255,255,255,0.75); font-weight: 500;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FEATURES \u2014 3 CARTES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features-section {\n background: var(--dark);\n padding: 88px 48px;\n position: relative; overflow: hidden;\n}\n.features-section::before {\n content: '';\n position: absolute; top: -200px; left: -200px;\n width: 700px; height: 700px;\n background: radial-gradient(circle, rgba(45,27,105,0.35) 0%, transparent 65%);\n pointer-events: none;\n}\n.features-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }\n\n.section-eyebrow {\n font-size: 11px; font-weight: 700; letter-spacing: 2.5px;\n text-transform: uppercase; color: var(--gold);\n margin-bottom: 12px;\n}\n.section-title {\n font-family: var(--font-d);\n font-size: clamp(32px, 4vw, 52px);\n font-weight: 800; letter-spacing: -1.5px; line-height: 1.05;\n margin-bottom: 52px;\n}\n.section-title em {\n font-style: normal;\n background: linear-gradient(100deg, var(--gold), var(--gold-2));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n}\n@media (max-width: 860px) { .features-grid { grid-template-columns: 1fr; } }\n\n.feature-card {\n padding: 36px 32px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 20px;\n display: flex; flex-direction: column; gap: 16px;\n transition: border-color .25s, transform .25s;\n}\n.feature-card:hover {\n border-color: rgba(232,201,106,0.2);\n transform: translateY(-4px);\n}\n.feature-icon {\n font-size: 32px;\n width: 56px; height: 56px;\n background: rgba(232,201,106,0.08);\n border: 1px solid rgba(232,201,106,0.15);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n}\n.feature-card h3 {\n font-family: var(--font-d);\n font-size: 20px; font-weight: 700;\n color: var(--white); letter-spacing: -0.3px;\n}\n.feature-card p {\n font-size: 14px; line-height: 1.7;\n color: rgba(255,255,255,0.45);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n OFFRES \u2014 CATALOGUE PREVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.offers-section {\n background: var(--dark-2);\n padding: 88px 48px;\n border-top: 1px solid rgba(255,255,255,0.05);\n}\n.offers-inner { max-width: 1200px; margin: 0 auto; }\n\n.offers-header {\n display: flex; align-items: flex-end;\n justify-content: space-between; flex-wrap: wrap;\n gap: 20px; margin-bottom: 48px;\n}\n\n.offers-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n}\n\n.offer-card {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 20px;\n overflow: hidden;\n transition: border-color .25s, transform .25s;\n display: flex; flex-direction: column;\n}\n.offer-card:hover {\n border-color: rgba(232,201,106,0.25);\n transform: translateY(-4px);\n}\n.offer-card-top {\n padding: 28px 28px 20px;\n display: flex; flex-direction: column; gap: 14px; flex: 1;\n}\n.offer-tag {\n display: inline-flex; align-items: center; gap: 6px;\n background: rgba(232,201,106,0.1);\n border: 1px solid rgba(232,201,106,0.2);\n padding: 5px 12px; border-radius: 100px;\n font-size: 11px; font-weight: 700; letter-spacing: 1px;\n text-transform: uppercase; color: var(--gold);\n align-self: flex-start;\n}\n.offer-card h3 {\n font-family: var(--font-d);\n font-size: 22px; font-weight: 800; letter-spacing: -0.5px;\n color: var(--white);\n}\n.offer-card p {\n font-size: 14px; line-height: 1.7;\n color: rgba(255,255,255,0.45);\n}\n.offer-count {\n font-family: var(--font-d);\n font-size: 42px; font-weight: 800; letter-spacing: -2px;\n background: linear-gradient(110deg, var(--gold), rgba(232,201,106,0.4));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text; line-height: 1;\n}\n.offer-count span {\n font-size: 16px; font-weight: 600; letter-spacing: 0;\n -webkit-text-fill-color: rgba(255,255,255,0.35);\n color: rgba(255,255,255,0.35);\n}\n.offer-card-bottom {\n padding: 16px 28px 24px;\n border-top: 1px solid rgba(255,255,255,0.05);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HOW IT WORKS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.how-section {\n background: var(--dark);\n padding: 88px 48px;\n position: relative; overflow: hidden;\n}\n.how-section::before {\n content: '';\n position: absolute; top: -200px; right: -200px;\n width: 700px; height: 700px;\n background: radial-gradient(circle, rgba(45,27,105,0.4) 0%, transparent 65%);\n pointer-events: none;\n}\n.how-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }\n.how-grid {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\n}\n@media (max-width: 800px) { .how-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 480px) { .how-grid { grid-template-columns: 1fr; } }\n\n.how-step {\n padding: 32px 28px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 20px;\n display: flex; flex-direction: column; gap: 16px;\n transition: border-color .25s;\n}\n.how-step:hover { border-color: rgba(232,201,106,0.2); }\n.step-num {\n font-family: var(--font-d);\n font-size: 44px; font-weight: 800; letter-spacing: -2px;\n background: linear-gradient(110deg, var(--gold), rgba(232,201,106,0.3));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text; line-height: 1;\n}\n.step-icon { font-size: 28px; }\n.how-step h4 {\n font-family: var(--font-d);\n font-size: 17px; font-weight: 700;\n color: var(--white); letter-spacing: -0.3px;\n}\n.how-step p { font-size: 13px; line-height: 1.65; color: rgba(255,255,255,0.45); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CTA FINAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-section {\n background: var(--dark-3);\n border-top: 1px solid rgba(255,255,255,0.06);\n padding: 100px 48px;\n text-align: center;\n position: relative; overflow: hidden;\n}\n.cta-section::before {\n content: '';\n position: absolute; top: 50%; left: 50%;\n transform: translate(-50%,-50%);\n width: 800px; height: 400px;\n background: radial-gradient(ellipse, rgba(232,201,106,0.07) 0%, transparent 65%);\n pointer-events: none;\n}\n.cta-inner { max-width: 700px; margin: 0 auto; position: relative; z-index: 1; }\n.cta-inner .section-eyebrow { justify-content: center; display: flex; margin-bottom: 16px; }\n.cta-inner h2 {\n font-family: var(--font-d);\n font-size: clamp(36px, 5vw, 62px);\n font-weight: 800; letter-spacing: -2px; line-height: 1.05;\n margin-bottom: 20px;\n}\n.cta-inner h2 em {\n font-style: normal;\n background: linear-gradient(100deg, var(--gold), var(--gold-2));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n.cta-inner p {\n font-size: 16px; line-height: 1.75;\n color: rgba(255,255,255,0.5);\n margin-bottom: 36px;\n}\n.cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n.cta-note {\n margin-top: 18px;\n font-size: 12px; color: rgba(255,255,255,0.25);\n letter-spacing: 0.3px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfooter {\n background: var(--dark);\n border-top: 1px solid rgba(255,255,255,0.06);\n padding: 60px 48px 32px;\n}\n.footer-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 40px; margin-bottom: 48px;\n}\n@media (max-width: 760px) { .footer-inner { grid-template-columns: 1fr 1fr; } }\n\n.footer-logo {\n font-family: var(--font-d);\n font-size: 22px; font-weight: 800;\n letter-spacing: -0.5px;\n display: flex; align-items: center; gap: 10px;\n margin-bottom: 14px;\n}\n.logo-dot {\n width: 10px; height: 10px; border-radius: 50%;\n background: linear-gradient(135deg, var(--gold), #d4a830);\n display: inline-block;\n}\n.footer-brand p {\n font-size: 13px; line-height: 1.7;\n color: rgba(255,255,255,0.3);\n max-width: 280px;\n}\n.footer-col h4 {\n font-family: var(--font-d);\n font-size: 13px; font-weight: 700;\n color: rgba(255,255,255,0.6);\n letter-spacing: 1px; text-transform: uppercase;\n margin-bottom: 16px;\n}\n.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n.footer-col ul li a {\n font-size: 13px; color: rgba(255,255,255,0.35);\n text-decoration: none; transition: color .2s;\n}\n.footer-col ul li a:hover { color: var(--gold); }\n\n.footer-bottom {\n max-width: 1200px; margin: 0 auto;\n padding-top: 24px;\n border-top: 1px solid rgba(255,255,255,0.06);\n display: flex; justify-content: space-between; align-items: center;\n font-size: 12px; color: rgba(255,255,255,0.2);\n flex-wrap: wrap; gap: 12px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(22px); }\n to { opacity: 1; transform: translateY(0); }\n}\n.reveal { opacity: 0; transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; }\n.reveal.visible { opacity: 1; transform: translateY(0); }\n.reveal-delay-1 { transition-delay: .08s; }\n.reveal-delay-2 { transition-delay: .16s; }\n.reveal-delay-3 { transition-delay: .24s; }\n\n@media (prefers-reduced-motion: reduce) {\n *, *::before, *::after { animation: none !important; transition: none !important; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 768px) {\n .hero-inner { padding: 40px 24px; }\n .hero-row { flex-direction: column; align-items: flex-start; gap: 24px; }\n .hero-cta { margin-left: 0; }\n .stats-strip, .included-strip, .features-section,\n .offers-section, .how-section, .cta-section, footer { padding-left: 24px; padding-right: 24px; }\n .stats-inner { justify-content: center; }\n .stat-divider { display: none; }\n .hero-scroll { display: none; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"hero\">\n <video class=\"hero-video\" autoplay muted loop playsinline>\n <source src=\"https:\/\/www.animcloud.fr\/wp-content\/uploads\/2025\/10\/IMG_4235.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-vignette\"><\/div>\n <div class=\"hero-grain\"><\/div>\n <div class=\"hero-glow\"><\/div>\n\n <div class=\"hero-scroll\" aria-hidden=\"true\">\n <div class=\"scroll-track\"><\/div>\n <span>Scroll<\/span>\n <\/div>\n\n <div class=\"hero-inner\">\n <div class=\"hero-badge\">\n <span class=\"badge-star\">\u2726<\/span>\n Droits d’exploitation inclus\n <\/div>\n\n <h1>L’animation<br><em>cl\u00e9 en main<\/em><\/h1>\n\n <div class=\"hero-row\">\n <div>\n <p class=\"hero-desc\">\n Spectacles, jeux et ressources <strong>pr\u00eats \u00e0 jouer<\/strong>,\n cr\u00e9\u00e9s par des pros de l’animation. T\u00e9l\u00e9charge, adapte, \u00e9pate.\n Z\u00e9ro stress, 100% show.\n <\/p>\n <div class=\"hero-pills\">\n <span class=\"hero-pill\">\ud83c\udfad Spectacles complets<\/span>\n <span class=\"hero-pill\">\ud83c\udfb2 +50 jeux<\/span>\n <span class=\"hero-pill\">\u2705 Droits inclus<\/span>\n <\/div>\n <\/div>\n <div class=\"hero-cta\">\n <a class=\"btn-gold\" href=\"\/en\/boutique\/\">Voir les offres \u2193<\/a>\n <a class=\"btn-outline\" href=\"\/en\/catalogue\/\">Parcourir le catalogue<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/header>\n\n\n<div class=\"stats-strip\">\n <div class=\"stats-inner\">\n <div class=\"stat-item reveal\">\n <div class=\"stat-num\">50+<\/div>\n <div class=\"stat-label\">Jeux disponibles<\/div>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item reveal reveal-delay-1\">\n <div class=\"stat-num\">3<\/div>\n <div class=\"stat-label\">Spectacles cl\u00e9 en main<\/div>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item reveal reveal-delay-2\">\n <div class=\"stat-num\">\u221e<\/div>\n <div class=\"stat-label\">Soir\u00e9es m\u00e9morables<\/div>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item reveal reveal-delay-3\">\n <div class=\"stat-num\">0\u20ac<\/div>\n <div class=\"stat-label\">De droits suppl\u00e9mentaires<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"included-strip\">\n <div class=\"included-inner\">\n <span class=\"included-label\">Dans chaque kit<\/span>\n <div class=\"included-items\">\n <div class=\"inc-item\"><span>\ud83d\udcdc<\/span> Script complet<\/div>\n <div class=\"inc-item\"><span>\ud83c\udfac<\/span> Vid\u00e9os & d\u00e9cors<\/div>\n <div class=\"inc-item\"><span>\ud83c\udfb5<\/span> Bande sonore<\/div>\n <div class=\"inc-item\"><span>\ud83c\udfad<\/span> Guide accessoires<\/div>\n <div class=\"inc-item\"><span>\u2705<\/span> Droits inclus<\/div>\n <div class=\"inc-item\"><span>\ud83d\udcd0<\/span> Fiches r\u00f4les<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"features-section\">\n <div class=\"features-inner\">\n <div class=\"reveal\">\n <div class=\"section-eyebrow\">Pourquoi AnimCloud<\/div>\n <h2 class=\"section-title\">Tout ce qu’il faut pour<br><em>un show parfait<\/em><\/h2>\n <\/div>\n <div class=\"features-grid\">\n <div class=\"feature-card reveal\">\n <div class=\"feature-icon\">\u26a1<\/div>\n <h3>Pr\u00eat en 30 minutes<\/h3>\n <p>Chaque kit est pens\u00e9 pour \u00eatre pris en main rapidement. Une courte r\u00e9p\u00e9tition et c’est parti \u2014 m\u00eame pour un d\u00e9butant.<\/p>\n <\/div>\n <div class=\"feature-card reveal reveal-delay-1\">\n <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\n <h3>Droits inclus, z\u00e9ro stress<\/h3>\n <p>Exploitez nos cr\u00e9ations en toute l\u00e9galit\u00e9. Les droits d’exploitation sont compris dans votre abonnement, sans surco\u00fbt.<\/p>\n <\/div>\n <div class=\"feature-card reveal reveal-delay-2\">\n <div class=\"feature-icon\">\ud83d\udd04<\/div>\n <h3>Nouveau contenu chaque mois<\/h3>\n <p>Le catalogue s’enrichit r\u00e9guli\u00e8rement. Spectacles, jeux, soir\u00e9es \u00e0 th\u00e8me \u2014 toujours du frais pour votre public.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"offers-section\">\n <div class=\"offers-inner\">\n <div class=\"offers-header\">\n <div class=\"reveal\">\n <div class=\"section-eyebrow\">Le catalogue<\/div>\n <h2 class=\"section-title\" style=\"margin-bottom:0\">Ce qu’on vous<br><em>propose<\/em><\/h2>\n <\/div>\n <a class=\"btn-outline reveal\" href=\"\/en\/catalogue\/\">Tout voir \u2192<\/a>\n <\/div>\n\n <div class=\"offers-grid\">\n\n \n <div class=\"offer-card reveal\">\n <div class=\"offer-card-top\">\n <div class=\"offer-tag\">\ud83c\udfad Point fort<\/div>\n <div class=\"offer-count\">3 <span>disponibles<\/span><\/div>\n <h3>Spectacles cl\u00e9 en main<\/h3>\n <p>Scripts, vid\u00e9os, sons, fiches r\u00f4les et guide accessoires. S\u00e9lectionne ton show, t\u00e9l\u00e9charge, joue. Nouveaux spectacles en pr\u00e9paration.<\/p>\n <\/div>\n <div class=\"offer-card-bottom\">\n <a class=\"btn-gold\" href=\"\/en\/mes-fichiers\/\" style=\"width:100%;justify-content:center;\">\n Voir les spectacles \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"offer-card reveal reveal-delay-1\">\n <div class=\"offer-card-top\">\n <div class=\"offer-tag\">\ud83c\udfb2 Catalogue<\/div>\n <div class=\"offer-count\">50+ <span>jeux<\/span><\/div>\n <h3>Jeux & animations<\/h3>\n <p>Des dizaines de jeux cl\u00e9 en main pour animer vos soir\u00e9es, s\u00e9jours et \u00e9v\u00e9nements. Tous formats, tous publics.<\/p>\n <\/div>\n <div class=\"offer-card-bottom\">\n <a class=\"btn-outline\" href=\"\/en\/jeux\/\" style=\"width:100%;justify-content:center;\">\n Explorer les jeux \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"offer-card reveal reveal-delay-2\">\n <div class=\"offer-card-top\">\n <div class=\"offer-tag\">\ud83c\udf19 Soir\u00e9es<\/div>\n <div class=\"offer-count\">\u221e <span>possibilit\u00e9s<\/span><\/div>\n <h3>Soir\u00e9es \u00e0 th\u00e8me<\/h3>\n <p>Kits complets pour des soir\u00e9es inoubliables. Tout est inclus : d\u00e9roul\u00e9, animations, ambiance.<\/p>\n <\/div>\n <div class=\"offer-card-bottom\">\n <a class=\"btn-outline\" href=\"\/en\/jeux\/\" style=\"width:100%;justify-content:center;\">\n D\u00e9couvrir \u2192\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"how-section\">\n <div class=\"how-inner\">\n <div class=\"section-header reveal\">\n <div class=\"section-eyebrow\">Simple comme bonjour<\/div>\n <h2 class=\"section-title\" style=\"margin-top:10px\">En 4 \u00e9tapes,<br><em>ton show est pr\u00eat<\/em><\/h2>\n <\/div>\n <div class=\"how-grid\">\n <div class=\"how-step reveal\">\n <div class=\"step-num\">01<\/div>\n <div class=\"step-icon\">\ud83c\udfad<\/div>\n <h4>Choisis ton ressource<\/h4>\n <p>Parcours le catalogue et s\u00e9lectionne le spectacle ou jeu adapt\u00e9 \u00e0 ton public et ton \u00e9quipe.<\/p>\n <\/div>\n <div class=\"how-step reveal reveal-delay-1\">\n <div class=\"step-num\">02<\/div>\n <div class=\"step-icon\">\u2b07<\/div>\n <h4>T\u00e9l\u00e9charge le kit<\/h4>\n <p>Script, vid\u00e9os, sons, fiches et guides. Tout est dans un seul dossier, pr\u00eat \u00e0 l’emploi.<\/p>\n <\/div>\n <div class=\"how-step reveal reveal-delay-2\">\n <div class=\"step-num\">03<\/div>\n <div class=\"step-icon\">\ud83c\udfac<\/div>\n <h4>Pr\u00e9pare en 30 min<\/h4>\n <p>Le kit est con\u00e7u pour une prise en main rapide. Une courte r\u00e9p\u00e9tition suffit.<\/p>\n <\/div>\n <div class=\"how-step reveal reveal-delay-3\">\n <div class=\"step-num\">04<\/div>\n <div class=\"step-icon\">\ud83c\udf1f<\/div>\n <h4>Joue & \u00e9patez<\/h4>\n <p>Ton public ne verra jamais la m\u00eame animation. Les droits sont inclus, sans stress.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-section\">\n <div class=\"cta-inner\">\n <div class=\"section-eyebrow reveal\">\u2726 Pr\u00eat \u00e0 vous lancer ?<\/div>\n <h2 class=\"reveal\">Commencez \u00e0 animer<br><em>autrement<\/em><\/h2>\n <p class=\"reveal\">Acc\u00e9dez \u00e0 tout le catalogue AnimCloud et gagnez un temps pr\u00e9cieux sur chaque animation.<\/p>\n <div class=\"cta-buttons reveal\">\n <a class=\"btn-gold\" href=\"\/en\/boutique\/\">Voir les offres<\/a>\n <a class=\"btn-outline\" href=\"\/en\/catalogue\/\">Parcourir le catalogue<\/a>\n <\/div>\n <p class=\"cta-note reveal\">Annulation \u00e0 tout moment \u2022 Nouveau contenu chaque mois \u2022 Droits inclus<\/p>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo\"><span class=\"logo-dot\"><\/span>AnimCloud<\/div>\n <p>Plateforme d’animations et spectacles cl\u00e9-en-main avec droits inclus pour structures, \u00e9coles, associations et collectivit\u00e9s.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Ressources<\/h4>\n <ul>\n <li><a href=\"#\">CGU & Licences<\/a><\/li>\n <li><a href=\"#\">Catalogue<\/a><\/li>\n <li><a href=\"#\">Boutique<\/a><\/li>\n <li><a href=\"#\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Nous suivre<\/h4>\n <ul>\n <li><a href=\"#\">Instagram<\/a><\/li>\n <li><a href=\"#\">Email<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Contact<\/h4>\n <ul>\n <li><a href=\"mailto:contact@animcloud.fr\">\u2709 contact@animcloud.fr<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 AnimCloud \u2014 Tous droits r\u00e9serv\u00e9s<\/span>\n <span>Made with \u2764\ufe0f pour les animateurs<\/span>\n <\/div>\n<\/footer>\n\n<script>\n\/* \u2500\u2500 Reveal au scroll \u2500\u2500 *\/\nconst revealEls = document.querySelectorAll('.reveal');\nconst obs = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } });\n}, { threshold: 0.12 });\nrevealEls.forEach(el => obs.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>AnimCloud \u2014 Le Netflix de l’animation Scroll \u2726 Droits d’exploitation inclus L’animationcl\u00e9 en main Spectacles, jeux et ressources pr\u00eats \u00e0 jouer, cr\u00e9\u00e9s par des pros de l’animation. T\u00e9l\u00e9charge, adapte, \u00e9pate. Z\u00e9ro stress, 100% show. \ud83c\udfad Spectacles complets \ud83c\udfb2 +50 jeux \u2705 Droits inclus Voir les offres \u2193 Parcourir le catalogue 50+ Jeux disponibles 3 Spectacles […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1001","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages\/1001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/comments?post=1001"}],"version-history":[{"count":19,"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages\/1001\/revisions"}],"predecessor-version":[{"id":10063,"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages\/1001\/revisions\/10063"}],"wp:attachment":[{"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/media?parent=1001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1001,"date":"2024-01-01T09:00:00","date_gmt":"2024-01-01T09:00:00","guid":{"rendered":"https:\/\/www.animcloud.fr\/accueil\/"},"modified":"2026-03-25T17:50:07","modified_gmt":"2026-03-25T17:50:07","slug":"accueil","status":"publish","type":"page","link":"https:\/\/www.animcloud.fr\/en\/accueil\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n\n\n\n\nAnimCloud \u2014 Le Netflix de l’animation<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --gold: #E8C96A;\n --gold-2: #F5E4A8;\n --purple: #2D1B69;\n --purple-2:#4A2FA0;\n --magenta: #C2006F;\n --dark: #080810;\n --dark-2: #10101C;\n --dark-3: #1A1A2E;\n --cream: #F7F4EE;\n --muted: rgba(255,255,255,0.45);\n --white: #fff;\n --radius: 22px;\n --font-d: 'Bricolage Grotesque', sans-serif;\n --font-b: 'Instrument Sans', sans-serif;\n}\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody {\n font-family: var(--font-b);\n background: var(--dark);\n color: var(--white);\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO VID\u00c9O\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n position: relative;\n height: 100vh; min-height: 640px;\n display: flex; flex-direction: column;\n justify-content: flex-end;\n overflow: hidden;\n}\n\n.hero-video {\n position: absolute; inset: 0;\n width: 100%; height: 100%;\n object-fit: cover;\n z-index: 0;\n}\n\n.hero-overlay {\n position: absolute; inset: 0; z-index: 1;\n background:\n linear-gradient(to bottom,\n rgba(8,8,16,0.55) 0%,\n rgba(8,8,16,0.1) 35%,\n rgba(8,8,16,0.7) 70%,\n rgba(8,8,16,0.97) 100%\n );\n}\n.hero-vignette {\n position: absolute; inset: 0; z-index: 1;\n background: radial-gradient(ellipse at center, transparent 40%, rgba(8,8,16,0.65) 100%);\n}\n.hero-grain {\n position: absolute; inset: 0; z-index: 2;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'\/%3E%3C\/svg%3E\");\n opacity: .4; pointer-events: none;\n}\n.hero-glow {\n position: absolute; bottom: -100px; left: 50%;\n transform: translateX(-50%);\n width: 900px; height: 500px;\n background: radial-gradient(ellipse, rgba(232,201,106,0.10) 0%, transparent 70%);\n z-index: 2; pointer-events: none;\n}\n\n.hero-scroll {\n position: absolute; left: 48px; bottom: 36px; z-index: 10;\n display: flex; align-items: center; gap: 12px;\n font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase;\n color: rgba(255,255,255,0.25);\n}\n.scroll-track {\n width: 40px; height: 1px;\n background: linear-gradient(to right, rgba(255,255,255,0.3), transparent);\n}\n\n.hero-inner {\n position: relative; z-index: 5;\n max-width: 1200px; margin: 0 auto; width: 100%;\n padding: clamp(40px,6vw,88px) 48px;\n}\n\n.hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(232,201,106,0.12);\n border: 1px solid rgba(232,201,106,0.25);\n padding: 7px 16px; border-radius: 100px;\n font-size: 12px; font-weight: 600; letter-spacing: 1.5px;\n text-transform: uppercase; color: var(--gold);\n margin-bottom: 20px;\n animation: fadeUp .5s ease both;\n}\n.badge-star { font-size: 10px; }\n\n.hero h1 {\n font-family: var(--font-d);\n font-size: clamp(52px, 8.5vw, 112px);\n font-weight: 800;\n letter-spacing: -3px; line-height: 0.95;\n margin-bottom: 28px;\n animation: fadeUp .6s ease .1s both;\n}\n.hero h1 em {\n font-style: normal;\n background: linear-gradient(100deg, var(--gold), var(--gold-2));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.hero-row {\n display: flex; align-items: flex-end;\n gap: 48px; flex-wrap: wrap;\n animation: fadeUp .6s ease .18s both;\n}\n.hero-desc {\n font-size: 16px; line-height: 1.75;\n color: rgba(255,255,255,0.6);\n max-width: 440px;\n}\n.hero-desc strong { color: rgba(255,255,255,0.9); }\n\n.hero-pills { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }\n.hero-pill {\n display: flex; align-items: center; gap: 6px;\n background: rgba(255,255,255,0.07);\n border: 1px solid rgba(255,255,255,0.1);\n backdrop-filter: blur(8px);\n padding: 8px 16px; border-radius: 100px;\n font-size: 13px; color: rgba(255,255,255,0.8); font-weight: 500;\n}\n\n.hero-cta { display: flex; gap: 12px; margin-left: auto; align-items: center; flex-wrap: wrap; }\n\n.btn-gold {\n display: inline-flex; align-items: center; gap: 9px;\n background: linear-gradient(110deg, var(--gold), #d4a830);\n color: var(--dark);\n padding: 15px 30px; border-radius: 100px;\n font-family: var(--font-b); font-size: 14px; font-weight: 700;\n text-decoration: none; border: none; cursor: pointer;\n transition: transform .2s, box-shadow .2s;\n box-shadow: 0 8px 28px rgba(232,201,106,0.35);\n white-space: nowrap;\n}\n.btn-gold:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(232,201,106,0.45); }\n\n.btn-outline {\n display: inline-flex; align-items: center; gap: 9px;\n background: rgba(255,255,255,0.07);\n color: var(--white);\n border: 1px solid rgba(255,255,255,0.18);\n padding: 15px 28px; border-radius: 100px;\n font-family: var(--font-b); font-size: 14px; font-weight: 600;\n text-decoration: none; cursor: pointer;\n transition: background .2s, transform .15s;\n backdrop-filter: blur(6px);\n white-space: nowrap;\n}\n.btn-outline:hover { background: rgba(255,255,255,0.14); transform: translateY(-1px); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n STATS STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.stats-strip {\n background: var(--dark-3);\n border-top: 1px solid rgba(255,255,255,0.05);\n border-bottom: 1px solid rgba(255,255,255,0.05);\n padding: 36px 48px;\n}\n.stats-inner {\n max-width: 1200px; margin: 0 auto;\n display: flex; align-items: center; justify-content: space-between;\n gap: 24px; flex-wrap: wrap;\n}\n.stat-item {\n display: flex; flex-direction: column; align-items: center;\n gap: 4px; flex: 1; min-width: 120px; text-align: center;\n}\n.stat-num {\n font-family: var(--font-d);\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 800; letter-spacing: -2px;\n background: linear-gradient(110deg, var(--gold), var(--gold-2));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n}\n.stat-label {\n font-size: 12px; font-weight: 500; letter-spacing: 0.5px;\n color: rgba(255,255,255,0.4);\n text-transform: uppercase;\n}\n.stat-divider {\n width: 1px; height: 48px;\n background: rgba(255,255,255,0.08);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WHAT'S INCLUDED STRIP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.included-strip {\n background: var(--dark-2);\n border-bottom: 1px solid rgba(255,255,255,0.05);\n padding: 28px 48px;\n overflow: hidden;\n}\n.included-inner {\n max-width: 1200px; margin: 0 auto;\n display: flex; align-items: center;\n gap: 12px; flex-wrap: wrap;\n}\n.included-label {\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--gold);\n white-space: nowrap; margin-right: 8px;\n}\n.included-items { display: flex; gap: 10px; flex-wrap: wrap; }\n.inc-item {\n display: flex; align-items: center; gap: 8px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.08);\n padding: 8px 16px; border-radius: 100px;\n font-size: 13px; color: rgba(255,255,255,0.75); font-weight: 500;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FEATURES \u2014 3 CARTES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features-section {\n background: var(--dark);\n padding: 88px 48px;\n position: relative; overflow: hidden;\n}\n.features-section::before {\n content: '';\n position: absolute; top: -200px; left: -200px;\n width: 700px; height: 700px;\n background: radial-gradient(circle, rgba(45,27,105,0.35) 0%, transparent 65%);\n pointer-events: none;\n}\n.features-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }\n\n.section-eyebrow {\n font-size: 11px; font-weight: 700; letter-spacing: 2.5px;\n text-transform: uppercase; color: var(--gold);\n margin-bottom: 12px;\n}\n.section-title {\n font-family: var(--font-d);\n font-size: clamp(32px, 4vw, 52px);\n font-weight: 800; letter-spacing: -1.5px; line-height: 1.05;\n margin-bottom: 52px;\n}\n.section-title em {\n font-style: normal;\n background: linear-gradient(100deg, var(--gold), var(--gold-2));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n}\n@media (max-width: 860px) { .features-grid { grid-template-columns: 1fr; } }\n\n.feature-card {\n padding: 36px 32px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 20px;\n display: flex; flex-direction: column; gap: 16px;\n transition: border-color .25s, transform .25s;\n}\n.feature-card:hover {\n border-color: rgba(232,201,106,0.2);\n transform: translateY(-4px);\n}\n.feature-icon {\n font-size: 32px;\n width: 56px; height: 56px;\n background: rgba(232,201,106,0.08);\n border: 1px solid rgba(232,201,106,0.15);\n border-radius: 14px;\n display: flex; align-items: center; justify-content: center;\n}\n.feature-card h3 {\n font-family: var(--font-d);\n font-size: 20px; font-weight: 700;\n color: var(--white); letter-spacing: -0.3px;\n}\n.feature-card p {\n font-size: 14px; line-height: 1.7;\n color: rgba(255,255,255,0.45);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n OFFRES \u2014 CATALOGUE PREVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.offers-section {\n background: var(--dark-2);\n padding: 88px 48px;\n border-top: 1px solid rgba(255,255,255,0.05);\n}\n.offers-inner { max-width: 1200px; margin: 0 auto; }\n\n.offers-header {\n display: flex; align-items: flex-end;\n justify-content: space-between; flex-wrap: wrap;\n gap: 20px; margin-bottom: 48px;\n}\n\n.offers-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n}\n\n.offer-card {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 20px;\n overflow: hidden;\n transition: border-color .25s, transform .25s;\n display: flex; flex-direction: column;\n}\n.offer-card:hover {\n border-color: rgba(232,201,106,0.25);\n transform: translateY(-4px);\n}\n.offer-card-top {\n padding: 28px 28px 20px;\n display: flex; flex-direction: column; gap: 14px; flex: 1;\n}\n.offer-tag {\n display: inline-flex; align-items: center; gap: 6px;\n background: rgba(232,201,106,0.1);\n border: 1px solid rgba(232,201,106,0.2);\n padding: 5px 12px; border-radius: 100px;\n font-size: 11px; font-weight: 700; letter-spacing: 1px;\n text-transform: uppercase; color: var(--gold);\n align-self: flex-start;\n}\n.offer-card h3 {\n font-family: var(--font-d);\n font-size: 22px; font-weight: 800; letter-spacing: -0.5px;\n color: var(--white);\n}\n.offer-card p {\n font-size: 14px; line-height: 1.7;\n color: rgba(255,255,255,0.45);\n}\n.offer-count {\n font-family: var(--font-d);\n font-size: 42px; font-weight: 800; letter-spacing: -2px;\n background: linear-gradient(110deg, var(--gold), rgba(232,201,106,0.4));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text; line-height: 1;\n}\n.offer-count span {\n font-size: 16px; font-weight: 600; letter-spacing: 0;\n -webkit-text-fill-color: rgba(255,255,255,0.35);\n color: rgba(255,255,255,0.35);\n}\n.offer-card-bottom {\n padding: 16px 28px 24px;\n border-top: 1px solid rgba(255,255,255,0.05);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HOW IT WORKS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.how-section {\n background: var(--dark);\n padding: 88px 48px;\n position: relative; overflow: hidden;\n}\n.how-section::before {\n content: '';\n position: absolute; top: -200px; right: -200px;\n width: 700px; height: 700px;\n background: radial-gradient(circle, rgba(45,27,105,0.4) 0%, transparent 65%);\n pointer-events: none;\n}\n.how-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }\n.how-grid {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\n}\n@media (max-width: 800px) { .how-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 480px) { .how-grid { grid-template-columns: 1fr; } }\n\n.how-step {\n padding: 32px 28px;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: 20px;\n display: flex; flex-direction: column; gap: 16px;\n transition: border-color .25s;\n}\n.how-step:hover { border-color: rgba(232,201,106,0.2); }\n.step-num {\n font-family: var(--font-d);\n font-size: 44px; font-weight: 800; letter-spacing: -2px;\n background: linear-gradient(110deg, var(--gold), rgba(232,201,106,0.3));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text; line-height: 1;\n}\n.step-icon { font-size: 28px; }\n.how-step h4 {\n font-family: var(--font-d);\n font-size: 17px; font-weight: 700;\n color: var(--white); letter-spacing: -0.3px;\n}\n.how-step p { font-size: 13px; line-height: 1.65; color: rgba(255,255,255,0.45); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CTA FINAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-section {\n background: var(--dark-3);\n border-top: 1px solid rgba(255,255,255,0.06);\n padding: 100px 48px;\n text-align: center;\n position: relative; overflow: hidden;\n}\n.cta-section::before {\n content: '';\n position: absolute; top: 50%; left: 50%;\n transform: translate(-50%,-50%);\n width: 800px; height: 400px;\n background: radial-gradient(ellipse, rgba(232,201,106,0.07) 0%, transparent 65%);\n pointer-events: none;\n}\n.cta-inner { max-width: 700px; margin: 0 auto; position: relative; z-index: 1; }\n.cta-inner .section-eyebrow { justify-content: center; display: flex; margin-bottom: 16px; }\n.cta-inner h2 {\n font-family: var(--font-d);\n font-size: clamp(36px, 5vw, 62px);\n font-weight: 800; letter-spacing: -2px; line-height: 1.05;\n margin-bottom: 20px;\n}\n.cta-inner h2 em {\n font-style: normal;\n background: linear-gradient(100deg, var(--gold), var(--gold-2));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n.cta-inner p {\n font-size: 16px; line-height: 1.75;\n color: rgba(255,255,255,0.5);\n margin-bottom: 36px;\n}\n.cta-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n.cta-note {\n margin-top: 18px;\n font-size: 12px; color: rgba(255,255,255,0.25);\n letter-spacing: 0.3px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfooter {\n background: var(--dark);\n border-top: 1px solid rgba(255,255,255,0.06);\n padding: 60px 48px 32px;\n}\n.footer-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 40px; margin-bottom: 48px;\n}\n@media (max-width: 760px) { .footer-inner { grid-template-columns: 1fr 1fr; } }\n\n.footer-logo {\n font-family: var(--font-d);\n font-size: 22px; font-weight: 800;\n letter-spacing: -0.5px;\n display: flex; align-items: center; gap: 10px;\n margin-bottom: 14px;\n}\n.logo-dot {\n width: 10px; height: 10px; border-radius: 50%;\n background: linear-gradient(135deg, var(--gold), #d4a830);\n display: inline-block;\n}\n.footer-brand p {\n font-size: 13px; line-height: 1.7;\n color: rgba(255,255,255,0.3);\n max-width: 280px;\n}\n.footer-col h4 {\n font-family: var(--font-d);\n font-size: 13px; font-weight: 700;\n color: rgba(255,255,255,0.6);\n letter-spacing: 1px; text-transform: uppercase;\n margin-bottom: 16px;\n}\n.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n.footer-col ul li a {\n font-size: 13px; color: rgba(255,255,255,0.35);\n text-decoration: none; transition: color .2s;\n}\n.footer-col ul li a:hover { color: var(--gold); }\n\n.footer-bottom {\n max-width: 1200px; margin: 0 auto;\n padding-top: 24px;\n border-top: 1px solid rgba(255,255,255,0.06);\n display: flex; justify-content: space-between; align-items: center;\n font-size: 12px; color: rgba(255,255,255,0.2);\n flex-wrap: wrap; gap: 12px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(22px); }\n to { opacity: 1; transform: translateY(0); }\n}\n.reveal { opacity: 0; transform: translateY(28px); transition: opacity .6s ease, transform .6s ease; }\n.reveal.visible { opacity: 1; transform: translateY(0); }\n.reveal-delay-1 { transition-delay: .08s; }\n.reveal-delay-2 { transition-delay: .16s; }\n.reveal-delay-3 { transition-delay: .24s; }\n\n@media (prefers-reduced-motion: reduce) {\n *, *::before, *::after { animation: none !important; transition: none !important; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 768px) {\n .hero-inner { padding: 40px 24px; }\n .hero-row { flex-direction: column; align-items: flex-start; gap: 24px; }\n .hero-cta { margin-left: 0; }\n .stats-strip, .included-strip, .features-section,\n .offers-section, .how-section, .cta-section, footer { padding-left: 24px; padding-right: 24px; }\n .stats-inner { justify-content: center; }\n .stat-divider { display: none; }\n .hero-scroll { display: none; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<header class=\"hero\">\n <video class=\"hero-video\" autoplay muted loop playsinline>\n <source src=\"https:\/\/www.animcloud.fr\/wp-content\/uploads\/2025\/10\/IMG_4235.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"hero-vignette\"><\/div>\n <div class=\"hero-grain\"><\/div>\n <div class=\"hero-glow\"><\/div>\n\n <div class=\"hero-scroll\" aria-hidden=\"true\">\n <div class=\"scroll-track\"><\/div>\n <span>Scroll<\/span>\n <\/div>\n\n <div class=\"hero-inner\">\n <div class=\"hero-badge\">\n <span class=\"badge-star\">\u2726<\/span>\n Droits d’exploitation inclus\n <\/div>\n\n <h1>L’animation<br><em>cl\u00e9 en main<\/em><\/h1>\n\n <div class=\"hero-row\">\n <div>\n <p class=\"hero-desc\">\n Spectacles, jeux et ressources <strong>pr\u00eats \u00e0 jouer<\/strong>,\n cr\u00e9\u00e9s par des pros de l’animation. T\u00e9l\u00e9charge, adapte, \u00e9pate.\n Z\u00e9ro stress, 100% show.\n <\/p>\n <div class=\"hero-pills\">\n <span class=\"hero-pill\">\ud83c\udfad Spectacles complets<\/span>\n <span class=\"hero-pill\">\ud83c\udfb2 +50 jeux<\/span>\n <span class=\"hero-pill\">\u2705 Droits inclus<\/span>\n <\/div>\n <\/div>\n <div class=\"hero-cta\">\n <a class=\"btn-gold\" href=\"\/en\/boutique\/\">Voir les offres \u2193<\/a>\n <a class=\"btn-outline\" href=\"\/en\/catalogue\/\">Parcourir le catalogue<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/header>\n\n\n<div class=\"stats-strip\">\n <div class=\"stats-inner\">\n <div class=\"stat-item reveal\">\n <div class=\"stat-num\">50+<\/div>\n <div class=\"stat-label\">Jeux disponibles<\/div>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item reveal reveal-delay-1\">\n <div class=\"stat-num\">3<\/div>\n <div class=\"stat-label\">Spectacles cl\u00e9 en main<\/div>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item reveal reveal-delay-2\">\n <div class=\"stat-num\">\u221e<\/div>\n <div class=\"stat-label\">Soir\u00e9es m\u00e9morables<\/div>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item reveal reveal-delay-3\">\n <div class=\"stat-num\">0\u20ac<\/div>\n <div class=\"stat-label\">De droits suppl\u00e9mentaires<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"included-strip\">\n <div class=\"included-inner\">\n <span class=\"included-label\">Dans chaque kit<\/span>\n <div class=\"included-items\">\n <div class=\"inc-item\"><span>\ud83d\udcdc<\/span> Script complet<\/div>\n <div class=\"inc-item\"><span>\ud83c\udfac<\/span> Vid\u00e9os & d\u00e9cors<\/div>\n <div class=\"inc-item\"><span>\ud83c\udfb5<\/span> Bande sonore<\/div>\n <div class=\"inc-item\"><span>\ud83c\udfad<\/span> Guide accessoires<\/div>\n <div class=\"inc-item\"><span>\u2705<\/span> Droits inclus<\/div>\n <div class=\"inc-item\"><span>\ud83d\udcd0<\/span> Fiches r\u00f4les<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<section class=\"features-section\">\n <div class=\"features-inner\">\n <div class=\"reveal\">\n <div class=\"section-eyebrow\">Pourquoi AnimCloud<\/div>\n <h2 class=\"section-title\">Tout ce qu’il faut pour<br><em>un show parfait<\/em><\/h2>\n <\/div>\n <div class=\"features-grid\">\n <div class=\"feature-card reveal\">\n <div class=\"feature-icon\">\u26a1<\/div>\n <h3>Pr\u00eat en 30 minutes<\/h3>\n <p>Chaque kit est pens\u00e9 pour \u00eatre pris en main rapidement. Une courte r\u00e9p\u00e9tition et c’est parti \u2014 m\u00eame pour un d\u00e9butant.<\/p>\n <\/div>\n <div class=\"feature-card reveal reveal-delay-1\">\n <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\n <h3>Droits inclus, z\u00e9ro stress<\/h3>\n <p>Exploitez nos cr\u00e9ations en toute l\u00e9galit\u00e9. Les droits d’exploitation sont compris dans votre abonnement, sans surco\u00fbt.<\/p>\n <\/div>\n <div class=\"feature-card reveal reveal-delay-2\">\n <div class=\"feature-icon\">\ud83d\udd04<\/div>\n <h3>Nouveau contenu chaque mois<\/h3>\n <p>Le catalogue s’enrichit r\u00e9guli\u00e8rement. Spectacles, jeux, soir\u00e9es \u00e0 th\u00e8me \u2014 toujours du frais pour votre public.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"offers-section\">\n <div class=\"offers-inner\">\n <div class=\"offers-header\">\n <div class=\"reveal\">\n <div class=\"section-eyebrow\">Le catalogue<\/div>\n <h2 class=\"section-title\" style=\"margin-bottom:0\">Ce qu’on vous<br><em>propose<\/em><\/h2>\n <\/div>\n <a class=\"btn-outline reveal\" href=\"\/en\/catalogue\/\">Tout voir \u2192<\/a>\n <\/div>\n\n <div class=\"offers-grid\">\n\n \n <div class=\"offer-card reveal\">\n <div class=\"offer-card-top\">\n <div class=\"offer-tag\">\ud83c\udfad Point fort<\/div>\n <div class=\"offer-count\">3 <span>disponibles<\/span><\/div>\n <h3>Spectacles cl\u00e9 en main<\/h3>\n <p>Scripts, vid\u00e9os, sons, fiches r\u00f4les et guide accessoires. S\u00e9lectionne ton show, t\u00e9l\u00e9charge, joue. Nouveaux spectacles en pr\u00e9paration.<\/p>\n <\/div>\n <div class=\"offer-card-bottom\">\n <a class=\"btn-gold\" href=\"\/en\/mes-fichiers\/\" style=\"width:100%;justify-content:center;\">\n Voir les spectacles \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"offer-card reveal reveal-delay-1\">\n <div class=\"offer-card-top\">\n <div class=\"offer-tag\">\ud83c\udfb2 Catalogue<\/div>\n <div class=\"offer-count\">50+ <span>jeux<\/span><\/div>\n <h3>Jeux & animations<\/h3>\n <p>Des dizaines de jeux cl\u00e9 en main pour animer vos soir\u00e9es, s\u00e9jours et \u00e9v\u00e9nements. Tous formats, tous publics.<\/p>\n <\/div>\n <div class=\"offer-card-bottom\">\n <a class=\"btn-outline\" href=\"\/en\/jeux\/\" style=\"width:100%;justify-content:center;\">\n Explorer les jeux \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"offer-card reveal reveal-delay-2\">\n <div class=\"offer-card-top\">\n <div class=\"offer-tag\">\ud83c\udf19 Soir\u00e9es<\/div>\n <div class=\"offer-count\">\u221e <span>possibilit\u00e9s<\/span><\/div>\n <h3>Soir\u00e9es \u00e0 th\u00e8me<\/h3>\n <p>Kits complets pour des soir\u00e9es inoubliables. Tout est inclus : d\u00e9roul\u00e9, animations, ambiance.<\/p>\n <\/div>\n <div class=\"offer-card-bottom\">\n <a class=\"btn-outline\" href=\"\/en\/jeux\/\" style=\"width:100%;justify-content:center;\">\n D\u00e9couvrir \u2192\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"how-section\">\n <div class=\"how-inner\">\n <div class=\"section-header reveal\">\n <div class=\"section-eyebrow\">Simple comme bonjour<\/div>\n <h2 class=\"section-title\" style=\"margin-top:10px\">En 4 \u00e9tapes,<br><em>ton show est pr\u00eat<\/em><\/h2>\n <\/div>\n <div class=\"how-grid\">\n <div class=\"how-step reveal\">\n <div class=\"step-num\">01<\/div>\n <div class=\"step-icon\">\ud83c\udfad<\/div>\n <h4>Choisis ton ressource<\/h4>\n <p>Parcours le catalogue et s\u00e9lectionne le spectacle ou jeu adapt\u00e9 \u00e0 ton public et ton \u00e9quipe.<\/p>\n <\/div>\n <div class=\"how-step reveal reveal-delay-1\">\n <div class=\"step-num\">02<\/div>\n <div class=\"step-icon\">\u2b07<\/div>\n <h4>T\u00e9l\u00e9charge le kit<\/h4>\n <p>Script, vid\u00e9os, sons, fiches et guides. Tout est dans un seul dossier, pr\u00eat \u00e0 l’emploi.<\/p>\n <\/div>\n <div class=\"how-step reveal reveal-delay-2\">\n <div class=\"step-num\">03<\/div>\n <div class=\"step-icon\">\ud83c\udfac<\/div>\n <h4>Pr\u00e9pare en 30 min<\/h4>\n <p>Le kit est con\u00e7u pour une prise en main rapide. Une courte r\u00e9p\u00e9tition suffit.<\/p>\n <\/div>\n <div class=\"how-step reveal reveal-delay-3\">\n <div class=\"step-num\">04<\/div>\n <div class=\"step-icon\">\ud83c\udf1f<\/div>\n <h4>Joue & \u00e9patez<\/h4>\n <p>Ton public ne verra jamais la m\u00eame animation. Les droits sont inclus, sans stress.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-section\">\n <div class=\"cta-inner\">\n <div class=\"section-eyebrow reveal\">\u2726 Pr\u00eat \u00e0 vous lancer ?<\/div>\n <h2 class=\"reveal\">Commencez \u00e0 animer<br><em>autrement<\/em><\/h2>\n <p class=\"reveal\">Acc\u00e9dez \u00e0 tout le catalogue AnimCloud et gagnez un temps pr\u00e9cieux sur chaque animation.<\/p>\n <div class=\"cta-buttons reveal\">\n <a class=\"btn-gold\" href=\"\/en\/boutique\/\">Voir les offres<\/a>\n <a class=\"btn-outline\" href=\"\/en\/catalogue\/\">Parcourir le catalogue<\/a>\n <\/div>\n <p class=\"cta-note reveal\">Annulation \u00e0 tout moment \u2022 Nouveau contenu chaque mois \u2022 Droits inclus<\/p>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-brand\">\n <div class=\"footer-logo\"><span class=\"logo-dot\"><\/span>AnimCloud<\/div>\n <p>Plateforme d’animations et spectacles cl\u00e9-en-main avec droits inclus pour structures, \u00e9coles, associations et collectivit\u00e9s.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Ressources<\/h4>\n <ul>\n <li><a href=\"#\">CGU & Licences<\/a><\/li>\n <li><a href=\"#\">Catalogue<\/a><\/li>\n <li><a href=\"#\">Boutique<\/a><\/li>\n <li><a href=\"#\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Nous suivre<\/h4>\n <ul>\n <li><a href=\"#\">Instagram<\/a><\/li>\n <li><a href=\"#\">Email<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Contact<\/h4>\n <ul>\n <li><a href=\"mailto:contact@animcloud.fr\">\u2709 contact@animcloud.fr<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 AnimCloud \u2014 Tous droits r\u00e9serv\u00e9s<\/span>\n <span>Made with \u2764\ufe0f pour les animateurs<\/span>\n <\/div>\n<\/footer>\n\n<script>\n\/* \u2500\u2500 Reveal au scroll \u2500\u2500 *\/\nconst revealEls = document.querySelectorAll('.reveal');\nconst obs = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); } });\n}, { threshold: 0.12 });\nrevealEls.forEach(el => obs.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>AnimCloud \u2014 Le Netflix de l’animation Scroll \u2726 Droits d’exploitation inclus L’animationcl\u00e9 en main Spectacles, jeux et ressources pr\u00eats \u00e0 jouer, cr\u00e9\u00e9s par des pros de l’animation. T\u00e9l\u00e9charge, adapte, \u00e9pate. Z\u00e9ro stress, 100% show. \ud83c\udfad Spectacles complets \ud83c\udfb2 +50 jeux \u2705 Droits inclus Voir les offres \u2193 Parcourir le catalogue 50+ Jeux disponibles 3 Spectacles […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1001","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages\/1001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/comments?post=1001"}],"version-history":[{"count":19,"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages\/1001\/revisions"}],"predecessor-version":[{"id":10063,"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages\/1001\/revisions\/10063"}],"wp:attachment":[{"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/media?parent=1001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}