PageSourceSearch

https://undergroundproduction.fr/blog/

html undergroundproduction.fr collected 2026-10-06 22:09:52 UTC 52,445 bytes, 123 lines download raw bytes

1<!DOCTYPE html><html lang="fr" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><meta name="generator" content="Astro v6.3.3"><title>Blog | Underground Production</title><meta name="description" content="Conseils, guides et retours d'expérience sur la production audiovisuelle, la captation événementielle, le livestream et la stratégie de contenus vidéo."><link rel="canonical" href="https://undergroundproduction.fr/blog/"><!-- hreflang tags --><link rel="alternate" hreflang="fr" href="https://undergroundproduction.fr/blog/"><link rel="alternate" hreflang="en" href="https://undergroundproduction.fr/en"><link rel="alternate" hreflang="x-default" href="https://undergroundproduction.fr/"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:site_name" content="Underground Production"><meta property="og:url" content="https://undergroundproduction.fr/blog/"><meta property="og:title" content="Blog | Underground Production"><meta property="og:description" content="Conseils, guides et retours d'expérience sur la production audiovisuelle, la captation événementielle, le livestream et la stratégie de contenus vidéo."><meta property="og:image" content="https://undergroundproduction.fr/og-default.jpg"><meta property="og:locale" content="fr_FR"><meta property="og:locale:alternate" content="en_US"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Blog | Underground Production"><meta name="twitter:description" content="Conseils, guides et retours d'expérience sur la production audiovisuelle, la captation événementielle, le livestream et la stratégie de contenus vidéo."><meta name="twitter:image" content="https://undergroundproduction.fr/og-default.jpg"><!-- JSON-LD -->
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://undergroundproduction.fr/#organization","name":"Underground Production","url":"https://undergroundproduction.fr","logo":{"@type":"ImageObject","url":"https://undergroundproduction.fr/media/about/logo-blanc.png"},"contactPoint":{"@type":"ContactPoint","email":"[email protected]","contactType":"customer service","availableLanguage":"French"},"sameAs":["https://fr.linkedin.com/company/undergroundproduction","https://www.youtube.com/@Underground.Production"]},{"@type":"LocalBusiness","@id":"https://undergroundproduction.fr/#localbusiness","name":"Underground Production","description":"Agence de production audiovisuelle à Paris. Podcasts, captations live, livestreams, aftermovies et contenus de marque pour entreprises et créateurs.","url":"https://undergroundproduction.fr","telephone":"+33951807110","email":"[email protected]","address":{"@type":"PostalAddress","streetAddress":"13 Place des Vosges","addressLocality":"Paris","postalCode":"75004","addressCountry":"FR"},"geo":{"@type":"GeoCoordinates","latitude":48.8554,"longitude":2.3625},"priceRange":"€€€","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:00","closes":"18:00"}],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Services audiovisuels","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Captation Vidéo","url":"https://undergroundproduction.fr/services/captation-video"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Diffusion en Direct","url":"https://undergroundproduction.fr/services/diffusion-en-direct"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Régie Mobile","url":"https://undergroundproduction.fr/services/regie-mobile"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Montage Vidéo","url":"https://undergroundproduction.fr/services/montage-video"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Stratégie de Contenus","url":"https://undergroundproduction.fr/services/strategie-contenus"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Location Matériel","url":"https://undergroundproduction.fr/services/location-materiel"}}]}},{"@type":"WebSite","@id":"https://undergroundproduction.fr/#website","url":"https://undergroundproduction.fr","name":"Underground Production","publisher":{"@id":"https://undergroundproduction.fr/#organization"},"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https://undergroundproduction.fr/blog/#webpage","url":"https://undergroundproduction.fr/blog/","name":"Blog | Underground Production","description":"Conseils, guides et retours d'expérience sur la production audiovisuelle, la captation événementielle, le livestream et la stratégie de contenus vidéo.","isPartOf":{"@id":"https://undergroundproduction.fr/#website"},"about":{"@id":"https://undergroundproduction.fr/#organization"},"inLanguage":"fr-FR"}]}</script>
1<!-- Consent Mode v2 (mode avancé) — defaults "denied" posés AVANT tout chargement Google.
2         Recommandation Google : la commande consent default doit être le plus haut possible dans le <head>.
3         tarteaucitron repose ensuite le même default puis charge GTM (fallback) et pousse "update granted" à l'acceptation. -->
3<script>
4      window.dataLayer = window.dataLayer || [];
5      function gtag(){ dataLayer.push(arguments); }
6      gtag('consent', 'default', {
7        ad_storage: 'denied',
8        analytics_storage: 'denied',
9        ad_user_data: 'denied',
10        ad_personalization: 'denied',
11        wait_for_update: 800
12      });
13      // Modélisation des conversions Google Ads quand le consentement est refusé.
14      gtag('set', 'ads_data_redaction', true);
15      gtag('set', 'url_passthrough', true);
16
17      // Pont consentement : tarteaucitron ne charge que le service "googletagmanager",
18      // pour lequel il ne câble AUCUNE mise à jour Consent Mode (contrairement à gtag/googleads).
19      // On écoute donc nous-mêmes l'événement qu'il émet (sendEvent → document.dispatchEvent)
20      // pour passer le consentement à "granted"/"denied". Sans ça, l'état reste bloqué sur
21      // le default "denied" même après acceptation (→ 0 % de consentement, aucune donnée GA4/Ads).
22      document.addEventListener('googletagmanager_consentModeOk', function () {
23        gtag('consent', 'update', {
24          ad_storage: 'granted',
25          analytics_storage: 'granted',
26          ad_user_data: 'granted',
27          ad_personalization: 'granted'
28        });
29      });
30      document.addEventListener('googletagmanager_consentModeKo', function () {
31        gtag('consent', 'update', {
32          ad_storage: 'denied',
33          analytics_storage: 'denied',
34          ad_user_data: 'denied',
35          ad_personalization: 'denied'
36        });
37      });
38    </script>
38<script defer src="/tarteaucitron/tarteaucitron.min.js"></script>
38<script>
39      window.addEventListener('DOMContentLoaded', function () {
40      if (!window.__tacInitialized) {
41        window.__tacInitialized = true;
42        tarteaucitron.init({
43          privacyUrl: '/confidentialite',
44          bodyPosition: 'top',
45          hashtag: '#cookies',
46          cookieName: 'tarteaucitron',
47          orientation: 'bottom',
48          groupServices: false,
49          showDetailsOnClick: true,
50          serviceDefaultState: 'wait',
51          showAlertSmall: false,
52          cookieslist: false,
53          closePopup: false,
54          showIcon: true,
55          iconPosition: 'BottomLeft',
56          DenyAllCta: true,
57          AcceptAllCta: true,
58          highPrivacy: true,
59          handleBrowserDNTRequest: false,
60          removeCredit: false,
61          moreInfoLink: true,
62          useExternalCss: false,
63          useExternalJs: false,
64          googleConsentMode: true,
65          bingConsentMode: false,
66          partnersList: true
67        });
68        tarteaucitron.user.googletagmanagerId = 'GTM-WZ7W46WR';
69        (tarteaucitron.job = tarteaucitron.job || []).push('googletagmanager');
70      }
71      });
72    </script>
72<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap"><link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet"></noscript><style>html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}
73</style>
74<link rel="stylesheet" href="/_astro/Layout.VcZI7JeH.css">
75<style>.lang-link[data-astro-cid-a2mxz4y6]{font-family:DM Sans,sans-serif;font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#ffffff73;transition:color .2s ease;text-decoration:none}.lang-link[data-astro-cid-a2mxz4y6]:hover{color:#ffffffbf}.lang-link[data-astro-cid-a2mxz4y6].active{color:#1d4ed8;pointer-events:none}.lang-link[data-astro-cid-a2mxz4y6]:focus-visible{outline:2px solid #1D4ED8;outline-offset:2px;border-radius:2px}#logo-horizontal[data-astro-cid-5blmo7yk]{transition:filter .4s ease,opacity .4s ease}#logo-horizontal[data-astro-cid-5blmo7yk].logo-blue{filter:brightness(0) saturate(100%) invert(18%) sepia(97%) saturate(1900%) hue-rotate(219deg) brightness(98%)}.mob-bar[data-astro-cid-5blmo7yk]{display:block;width:18px;height:1.5px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease,background .35s ease;transform-origin:center}#mob-toggle[data-astro-cid-5blmo7yk][aria-expanded=true] #mob-b1[data-astro-cid-5blmo7yk]{transform:translateY(6.5px) rotate(45deg)}#mob-toggle[data-astro-cid-5blmo7yk][aria-expanded=true] #mob-b2[data-astro-cid-5blmo7yk]{opacity:0;transform:scaleX(0)}#mob-toggle[data-astro-cid-5blmo7yk][aria-expanded=true] #mob-b3[data-astro-cid-5blmo7yk]{transform:translateY(-6.5px) rotate(-45deg)}.mob-section-label[data-astro-cid-5blmo7yk]{font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin:0 0 .5rem}.mob-link[data-astro-cid-5blmo7yk]{display:block;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:600;color:#ffffffb3;letter-spacing:-.01em;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;transition:color .2s}.mob-link[data-astro-cid-5blmo7yk]:last-of-type{border-bottom:none}.mob-link[data-astro-cid-5blmo7yk]:hover,.mob-link-active[data-astro-cid-5blmo7yk]{color:#fff}.mob-link-sm[data-astro-cid-5blmo7yk]{font-size:.9rem;font-weight:500}
76</style></head> <body class="bg-white text-[#0F172A] antialiased" style="font-family: 'DM Sans', sans-serif;" data-astro-cid-sckkx6r4> <div id="page-transition" class="fixed inset-0 bg-[#1D4ED8] z-[9999] pointer-events-none" style="transform: translateY(0%)" data-astro-cid-sckkx6r4></div>  <header id="navbar" class="fixed top-0 left-0 w-full z-50" data-home="false" style="background:rgba(9,12,22,0.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,0.05);" data-astro-cid-5blmo7yk> <nav class="px-8 md:px-16 py-5 md:py-6 flex items-center justify-between gap-10" data-astro-cid-5blmo7yk> <a href="/" class="flex-shrink-0 leading-none" data-astro-cid-5blmo7yk> <img id="logo-horizontal" src="/media/about/logo-blanc.png" alt="Underground Production" width="735" height="274" loading="eager" class="h-10 md:h-11 w-auto object-contain object-left" style data-astro-cid-5blmo7yk> </a> <ul class="hidden md:flex items-center gap-10 flex-1 justify-center" data-astro-cid-5blmo7yk> <!-- Vous êtes ? + dropdown --> <li class="relative" id="audience-menu" data-astro-cid-5blmo7yk> <button id="audience-trigger" class="nav-link flex items-center gap-1.5 text-xs font-semibold tracking-[0.2em] uppercase transition-colors duration-200 text-white/75 hover:text-white" style="font-family:'DM Sans',sans-serif;background:none;border:none;cursor:pointer;padding:0;" aria-expanded="false" data-astro-cid-5blmo7yk>
76 Vous êtes ? <svg id="audience-chevron" width="10" height="6" viewBox="0 0 10 6" fill="none" style="transition:transform 0.25s ease;flex-shrink:0;" data-astro-cid-5blmo7yk> <path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5blmo7yk></path> </svg> </button> <div id="audience-dropdown" class="absolute left-1/2 top-full mt-4 w-44 rounded-2xl overflow-hidden" style="transform:translateX(-50%) translateY(-6px);opacity:0;pointer-events:none;transition:opacity 0.22s ease,transform 0.22s ease;background:rgba(9,12,22,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.09);box-shadow:0 24px 48px -12px rgba(0,0,0,0.6);" data-astro-cid-5blmo7yk> <div class="py-2" data-astro-cid-5blmo7yk> <a href="/entreprise" class="dd-link flex items-center justify-between px-4 py-3 text-[11px] font-semibold tracking-[0.14em] uppercase transition-colors duration-150 text-white/70 hover:text-white hover:bg-white/5" style="font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk> Entreprise  </a><a href="/createur" class="dd-link flex items-center justify-between px-4 py-3 text-[11px] font-semibold tracking-[0.14em] uppercase transition-colors duration-150 text-white/70 hover:text-white hover:bg-white/5" style="font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk> Créateur  </a> </div> </div> </li> <!-- Services + dropdown --> <li class="relative" id="services-menu" data-astro-cid-5blmo7yk> <button id="services-trigger" class="nav-link flex items-center gap-1.5 text-xs font-semibold tracking-[0.2em] uppercase transition-colors duration-200 text-white/75 hover:text-white" style="font-family:'DM Sans',sans-serif;background:none;border:none;cursor:pointer;padding:0;" aria-expanded="false" data-astro-cid-5blmo7yk>
77Services
78<svg id="services-chevron" width="10" height="6" viewBox="0 0 10 6" fill="none" style="transition:transform 0.25s ease;flex-shrink:0;" data-astro-cid-5blmo7yk> <path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5blmo7yk></path> </svg> </button> <div id="services-dropdown" class="absolute left-1/2 top-full mt-4 w-56 rounded-2xl overflow-hidden" style="transform:translateX(-50%) translateY(-6px);opacity:0;pointer-events:none;transition:opacity 0.22s ease,transform 0.22s ease;background:rgba(9,12,22,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.09);box-shadow:0 24px 48px -12px rgba(0,0,0,0.6);" data-astro-cid-5blmo7yk> <div class="py-2" data-astro-cid-5blmo7yk> <a href="/services/captation-video" class="dd-link flex items-center justify-between px-4 py-3 text-[11px] font-semibold tracking-[0.14em] uppercase transition-colors duration-150 text-white/70 hover:text-white hover:bg-white/5" style="font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk> Captation Vidéo  </a><a href="/services/diffusion-en-direct" class="dd-link flex items-center justify-between px-4 py-3 text-[11px] font-semibold tracking-[0.14em] uppercase transition-colors duration-150 text-white/70 hover:text-white hover:bg-white/5" style="font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk> Diffusion en direct  </a><a href="/services/regie-mobile" class="dd-link flex items-center justify-between px-4 py-3 text-[11px] font-semibold tracking-[0.14em] uppercase transition-colors duration-150 text-white/70 hover:text-white hover:bg-white/5" style="font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk> Régie Mobile  </a><a href="/services/montage-video" class="dd-link flex items-center justify-between px-4 py-3 text-[11px] font-semibold tracking-[0.14em] uppercase transition-colors duration-150 text-white/70 hover:text-white hover:bg-white/5" style="font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk> Montage Vidéo  </a><a href="/services/strategie-contenus" class="dd-link flex items-center justify-between px-4 py-3 text-[11px] font-semibold tracking-[0.14em] uppercase transition-colors duration-150 text-white/70 hover:text-white hover:bg-white/5" style="font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk>
78 Stratégie de contenus  </a><a href="/services/location-materiel" class="dd-link flex items-center justify-between px-4 py-3 text-[11px] font-semibold tracking-[0.14em] uppercase transition-colors duration-150 text-white/70 hover:text-white hover:bg-white/5" style="font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk> Location Matériel  </a> </div> </div> </li> <!-- Autres liens --> <li data-astro-cid-5blmo7yk> <a href="/realisations" class="nav-link text-xs font-semibold tracking-[0.2em] uppercase transition-colors duration-200 text-white/75 hover:text-white" style="font-family:'DM Sans',sans-serif;" data-scramble data-astro-cid-5blmo7yk>Réalisations</a> </li><li data-astro-cid-5blmo7yk> <a href="/blog" class="nav-link text-xs font-semibold tracking-[0.2em] uppercase transition-colors duration-200 text-white" style="font-family:'DM Sans',sans-serif;" aria-current="page" data-astro-cid-5blmo7yk>Blog</a> </li> </ul> <a href="/contact" class="nav-cta hidden md:inline-flex items-center gap-2 text-xs font-semibold tracking-[0.18em] uppercase bg-[#1D4ED8] text-white px-5 py-2.5 rounded-full hover:bg-[#1e40af] transition-all duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] active:scale-[0.97] flex-shrink-0" style="font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk> Contact </a> <!-- Language Switcher (desktop uniquement) --> <div class="hidden md:flex" data-astro-cid-5blmo7yk> <div class="language-switcher flex items-center gap-2" data-astro-cid-a2mxz4y6> <a href="/blog/" class="lang-link active" aria-label="Français" aria-current="page" data-astro-cid-a2mxz4y6>
79FR
80</a> <span class="lang-separator text-white/20" data-astro-cid-a2mxz4y6>/</span> <a href="/en" class="lang-link " aria-label="English" data-astro-cid-a2mxz4y6>
81EN
82</a> </div> </div> <!-- Bouton hamburger (mobile uniquement) --> <button id="mob-toggle" class="md:hidden flex flex-col justify-center items-center gap-[5px] w-10 h-10 rounded-xl flex-shrink-0" aria-label="Ouvrir le menu" aria-expanded="false" style="background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);" data-astro-cid-5blmo7yk> <span id="mob-b1" class="mob-bar" data-astro-cid-5blmo7yk></span> <span id="mob-b2" class="mob-bar" data-astro-cid-5blmo7yk></span> <span id="mob-b3" class="mob-bar" data-astro-cid-5blmo7yk></span> </button> </nav> </header> <!-- Overlay sombre (mobile) --> <div id="mob-overlay" class="fixed inset-0 md:hidden" style="z-index:99;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .35s ease;" aria-hidden="true" data-astro-cid-5blmo7yk></div> <!-- Panel de navigation mobile --> <div id="mob-panel" class="fixed top-0 right-0 bottom-0 w-full md:hidden flex flex-col" style="z-index:100;background:#090C16;transform:translateX(100%);transition:transform .38s cubic-bezier(0.32,0.72,0,1);max-width:420px;" aria-hidden="true" data-astro-cid-5blmo7yk> <!-- En-tête panel --> <div class="flex items-center justify-between px-6 py-5" style="border-bottom:1px solid rgba(255,255,255,.06);" data-astro-cid-5blmo7yk> <a href="/" class="flex-shrink-0" data-astro-cid-5blmo7yk> <img src="/media/about/logo-blanc.png" alt="Underground Production" width="735" height="274" class="h-9 w-auto object-contain object-left" data-astro-cid-5blmo7yk> </a> <button id="mob-close" aria-label="Fermer le menu" class="w-9 h-9 flex items-center justify-center rounded-lg" style="background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;" data-astro-cid-5blmo7yk> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-5blmo7yk> <path d="M1 1l12 12M13 1L1 13" data-astro-cid-5blmo7yk></path> </svg> </button> </div> <!-- Liens de navigation --> <nav class="flex-1 overflow-y-auto px-6 py-6" style="font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk> <p class="mob-section-label" data-astro-cid-5blmo7yk>Vous êtes ?</p> <a href="/entreprise" class="mob-link " data-astro-cid-5blmo7yk>Entreprise</a><a href="/createur" class="mob-link " data-astro-cid-5blmo7yk>Créateur</a> <p class="mob-section-label" style="margin-top:1.75rem;" data-astro-cid-5blmo7yk>Services</p> <a href="/services/captation-video" class="mob-link mob-link-sm " data-astro-cid-5blmo7yk>Captation Vidéo</a>
82<a href="/services/diffusion-en-direct" class="mob-link mob-link-sm " data-astro-cid-5blmo7yk>Diffusion en direct</a><a href="/services/regie-mobile" class="mob-link mob-link-sm " data-astro-cid-5blmo7yk>Régie Mobile</a><a href="/services/montage-video" class="mob-link mob-link-sm " data-astro-cid-5blmo7yk>Montage Vidéo</a><a href="/services/strategie-contenus" class="mob-link mob-link-sm " data-astro-cid-5blmo7yk>Stratégie de contenus</a><a href="/services/location-materiel" class="mob-link mob-link-sm " data-astro-cid-5blmo7yk>Location Matériel</a> <p class="mob-section-label" style="margin-top:1.75rem;" data-astro-cid-5blmo7yk>Découvrir</p> <a href="/realisations" class="mob-link " data-astro-cid-5blmo7yk>Réalisations</a><a href="/blog" class="mob-link mob-link-active" data-astro-cid-5blmo7yk>Blog</a> </nav> <!-- CTA bas --> <div class="px-6 pb-10 pt-4" style="border-top:1px solid rgba(255,255,255,.06);" data-astro-cid-5blmo7yk> <a href="/contact" class="flex items-center justify-center gap-2 text-white text-xs font-semibold tracking-[.18em] uppercase rounded-full py-4" style="background:#1D4ED8;font-family:'DM Sans',sans-serif;" data-astro-cid-5blmo7yk>
83Nous contacter →
84</a> </div> </div>  
84<script type="module" src="/_astro/Navbar.astro_astro_type_script_index_0_lang.DAf1ONbv.js"></script>
84  <section class="relative bg-[#090C16] overflow-hidden" style="padding-top:clamp(7rem,14vw,11rem);padding-bottom:clamp(4rem,8vw,6rem);"> <div class="absolute inset-0 pointer-events-none" aria-hidden="true" style="background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(29,78,216,.10) 0%,transparent 70%);"></div> <div class="relative z-10 px-8 md:px-14"> <span class="inline-flex items-center gap-0 text-[12px] uppercase tracking-[0.22em] font-semibold text-white/55 blog-eyebrow mb-6"> <span style="color:#1D4ED8;font-family:'Archivo',sans-serif;font-weight:700;margin-right:.35em;">[</span>Ressources<span style="color:#1D4ED8;font-family:'Archivo',sans-serif;font-weight:700;margin-left:.35em;">]</span> </span> <h1 class="blog-title text-white" style="font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(3rem,7vw,6rem);letter-spacing:-.04em;line-height:.95;max-width:14ch;">
85Production.<br>Expertise.<br>Contenus.
86</h1> <p class="blog-sub text-white/40 mt-6 max-w-lg text-base leading-relaxed" style="font-family:'DM Sans',sans-serif;">
87Guides pratiques et retours terrain sur la production audiovisuelle, la captation événementielle et la stratégie de contenus vidéo.
88</p> </div> </section>  <section class="bg-white px-8 md:px-14 py-16 md:py-24"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <article class="blog-card group flex flex-col"> <a href="/blog/linkedin-video-performance" class="block relative overflow-hidden rounded-2xl bg-[#0F172A] mb-5 flex-shrink-0" style="aspect-ratio:16/9;"> <img src="/media/blog/linkedin-video-studio-micro.webp" alt="Studio podcast Underground Production avec micro sur bras articulé et décor coloré" class="absolute inset-0 w-full h-full object-cover opacity-80 transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:opacity-95 group-hover:scale-[1.04]" loading="lazy"> <div class="absolute inset-0" style="background:linear-gradient(to top,rgba(9,12,22,.5) 0%,transparent 60%);"></div> <span class="absolute top-4 left-4 rounded-full px-3 py-1 text-[9px] uppercase tracking-[.2em] font-semibold" style="font-family:'DM Sans',sans-serif;background:rgba(29,78,216,.85);color:#fff;">Stratégie de contenu</span> </a> <div class="flex flex-col flex-1"> <p class="text-[#94A3B8] text-xs mb-2" style="font-family:'DM Sans',sans-serif;letter-spacing:.04em;"> 7 juin 2026 </p> <h2 class="text-[#0F172A] font-semibold leading-snug mb-3 group-hover:text-[#1D4ED8] transition-colors duration-200" style="font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,1.6vw,1.2rem);letter-spacing:-.01em;"> <a href="/blog/linkedin-video-performance">Pourquoi votre chaîne LinkedIn ne performe pas et comment y remédier avec des formats vidéo adaptés</a> </h2> <p class="text-[#64748B] text-sm leading-relaxed flex-1" style="font-family:'DM Sans',sans-serif;"> Découvrez pourquoi vos contenus vidéo LinkedIn ne décollent pas et quels formats adopter pour améliorer votre visibilité, votre crédibilité et l&#39;engagement. </p> <a href="/blog/linkedin-video-performance" class="inline-flex items-center gap-1.5 text-[#1D4ED8] text-xs font-semibold tracking-[.12em] uppercase mt-4 hover:gap-3 transition-all duration-300" style="font-family:'DM Sans',sans-serif;">
89Lire l'article <span>→</span> </a> </div> </article><article class="blog-card group flex flex-col"> <a href="/blog/brief-video-production" class="block relative overflow-hidden rounded-2xl bg-[#0F172A] mb-5 flex-shrink-0" style="aspect-ratio:16/9;"> <img src="/media/blog/brief-production-backstage.jpg" alt="Interview en coulisses avec microphones lors d'un événement de production" class="absolute inset-0 w-full h-full object-cover opacity-80 transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:opacity-95 group-hover:scale-[1.04]" loading="lazy"> <div class="absolute inset-0" style="background:linear-gradient(to top,rgba(9,12,22,.5) 0%,transparent 60%);"></div> <span class="absolute top-4 left-4 rounded-full px-3 py-1 text-[9px] uppercase tracking-[.2em] font-semibold" style="font-family:'DM Sans',sans-serif;background:rgba(29,78,216,.85);color:#fff;">Vidéo d&#39;entreprise</span> </a> <div class="flex flex-col flex-1"> <p class="text-[#94A3B8] text-xs mb-2" style="font-family:'DM Sans',sans-serif;letter-spacing:.04em;"> 25 mai 2026 </p> <h2 class="text-[#0F172A] font-semibold leading-snug mb-3 group-hover:text-[#1D4ED8] transition-colors duration-200" style="font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,1.6vw,1.2rem);letter-spacing:-.01em;"> <a href="/blog/brief-video-production">Comment préparer un brief clair à votre équipe de production pour obtenir exactement le rendu attendu</a> </h2> <p class="text-[#64748B] text-sm leading-relaxed flex-1" style="font-family:'DM Sans',sans-serif;"> Découvrez comment structurer un brief vidéo clair pour aligner votre équipe, gagner du temps et obtenir un rendu fidèle à vos attentes. </p> <a href="/blog/brief-video-production" class="inline-flex items-center gap-1.5 text-[#1D4ED8] text-xs font-semibold tracking-[.12em] uppercase mt-4 hover:gap-3 transition-all duration-300" style="font-family:'DM Sans',sans-serif;">
90Lire l'article <span>→</span> </a> </div> </article><article class="blog-card group flex flex-col"> <a href="/blog/video-temoignage-client-b2b" class="block relative overflow-hidden rounded-2xl bg-[#0F172A] mb-5 flex-shrink-0" style="aspect-ratio:16/9;"> <img src="/media/blog/temoignage-client-interview.jpg" alt="Interviewée en studio podcast face au microphone, cadre professionnel soigné" class="absolute inset-0 w-full h-full object-cover opacity-80 transition-all duration-700 ease-[
90cubic-bezier(0.32,0.72,0,1)] group-hover:opacity-95 group-hover:scale-[1.04]" loading="lazy"> <div class="absolute inset-0" style="background:linear-gradient(to top,rgba(9,12,22,.5) 0%,transparent 60%);"></div> <span class="absolute top-4 left-4 rounded-full px-3 py-1 text-[9px] uppercase tracking-[.2em] font-semibold" style="font-family:'DM Sans',sans-serif;background:rgba(29,78,216,.85);color:#fff;">Vidéo d&#39;entreprise</span> </a> <div class="flex flex-col flex-1"> <p class="text-[#94A3B8] text-xs mb-2" style="font-family:'DM Sans',sans-serif;letter-spacing:.04em;"> 21 mai 2026 </p> <h2 class="text-[#0F172A] font-semibold leading-snug mb-3 group-hover:text-[#1D4ED8] transition-colors duration-200" style="font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,1.6vw,1.2rem);letter-spacing:-.01em;"> <a href="/blog/video-temoignage-client-b2b">Vidéo témoignage client B2B : comment obtenir des retours authentiques qui convertissent vos prospects</a> </h2> <p class="text-[#64748B] text-sm leading-relaxed flex-1" style="font-family:'DM Sans',sans-serif;"> Découvrez comment réussir une vidéo témoignage client B2B crédible, naturelle et convaincante pour renforcer la confiance et accélérer vos conversions. </p> <a href="/blog/video-temoignage-client-b2b" class="inline-flex items-center gap-1.5 text-[#1D4ED8] text-xs font-semibold tracking-[.12em] uppercase mt-4 hover:gap-3 transition-all duration-300" style="font-family:'DM Sans',sans-serif;">
91Lire l'article <span>→</span> </a> </div> </article><article class="blog-card group flex flex-col"> <a href="/blog/5-erreurs-videos-corporatives" class="block relative overflow-hidden rounded-2xl bg-[#0F172A] mb-5 flex-shrink-0" style="aspect-ratio:16/9;"> <img src="/media/blog/erreurs-video-corporate-tournage.jpg" alt="Moniteur caméra 4K lors d'un tournage corporate en bureau" class="absolute inset-0 w-full h-full object-cover opacity-80 transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:opacity-95 group-hover:scale-[1.04]" loading="lazy"> <div class="absolute inset-0" style="background:linear-gradient(to top,rgba(9,12,22,.5) 0%,transparent 60%);"></div> <span class="absolute top-4 left-4 rounded-full px-3 py-1 text-[9px] uppercase tracking-[.2em] font-semibold" style="font-family:'DM Sans',sans-serif;background:rgba(29,78,216,.85);color:#fff;">Vidéo d&#39;entreprise</span> </a> <div class="flex flex-col flex-1"> <p class="text-[#94A3B8] text-xs mb-2" style="font-family:'DM Sans',sans-serif;letter-spacing:.04em;"> 26 avril 2026 </p> <h2 class="text-[#0F172A] font-semibold leading-snug mb-3 group-hover:text-[#1D4ED8] transition-colors duration-200" style="font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,1.6vw,1.2rem);letter-spacing:-.01em;"> <a href="/blog/5-erreurs-videos-corporatives">Les 5 erreurs qui affaiblissent vos vidéos corporatives, et comment les corriger avant le tournage</a> </h2> <p class="text-[#64748B] text-sm leading-relaxed flex-1" style="font-family:'DM Sans',sans-serif;"> Découvrez les 5 erreurs les plus fréquentes en vidéo corporate et comment les corriger avant le tournage pour obtenir un rendu plus professionnel. </p> <a href="/blog/5-erreurs-videos-corporatives" class="inline-flex items-center gap-1.5 text-[#1D4ED8] text-xs font-semibold tracking-[.12em] uppercase mt-4 hover:gap-3 transition-all duration-300" style="font-family:'DM Sans',sans-serif;">
92Lire l'article <span>→</span> </a> </div> </article><article class="blog-card group flex flex-col"> <a href="/blog/video-entreprise-paris-image-de-marque" class="block relative overflow-hidden rounded-2xl bg-[#0F172A] mb-5 flex-shrink-0" style="aspect-ratio:16/9;"> <img src="/media/blog/video-entreprise-podcast-studio.jpg" alt="Interview professionnelle en studio podcast, deux intervenants face à face" class="absolute inset-0 w-full h-full object-cover opacity-80 transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:opacity-95 group-hover:scale-[1.04]" loading="lazy"> <div class="absolute inset-0" style="background:linear-gradient(to top,rgba(9,12,22,.5) 0%,transparent 60%);"></div> <span class="absolute top-4 left-4 rounded-full px-3 py-1 text-[9px] uppercase tracking-[.2em] font-semibold" style="font-family:'DM Sans',sans-serif;background:rgba(29,78,216,.85);color:#fff;">Vidéo d&#39;entreprise</span> </a> <div class="flex flex-col flex-1"> <p class="text-[#94A3B8] text-xs mb-2" style="font-family:'DM Sans',sans-serif;letter-spacing:.04em;"> 11 avril 2026 </p> <h2 class="text-[#0F172A] font-semibold leading-snug mb-3 group-hover:text-[#1D4ED8] transition-colors duration-200" style="font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,1.6vw,1.2rem);letter-spacing:-.01em;">
92 <a href="/blog/video-entreprise-paris-image-de-marque">Vidéo d&#39;entreprise à Paris : renforcer votre image de marque</a> </h2> <p class="text-[#64748B] text-sm leading-relaxed flex-1" style="font-family:'DM Sans',sans-serif;"> Découvrez comment produire une vidéo d&#39;entreprise à Paris qui valorise votre image de marque, améliore votre crédibilité et nourrit votre communication. </p> <a href="/blog/video-entreprise-paris-image-de-marque" class="inline-flex items-center gap-1.5 text-[#1D4ED8] text-xs font-semibold tracking-[.12em] uppercase mt-4 hover:gap-3 transition-all duration-300" style="font-family:'DM Sans',sans-serif;">
93Lire l'article <span>→</span> </a> </div> </article><article class="blog-card group flex flex-col"> <a href="/blog/captation-evenement-entreprise" class="block relative overflow-hidden rounded-2xl bg-[#0F172A] mb-5 flex-shrink-0" style="aspect-ratio:16/9;"> <img src="/media/blog/captation-conference-cameraman.jpg" alt="Caméraman en train de filmer une conférence professionnelle" class="absolute inset-0 w-full h-full object-cover opacity-80 transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:opacity-95 group-hover:scale-[1.04]" loading="lazy"> <div class="absolute inset-0" style="background:linear-gradient(to top,rgba(9,12,22,.5) 0%,transparent 60%);"></div> <span class="absolute top-4 left-4 rounded-full px-3 py-1 text-[9px] uppercase tracking-[.2em] font-semibold" style="font-family:'DM Sans',sans-serif;background:rgba(29,78,216,.85);color:#fff;">Captation vidéo</span> </a> <div class="flex flex-col flex-1"> <p class="text-[#94A3B8] text-xs mb-2" style="font-family:'DM Sans',sans-serif;letter-spacing:.04em;"> 8 avril 2026 </p> <h2 class="text-[#0F172A] font-semibold leading-snug mb-3 group-hover:text-[#1D4ED8] transition-colors duration-200" style="font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,1.6vw,1.2rem);letter-spacing:-.01em;"> <a href="/blog/captation-evenement-entreprise">Comment capturer votre événement d&#39;entreprise avec une qualité professionnelle</a> </h2> <p class="text-[#64748B] text-sm leading-relaxed flex-1" style="font-family:'DM Sans',sans-serif;"> Découvrez comment préparer et réussir la captation vidéo de votre événement d&#39;entreprise pour obtenir un rendu professionnel et des contenus réutilisables sur tous vos canaux. </p> <a href="/blog/captation-evenement-entreprise" class="inline-flex items-center gap-1.5 text-[#1D4ED8] text-xs font-semibold tracking-[.12em] uppercase mt-4 hover:gap-3 transition-all duration-300" style="font-family:'DM Sans',sans-serif;">
94Lire l'article <span>→</span> </a> </div> </article><article class="blog-card group flex flex-col"> <a href="/blog/roi-production-video-entreprise" class="block relative overflow-hidden rounded-2xl bg-[#0F172A] mb-5 flex-shrink-0" style="aspect-ratio:16/9;"> <img src="/media/blog/roi-video-studio-production.jpg" alt="Studio Underground Production avec double micro, casques et backdrop brandé" class="absolute inset-0 w-full h-full object-cover opacity-80 transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:opacity-95 group-hover:scale-[1.04]" loading="lazy"> <div class="absolute inset-0" style="background:linear-gradient(to top,rgba(9,12,22,.5) 0%,transparent 60%);"></div> <span class="absolute top-4 left-4 rounded-full px-3 py-1 text-[9px] uppercase tracking-[.2em] font-semibold" style="font-family:'DM Sans',sans-serif;background:rgba(29,78,216,.85);color:#fff;">Stratégie de contenu</span> </a> <div class="flex flex-col flex-1"> <p class="text-[#94A3B8] text-xs mb-2" style="font-family:'DM Sans',sans-serif;letter-spacing:.04em;"> 27 février 2026 </p> <h2 class="text-[#0F172A] font-semibold leading-snug mb-3 group-hover:text-[#1D4ED8] transition-colors duration-200" style="font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,1.6vw,1.2rem);letter-spacing:-.01em;"> <a href="/blog/roi-production-video-entreprise">Mesurer le ROI réel de vos productions vidéo d&#39;entreprise : indicateurs clés et méthode simple</a> </h2> <p class="text-[#64748B] text-sm leading-relaxed flex-1" style="font-family:'DM Sans',sans-serif;"> Découvrez comment mesurer le ROI réel de vos vidéos d&#39;entreprise avec une méthode simple, des indicateurs utiles et une approche orientée business. </p>
94 <a href="/blog/roi-production-video-entreprise" class="inline-flex items-center gap-1.5 text-[#1D4ED8] text-xs font-semibold tracking-[.12em] uppercase mt-4 hover:gap-3 transition-all duration-300" style="font-family:'DM Sans',sans-serif;">
95Lire l'article <span>→</span> </a> </div> </article><article class="blog-card group flex flex-col"> <a href="/blog/webinar-talk-show-aftermovie-format-b2b" class="block relative overflow-hidden rounded-2xl bg-[#0F172A] mb-5 flex-shrink-0" style="aspect-ratio:16/9;"> <img src="/media/blog/webinar-format-popup-studio.jpg" alt="Studio pop-up avec caméras et animateurs lors d'un événement d'entreprise" class="absolute inset-0 w-full h-full object-cover opacity-80 transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:opacity-95 group-hover:scale-[1.04]" loading="lazy"> <div class="absolute inset-0" style="background:linear-gradient(to top,rgba(9,12,22,.5) 0%,transparent 60%);"></div> <span class="absolute top-4 left-4 rounded-full px-3 py-1 text-[9px] uppercase tracking-[.2em] font-semibold" style="font-family:'DM Sans',sans-serif;background:rgba(29,78,216,.85);color:#fff;">Stratégie de contenu</span> </a> <div class="flex flex-col flex-1"> <p class="text-[#94A3B8] text-xs mb-2" style="font-family:'DM Sans',sans-serif;letter-spacing:.04em;"> 23 février 2026 </p> <h2 class="text-[#0F172A] font-semibold leading-snug mb-3 group-hover:text-[#1D4ED8] transition-colors duration-200" style="font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,1.6vw,1.2rem);letter-spacing:-.01em;"> <a href="/blog/webinar-talk-show-aftermovie-format-b2b">Webinars, talk shows, aftermovies : quel format vidéo choisir pour votre stratégie B2B en 2026</a> </h2> <p class="text-[#64748B] text-sm leading-relaxed flex-1" style="font-family:'DM Sans',sans-serif;"> Découvrez quel format vidéo choisir entre webinar, talk show et aftermovie selon vos objectifs marketing, votre audience et votre stratégie B2B. </p> <a href="/blog/webinar-talk-show-aftermovie-format-b2b" class="inline-flex items-center gap-1.5 text-[#1D4ED8] text-xs font-semibold tracking-[.12em] uppercase mt-4 hover:gap-3 transition-all duration-300" style="font-family:'DM Sans',sans-serif;">
96Lire l'article <span>→</span> </a> </div> </article><article class="blog-card group flex flex-col"> <a href="/blog/evenement-contenu-recurrent" class="block relative overflow-hidden rounded-2xl bg-[#0F172A] mb-5 flex-shrink-0" style="aspect-ratio:16/9;"> <img src="/media/blog/evenement-contenu-auditorium.jpg" alt="Grande salle de conférence avec public nombreux et intervenant sur scène" class="absolute inset-0 w-full h-full object-cover opacity-80 transition-all duration-700 ease-[cubic-bezier(0.32,0.72,0,1)] group-hover:opacity-95 group-hover:scale-[1.04]" loading="lazy"> <div class="absolute inset-0" style="background:linear-gradient(to top,rgba(9,12,22,.5) 0%,transparent 60%);"></div> <span class="absolute top-4 left-4 rounded-full px-3 py-1 text-[9px] uppercase tracking-[.2em] font-semibold" style="font-family:'DM Sans',sans-serif;background:rgba(29,78,216,.85);color:#fff;">Stratégie de contenu</span> </a> <div class="flex flex-col flex-1"> <p class="text-[#94A3B8] text-xs mb-2" style="font-family:'DM Sans',sans-serif;letter-spacing:.04em;"> 22 février 2026 </p> <h2 class="text-[#0F172A] font-semibold leading-snug mb-3 group-hover:text-[#1D4ED8] transition-colors duration-200" style="font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,1.6vw,1.2rem);letter-spacing:-.01em;"> <a href="/blog/evenement-contenu-recurrent">De l&#39;événement au contenu récurrent : comment transformer une journée de tournage en plusieurs mois de posts</a> </h2> <p class="text-[#64748B] text-sm leading-relaxed flex-1" style="font-family:'DM Sans',sans-serif;"> Découvrez comment transformer une journée de tournage en plusieurs semaines de contenus pour LinkedIn, votre site et votre communication B2B. </p> <a href="/blog/evenement-contenu-recurrent" class="inline-flex items-center gap-1.5 text-[#1D4ED8] text-xs font-semibold tracking-[.12em] uppercase mt-4 hover:gap-3 transition-all duration-300" style="font-family:'DM Sans',sans-serif;">
97Lire l'article <span>→</span> </a> </div> </article><article class="blog-card group flex flex-col"> <a href="/blog/captation-multicamera-evenements" class="block relative overflow-hidden rounded-2xl bg-[#0F172A] mb-5 flex-shrink-0" style="aspect-ratio:16/9;"> <img src="/media/blog/captation-plateau-popup.jpg" alt="Plateau pop-up avec caméras et public lors d'un événement" class="absolute inset-0 w-full h-full object-cover opacity-80 transition-all duration-700 ease-[
97cubic-bezier(0.32,0.72,0,1)] group-hover:opacity-95 group-hover:scale-[1.04]" loading="lazy"> <div class="absolute inset-0" style="background:linear-gradient(to top,rgba(9,12,22,.5) 0%,transparent 60%);"></div> <span class="absolute top-4 left-4 rounded-full px-3 py-1 text-[9px] uppercase tracking-[.2em] font-semibold" style="font-family:'DM Sans',sans-serif;background:rgba(29,78,216,.85);color:#fff;">Captation vidéo</span> </a> <div class="flex flex-col flex-1"> <p class="text-[#94A3B8] text-xs mb-2" style="font-family:'DM Sans',sans-serif;letter-spacing:.04em;"> 5 février 2026 </p> <h2 class="text-[#0F172A] font-semibold leading-snug mb-3 group-hover:text-[#1D4ED8] transition-colors duration-200" style="font-family:'DM Sans',sans-serif;font-size:clamp(1.05rem,1.6vw,1.2rem);letter-spacing:-.01em;"> <a href="/blog/captation-multicamera-evenements">Captation multi-caméra pour événements : la méthode pour un rendu fluide, dynamique et sans interruption</a> </h2> <p class="text-[#64748B] text-sm leading-relaxed flex-1" style="font-family:'DM Sans',sans-serif;"> Découvrez comment réussir une captation multi-caméra pour vos événements afin d&#39;obtenir un rendu fluide, dynamique et réutilisable. </p> <a href="/blog/captation-multicamera-evenements" class="inline-flex items-center gap-1.5 text-[#1D4ED8] text-xs font-semibold tracking-[.12em] uppercase mt-4 hover:gap-3 transition-all duration-300" style="font-family:'DM Sans',sans-serif;">
98Lire l'article <span>→</span> </a> </div> </article> </div> </section> <footer class="relative bg-[#080C14] border-t border-white/5 px-4 sm:px-6 lg:px-10 pt-24 pb-12 overflow-hidden"> <div class="relative z-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 mb-16"> <!-- Identité --> <div class="lg:col-span-2"> <a href="/" class="inline-block mb-6"> <img src="/media/about/logo-blanc.png" alt="Underground Production" width="735" height="274" class="h-20 w-auto object-contain object-left" loading="lazy"> </a> <p class="text-white/70 text-sm leading-relaxed max-w-xs" style="font-family:'DM Sans',sans-serif;"> Agence de production vidéo spécialisée dans le livestreaming, la captation événementielle et la création de contenus premium pour entreprises et créateurs. </p> <a href="mailto:[email protected]" class="inline-block text-[#3b82f6] text-sm font-semibold tracking-[0.1em] mt-5 hover:text-[#60a5fa] transition-colors duration-200">[email protected]</a> </div> <!-- Navigation --> <div> <p class="text-white/65 text-[10px] uppercase tracking-[0.25em] font-semibold mb-5" style="font-family:'DM Sans',sans-serif;">Navigation</p> <ul class="flex flex-col gap-3"> <li> <a href="/" class="text-white/65 text-sm hover:text-white transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Accueil</a> </li><li> <a href="/services" class="text-white/65 text-sm hover:text-white transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Services</a> </li><li> <a href="/realisations" class="text-white/65 text-sm hover:text-white transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Réalisations</a> </li><li> <a href="/contact" class="text-white/65 text-sm hover:text-white transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Contact</a> </li> </ul> </div> <!-- Services --> <div> <p class="text-white/65 text-[10px] uppercase tracking-[0.25em] font-semibold mb-5" style="font-family:'DM Sans',sans-serif;">Services</p> <ul class="flex flex-col gap-3"> <li> <a href="/services/regie-mobile" class="text-white/65 text-sm hover:text-white transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Régie mobile</a> </li><li> <a href="/services/captation-video" class="text-white/65 text-sm hover:text-white transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Captation vidéo</a> </li><li> <a href="/services/montage-video" class="text-white/65 text-sm hover:text-white transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Post-production</a> </li><li>
98 <a href="/services/diffusion-en-direct" class="text-white/65 text-sm hover:text-white transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Diffusion en direct</a> </li><li> <a href="/services/strategie-contenus" class="text-white/65 text-sm hover:text-white transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Stratégie de contenus</a> </li><li> <a href="/services/location-materiel" class="text-white/65 text-sm hover:text-white transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Location de matériel</a> </li> </ul> </div> </div> <!-- Bas de footer --> <div class="relative z-10"> <div class="border-t border-white/5 pt-8 flex flex-col md:flex-row items-center justify-between gap-4"> <p class="text-white/60 text-xs" style="font-family:'DM Sans',sans-serif;">© 2026 Underground Production. Tous droits réservés.</p> <ul class="flex gap-6"> <li> <a href="/mentions-legales" class="text-white/60 text-xs hover:text-white/80 transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Mentions légales</a> </li><li> <a href="/confidentialite" class="text-white/60 text-xs hover:text-white/80 transition-colors duration-200" style="font-family:'DM Sans',sans-serif;">Confidentialité</a> </li> </ul> </div> <!-- Crédit développeur --> <div class="mt-6 text-center"> <p class="text-white/60 text-xs" style="font-family:'DM Sans',sans-serif;">
99Site créé par <a href="https://www.linkedin.com/in/cedric-niango-2ba11a114/" target="_blank" rel="noopener noreferrer" class="text-white/70 hover:text-white/85 transition-colors duration-200 underline underline-offset-2">Cedric Niango</a> </p> </div> </div> </footer>  <!-- Boutons flottants mobiles (cachés sur desktop) --> <div id="floating-actions" class="md:hidden flex flex-col items-end" style="position:fixed;bottom:1.5rem;right:1.25rem;z-index:50;gap:.625rem;opacity:0;transform:translateY(12px);transition:opacity .4s ease, transform .4s ease;" data-astro-cid-sckkx6r4> <!-- Bouton WhatsApp --> <a href="https://wa.me/33951807110" target="_blank" rel="noopener noreferrer" aria-label="Nous contacter sur WhatsApp" style="width:52px;height:52px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.4);text-decoration:none;transition:transform .18s ease, background .18s ease;" onmousedown="this.style.transform='scale(.93)'" onmouseup="this.style.transform='scale(1)'" ontouchstart="this.style.transform='scale(.93)'" ontouchend="this.style.transform='scale(1)'" data-astro-cid-sckkx6r4> <svg width="26" height="26" viewBox="0 0 32 32" fill="none" aria-hidden="true" data-astro-cid-sckkx6r4> <path fill="#fff" d="M16 2.667C8.636 2.667 2.667 8.636 2.667 16c0 2.34.616 4.535 1.692 6.44L2.667 29.333l7.09-1.667A13.253 13.253 0 0016 29.333c7.364 0 13.333-5.969 13.333-13.333S23.364 2.667 16 2.667zm0 24.24a10.88 10.88 0 01-5.553-1.523l-.397-.236-4.207.99.937-4.1-.26-.42A10.867 10.867 0 015.107 16C5.107 9.994 10.007 5.107 16 5.107c5.993 0 10.893 4.887 10.893 10.893C26.893 22.007 21.993 26.907 16 26.907zm5.98-8.153c-.328-.164-1.94-.957-2.24-1.067-.3-.11-.518-.164-.736.164-.218.327-.845 1.067-1.035 1.285-.19.218-.382.245-.71.082-.327-.164-1.382-.51-2.633-1.625-.974-.868-1.632-1.94-1.822-2.267-.19-.328-.02-.505.143-.668.147-.147.327-.382.49-.573.164-.191.218-.328.328-.546.109-.219.054-.41-.027-.574-.082-.163-.736-1.776-1.008-2.432-.266-.64-.536-.553-.736-.563l-.627-.01c-.218 0-.573.082-.873.41-.3.327-1.145 1.12-1.145 2.732s1.172 3.168 1.336 3.386c.163.218 2.305 3.522 5.584 4.94.78.337 1.389.538 1.863.69.783.248 1.495.213 2.058.129.628-.094 1.94-.793 2.213-1.56.274-.766.274-1.423.192-1.56-.081-.137-.3-.218-.627-.382z" data-astro-cid-sckkx6r4></path> </svg> </a> <!-- Bouton Contact --> <a href="/contact" aria-label="Page de contact" style="width:52px;height:52px;border-radius:50%;background:#1D4ED8;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(29,78,216,.4);text-decoration:none;transition:transform .18s ease, background .18s ease;" onmousedown="this.style.transform='scale(.93)'" onmouseup="this.style.transform='scale(1)'" ontouchstart="this.style.transform='scale(.93)'" ontouchend="this.style.transform='scale(1)'" data-astro-cid-sckkx6r4> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-sckkx6r4> <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" data-astro-cid-sckkx6r4></path> </svg> </a> </div> 
99<script type="module">const t=document.getElementById("floating-actions");t&&setTimeout(()=>{t.style.opacity="1",t.style.transform="translateY(0)"},1200);</script>
99 
99<script>
100      if (!window.__upTrackingBound) {
101        window.__upTrackingBound = true;
102        window.dataLayer = window.dataLayer || [];
103
104        // Delegated clicks for WhatsApp + email (micro conversions)
105        document.addEventListener('click', (e) => {
106          const a = e.target.closest && e.target.closest('a[href]');
107          if (!a) return;
108          const href = a.getAttribute('href') || '';
109          if (href.includes('wa.me') || href.includes('whatsapp.com')) {
110            window.dataLayer.push({ event: 'whatsapp_click' });
111          } else if (href.startsWith('mailto:') && !href.includes('Candidature')) {
112            window.dataLayer.push({ event: 'email_click' });
113          }
114        });
115
116        // Calendly booking completed (macro conversion)
117        window.addEventListener('message', (e) => {
118          if (e.data && e.data.event === 'calendly.event_scheduled') {
119            window.dataLayer.push({ event: 'rdv_calendly' });
120          }
121        });
122      }
123    </script>
123 </body> </html>  
123<script type="module" src="/_astro/Layout.astro_astro_type_script_index_1_lang.jxw-keXx.js"></script>
123 
123<script type="module" src="/_astro/index.astro_astro_type_script_index_0_lang.CyjIefqt.js"></script>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.