<!DOCTYPE html><!-- Last Published: Mon Nov 18 2024 12:39:38 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="www.mogador-studios.fr" data-wf-page="65c3b42718877526beb80d85"
data-wf-site="6259471f6732ede18e35d975" lang="fr" class=" w-mod-js">
<head>
<meta charset="utf-8">
<title>Accueil | DreamProduction </title>
<!-- <link rel="alternate" hreflang="x-default" href="https://www.mogador-studios.fr/">
<link rel="alternate" hreflang="fr-FR" href="https://www.mogador-studios.fr/">
<link rel="alternate" hreflang="en" href="https://www.mogador-studios.fr/en"> -->
<meta
content="Dreamproduction est une agence événementielle, de communication et de production audiovisuelle qui accompagne et conseille les entreprises et les particuliers dans l’organisation, la gestion et la promotion de différents événements ainsi que la réalisation des projets audiovisuels.">
<meta content="Créez, Tournez et Diffusez en plein Paris | Studios Mogador" property="og:title">
<meta
content="Dream-Production est une agence événementielle, de communication et de production audiovisuelle qui accompagne et conseille les entreprises et les particuliers dans l’organisation, la gestion et la promotion de différents événements ainsi que la réalisation des projets audiovisuels."
property="og:description">
<meta content="images/631e02ae75a7c14eb82ad50f_OpenGraph_mogador_studios.jpg" property="og:image">
<meta content="Créez, Tournez et Diffusez en plein Paris | Studios Mogador" property="twitter:title">
<meta
content="Dream-Production est une agence événementielle, de communication et de production audiovisuelle qui accompagne et conseille les entreprises et les particuliers dans l’organisation, la gestion et la promotion de différents événements ainsi que la réalisation des projets audiovisuels."
property="twitter:description">
<meta
content="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/631e02ae75a7c14eb82ad50f_OpenGraph_mogador_studios.jpg"
property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/mogador.4e2d30ce6.min.css" rel="stylesheet" type="text/css">
<style>
@media (min-width:992px) {
html.w-mod-js:not(.w-mod-ix) [data-w-id="cb2e2585-54c2-44aa-2272-469ad5f7490d"] {
-webkit-transform: translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-moz-transform: translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
-ms-transform: translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
transform: translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
}
}
</style>
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script async="" src="js/gtm.js"></script>
<script src="js/webfont.js" type="text/javascript"></script>
<script
type="text/javascript">WebFont.load({ google: { families: ["Oswald:200,300,400,500,600,700", "Plus Jakarta Sans:200,300,regular,500,600,700,800,200italic,300italic,italic,500italic,600italic,700italic,800italic"] } });</script>
<script
type="text/javascript">!function (o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document);</script>
<link href="images/626f0f3ae14c3925e469435e_Mogador_Favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/626f0f0b6bd4211924e2211e_Webclip.jpg" rel="apple-touch-icon"><!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-W4NX7CC');</script>
<!-- End Google Tag Manager -->
<!--<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
Weglot.initialize({
api_key: 'wg_e94b9bb0ad3a91c1227f57762390eee56'
});
</script> -->
<meta name="google-site-verification" content="aVKIT4eLjkt9sihOSRqWrhP5IBtz9cXXIkEhYGtTwQI">
<link rel="alternate" href="https://dreamproduction.tv/" hreflang="fr-FR">
<style>
html.lenis {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}
.hover-bg {
background-size: cover;
}
</style>
<script
type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = { "currencyCode": "USD", "symbol": "$", "decimal": ".", "fractionDigits": 2, "group": ",", "template": "{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}", "hideDecimalForWholeNumbers": false };</script>
</head>
<body class="body">
<div class="w-embed w-iframe"><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W4NX7CC" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</div>
<div data-scroll-container="" class="page-wrapper relative smooth-scroll">
<div data-animation="over-right" class="header w-nav" data-easing2="ease-out" data-easing="ease-out"
data-scroll-target="#fixedtarget" data-scroll="" data-collapse="medium"
data-w-id="58db7844-5919-d71b-dd74-2323ed8dffe9" role="banner" data-no-scroll="1" data-duration="300" id="navbar"
data-doc-height="1">
<section class="banner10_component">
<div class="padding-global">
<div class="banner10_content-wrapper">
<div class="banner10_content"><img src="images/653a557956749aaa6b6e227d_wired-outline-1877-spotlight.svg"
loading="lazy" alt="" class="icon-xsmall rotate"><a href="/studio-solutions-packagees"
class="link-nodecoration w-inline-block">
<div class="text-size-xsmall text-weight-normal">Dream-Production est une agence événementielle, </div>
</a><img src="images/653a557956749aaa6b6e227d_wired-outline-1877-spotlight.svg" loading="lazy" alt=""
class="icon-xsmall"></div><a data-w-id="4ed4d842-cf63-7833-86a2-c7db73658caa" href="#"
class="banner10_close-button w-inline-block">
<div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewBox="0 0 32 33" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M22.8354 22.864L22.3639 23.3354C22.1036 23.5957 21.6815 23.5957 21.4211 23.3354L16 17.9142L10.5788 23.3353C10.3185 23.5957 9.89638 23.5957 9.63603 23.3353L9.16462 22.8639C8.90427 22.6036 8.90427 22.1815 9.16462 21.9211L14.5858 16.5L9.16462 11.0788C8.90427 10.8185 8.90427 10.3964 9.16462 10.136L9.63602 9.66463C9.89637 9.40428 10.3185 9.40428 10.5788 9.66463L16 15.0858L21.4211 9.66462C21.6815 9.40427 22.1036 9.40427 22.3639 9.66462L22.8354 10.136C23.0957 10.3964 23.0957 10.8185 22.8354 11.0788L17.4142 16.5L22.8354 21.9211C23.0957 22.1815 23.0957 22.6036 22.8354 22.864Z"
fill="currentColor"></path>
</svg></div>
</a>
</div>
</div>
</section>
<div data-w-id="b77bfd4a-5ec0-51be-29f3-ee7b55fc6183" class="progress-bar"></div>
<div class="container-default pd-left pd-right w-container">
<div class="header-wrapper">
DREAM PRODUCTION
<div class="split-content header-middle" >
<nav role="navigation" class="nav-menu w-nav-menu">
<ul role="list" class="header-navigation">
<li class="nav-item-wrapper">
<div data-hover="true" data-delay="0" class="dropdown-3 w-dropdown">
<div class="toggle-nav w-dropdown-toggle"><a href="/nos-studios" class="nav-link">Accueil</a> </div>
</div>
</li>
<li class="nav-item-wrapper"><a href="https://dreamproduction.tv/services" class="nav-link">Services</a></li>
<li class="nav-item-wrapper"><a href="/blog" class="nav-link">Blog</a></li>
<li class="nav-item-wrapper show-in-mobile flex"><a href="tel:+243831399380"
class="flex no-link color-yellow w-inline-block"><img
src="images/6259471f6732ed3e3535da00_contact-link-icon-03-photographer-x-template.svg"
alt="Phone Icon - Photographer X Webflow Template" width="20" class="mg-right-5px width-20px">
<div>+243 83 13 99 380</div>
</a><a href="/nous-contacter" class="button-primary small full-width w-button">Demander un devis</a>
</li>
</ul>
</nav>
</div>
<div class="split-content header-left"><a href="tel:+33786844057"
class="flex no-link color-yellow hide-in-mobile hover-yellow-light w-inline-block"><img
src="images/6259471f6732ed3e3535da00_contact-link-icon-03-photographer-x-template.svg"
alt="Phone Icon - Photographer X Webflow Template" width="20" class="mg-right-5px width-20px no-radius">
<div>+243 83 13 99 380</div>
</a>
<div class="header-button-wrap"><a href="#" class="button-primary small w-button">Nous
contacter</a></div>
<div class="menu-button w-nav-button">
<div data-is-ix2-target="1" class="menu-icon" data-w-id="064601a7-54ab-db61-30e1-2a672ae9f98b"
data-animation-type="lottie"
data-src="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/6259471f6732ed10e935da05_lottieflow-menu-nav-11-7-FFFFFF-easey.json"
data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="2.875"
data-duration="0" data-ix2-initial-state="1"></div>
</div>
</div>
</div>
<div class="w-embed">
<style>
.w-dropdown-link.w--current {
color: var(--neutral-100);
</style>
</div>
</div>
</div>
<div data-scroll-section="" class="section home-hero v3 is-test">
<div class="container-default is-hidden is-mobile w-container">
<div class="inner-container">
<div class="_2-column-grid home-hero-v1">
<div id="w-node-cb2e2585-54c2-44aa-2272-469ad5f748f5-beb80d85" class="hero-wrapper v1">
<div class="heading padding-vertical is-test">Dream<br><span class="color-green">
production</span> </div>
<p class="paragraph-large is-18"> Dreamproduction est une agence événementielle, de communication et de
production audiovisuelle qui accompagne et conseille les entreprises et les particuliers dans
l’organisation, la gestion et la promotion de différents événements ainsi que la réalisation des projets
audiovisuels.</p>
</div>
</div>
</div>
</div>
<div class="w-layout-blockcontainer container-default is-mobile w-container">
<div class="hero-wrapper v1 is-test">
<h2 style="font-size:45px" class="heading padding-vertical is-test">Dream<br><span
class="color-yellow">Production</span>
<br>
</h2>
<p class="paragraph-large" style="font-size:16px">Dreamproduction est une agence événementielle, de
communication et de production audiovisuelle qui accompagne et conseille les entreprises et les particuliers
dans l’organisation, la gestion et la promotion de différents événements ainsi que la réalisation des
projets audiovisuels.</p>
<div class="_2-buttons display-none padding-vertical"> <a href="/regies-mobiles"
class="button-secondary small mg-left-16px fix w-button">Demander un devis</a></div>
</div>
</div>
<div class="div-block-9">
<div class="div-block-11 overlay-full"></div>
<div class="div-block-11 overlay-top"></div>
<div id="play-video" class="overlay-test video-overlay"><img src="images/62778132ac94b822b6fd8b41_62-film.svg"
loading="lazy" data-w-id="0c817082-de4a-ecae-ab57-f58e06088909" alt="" class="image-5"></div>
<div class="div-block-10">
<div
data-poster-url="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/6552203ee82a9e5c06626553_7sec MOGADOR V3 3800bps-poster-00001.jpg"
data-video-urls="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/6552203ee82a9e5c06626553_7sec MOGADOR V3 3800bps-transcode.mp4,https://cdn.prod.website-files.com/6259471f6732ede18e35d975/6552203ee82a9e5c06626553_7sec MOGADOR V3 3800bps-transcode.webm"
data-autoplay="true" data-loop="true" data-wf-ignore="true" id="bg-video"
class="background-video w-background-video w-background-video-atom"><video
id="cc9ae8f0-35b6-92fd-d9f6-1a93506c09f7-video" autoplay="" loop="" style="background-image:url("
https:="" cdn.prod.website-files.com="" 6259471f6732ede18e35d975="" 6552203ee82a9e5c06626553_7sec=""
mogador="" v3="" 3800bps-poster-00001.jpg")"="" muted="" playsinline="" data-wf-ignore="true"
data-object-fit="cover">
<source src="https://youtu.be/kOjBAYZ7b2A?si=tta05gmYF_oUxbMg"
data-wf-ignore="true">
<source src="media/dream.mp4"
data-wf-ignore="true">
</video><noscript>
<style>
[data-wf-bgvideo-fallback-img] {
display: none;
}
@media (prefers-reduced-motion: reduce) {
[data-wf-bgvideo-fallback-img] {
position: absolute;
z-index: -100;
display: inline-block;
height: 100%;
width: 100%;
object-fit: cover;
}
}
</style><img data-wf-bgvideo-fallback-img="true"
src="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/6552203ee82a9e5c06626553_7sec MOGADOR V3 3800bps-poster-00001.jpg"
alt="" />
</noscript>
</div>
</div>
</div>
</div>
<section data-scroll-section="" class="padding-bottom-96">
<div class="container-default w-container">
<div class="inner-container">
<div class="flex_reveal-wrapper">
<div data-w-id="2463fcd7-dcc1-53f6-9fca-e6b624efa22a" class="flexr_reveal-item">
<div class="card services-card is-flexreveal"><a href="/services#Content-Block-2"
class="link-block w-inline-block">
<div class="heading-2 color-yellow">Live Streaming</div>
</a>
<div class="flexreveal-p--container">
<p class="paragraph-large is-flexefx"><strong class="is-black is-normal">Engagez votre audience en
temps réel</strong></p>
</div>
</div>
<div class="flexreveal--overlay2"></div>
<div class="flexreveal--overlay"></div><a href="/services#Content-Block-2"
class="flexreveal--link w-inline-block">
<div class="flexreveal-img--container"></div>
</a>
</div>
<div data-w-id="5093628e-0a71-c17f-c5b8-fb9a5003fe5c" class="flexr_reveal-item is-3">
<div class="flexreveal--overlay2"></div>
<div class="card services-card is-flexreveal"><a href="/services#Content-Block-3"
class="link-block-2 w-inline-block">
<div class="heading-2 color-yellow">Production</div>
</a>
<div class="flexreveal-p--container">
<p class="paragraph-large is-flexefx"><strong class="is-black is-normal">Mettez en lumière vos
expertises</strong></p>
</div>
</div>
<div class="flexreveal--overlay"></div><a href="/services#Content-Block-3"
class="flexreveal--link w-inline-block">
<div class="flexreveal-img--container is-3"></div>
</a>
</div>
<div data-w-id="1ae44acf-7f25-1adc-6373-b46a63c40346" class="flexr_reveal-item is-2">
<div class="card services-card is-flexreveal"><a href="/services#Content-Block-1"
class="link-block-3 w-inline-block">
<div class="heading-2 color-yellow">Production audio</div>
</a>
<div class="flexreveal-p--container">
<p class="paragraph-large is-flexefx"><strong class="is-black is-normal">Mettez en scène votre
expertise</strong></p>
</div>
</div>
<div class="flexreveal--overlay2"></div>
<div class="flexreveal--overlay"></div><a href="/services#Content-Block-1"
class="flexreveal--link w-inline-block">
<div class="flexreveal-img--container is-2"></div>
</a>
</div>
<div data-w-id="6d879c16-09fe-ac4c-ce43-58124c506df4" class="flexr_reveal-item is-4">
<div class="card services-card is-flexreveal"><a href="/services#Content-Block-5"
class="link-block-4 w-inline-block">
<div class="heading-2 color-yellow">Presentation pro</div>
</a>
<div class="flexreveal-p--container">
<p class="paragraph-large is-flexefx"><strong class="is-black is-normal">Partagez vos idées</strong>
</p>
</div>
</div>
<div class="flexreveal--overlay2"></div>
<div data-w-id="1916a962-daa6-a361-93e7-3ac51aedbb97" class="flexreveal--overlay"></div><a
href="/services#Content-Block-5" class="flexreveal--link w-inline-block">
<div class="flexreveal-img--container is-4"></div>
</a>
</div>
<div data-w-id="a5000d57-90b4-9968-5d2b-725e9300a81b" class="flexr_reveal-item">
<div class="card services-card is-flexreveal"><a href="/services#Content-Block-5"
class="link-block-5 w-inline-block">
<div class="heading-2 color-yellow">Technologie 360°</div>
</a>
<div class="flexreveal-p--container">
<p class="paragraph-large is-flexefx"><strong class="is-black is-normal">Formez et informez</strong>
</p>
</div>
<p class="paragraph-large is-flexefx"><strong>Engagez votre audience en temps réel</strong>.</p>
</div>
<div class="flexreveal--overlay2"></div>
<div data-w-id="08a4ac9d-c4b2-319d-a001-e6e43a127fd6" class="flexreveal--overlay"></div><a
href="/services#Content-Block-4" class="flexreveal--link w-inline-block">
<div class="flexreveal-img--container is-5"></div>
</a>
</div>
</div>
<p style="text-align:center">Agence événementielle, de communication et de production audiovisuelle qui
accompagne et conseille les entreprises et les particuliers dans l’organisation, la gestion et la promotion
de différents événements ainsi que la réalisation des projets audiovisuels</p>
<div class="cta--projectambiteux-container">
<div class="button-wrap flexh padding-16 margin-top-48 is-mobile"><a href="#form-contact"
class="button-secondary small fix is-mobile w-button">Contactez-nous !</a></div>
</div>
</div>
</div>
</section>
<section>
<header data-w-id="b95347bb-2fb8-a653-7354-d8cb849620b6" class="section_header78">
<div class="padding-global-8">
<div class="container-large">
<div class="padding-section-large is-mobile">
<div class="header78_component">
<div class="margin-bottom-32px">
<div class="text-align-center">
<div class="max-width-large">
<div class="margin-bottom margin-large">
<h2 class="heading-2 is-mobile balance">Ils nous font confiance<span class="color-yellow">nos
studios</span></h2>
</div>
<div class="spacer50px"></div>
</div>
</div>
</div>
<div class="header78_content-bottom">
<div class="header78_images-layout">
<div class="header78_image-list-top">
<div id="w-node-b95347bb-2fb8-a653-7354-d8cb849620cc-beb80d85" class="header78_image-list">
<div id="w-node-b95347bb-2fb8-a653-7354-d8cb849620cd-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfd44a1ec4f3a425010_Bouygues_Te%CC%81le%CC%81com%201.svg" loading="lazy"
alt="" class="logo-entreprise">
</div>
<div id="w-node-b95347bb-2fb8-a653-7354-d8cb849620cf-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfcd988230e8db0e7ae_nissan%201.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-b95347bb-2fb8-a653-7354-d8cb849620d1-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfdd988230e8db0e7d8_bnp.png" loading="lazy"
sizes="(max-width: 479px) 30vw, (max-width: 767px) 277.1953125px, (max-width: 991px) 192px, 277.1953125px"
srcset="images/66717dfdd988230e8db0e7d8_bnp-p-500.png 500w, images/66717dfdd988230e8db0e7d8_bnp-p-800.png 800w, images/66717dfdd988230e8db0e7d8_bnp-p-1080.png 1080w, images/66717dfdd988230e8db0e7d8_bnp.png 1386w"
alt="" class="logo-entreprise">
</div>
<div id="w-node-b95347bb-2fb8-a653-7354-d8cb849620d3-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfc20ace00fb1ea24b5_CIE-LOGO-V5%201.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-b95347bb-2fb8-a653-7354-d8cb849620d5-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfcc9f14c1893efeb14_eurosport.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-f8a28fd5-d48e-9942-9d0c-96bf1feeaf79-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfd9294ed1b40e63bfb_Calque_1.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
</div>
<div id="w-node-afea33ff-9315-9f1f-75e8-d21234a5c319-beb80d85" class="header78_image-list">
<div id="w-node-afea33ff-9315-9f1f-75e8-d21234a5c31a-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfd44a1ec4f3a425010_Bouygues_Te%CC%81le%CC%81com%201.svg" loading="lazy"
alt="" class="logo-entreprise">
</div>
<div id="w-node-afea33ff-9315-9f1f-75e8-d21234a5c31c-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfcd988230e8db0e7ae_nissan%201.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-afea33ff-9315-9f1f-75e8-d21234a5c31e-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfdd988230e8db0e7d8_bnp.png" loading="lazy"
sizes="(max-width: 479px) 30vw, (max-width: 767px) 277.1953125px, (max-width: 991px) 192px, 277.1953125px"
srcset="images/66717dfdd988230e8db0e7d8_bnp-p-500.png 500w, images/66717dfdd988230e8db0e7d8_bnp-p-800.png 800w, images/66717dfdd988230e8db0e7d8_bnp-p-1080.png 1080w, images/66717dfdd988230e8db0e7d8_bnp.png 1386w"
alt="" class="logo-entreprise">
</div>
<div id="w-node-afea33ff-9315-9f1f-75e8-d21234a5c320-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfc20ace00fb1ea24b5_CIE-LOGO-V5%201.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-afea33ff-9315-9f1f-75e8-d21234a5c322-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfcc9f14c1893efeb14_eurosport.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-afea33ff-9315-9f1f-75e8-d21234a5c324-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfd9294ed1b40e63bfb_Calque_1.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
</div>
</div>
<div class="spacer16"></div>
<div class="header78_image-list-bottom is-home">
<div id="w-node-f84975d3-83d0-d06f-4f57-852dbef14511-beb80d85" class="header78_image-list">
<div id="w-node-f84975d3-83d0-d06f-4f57-852dbef14512-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfd9f71bef309ecd4e5_nexity.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-f84975d3-83d0-d06f-4f57-852dbef14514-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfcc27dfb2143df6944_black.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-f84975d3-83d0-d06f-4f57-852dbef14516-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfd9a2cd164c33247f8_te.svg" loading="lazy" alt=""
class="logo-entreprise is-shneider">
</div>
<div id="w-node-f84975d3-83d0-d06f-4f57-852dbef14518-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfd3021993018a00f29_shneider.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-f84975d3-83d0-d06f-4f57-852dbef1451a-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfcaa3ba6f2200d2b28_john-lobb.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-f84975d3-83d0-d06f-4f57-852dbef1451c-beb80d85" class="header78_image-wrapper">
<img src="images/666af81472c918d2f035d203_TTE-2bb970d8%201.png" loading="lazy"
sizes="(max-width: 479px) 30vw, 165.34375px"
srcset="images/666af81472c918d2f035d203_TTE-2bb970d8%201-p-500.png 500w, images/666af81472c918d2f035d203_TTE-2bb970d8%201-p-800.png 800w, images/666af81472c918d2f035d203_TTE-2bb970d8%201.png 928w"
alt="" class="logo-entreprise">
</div>
</div>
<div id="w-node-_03e87d45-5505-d8a5-b3cc-704b79a3951d-beb80d85" class="header78_image-list">
<div id="w-node-_03e87d45-5505-d8a5-b3cc-704b79a3951e-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfd9f71bef309ecd4e5_nexity.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-_03e87d45-5505-d8a5-b3cc-704b79a39520-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfcc27dfb2143df6944_black.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-_03e87d45-5505-d8a5-b3cc-704b79a39522-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfcc27dfb2143df69a5_banque.png" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-_03e87d45-5505-d8a5-b3cc-704b79a39524-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfd3021993018a00f29_shneider.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-_03e87d45-5505-d8a5-b3cc-704b79a39528-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfd9a2cd164c33247f8_te.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
<div id="w-node-_03e87d45-5505-d8a5-b3cc-704b79a39526-beb80d85" class="header78_image-wrapper">
<img src="images/66717dfcaa3ba6f2200d2b28_john-lobb.svg" loading="lazy" alt=""
class="logo-entreprise">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
</section>
<div data-scroll-section="" class="section mask is-home">
<div class="padding-section-small">
<div class="container-default is-home w-container">
<div class="inner-container">
<div>
<div class="inner-container-720px align-center text-center mg-bottom-48px">
<div data-w-id="cb2e2585-54c2-44aa-2272-469ad5f7490d"
class="dash---medium-70px mg-bottom-24px align-center">
<div class="white-fill-block"></div>
</div>
<h2 id="triggeranim3" data-speed-y="-15" class="heading-2 mg-bottom-large-72px is-mod">Créez, tournez et
diffusez<br><span class="text-span-3">en plein Paris...</span></h2>
</div>
</div>
</div>
<div class="grid-studios">
<div data-horizontal="1" data-speed-x="2" class="w-layout-grid content-grid _0px-space luxy-el">
<div id="w-node-_3b61bb65-59c8-9172-bd2b-68e728e3c8cb-beb80d85" class="div-block-5">
<div animate1="" id="w-node-d0909209-9465-c024-0a3e-dda00a7beb40-beb80d85"
class="content-wrapper animation3">
<div class="div-block-12"><img
src="images/653a2dffbbd9309fc9a4aed7_wired-outline-1022-podium-conference.svg" loading="lazy"
alt="" class="icon-studios is-mod animation3"></div>
<h3 class="heading-2 mg-top-0px is-mobilehome"><span class="color-yellow"><strong
class="color-yellow">Le plateau Talk-Show : <br></strong></span><strong>comme la télé
!</strong></h3>
<p>Obtenez le professionnalisme d'une émission de télévision, idéale pour aborder les thématiques
essentielles de votre secteur d’activité. Dans cet écrin au design soigné, chaque message est mis en
valeur et prend une nouvelle dimension, garantissant une communication puissante et mémorable
votre audience.<br></p>
<div class="button-group horizontal"><a href="#"
class="button-primary small is-yellow w-button">Découvrir</a><a id="fichetalk"
data-w-id="734a9a7d-edf2-f683-89bd-13bda3b50486" href="#"
class="button-secondary small w-button">Fiche technique</a></div>
</div>
</div><a href="#" class="image-wrapper-2 luxy-el w-inline-block"><img
srcset="images/65dcb015494d39fbfc29d9c8_KR_01088-p-500.webp 500w, images/65dcb015494d39fbfc29d9c8_KR_01088-p-800.webp 800w, images/65dcb015494d39fbfc29d9c8_KR_01088-p-1080.webp 1080w, images/65dcb015494d39fbfc29d9c8_KR_01088.webp 1200w"
loading="lazy"
sizes="(max-width: 479px) 92vw, (max-width: 767px) 94vw, (max-width: 991px) 95vw, 100vw"
src="images/65dcb015494d39fbfc29d9c8_KR_01088.webp" alt=""
class="card-image blur-inter animation3"></a>
</div>
<div data-horizontal="1" data-speed-x="-2" class="w-layout-grid content-grid _0px-space luxy-el"><a
data-horizontal="1" data-speed-x="-2" id="w-node-_996ce6d1-2d3a-d764-d1e6-6a85e3fcd7cc-beb80d85"
href="#" class="image-wrapper-2 luxy-el w-inline-block"><img
sizes="(max-width: 479px) 92vw, (max-width: 767px) 94vw, (max-width: 991px) 95vw, (max-width: 1439px) 96vw, 1200px"
loading="lazy" data-w-id="996ce6d1-2d3a-d764-d1e6-6a85e3fcd7cd"
src="images/65dcb01777ff5a7daf3b407f_KR_00960-V2.webp" alt=""
srcset="images/65dcb01777ff5a7daf3b407f_KR_00960-V2-p-500.webp 500w, images/65dcb01777ff5a7daf3b407f_KR_00960-V2-p-800.webp 800w, images/65dcb01777ff5a7daf3b407f_KR_00960-V2-p-1080.webp 1080w, images/65dcb01777ff5a7daf3b407f_KR_00960-V2.webp 1200w"
class="card-image animation1"></a>
<div id="w-node-e9a88187-cc1f-f3c7-9f4c-18285ff92d90-beb80d85" class="div-block-6">
<div animate1="" id="w-node-d0909209-9465-c024-0a3e-dda00a7beb51-beb80d85"
class="content-wrapper animation1">
<div class="div-block-13"><img
src="images/653a2d8cad58854c722582ba_wired-outline-1608-sofa%20%281%29.svg" loading="lazy" alt=""
class="icon-studios animation1"></div>
<h3 class="heading-2 mg-top-0px is-mobilehome"><span class="surtitre"></span><span
class="color-yellow">Le Loft :</span> un cadre décontracté</h3>
<p>Un lieu chaleureux qui vous permet de recevoir et de diffuser vos messages de manière plus
informelle. Sa configuration unique favorise les échanges authentiques et une communication
décontractée</p>
<div class="button-group horizontal"><a href="#"
class="button-primary small is-yellow w-button">Découvrir</a><a id="ficheloft"
data-w-id="e3019a27-bbe2-4eb7-500e-77804fc15b27" href="#"
class="button-secondary small w-button">Fiche technique</a></div>
</div>
</div>
</div>
<div data-horizontal="1" data-speed-x="2" class="w-layout-grid content-grid _0px-space luxy-el">
<div id="w-node-dd156912-929f-0253-19e9-8d995445d6ea-beb80d85" class="div-block-7">
<div animate1="" id="w-node-d0909209-9465-c024-0a3e-dda00a7beb66-beb80d85"
class="content-wrapper animation2"><img
src="images/653a2e054e6b39d63b3a84b0_wired-outline-1101-magician-rabbit-hat.svg" loading="lazy"
alt="" class="icon-studios animation2">
<h3 class="heading-2 mg-top-0px is-mobilehome"><span class="color-yellow">L'immersif :</span> créez
sans limite</h3>
<p>Transportez votre audience dans les univers de votre choix, avec pour seule limite, votre
imagination. Créez des expériences audiovisuelles inoubliables et offrez à vos messages un
impact visuel sans précédent.</p>
<div class="button-group horizontal"><a href="#"
class="button-primary small is-yellow w-button">Découvrir</a><a id="ficheimmersif"
data-w-id="fcb88086-fa87-184f-2020-f3c0505f667a" href="#"
class="button-secondary small w-button">Fiche technique</a></div>
</div>
</div><a href="#" class="image-wrapper-2 luxy-el w-inline-block"><img
class="card-image animation2" src="images/6315ec3a0eff2222d617504c_Immersif%201.webp"
alt="a group of chairs and a table"
sizes="(max-width: 479px) 92vw, (max-width: 767px) 94vw, (max-width: 1052px) 95vw, 1000px"
data-w-id="63772213-28db-f497-cd47-7b3fef43699c" id="scroll3" loading="lazy"
srcset="images/6315ec3a0eff2222d617504c_Immersif%201-p-500.webp 500w, images/6315ec3a0eff2222d617504c_Immersif%201-p-800.webp 800w, images/6315ec3a0eff2222d617504c_Immersif%201.webp 1000w"></a>
</div>
<div data-horizontal="1" data-speed-x="-2" class="w-layout-grid content-grid _0px-space luxy-el"><a
data-horizontal="1" data-speed-x="-2" id="w-node-_0282499f-e712-6757-496a-2990e41afd97-beb80d85"
href="#" class="image-wrapper-2 luxy-el w-inline-block"><img
sizes="(max-width: 479px) 92vw, (max-width: 767px) 94vw, (max-width: 991px) 95vw, (max-width: 1439px) 96vw, 1200px"
loading="lazy" data-w-id="0282499f-e712-6757-496a-2990e41afd98"
src="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/66fbe50ddf58fa010e31d351_6f0bfb35-04a2-4944-808a-d3fca8e6b29a.avif"
alt=""
srcset="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/66fbe50ddf58fa010e31d351_6f0bfb35-04a2-4944-808a-d3fca8e6b29a-p-500.avif 500w, https://cdn.prod.website-files.com/6259471f6732ede18e35d975/66fbe50ddf58fa010e31d351_6f0bfb35-04a2-4944-808a-d3fca8e6b29a-p-800.avif 800w, https://cdn.prod.website-files.com/6259471f6732ede18e35d975/66fbe50ddf58fa010e31d351_6f0bfb35-04a2-4944-808a-d3fca8e6b29a-p-1080.avif 1080w, https://cdn.prod.website-files.com/6259471f6732ede18e35d975/66fbe50ddf58fa010e31d351_6f0bfb35-04a2-4944-808a-d3fca8e6b29a.avif 2048w"
class="card-image animation6"></a>
<div id="w-node-_0282499f-e712-6757-496a-2990e41afd99-beb80d85" class="div-block-6">
<div animate1="" id="w-node-_0282499f-e712-6757-496a-2990e41afd9a-beb80d85"
class="content-wrapper animation6">
<div class="div-block-13"><img src="images/653a55b75fdf6b7174ef8558_wired-outline-1881-microphone.svg"
loading="lazy" alt="" class="icon-studios animation1"></div>
<h3 class="heading-2 mg-top-0px is-mobilehome"><span class="surtitre"></span><span
class="color-yellow">Le Jab :</span> le studio sans compromis !</h3>
<p>Adapté tous les budgets, le Jab est l’endroit parfait pour les créateurs de contenus
la recherche d'un studio moderne et tout équipé pour offrir le meilleur leur
audience.</p>
<div>
<p class="flex"><span class="color-yellow is-bold">Idéal pour :</span> <span
class="pill">Podcast</span><span class="pill">Interview</span><span class="pill">Webinar</span>
</p>
</div>
<div class="button-group horizontal"><a id="fichejab" href="#"
class="button-primary small is-yellow w-button">Découvrir</a><a id="fichejab3"
data-w-id="b608e00f-39e4-2ee3-3859-0595184774de" href="#"
class="button-secondary small w-button">Fiche technique</a></div>
</div>
</div>
</div>
</div>
<div id="banner" class="blogpost-banner no-mg">
<div class="hover_banner-text">
<h2 class="heading-style-h3 text-center"><span class="color-yellow">En manque d’inspiration</span> pour
vos contenus ?</h2>
<div class="max-width-large align-center">
<div class="align-center">
<div>
<p class="text-center no-mg">Mogador Studios vous propose plusieurs formats de communication qui ont
aussi bien performé en termes de qualité que de viralité sur tous les canaux de communication. <a
href="#" class="link-nodecoration"><span
class="color-yellow is-bold cta-hover">En savoir +</span></a><br></p>
</div>
</div>
<div class="is-hidden">
<div class="align-center">
<div class="flex-h center">
<p class="text-center no-mg"><span class="color-yellow is-bold">En savoir plus </span></p><img
src="images/653a33a1ad58854c722c097b_chevron-down.svg" loading="lazy" width="20" alt=""
class="rotate90">
</div>
</div>
</div>
<div class="_16px-space"></div>
<div class="_16px-space"></div>
</div>
</div>
<div data-w-id="ffe266b8-c10f-3286-4fca-8e798272275b"
style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
class="dash---medium-70px mg-bottom-24px align-center">
<div class="white-fill-block"></div>
</div>
<div class="pill-wrapper div-block-47"><a
data-image="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/66fbe50ddf58fa010e31d351_6f0bfb35-04a2-4944-808a-d3fca8e6b29a.avif"
href="#" class="cta-hover w-inline-block">
<div class="pill is-large text-style-light">Studio Podcast</div>
</a><a
data-image="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/66e430f813e6fd577ffa9224_AdobeStock_354590339%201.avif"
href="#" class="cta-hover w-inline-block">
<div class="pill is-large text-style-light">Interview Métier</div>
</a><a
data-image="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/6548f905cd45588f6f8c60fe_Fond%20vert%20HULST111.webp"
href="#" class="cta-hover w-inline-block">
<div class="pill is-large text-style-light">E-learning Studio</div>
</a><a
data-image="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/66e40cf26621c8e4563b96db_AdobeStock_433863650.avif"
href="#" class="cta-hover w-inline-block">
<div class="pill is-large text-style-light">Webinaire Pro</div>
</a><a
data-image="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/66e42d525eb5921c2b173295_AdobeStock_427653577.avif"
href="#" class="cta-hover w-inline-block">
<div class="pill is-large text-style-light">Fast Interview</div>
</a>
<div class="text-style-light"></div>
</div>
<div id="image-reveal" class="hover-bg">
<div class="div-block-48"></div>
</div>
<div class="banner-bg"></div>
</div>
</div>
</div>
<div class="cta--projectambiteux-container is-relative"><a href="#"
data-w-id="d80528b5-60f8-eb45-b5aa-eeba8a7ba56b" class="layout2-1_lightbox is-mod w-inline-block w-lightbox">
<div id="videotrig" class="lightbox_video-overlay-layer is-mod"><img
src="images/62cf9368eace6116d0cde0a1_play-icon.svg" loading="lazy"
data-w-id="d80528b5-60f8-eb45-b5aa-eeba8a7ba56d" alt="Video play icon" class="lightbox_play-icon"></div>
<img src="images/655255832d6ce481cb43c006_Screenshot%202023-11-13%20at%2017.47%201%20%281%29.jpg"
loading="eager" width="1440" sizes="100vw" alt="Miniature Vidéo"
srcset="images/655255832d6ce481cb43c006_Screenshot%202023-11-13%20at%2017.47%201%20%281%29-p-500.jpg 500w, images/655255832d6ce481cb43c006_Screenshot%202023-11-13%20at%2017.47%201%20%281%29-p-800.jpg 800w, images/655255832d6ce481cb43c006_Screenshot%202023-11-13%20at%2017.47%201%20%281%29-p-1080.jpg 1080w, images/655255832d6ce481cb43c006_Screenshot%202023-11-13%20at%2017.47%201%20%281%29.jpg 1192w"
class="layout2-1_image shadow-xlarge">
<script type="application/json" class="w-json">{
"items": [
{
"url": "https://vimeo.com/user197891662/visite-des-studios?share=copy",
"originalUrl": "https://vimeo.com/user197891662/visite-des-studios?share=copy",
"width": 940,
"height": 529,
"thumbnailUrl": "https://i.vimeocdn.com/video/1752878613-7a7f74fdf567e6151f09285eeaae793cceda35f45bfa0fd1035c33094808f969-d_1280",
"html": "<iframe class=\"embedly-embed\" src=\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F883978817%3Fh%3D144a905631%26app_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F883978817%2F144a905631&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1752878613-7a7f74fdf567e6151f09285eeaae793cceda35f45bfa0fd1035c33094808f969-d_1280&key=96f1f04c5f4143bcb0f2e68c87d65feb&type=text%2Fhtml&schema=vimeo\" width=\"940\" height=\"529\" scrolling=\"no\" title=\"Vimeo embed\" frameborder=\"0\" allow=\"autoplay; fullscreen; encrypted-media; picture-in-picture;\" allowfullscreen=\"true\"></iframe>",
"type": "video"
}
],
"group": ""
}</script>
</a></div>
</div>
<section>
<div class="container-default"></div>
</section>
<div data-scroll-section="" class="section mask mg-top-48px">
<div class="container-default mg-bottom-large-72px w-container">
<div class="inner-container">
<div>
<div class="inner-container-720px align-center text-center mg-bottom-48px">
<div data-w-id="cb2e2585-54c2-44aa-2272-469ad5f7491d"
style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
class="dash---medium-70px mg-bottom-24px align-center">
<div class="white-fill-block"></div>
</div>
<h2 class="heading-2 mg-bottom-large-72px is-mod">... ou <span class="text-span-3">chez vous !</span></h2>
</div>
</div>
<div class="w-layout-grid features-grid">
<div class="feature-card-primary is-noover"><a href="/regies-mobiles/regie-mobile-pocket"
class="image-wrapper-2 is-noover w-inline-block"><img
sizes="(max-width: 479px) 92vw, (max-width: 767px) 280px, (max-width: 1439px) 320px, 330px"
loading="lazy" data-w-id="035027b5-463f-49ca-df68-dc099dd3a643"
src="images/629f34f02d7710da4de831a4_Pocket_Light.webp" alt=""
srcset="images/629f34f02d7710da4de831a4_Pocket_Light-p-500.webp 500w, images/629f34f02d7710da4de831a4_Pocket_Light.webp 800w"
class="card-image album-card more animation4"></a>
<div class="div-block-14">
<div class="no-over">
<h3 class="heading-3 animation55"><span class="text-span-4">Régie mobile Pocket</span></h3>
</div>
<div class="no-over">
<p class="animation55">Une mise en place technique et légère au moyen de deux caméras et un mélangeur
vidéo pour les événements récurrents au budget serré.</p>
</div>
<div class="no-over"><a href="#"
class="button-secondary small fix animation55 w-button">Découvrir</a></div>
</div>
</div>
<div class="feature-card-primary"><a href="#"
class="image-wrapper-2 is-noover w-inline-block"><img
sizes="(max-width: 479px) 92vw, (max-width: 767px) 280px, 320px" loading="lazy"
data-w-id="b520158b-fc77-85c9-1131-b055ff318f4e"
src="images/652fd36fed8fe12fab9e1077_Re%CC%81gie-mobile-experte.webp" alt=""
srcset="images/652fd36fed8fe12fab9e1077_Re%CC%81gie-mobile-experte-p-500.webp 500w, images/652fd36fed8fe12fab9e1077_Re%CC%81gie-mobile-experte.webp 700w"
class="card-image album-card more animation4"></a>
<div class="no-over">
<h3 class="heading-3 animation66"><span class="text-span-4">Régie mobile Experte</span></h3>
</div>
<div class="no-over">
<p class="animation66">Un véritable plateau TV dans vos locaux ! Jusqu'à 5 caméras simultanées
pour une réalisation dynamique et sur-mesure.</p>
</div>
<div class="no-over"><a href="#"
class="button-secondary small fix animation66 w-button">Découvrir</a></div>
</div>
<div class="feature-card-primary"><a href="#"
class="image-wrapper-2 is-noover w-inline-block"><img alt="" loading="lazy"
data-w-id="1e7f29e1-0a22-db9a-0a1a-1051ed1f7a19"
src="images/627a347570688033d41c50dc_Pocket_Small.webp"
sizes="(max-width: 479px) 92vw, (max-width: 767px) 280px, (max-width: 1439px) 320px, 330.0000305175781px"
srcset="images/627a347570688033d41c50dc_Pocket_Small-p-500.webp 500w, images/627a347570688033d41c50dc_Pocket_Small.webp 800w"
class="card-image album-card more animation4"></a>
<div class="no-over">
<h3 class="heading-3 animation77"><span class="text-span-4">Reportage & Interview</span></h3>
</div>
<div class="no-over">
<p class="animation77">Faites appel à nos équipes de Journalistes Reporters d'Images pour capturer
des contenus impactants et créatifs.</p>
</div>
<div class="no-over"><a href="#"
class="button-secondary small fix animation77 w-button">Découvrir</a></div>
</div>
</div>
</div>
</div>
</div>
<div data-scroll-section="" class="section">
<div class="container-default w-container">
<div class="inner-container">
<div class="_2-column-grid _1fr-auto align-end">
<div id="w-node-cb2e2585-54c2-44aa-2272-469ad5f7492d-beb80d85">
<div data-w-id="cb2e2585-54c2-44aa-2272-469ad5f7492e" class="dash---medium-70px mg-bottom-24px">
<div style="width:0px" class="white-fill-block"></div>
</div>
<h2 class="heading-2 is-mobile">Du premier contact à la dernière image,<br><span class="text-span-7">un
accompagnement pour la réussite de votre évènement</span></h2>
</div>
<div><a href="https://dreamproduction.tv/services" class="button-secondary small display-none specific w-button">Voir tous les
services</a></div>
</div>
<div class="_3-column-grid services is-mobile">
<div id="w-node-cb2e2585-54c2-44aa-2272-469ad5f74939-beb80d85"
data-w-id="cb2e2585-54c2-44aa-2272-469ad5f74939" class="card services-card card1-home">
<div class="pictolotties services first" data-w-id="cb2e2585-54c2-44aa-2272-469ad5f7493a"
data-animation-type="lottie"
data-src="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/62724aec129fe3ce92ddd334_1864-director-chair-outline-edited%20(1).json"
data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg"
data-default-duration="3.0166666666666666" data-duration="0"></div>
<h3 class="heading-3">Pré-production</h3>
<p class="paragraph">En amont du jour J, rien n’est laissé au hasard ! Nous mettons tout en œuvre pour
répondre à chacun de vos souhaits et personnaliser votre évènement jusque dans les moindres
détails.</p><a href="/services?tab=preprod" class="button-secondary small fix w-button">En savoir
plus</a><img src="images/654e511b89f9acd68fad8309_Group%2015.jpg" loading="lazy"
style="filter:blur(4px);opacity:0.36" alt="" class="card1-bg">
</div>
<div id="w-node-cb2e2585-54c2-44aa-2272-469ad5f74943-beb80d85" class="card services-card card1-home">
<div class="pictolotties services second" data-w-id="cb2e2585-54c2-44aa-2272-469ad5f74944"
data-animation-type="lottie"
data-src="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/62724b52ecea442c3ce4ca4a_1879-countdown-outline-edited.json"
data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg"
data-default-duration="3.0166666666666666" data-duration="0"></div>
<h3 class="heading-3">Production</h3>
<p class="paragraph">Une large palette d’options s’offre à vous pour dynamiser votre évènement et le
diffuser au plus grand nombre.<br></p><a href="#"
class="button-secondary small fix w-button">En savoir plus</a>
</div>
<div id="w-node-cb2e2585-54c2-44aa-2272-469ad5f7494c-beb80d85" class="card services-card card1-home">
<div class="pictolotties services" data-w-id="cb2e2585-54c2-44aa-2272-469ad5f7494d"
data-animation-type="lottie"
data-src="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/62724f603734d059e42ba3ba_1437-photo-editor-outline-edited.json"
data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg"
data-default-duration="2.0166666666666666" data-duration="0"></div>
<h3 class="heading-3">Post-production</h3>
<p class="paragraph">Même après être passé sous les feux des projecteurs, votre message continue d’être
valorisé ! Nous vous vous accompagnons post-évènement et tout au long de la réalisation de vos projets
vidéos.</p><a href="#" class="button-secondary small fix w-button">En savoir
plus</a>
</div>
</div>
</div>
</div>
</div>
<div data-scroll-section="" class="section mask">
<div class="container-default mg-top-medium-64px w-container">
<div class="_2-column-grid _1fr-auto">
<h2 class="heading-2"><span class="text-span-20">Blog</span><span class="text-span-22">ador</span></h2>
<div><a href="#" class="button-secondary small display-none w-button">Voir tous les articles</a></div>
</div>
<div class="collection-list-wrapper w-dyn-list">
<div role="list" class="_3-column-grid blog-posts-grid w-dyn-items">
<div role="listitem" class="w-dyn-item"><a data-w-id="cb2e2585-54c2-44aa-2272-469ad5f749c7"
href="/blog-posts/le-real-live-a-lorigine-du-succes-de-vos-directs"
class="card blog-post-card v1 w-inline-block">
<div class="image-wrapper relative"><img src="images/6728e677c7834ccec0fe7e14_188-188-01108.jpg"
loading="lazy" alt="Le réal live : à l’origine du succès de vos directs"
sizes="(max-width: 479px) 92vw, 350px"
srcset="images/6728e677c7834ccec0fe7e14_188-188-01108-p-500.jpg 500w, images/6728e677c7834ccec0fe7e14_188-188-01108-p-800.jpg 800w, images/6728e677c7834ccec0fe7e14_188-188-01108.jpg 1080w"
class="news"></div>
<div class="card-content blog-post-card">
<div class="flex align-start mg-bottom-8px">
<div class="paragraph-small-2">Événements Live</div>
</div>
<h3 class="heading-3 color-white">Le réal live : à l’origine du succès de vos directs</h3>
</div>
</a></div>
<div role="listitem" class="w-dyn-item"><a data-w-id="cb2e2585-54c2-44aa-2272-469ad5f749c7"
href="#"
class="card blog-post-card v1 w-inline-block">
<div class="image-wrapper relative"><img
src="images/670687cce5dbf3c3c34f8195_WhatsApp%20Image%202024-09-17%20at%2014.26.08%20%282%29%20%281%29.jpeg"
loading="lazy" alt="Du Flightcase à l'Event : L’expertise d’un studio à l’extérieur"
sizes="(max-width: 479px) 92vw, 350px"
srcset="images/670687cce5dbf3c3c34f8195_WhatsApp%20Image%202024-09-17%20at%2014.26.08%20%282%29%20%281%29-p-500.jpeg 500w, images/670687cce5dbf3c3c34f8195_WhatsApp%20Image%202024-09-17%20at%2014.26.08%20%282%29%20%281%29.jpeg 600w"
class="news"></div>
<div class="card-content blog-post-card">
<div class="flex align-start mg-bottom-8px">
<div class="paragraph-small-2">Technique</div>
</div>
<h3 class="heading-3 color-white">Du Flightcase à l'Event : L’expertise d’un studio à
l’extérieur</h3>
</div>
</a></div>
<div role="listitem" class="w-dyn-item"><a data-w-id="cb2e2585-54c2-44aa-2272-469ad5f749c7"
href="#"
class="card blog-post-card v1 w-inline-block">
<div class="image-wrapper relative"><img
src="images/66e84f942626fcbfb25da23a_Le%20Directeur%20de%20production%20%20l%27architecte%20de%20tous%20les%20%C3%A9v%C3%A8nements%20audiovisuels%20r%C3%A9ussis%20%283%29.jpeg"
loading="lazy"
alt="Le Directeur de production : l'architecte de tous les évènements audiovisuels réussis"
sizes="(max-width: 479px) 92vw, 350px"
srcset="images/66e84f942626fcbfb25da23a_Le%20Directeur%20de%20production%20%20l%27architecte%20de%20tous%20les%20%C3%A9v%C3%A8nements%20audiovisuels%20r%C3%A9ussis%20%283%29-p-500.jpeg 500w, images/66e84f942626fcbfb25da23a_Le%20Directeur%20de%20production%20%20l%27architecte%20de%20tous%20les%20%C3%A9v%C3%A8nements%20audiovisuels%20r%C3%A9ussis%20%283%29.jpeg 600w"
class="news"></div>
<div class="card-content blog-post-card">
<div class="flex align-start mg-bottom-8px">
<div class="paragraph-small-2">Technique</div>
</div>
<h3 class="heading-3 color-white">Le Directeur de production : l'architecte de tous les évènements
audiovisuels réussis</h3>
</div>
</a></div>
</div>
</div>
<div><a href="#" class="button-secondary small display-none specific w-button">Voir tous les articles</a>
</div>
</div>
</div>
<section id="form-contact" data-scroll-section="" class="section-cta">
<div fs-modal-display="inline" fs-modal-element="modal" class="contact-form-main-wrapper v3 success is-modal">
<div class="contact-form-block w-form">
<div class="embed-container">
<div class="html-embed-2 w-embed w-iframe w-script"><!-- Start of Meetings Embed Script -->
<div class="meetings-iframe-container"
data-src="https://meetings-eu1.hubspot.com/baptiste-deffontaine/demande-de-devis-site-mogador-studios?embed=true">
</div>
<script type="text/javascript" src="js/MeetingsEmbedCode.js"></script>
<!-- End of Meetings Embed Script -->
</div>
</div>
<form id="wf-form-Formulaire-Mogador" name="wf-form-Formulaire-Mogador" data-name="Formulaire Mogador"
method="post" class="contact-form v2" data-wf-page-id="65c3b42718877526beb80d85"
data-wf-element-id="84914c42-d8f3-7d4d-3e4f-cfddb50954f9"><input class="input w-input" maxlength="256"
name="Pr-nom" data-name="Prénom" placeholder="Prénom*" type="text" id="firstname" required=""><input
class="input w-node-_84914c42-d8f3-7d4d-3e4f-cfddb50954fb-78895e98 w-input" maxlength="256" name="Nom"
data-name="Nom" placeholder="Nom*" type="text" id="lastname" required=""><input class="input w-input"
maxlength="256" name="Adresse-mail" data-name="Adresse mail" placeholder="Adresse mail *" type="email"
id="email" required=""><input class="input w-input" maxlength="256" name="T-l-phone" data-name="Téléphone"
placeholder="Téléphone *" type="tel" id="phone" required=""><input class="input w-input" maxlength="256"
name="Entreprise" data-name="Entreprise" placeholder="Entreprise *" type="text" id="company"
required=""><textarea id="message" name="message" maxlength="5000" data-name="Message"
placeholder="Décrivez votre besoin"
class="input text-area w-node-_84914c42-d8f3-7d4d-3e4f-cfddb50954ff-78895e98 w-input"></textarea>
<div id="w-node-_84914c42-d8f3-7d4d-3e4f-cfddb5095500-78895e98" class="align-center"><input type="submit"
data-wait="Please wait..." class="button-primary small w-button" value="Envoyer ma demande"></div>
</form>
<div class="success-message contact w-form-done">
<div class="lottie-animation align-center" data-w-id="84914c42-d8f3-7d4d-3e4f-cfddb5095503"
data-animation-type="lottie"
data-src="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/626e8270d3731719b97eff57_1103-confetti-outline-edited%20(1).json"
data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg"
data-default-duration="2.7666666666666666" data-duration="0"></div>
<div class="heading-4">Votre message a bien été envoyé !<br>Nous reviendrons vers vous dans moins de 48
heures.</div><a href="/" aria-current="page"
class="button-secondary small mg-top-32px w-button w--current">Retourner à l'accueil</a>
</div>
<div class="error-message w-form-fail">
<div>Oups ! Une erreur s'est produite...</div>
</div>
</div>
<div fs-modal-element="close" class="close-button"><img src="images/653296e93c2145773797c6c6_x-close.svg"
loading="lazy" alt="" class="image-4"></div>
</div>
<div class="w-layout-blockcontainer container-default w-container">
<div class="card is-cta_card">
<h2 class="heading-2"><span>On fait passer votre projet </span><span class="color-yellow">derrière les caméras
?</span><span><br></span></h2>
<div class="formulaire--all-pages w-form">
<form id="wf-form-Formulaire-all-pages" name="wf-form-Formulaire-all-pages" data-name="Formulaire all pages"
method="get"
data-webflow-hubspot-api-form-url="https://hubspotonwebflow.com/api/forms/d49369e8-cfe9-41fc-9e04-219f42b8e31c"
data-wf-page-id="65c3b42718877526beb80d85" data-wf-element-id="f91fa3e0-0669-20da-1f2a-9d2378895ea1">
<div class="w-layout-grid mg-top-48px mg-bottom-16px">
<div id="w-node-a58f45ef-6c7c-4184-2b93-5e9ca9f8e395-78895e98"><label for="Nom-3"
id="w-node-b55ee37d-3db3-b652-2e20-db15c6204476-78895e98" class="is-ctalabel">Nom</label><input
class="input v4 mg-bottom-24px is-ctainput w-input" data-wfhsfieldname="nom" maxlength="256"
name="Nom" data-name="Nom" placeholder="" type="text" id="Nom-3" required=""></div>
<div id="w-node-_0ba97ccf-21d7-a275-5bfd-a43498050c2c-78895e98"><label for="Prenom"
id="w-node-_0ba97ccf-21d7-a275-5bfd-a43498050c2d-78895e98" class="is-ctalabel">Prénom</label><input
class="input v4 mg-bottom-24px is-ctainput w-input" data-wfhsfieldname="prénom" maxlength="256"
name="Prenom" data-name="Prenom" placeholder="" type="text" id="Prenom" required=""></div>
<div id="w-node-d816ed35-252c-1af8-003b-ff30c0b55279-78895e98"><label for="email-cta"
class="is-ctalabel">Email</label><input class="input v4 mg-bottom-24px is-ctainput w-input"
data-wfhsfieldname="email" maxlength="256" name="email" data-name="Email" placeholder=""
type="email" id="email-cta" required=""></div>
<div id="w-node-d41b0733-d86f-705a-4183-ed3cc379ea19-78895e98"><label for="telephone"
class="is-ctalabel">Téléphone</label><input class="input v4 mg-bottom-24px is-ctainput w-input"
data-wfhsfieldname="téléphone" maxlength="256" name="telephone" data-name="telephone" placeholder=""
type="tel" id="telephone" required=""></div>
</div>
<div
class="w-form-formrecaptcha mg-bottom-32px g-recaptcha g-recaptcha-error g-recaptcha-disabled g-recaptcha-invalid-key">
</div><input type="submit" data-wait="Please wait..." class="button-primary small is-yellow w-button"
value="Envoyer"><a href="#"
class="button-primary small mg-left-16px is-mobile w-button">Prendre un rdv</a><input type="hidden"
name="hutk" value=""><input type="hidden" name="ipAddress" value=""><input type="hidden" name="pageUri"
value=""><input type="hidden" name="pageId" value=""><input type="hidden" name="pageName" value="">
</form>
<div class="success-message w-form-done">
<div class="text-block-7">Merci ! Votre message a bien été envoyé! </div>
</div>
<div class="w-form-fail">
<div>Oops! il y a eu un problème lors de l'envoi de votre message<br></div>
</div>
</div>
</div>
</div>
</section>
<footer data-scroll-section="" class="footer">
<div class="container-default" style=" background-color: rgb(1, 95, 79); border-radius: 10px;">
<div class="w-layout-grid footer-grid" style="padding-top:10px">
<div id="w-node-_03d661a6-15e6-bbae-6856-51f66a839e49-ae2f46c5" class="footer-column">
DREAM PRODUCTION
<a href="tel:+243831399380"
class="flex no-link color-yellow hide-in-mobile hover-yellow-light is-footer w-inline-block">
<div>+243 83 13 99 380</div>
</a><a href="#" class="is-address--footer">10-13, Av. Mutombokatshi, Immeuble KAVALI CENTER</a>
<div class="social-wrapper"><a href="https://fr.linkedin.com/company/mogador-studios" target="_blank"
class="w-inline-block"><img src="images/66854fc196585728a72267ee_linkedin.svg" loading="lazy" width="25"
alt="" class="image-16"></a><a href="https://www.instagram.com/mogadorstudiosparis/"
class="w-inline-block"><img src="images/66854fb81fa93cdd5add41b4_insta.svg" loading="lazy" alt=""></a>
</div>
</div>
<div id="w-node-_53851813-9374-84c1-eccb-e61b989f19b9-ae2f46c5" class="footer-column footer-nav">
<div id="w-node-c019e7c2-59ac-7ea7-47f8-d51aa37e2e16-ae2f46c5" class="footer-nav">
<div class="footer-title"><span class="heading-4">Plan du site</span></div>
<div class="footer-nav-container">
<ul role="list" class="footer-nav-list">
<li class="footer-nav-item"><a href="/#" class="footer-link">Accueils</a></li>
<li class="footer-nav-item"><a href="https://dreamproduction.tv/services" class="footer-link">Services</a></li>
<li class="footer-nav-item"><a href="#" class="footer-link">Partenariats</a></li>
<li class="footer-nav-item"><a href="#" class="footer-link">Blog</a></li>
<li class="footer-nav-item"><a href="#form-contact" class="footer-link">Nous contacter</a></li>
</ul>
</div>
</div>
<div class="footer-nav padding-vertical">
<p class="paragraph">Si vous souhaitez être tenu informé des dernières solutions que nous proposons
à nos clients</p>
<div class="footer-form-block w-form">
<form id="wf-form-Footer-Newsletter-Form" name="wf-form-Footer-Newsletter-Form"
data-name="Footer Newsletter Form" method="get" class="form-2"
data-wf-page-id="65c3b42718877526beb80d85" data-wf-element-id="bbc2c07b-1e65-4fb3-628f-a98fe3538760">
<input class="input v4 mg-bottom-24px w-input" maxlength="256" name="email" data-name="Email"
placeholder="Email" type="email" id="email_newsletter" required=""><input type="submit"
data-wait="Merci de patienter..." class="button-primary submit-button color-yellow w-button"
value="S'inscrire">
</form>
<div class="success-message w-form-done">
<div>Thanks for subscribing to my newsletter</div>
</div>
<div class="error-message w-form-fail">
<div>Oops! Something went wrong.</div>
</div>
</div>
<div class="footer-nav-container">
<ul role="list" class="footer-nav-list"></ul>
</div>
</div>
</div>
</div>
<div class="divider"></div>
<div class="footer-bottom-content">
<p class="paragraph-small-2">Site réalisé par Dream-digital <a href="http://www.dream-digital.info"
target="_blank">Dream-Digital</a> 🔥</p>
<div class="flex mg-bottom-24px"><a href="/mentions-legales" class="footer-link">Mentions légales</a><a
href="/politique-de-confidentialite" class="footer-link">Politique de confidentialité</a>
<div class="footer-link w-embed"><a style="text-decoration:none;" href="javascript:openAxeptioCookies()">
Préférences cookies
</a></div>
</div>
</div>
</div>
</footer>
<div class="div-block-49">
<div style="display:none" class="modal2_component">
<div
style="-webkit-transform:translate3d(100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(100%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
class="modal2_content-wrapper">
<div class="margin-bottom margin-large">
<div class="text-align-center">
<div class="max-width-large align-center">
<div class="margin-bottom margin-xsmall">
<h2>Téléchargez notre fiche technique</h2>
</div>
<p class="text-size-medium-15">Vous recevrez un lien de téléchargement par mail en remplissant le
formulaire ci-dessous : </p>
</div>
</div>
</div>
<div class="w-form">
<form id="wf-form-Fiche-technique-form" name="wf-form-Fiche-technique-form" data-name="Fiche technique form"
method="get"
data-webflow-hubspot-api-form-url="https://hubspotonwebflow.com/api/forms/721b4fd1-dc40-49e3-bdcf-904f7b59409f"
class="form-4" data-wf-page-id="65c3b42718877526beb80d85"
data-wf-element-id="00a26cb9-e356-1255-ecf9-024f8cc5f97e">
<div><label for="Prenom-2" class="is-ctalabel">Prénom</label><input class="form_input w-input"
data-wfhsfieldname="FormTextInput-2" maxlength="256" name="Prenom" data-name="Prenom" placeholder=""
type="text" id="Prenom-2"></div>
<div><label for="nom-4" class="is-ctalabel">Nom</label><input class="form_input w-input"
data-wfhsfieldname="FormTextInput-3" maxlength="256" name="nom" data-name="nom" placeholder=""
type="text" id="nom-4" required=""></div>
<div id="w-node-d9f9253c-4051-f7b9-c2c6-9130741da7b1-beb80d85"><label for="email-2"
class="is-ctalabel">Numéro de téléphone</label><input class="form_input w-input"
data-wfhsfieldname="FormTextInput-4" maxlength="256" name="email-2" data-name="Email 2" placeholder=""
type="tel" id="email-2" required=""></div>
<div id="w-node-_4389fd7b-2b62-e0de-dd16-bf6149c9053a-beb80d85"><label for="entreprise"
class="is-ctalabel">Nom de l'entreprise</label><input class="form_input w-input"
data-wfhsfieldname="FormTextInput-5" maxlength="256" name="entreprise" data-name="entreprise"
placeholder="" type="text" id="entreprise" required=""></div>
<div id="w-node-_99b2f7b9-c3f0-c5ab-fc68-2b598defd46f-beb80d85"><label for="Email-3"
class="is-ctalabel">E-mail</label><input class="form_input w-input"
data-wfhsfieldname="FormTextInput-6" maxlength="256" name="Email" data-name="Email" placeholder=""
type="email" id="Email-3" required=""></div>
<div id="w-node-_1ef46e64-16d8-eef4-9dc2-4b2cb26bf3cd-beb80d85" class="is-hidden"><label
for="fichesouhaite" class="is-ctalabel">studio</label><input class="form_input w-input"
data-wfhsfieldname="FormTextInput-7" maxlength="256" name="email-2" data-name="Email 2" placeholder=""
data-fiche-input="" type="text" id="fichesouhaite" required=""></div><input type="submit"
data-wait="..." class="button-secondary w-button" value="Recevoir la fiche technique"><input
type="hidden" name="hutk" value=""><input type="hidden" name="ipAddress" value=""><input type="hidden"
name="pageUri" value=""><input type="hidden" name="pageId" value=""><input type="hidden" name="pageName"
value="">
</form>
<div class="success-message-3 w-form-done">
<div>Merci ! Vérifiez votre boîte mail !</div>
<div class="lottie-success" data-w-id="42a9a80c-0c8c-43aa-7e37-05ed8375d969" data-animation-type="lottie"
data-src="https://cdn.prod.website-files.com/6259471f6732ede18e35d975/65393cdf355be807d935377a_wired-outline-499-clipboard-film-clap.json"
data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg"
data-default-duration="0" data-duration="0"></div>
</div>
<div class="error-message-2 w-form-fail">
<div>Oops !àUne erreur s'est produite lors de l'envoi du formulaire.<br></div>
</div>
</div>
<div class="modal-content-replace-this-div"></div><a data-w-id="99582f44-d38d-18e5-42b9-de38690630a7" href="#"
class="modal2_close-button w-inline-block"><img loading="lazy"
src="images/6601a92c0cb8b302bb36d59a_icon_close-modal.svg" alt=""></a>
</div>
<div data-w-id="99582f44-d38d-18e5-42b9-de38690630a9" style="opacity:0" class="modal2_background-overlay"></div>
</div>
</div>
</div>
<script src="js/jquery-3.5.1.min.dc5e7f18c8.js" type="text/javascript" crossorigin="anonymous"></script>
<script src="js/mogador.a020e92fd.js" type="text/javascript"></script>
<script>
console.clear();
/* globals
$
*/
const data = {
months: {
en: [
'January', 'February', 'March', 'April', 'May', 'June',
'July', 'August', 'September', 'October', 'November', 'December',
],
local: [],
},
days: {
en: [
'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday',
],
local: [],
}
};
data.months.local = [
'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin',
'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre',
];
data.days.local = [
'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi', 'Dimanche',
];
if (data.months.local.length !== 12) {
console.error('Months are incorrect! Check your script.')
}
if (data.days.local.length !== 7) {
console.error('Days are incorrect! Check your script.')
}
const shortenDaysMonths = daymonth => daymonth.substring(0, 3);
const convertToLocal = (daydate, whatToConvert) => {
whatToConvert.each(function () {
const theObject = $(this);
let text = theObject.text();
if (daydate === 'm' || daydate === 'month' || daydate === 'months') {
for (let i = 0; i < data.months.en.length; i++) {
text = text.replace(data.months.en[i], data.months.local[i])
text = text.replace(shortenDaysMonths(data.months.en[i]), shortenDaysMonths(data.months.local[i]))
theObject.text(text)
}
} else if (daydate === 'd' || daydate === 'day' || daydate === 'days') {
for (let i = 0; i < data.days.en.length; i++) {
text = text.replace(data.days.en[i], data.days.local[i])
text = text.replace(shortenDaysMonths(data.days.en[i]), shortenDaysMonths(data.days.local[i]))
theObject.text(text)
}
}
});
};
</script>
<script>
const allDates = $('.dateclass');
const allDays = $('.dayclass');
convertToLocal('m', allDates);
convertToLocal('d', allDays);
</script>
<!-- [Attributes by Finsweet] Modal -->
<script src="js/modal.js"></script>
<!-- [smoothscroll-by-luxyjs] -->
<script src="js/gsap.min.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<script src="js/CustomEase.min.js"></script>
<script src="js/lenis.min.js"></script>
<script>
const lenis = new Lenis(
{
lerp: 0.065,
duration: 1,
smooth: true,
direction: "vertical"
})
lenis.on('scroll', (e) => {
console.log(e)
})
function raf(time) {
lenis.raf(time)
requestAnimationFrame(raf)
}
requestAnimationFrame(raf)
gsap.registerPlugin(ScrollTrigger)
let mm = gsap.matchMedia()
mm.add("(min-width: 800px)", () => {
gsap.from(".animation1", {
y: '120%',
stagger: 0.2,
duration: 0.8,
rotationZ: '-10',
ease: 'power1.out',
scrollTrigger: {
trigger: ".animation1",
start: 'top bottom',
end: 'top center'
}
})
gsap.from(".animation2", {
y: '120%',
duration: 0.8,
stagger: 0.2,
rotationZ: '10',
ease: 'power1.out',
scrollTrigger: {
trigger: ".animation2",
start: 'top bottom',
end: 'top center'
}
})
gsap.from(".animation3", {
y: '120%',
duration: 0.8,
stagger: 0.2,
rotationZ: '10',
ease: 'power1.out',
scrollTrigger: {
trigger: "#triggeranim3",
start: 'top center',
snap: 0.5
}
})
gsap.set(".animation4", { transformOrigin: "bottom center" })
gsap.from(".animation4", {
y: '120%',
duration: 2.5,
stagger: 0.2,
ease: 'expo.out',
scrollTrigger: {
trigger: ".animation4",
start: 'top bottom',
end: 'top center'
}
})
gsap.from(".animation55", {
y: '120%',
filter: 'blur(5px)',
duration: 1.5,
stagger: 0.3,
ease: 'expo.out',
scrollTrigger: {
trigger: ".animation55",
start: 'top bottom',
end: 'top center'
}
})
gsap.from(".animation66", {
y: '120%',
filter: 'blur(5px)',
duration: 1.5,
stagger: 0.3,
ease: 'expo.out',
scrollTrigger: {
trigger: ".animation66",
start: 'top bottom',
end: 'top center'
}
})
gsap.from(".animation77", {
y: '120%',
filter: 'blur(5px)',
duration: 1.5,
stagger: 0.3,
ease: 'expo.out',
scrollTrigger: {
trigger: ".animation77",
start: 'top bottom',
end: 'top center'
}
})
})
</script>
<script>
gsap.set(".overlay-top", { transformOrigin: "bottom center" })
gsap.to(".overlay-top", {
scaleY: 6,
scrollTrigger: {
trigger: "#play-video",
duration: 1.5,
start: 'top top',
end: 'bottom center',
scrub: true
}
})
</script>
<script>
// Prevent loading the video on smaller screens
if (window.matchMedia('screen and (max-width: 991px)').matches) {
console.log("Script executed!"); // Add this line to log a message
const videoElement = document.getElementById("bg-video");
if (videoElement) {
const videoSources = videoElement.getElementsByTagName("source");
// Guarantee src URLs are not present
for (const source of videoSources) {
source.src = "";
}
videoElement.remove(); // Remove the video element
}
}
</script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const banner = document.querySelector('#banner');
const imageReveal = document.querySelector('#image-reveal');
const ctas = document.querySelectorAll('.cta-hover');
ctas.forEach(cta => {
cta.addEventListener('mouseenter', () => {
const imageUrl = cta.getAttribute('data-image');
gsap.to(imageReveal, {
opacity: 1,
duration: 0.5,
onStart: () => {
imageReveal.style.backgroundImage = `url(${imageUrl})`;
}
});
gsap.to(imageReveal, {
scale: 1.25,
duration: 5,
});
});
cta.addEventListener('mouseleave', () => {
gsap.to(imageReveal, {
opacity: 0,
duration: 0.5
});
gsap.to(imageReveal, {
scale: 1,
duration: 0.5
});
});
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Trouvez les boutons par leurs ID
var boutonSouhait1 = document.getElementById('ficheloft');
var boutonSouhait2 = document.getElementById('fichetalk');
var boutonSouhait3 = document.getElementById('ficheimmersif');
var boutonSouhait4 = document.getElementById('fichejab3');
// Ajoutez un écouteur d'événement pour le 'click' sur chaque bouton
boutonSouhait1.addEventListener('click', function () {
insererValeurDansChamp('Loft');
});
boutonSouhait2.addEventListener('click', function () {
insererValeurDansChamp('Talk');
});
boutonSouhait3.addEventListener('click', function () {
insererValeurDansChamp("Immersif");
});
boutonSouhait4.addEventListener('click', function () {
insererValeurDansChamp('Jab');
});
// Fonction pour insérer une valeur dans le champ "studio"
function insererValeurDansChamp(valeur) {
// Trouvez l'input par son ID
var champStudio = document.getElementById('fichesouhaite');
// Définissez la valeur spécifiée
champStudio.value = valeur;
}
});
</script>
<script src="js/form-124.js" type="text/javascript" crossorigin="anonymous"></script>
</body>
</html>