{"id":5101,"date":"2025-01-02T10:00:00","date_gmt":"2025-01-02T10:00:00","guid":{"rendered":"https:\/\/www.animcloud.fr\/mes-fichiers\/"},"modified":"2026-03-25T17:26:46","modified_gmt":"2026-03-25T17:26:46","slug":"mes-fichiers","status":"publish","type":"page","link":"https:\/\/www.animcloud.fr\/en\/mes-fichiers\/","title":{"rendered":"Les Kits Spectacles"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n\n\nKit Spectacle \u2014 AnimCloud<\/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 SLIDER\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\/* Slides *\/\n.hero-slides { position: absolute; inset: 0; }\n.hero-slide {\n position: absolute; inset: 0;\n background-size: cover; background-position: center;\n opacity: 0;\n transition: opacity 1.2s ease;\n}\n.hero-slide.active { opacity: 1; }\n.slide-1 { background-image: url('https:\/\/www.animcloud.fr\/wp-content\/uploads\/2025\/10\/IMG_2741.jpg'); }\n.slide-2 { background-image: url('https:\/\/www.animcloud.fr\/wp-content\/uploads\/2025\/10\/7d239a6b-294e-4e62-9c2f-297ffed98d8d.jpg'); }\n.slide-3 { background-image: url('https:\/\/www.animcloud.fr\/wp-content\/uploads\/2025\/10\/7fa8ff51-74f0-44dc-86b2-e1608d1ad92e.jpg'); }\n\n\/* multi-layer overlay: top dark, bottom full dark *\/\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\/* dramatic side vignette *\/\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\/* grain *\/\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\n\/* spotlight glow *\/\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.12) 0%, transparent 70%);\n z-index: 2; pointer-events: none;\n}\n\n\/* slide dots *\/\n.hero-dots {\n position: absolute; bottom: 32px; right: 48px;\n z-index: 10;\n display: flex; gap: 8px; align-items: center;\n}\n.dot {\n width: 6px; height: 6px; border-radius: 50%;\n background: rgba(255,255,255,0.25);\n cursor: pointer; border: none;\n transition: all .3s;\n}\n.dot.active { background: var(--gold); width: 22px; border-radius: 3px; }\n\n\/* hero inner *\/\n.hero-inner {\n position: relative; z-index: 5;\n max-width: 1200px; width: 100%;\n margin: 0 auto;\n padding: 0 48px 72px;\n}\n\n.hero-breadcrumb {\n font-size: 11px; font-weight: 600; letter-spacing: 2px;\n text-transform: uppercase; color: rgba(255,255,255,0.35);\n margin-bottom: 20px;\n animation: fadeUp .5s ease both;\n display: flex; align-items: center; gap: 8px;\n}\n.hero-breadcrumb span { color: rgba(255,255,255,0.15); }\n\n.hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: linear-gradient(90deg, var(--gold), var(--gold-2));\n color: var(--dark);\n font-size: 11px; font-weight: 700; letter-spacing: 1.5px;\n text-transform: uppercase;\n padding: 6px 16px; border-radius: 100px;\n margin-bottom: 22px;\n animation: fadeUp .5s ease .05s both;\n}\n.badge-star { font-size: 12px; }\n\n.hero h1 {\n font-family: var(--font-d);\n font-size: clamp(58px, 9vw, 118px);\n font-weight: 800;\n letter-spacing: -3px; line-height: 0.95;\n margin-bottom: 26px;\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: 420px;\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; }\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.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\/* scroll cue *\/\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\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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-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: 32px 48px;\n overflow: hidden;\n}\n.included-inner {\n max-width: 1200px; margin: 0 auto;\n display: flex; align-items: center;\n gap: 12px;\n 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.inc-item span { font-size: 15px; }\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 SHOWS CATALOGUE\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.catalogue {\n background: var(--dark-2);\n padding: 88px 48px 100px;\n}\n.cat-header {\n max-width: 1200px; margin: 0 auto 52px;\n display: flex; align-items: flex-end; justify-content: space-between;\n gap: 24px; flex-wrap: wrap;\n}\n.cat-eyebrow {\n font-size: 11px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: var(--gold);\n display: flex; align-items: center; gap: 10px;\n margin-bottom: 10px;\n}\n.cat-eyebrow::before { content: ''; width: 28px; height: 2px; background: var(--gold); }\n.cat-title {\n font-family: var(--font-d);\n font-size: clamp(28px, 4vw, 50px);\n font-weight: 800; letter-spacing: -2px; line-height: 1.05;\n}\n.cat-title em { font-style: normal; color: var(--gold); }\n\n\/* filter bar *\/\n.filter-bar {\n max-width: 1200px; margin: 0 auto 44px;\n display: flex; align-items: center; justify-content: space-between;\n gap: 16px; flex-wrap: wrap;\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.07);\n border-radius: 100px;\n padding: 8px 8px 8px 20px;\n}\n.filter-chips { display: flex; gap: 6px; flex-wrap: wrap; }\n.chip {\n padding: 8px 18px; border-radius: 100px;\n background: transparent; border: none; cursor: pointer;\n font-family: var(--font-b); font-size: 13px; font-weight: 600;\n color: rgba(255,255,255,0.45);\n transition: all .18s;\n}\n.chip:hover { color: var(--white); background: rgba(255,255,255,0.06); }\n.chip.is-active {\n background: linear-gradient(110deg, var(--gold), #d4a830);\n color: var(--dark);\n}\n.search-wrap { display: flex; align-items: center; gap: 10px; padding-right: 8px; }\n.search {\n background: transparent; border: none;\n font-family: var(--font-b); font-size: 14px;\n color: var(--white); outline: none; width: 200px;\n padding: 6px 0;\n}\n.search::placeholder { color: rgba(255,255,255,0.2); }\n\n\/* grid *\/\n.shows-grid {\n max-width: 1200px; margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n@media (max-width: 900px) { .shows-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 580px) { .shows-grid { grid-template-columns: 1fr; } }\n\n\/* \u2500\u2500 SHOW CARD \u2500\u2500 *\/\n.show-card {\n background: var(--dark-3);\n border: 1px solid rgba(255,255,255,0.06);\n border-radius: var(--radius);\n overflow: hidden;\n display: flex; flex-direction: column;\n transition: transform .28s cubic-bezier(.2,.9,.3,1), box-shadow .28s, border-color .28s;\n cursor: pointer;\n position: relative;\n}\n.show-card:hover {\n transform: translateY(-10px) scale(1.01);\n box-shadow: 0 30px 64px rgba(0,0,0,0.5);\n border-color: rgba(232,201,106,0.25);\n}\n\n\/* poster image *\/\n.show-poster {\n position: relative;\n height: 280px; overflow: hidden;\n}\n.show-poster img {\n width: 100%; height: 100%;\n object-fit: cover; display: block;\n transition: transform .5s ease;\n filter: saturate(1.1);\n}\n.show-card:hover .show-poster img { transform: scale(1.07); }\n\n\/* gradient bottom of poster *\/\n.show-poster::after {\n content: '';\n position: absolute; bottom: 0; left: 0; right: 0;\n height: 60%;\n background: linear-gradient(to top, var(--dark-3), transparent);\n pointer-events: none;\n}\n\n\/* status badge *\/\n.show-status {\n position: absolute; top: 16px; left: 16px; z-index: 2;\n font-size: 10px; font-weight: 700; letter-spacing: 1.2px;\n text-transform: uppercase;\n padding: 5px 12px; border-radius: 8px;\n}\n.status-ready { background: linear-gradient(110deg,#1aad6b,#22d47e); color: var(--white); }\n.status-best { background: linear-gradient(110deg,var(--gold),#d4a830); color: var(--dark); }\n.status-soon { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.6); border: 1px solid rgba(255,255,255,0.15); }\n\n\/* duration badge top-right *\/\n.show-duration {\n position: absolute; top: 16px; right: 16px; z-index: 2;\n background: rgba(8,8,16,0.7); backdrop-filter: blur(6px);\n color: var(--white);\n font-size: 11px; font-weight: 700;\n padding: 5px 10px; border-radius: 8px;\n display: flex; align-items: center; gap: 5px;\n}\n\n\/* card body *\/\n.show-body {\n padding: 24px 24px 10px;\n flex: 1; display: flex; flex-direction: column; gap: 10px;\n}\n.show-body h3 {\n font-family: var(--font-d);\n font-size: 22px; font-weight: 800;\n letter-spacing: -0.5px; line-height: 1.1;\n color: var(--white);\n}\n.show-meta {\n display: flex; gap: 10px; flex-wrap: wrap;\n}\n.show-meta-item {\n display: flex; align-items: center; gap: 6px;\n font-size: 12px; color: rgba(255,255,255,0.45); font-weight: 500;\n}\n.show-body p {\n font-size: 13.5px; line-height: 1.6;\n color: rgba(255,255,255,0.5);\n flex: 1;\n}\n\n\/* contents list *\/\n.show-contents {\n display: flex; gap: 6px; flex-wrap: wrap;\n margin-top: 4px;\n}\n.content-tag {\n font-size: 11px; font-weight: 600;\n padding: 4px 10px; border-radius: 7px;\n background: rgba(255,255,255,0.06);\n color: rgba(255,255,255,0.55);\n border: 1px solid rgba(255,255,255,0.07);\n}\n\n\/* card footer *\/\n.show-footer {\n padding: 16px 24px 22px;\n display: flex; gap: 10px; align-items: center;\n}\n.btn-dl-dark {\n flex: 1;\n display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n background: linear-gradient(110deg, var(--gold), #d4a830);\n color: var(--dark);\n padding: 13px 20px; border-radius: 12px;\n font-family: var(--font-b); font-size: 13px; font-weight: 700;\n text-decoration: none; border: none; cursor: pointer;\n transition: all .2s;\n}\n.btn-dl-dark:hover { transform: scale(1.02); box-shadow: 0 8px 24px rgba(232,201,106,0.3); }\n.btn-dl-ghost {\n flex: 1;\n display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n background: rgba(255,255,255,0.05);\n color: rgba(255,255,255,0.5);\n border: 1px solid rgba(255,255,255,0.1);\n padding: 13px 20px; border-radius: 12px;\n font-family: var(--font-b); font-size: 13px; font-weight: 600;\n text-decoration: none; cursor: pointer;\n transition: all .2s;\n}\n.btn-dl-ghost:hover { background: rgba(255,255,255,0.1); color: var(--white); }\n.btn-eye {\n width: 46px; height: 46px; border-radius: 12px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.08);\n display: flex; align-items: center; justify-content: center;\n font-size: 17px; cursor: pointer; text-decoration: none;\n transition: background .2s;\n}\n.btn-eye:hover { background: rgba(255,255,255,0.1); }\n\n\/* FEATURED CARD *\/\n.show-card.featured {\n grid-column: span 2;\n display: grid; grid-template-columns: 1fr 1fr;\n}\n@media (max-width: 900px) {\n .show-card.featured { grid-column: span 1; display: flex; flex-direction: column; }\n}\n.show-card.featured .show-poster { height: 100%; min-height: 260px; }\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.section-header { margin-bottom: 56px; }\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;\n 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;\n 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 HELP \/ CTA BAND\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.help-section {\n background: var(--dark-3);\n border-top: 1px solid rgba(255,255,255,0.06);\n padding: 48px;\n}\n.help-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.help-text { font-size: 15px; color: rgba(255,255,255,0.5); }\n.help-text strong { color: var(--white); font-size: 20px; display: block; font-family: var(--font-d); font-weight: 700; margin-bottom: 4px; letter-spacing: -0.5px; }\n.btn-contact {\n display: inline-flex; align-items: center; gap: 10px;\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.12);\n color: var(--white);\n padding: 14px 28px; border-radius: 100px;\n font-family: var(--font-b); font-size: 14px; font-weight: 600;\n text-decoration: none;\n transition: all .2s;\n}\n.btn-contact:hover { background: rgba(255,255,255,0.12); transform: scale(1.02); }\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 padding: 56px 48px;\n border-top: 1px solid rgba(255,255,255,0.05);\n}\n.footer-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px;\n}\n@media (max-width: 800px) { .footer-inner { grid-template-columns: 1fr 1fr; } }\n.footer-logo {\n font-family: var(--font-d); font-size: 20px; font-weight: 800;\n letter-spacing: -0.5px; color: var(--white);\n display: flex; align-items: center; gap: 8px; margin-bottom: 14px;\n}\n.logo-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); }\n.footer-brand p { font-size: 13px; color: rgba(255,255,255,0.35); line-height: 1.65; max-width: 260px; }\n.footer-col h4 {\n font-size: 10px; font-weight: 700; letter-spacing: 2px;\n text-transform: uppercase; color: rgba(255,255,255,0.25);\n margin-bottom: 18px;\n}\n.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 11px; }\n.footer-col a { font-size: 14px; color: rgba(255,255,255,0.5); text-decoration: none; transition: color .2s; }\n.footer-col a:hover { color: var(--white); }\n.footer-bottom {\n max-width: 1200px; margin: 40px auto 0;\n padding-top: 24px;\n border-top: 1px solid rgba(255,255,255,0.05);\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.contact-pill {\n display: inline-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: 7px 16px; border-radius: 100px;\n font-size: 12px; color: rgba(255,255,255,0.4);\n text-decoration: none; transition: all .2s;\n}\n.contact-pill:hover { background: rgba(255,255,255,0.08); color: var(--white); }\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<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550 HERO \u2550\u2550 -->\n<header class=\"hero\">\n <div class=\"hero-slides\">\n <div class=\"hero-slide slide-1 active\"><\/div>\n <div class=\"hero-slide slide-2\"><\/div>\n <div class=\"hero-slide slide-3\"><\/div>\n <\/div>\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-dots\" role=\"tablist\" aria-label=\"Slides du h\u00e9ros\">\n <button class=\"dot active\" data-slide=\"0\" aria-label=\"Slide 1\"><\/button>\n <button class=\"dot\" data-slide=\"1\" aria-label=\"Slide 2\"><\/button>\n <button class=\"dot\" data-slide=\"2\" aria-label=\"Slide 3\"><\/button>\n <\/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-breadcrumb\">\n AnimCloud <span>\u203a<\/span> Ressources <span>\u203a<\/span> Kit Spectacle\n <\/div>\n <div class=\"hero-badge\">\n <span class=\"badge-star\">\u2726<\/span>\n Droits inclus\n <\/div>\n <h1>Kit<br><em>Spectacle<\/em><\/h1>\n <div class=\"hero-row\">\n <div>\n <p class=\"hero-desc\">\n Scripts, vid\u00e9os, sons et accessoires <strong>pr\u00eats \u00e0 jouer<\/strong>.\n S\u00e9lectionne ton show, t\u00e9l\u00e9charge, c’est parti. Z\u00e9ro stress, 100% show.\n <\/p>\n <div class=\"hero-pills\">\n <span class=\"hero-pill\">\u23f1 45 \u00e0 75 min<\/span>\n <span class=\"hero-pill\">\ud83d\udc65 3 \u00e0 7+ participants<\/span>\n <span class=\"hero-pill\">\ud83d\udce6 Tout-en-un<\/span>\n <\/div>\n <\/div>\n <div class=\"hero-cta\">\n <a class=\"btn-gold\" href=\"#catalogue\">Voir les shows \u2193<\/a>\n <a class=\"btn-outline\" href=\"\/catalogue\">Tout le catalogue<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/header>\n\n<!-- \u2550\u2550 WHAT'S INCLUDED \u2550\u2550 -->\n<div class=\"included-strip\">\n <div class=\"included-inner\">\n <span class=\"included-label\">Chaque kit contient<\/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<!-- \u2550\u2550 CATALOGUE \u2550\u2550 -->\n<section class=\"catalogue\" id=\"catalogue\">\n\n <div class=\"cat-header reveal\">\n <div>\n <div class=\"cat-eyebrow\">Les shows<\/div>\n <h2 class=\"cat-title\">Choisissez votre<br><em>spectacle<\/em><\/h2>\n <\/div>\n <\/div>\n\n <!-- Filter bar -->\n <div class=\"filter-bar reveal\">\n <div class=\"filter-chips\" id=\"filterChips\">\n <button class=\"chip is-active\" data-type=\"all\" type=\"button\">Tous<\/button>\n <button class=\"chip\" data-type=\"45min\" type=\"button\">\u23f1 ~45 min<\/button>\n <button class=\"chip\" data-type=\"75min\" type=\"button\">\u23f1 ~1h15<\/button>\n <button class=\"chip\" data-type=\"3pers\" type=\"button\">\ud83d\udc65 3+ pers.<\/button>\n <button class=\"chip\" data-type=\"7pers\" type=\"button\">\ud83d\udc65 7+ pers.<\/button>\n <button class=\"chip\" data-type=\"ready\" type=\"button\">\u2705 Disponible<\/button>\n <\/div>\n <div class=\"search-wrap\">\n <span style=\"opacity:.3;font-size:15px\">\ud83d\udd0d<\/span>\n <input id=\"search\" class=\"search\" type=\"search\" placeholder=\"Rechercher un show\u2026\" aria-label=\"Rechercher\">\n <\/div>\n <\/div>\n\n <!-- Shows grid -->\n <div class=\"shows-grid\" id=\"showsGrid\">\n\n <!-- FEATURED: Lost Boy \u2014 Peter Pan -->\n <article class=\"show-card featured reveal\" data-type=\"45min 3pers ready\" data-tags=\"peter pan lost boy best-seller\">\n <div class=\"show-poster\">\n <img decoding=\"async\" src=\"https:\/\/www.animcloud.fr\/wp-content\/uploads\/2025\/10\/7d239a6b-294e-4e62-9c2f-297ffed98d8d.jpg\" alt=\"Show Lost Boy \u2013 Peter Pan\" loading=\"lazy\">\n <span class=\"show-status status-best\">\u2b50 Best-seller<\/span>\n <span class=\"show-duration\">\u23f1 ~45 min<\/span>\n <\/div>\n <div style=\"display:flex;flex-direction:column;\">\n <div class=\"show-body\">\n <h3>Lost Boy<br>\u2014 Peter Pan<\/h3>\n <div class=\"show-meta\">\n <span class=\"show-meta-item\">\ud83d\udc65 Min. 3 participants<\/span>\n <span class=\"show-meta-item\">\ud83c\udf1f Tous publics<\/span>\n <\/div>\n <p>Le show phare d’AnimCloud. Script \u00e9pique, d\u00e9cors vid\u00e9o immersifs, musiques originales. Ton public ne verra jamais la m\u00eame colonie de vacances.<\/p>\n <div class=\"show-contents\">\n <span class=\"content-tag\">\ud83d\udcdc Script<\/span>\n <span class=\"content-tag\">\ud83c\udfac Vid\u00e9os<\/span>\n <span class=\"content-tag\">\ud83c\udfb5 Sons<\/span>\n <span class=\"content-tag\">\ud83c\udfad Accessoires<\/span>\n <span class=\"content-tag\">\u2705 Droits inclus<\/span>\n <\/div>\n <\/div>\n <div class=\"show-footer\">\n <a class=\"btn-dl-dark\" href=\"https:\/\/1drv.ms\/f\/c\/6241ecd70c0d2ab8\/ErgqDQzX7EEggGKkhAAAAAABTa7jvfLQqMVwBIh_nVTb3g?e=g75EQJ\" target=\"_blank\" rel=\"noopener\">\n \u2b07 T\u00e9l\u00e9charger le kit\n <\/a>\n <a class=\"btn-eye\" href=\"#\" title=\"Aper\u00e7u\">\ud83d\udc41<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- Cl\u00e9opatre -->\n <article class=\"show-card reveal reveal-delay-1\" data-type=\"45min 3pers ready\" data-tags=\"cl\u00e9opatre egypte\">\n <div class=\"show-poster\">\n <img decoding=\"async\" src=\"https:\/\/www.animcloud.fr\/wp-content\/uploads\/2025\/10\/IMG_2741.jpg\" alt=\"Show Cl\u00e9opatre\" loading=\"lazy\">\n <span class=\"show-status status-ready\">\u2705 Pr\u00eat \u00e0 jouer<\/span>\n <span class=\"show-duration\">\u23f1 ~45 min<\/span>\n <\/div>\n <div class=\"show-body\">\n <h3>Show : Cl\u00e9opatre<\/h3>\n <div class=\"show-meta\">\n <span class=\"show-meta-item\">\ud83d\udc65 Min. 3 pers.<\/span>\n <span class=\"show-meta-item\">\ud83c\udf1f Tous publics<\/span>\n <\/div>\n <p>Voyage en \u00c9gypte ancienne. Kit complet : script, vid\u00e9os, sons, guide accessoires. Spectacle cl\u00e9 en main tous publics.<\/p>\n <div class=\"show-contents\">\n <span class=\"content-tag\">\ud83d\udcdc Script<\/span>\n <span class=\"content-tag\">\ud83c\udfac Vid\u00e9os<\/span>\n <span class=\"content-tag\">\ud83c\udfb5 Sons<\/span>\n <\/div>\n <\/div>\n <div class=\"show-footer\">\n <a class=\"btn-dl-dark\" href=\"https:\/\/1drv.ms\/f\/c\/6241ecd70c0d2ab8\/ErgqDQzX7EEggGKSJgUAAAABt8YSi_gV08sZkBgkqJYqSA?e=KKdUYR\" target=\"_blank\" rel=\"noopener\">\n \u2b07 T\u00e9l\u00e9charger\n <\/a>\n <a class=\"btn-eye\" href=\"#\" title=\"Aper\u00e7u\">\ud83d\udc41<\/a>\n <\/div>\n <\/article>\n\n <!-- Le Nouveau Roi -->\n <article class=\"show-card reveal reveal-delay-2\" data-type=\"75min 7pers\" data-tags=\"roi nouveau\">\n <div class=\"show-poster\">\n <img decoding=\"async\" src=\"https:\/\/www.animcloud.fr\/wp-content\/uploads\/2025\/10\/7fa8ff51-74f0-44dc-86b2-e1608d1ad92e.jpg\" alt=\"Show Le Nouveau Roi\" loading=\"lazy\">\n <span class=\"show-status status-soon\">\ud83d\udd50 \u00c0 venir<\/span>\n <span class=\"show-duration\">\u23f1 ~1h15<\/span>\n <\/div>\n <div class=\"show-body\">\n <h3>Le Nouveau Roi<\/h3>\n <div class=\"show-meta\">\n <span class=\"show-meta-item\">\ud83d\udc65 Min. 7 pers.<\/span>\n <span class=\"show-meta-item\">\ud83c\udf1f Tous publics<\/span>\n <\/div>\n <p>Un grand spectacle pour les grandes \u00e9quipes. Sortie prochainement \u2014 aper\u00e7u des transitions disponible d\u00e8s maintenant.<\/p>\n <div class=\"show-contents\">\n <span class=\"content-tag\">\ud83c\udfac Aper\u00e7u transitions<\/span>\n <\/div>\n <\/div>\n <div class=\"show-footer\">\n <a class=\"btn-dl-dark\" href=\"https:\/\/1drv.ms\/f\/c\/6241ecd70c0d2ab8\/IgADY3DP8xYMQJAXBgWWsv48Adn5Ng_zGo2MZKc0CrN4Bpc?e=fE2dg0\" target=\"_blank\" rel=\"noopener\">\n \u2b07 T\u00e9l\u00e9charger\n <\/a>\n <a class=\"btn-eye\" href=\"#\" title=\"Aper\u00e7u\">\ud83d\udc41<\/a>\n <\/div>\n <\/article>\n\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550 HOW IT WORKS \u2550\u2550 -->\n<section class=\"how-section\">\n <div class=\"how-inner\">\n <div class=\"section-header reveal\">\n <div class=\"cat-eyebrow\">Simple comme bonjour<\/div>\n <h2 class=\"cat-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 show<\/h4>\n <p>Parcours le catalogue et s\u00e9lectionne le spectacle 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 r\u00f4les et guide accessoires. Tout est dans un seul dossier.<\/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>R\u00e9p\u00e8te en 30 min<\/h4>\n <p>Le script est con\u00e7u pour \u00eatre pris en main rapidement. 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<!-- \u2550\u2550 HELP BAR \u2550\u2550 -->\n<section class=\"help-section\">\n <div class=\"help-inner\">\n <div class=\"help-text\">\n <strong>Besoin d’aide ou d’un lien alternatif ?<\/strong>\n On est l\u00e0 pour toi. R\u00e9ponds en moins de 24h.\n <\/div>\n <a class=\"btn-contact\" href=\"\/contact\">\n \u2709 Contactez-nous\n <\/a>\n <\/div>\n<\/section>\n\n<!-- \u2550\u2550 FOOTER \u2550\u2550 -->\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 class=\"contact-pill\" 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 Hero slider\n(function () {\n const slides = document.querySelectorAll('.hero-slide');\n const dots = document.querySelectorAll('.dot');\n let current = 0, timer;\n\n function goTo(i) {\n slides[current].classList.remove('active');\n dots[current].classList.remove('active');\n current = (i + slides.length) % slides.length;\n slides[current].classList.add('active');\n dots[current].classList.add('active');\n }\n function autoPlay() { timer = setInterval(() => goTo(current + 1), 5000); }\n\n dots.forEach(dot => {\n dot.addEventListener('click', () => {\n clearInterval(timer);\n goTo(+dot.dataset.slide);\n autoPlay();\n });\n });\n autoPlay();\n})();\n\n\/\/ \u2500\u2500 Reveal on scroll\nconst revealEls = document.querySelectorAll('.reveal');\nconst obs = new IntersectionObserver((entries) => {\n entries.forEach((e, i) => {\n if (e.isIntersecting) {\n setTimeout(() => e.target.classList.add('visible'), i * 70);\n obs.unobserve(e.target);\n }\n });\n}, { threshold: 0.1 });\nrevealEls.forEach(el => obs.observe(el));\n\n\/\/ \u2500\u2500 Filter + search\n(function () {\n const chips = document.querySelectorAll('#filterChips .chip');\n const search = document.getElementById('search');\n const cards = Array.from(document.querySelectorAll('.show-card'));\n let active = 'all';\n\n function apply() {\n const q = (search.value || '').trim().toLowerCase();\n cards.forEach(card => {\n const type = card.dataset.type || '';\n const tags = card.dataset.tags || '';\n const title = (card.querySelector('h3')?.textContent || '').toLowerCase();\n const desc = (card.querySelector('p')?.textContent || '').toLowerCase();\n const matchType = active === 'all' || type.includes(active);\n const matchQ = !q || title.includes(q) || desc.includes(q) || tags.includes(q);\n card.style.display = (matchType && matchQ) ? '' : 'none';\n });\n }\n chips.forEach(chip => {\n chip.addEventListener('click', () => {\n chips.forEach(c => { c.classList.remove('is-active'); });\n chip.classList.add('is-active');\n active = chip.dataset.type;\n apply();\n });\n });\n search.addEventListener('input', apply);\n apply();\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kit Spectacle \u2014 AnimCloud Scroll AnimCloud \u203a Ressources \u203a Kit Spectacle \u2726 Droits inclus KitSpectacle Scripts, vid\u00e9os, sons et accessoires pr\u00eats \u00e0 jouer. S\u00e9lectionne ton show, t\u00e9l\u00e9charge, c’est parti. Z\u00e9ro stress, 100% show. \u23f1 45 \u00e0 75 min \ud83d\udc65 3 \u00e0 7+ participants \ud83d\udce6 Tout-en-un Voir les shows \u2193 Tout le catalogue Chaque kit contient […]<\/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-5101","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages\/5101","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=5101"}],"version-history":[{"count":21,"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages\/5101\/revisions"}],"predecessor-version":[{"id":10059,"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/pages\/5101\/revisions\/10059"}],"wp:attachment":[{"href":"https:\/\/www.animcloud.fr\/en\/wp-json\/wp\/v2\/media?parent=5101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}