1<!doctype html> 2<html class="html" lang="fr-FR"> 3 <head> 4
4<script type="text/javascript" src="/wp-content/themes/beaucoup/tarteaucitron/tarteaucitron.js"></script>
vendor: 1 bytes, line 4
4
5<script type="text/javascript"> 6 window.tarteaucitronForceLanguage = "fr"; 7 8 var tarteaucitronCustomText = { 9 acceptAll: "Accepter", 10 personalize: "Préférences", 11 alertBigPrivacy: "En cliquant sur « Accepter », vous acceptez l\'installation de cookies sur votre navigateur afin d\'améliorer votre expérience de navigation et l\'acquisition de statistiques. Consultez nos mentions légales pour plus d\'informations.", 12 title: "Préférences", 13 disclaimer: "En autorisant ces services tiers, vous acceptez le dépôt et la lecture de cookies et l\'utilisation de technologies de suivi nécessaires à leur bon fonctionnement.", 14 all: "Préférences pour tous les services", 15 mandatoryText: "Ce site utilise des cookies nécessaires à son bon fonctionnement. Ils ne peuvent pas être désactivés.", 16 analytic: { 17 "details": "Les services de mesure d\'audience permettent de générer des statistiques de fréquentation utiles à l\'amélioration du site." 18 } 19 } 20 21 tarteaucitron.init({ 22 "privacyUrl": "", /* Privacy policy url */ 23 "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ 24 "cookieName": "tarteaucitron", /* Cookie name */ 25 "orientation": "bottom", /* Banner position (top - bottom) */ 26 "groupServices": false, /* Group services by category */ 27 "showAlertSmall": false, /* Show the small banner on bottom right */ 28 "cookieslist": false, /* Show the cookie list */ 29 "closePopup": false, /* Show a close X on the banner */ 30 "showIcon": false, /* Show cookie icon to manage cookies */ 31 // "iconSrc": "../images/svg/arrow-bold.svg", /* Optionnal: URL or base64 encoded image */ 32 // "iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */ 33 "adblocker": false, /* Show a Warning if an adblocker is detected */ 34 "DenyAllCta" : false, /* Show the deny all button */ 35 "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */ 36 "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */ 37 "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ 38 "removeCredit": true, /* Remove credit link */ 39 "moreInfoLink": false, /* Show more info link */ 40 "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */ 41 "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */ 42 "readmoreLink": "", /* Change the default readmore link */ 43 "mandatory": true, /* Show a message about mandatory cookies */ 44 }); 45</script>
45 46 47
47<script type="text/javascript"> 48 tarteaucitron.user.gtagUa ='G-E6E4LVJG0Q'; 49 tarteaucitron.user.gtagMore = function () {}; 50 (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); 51 </script>
51 52 <meta charset="utf-8"> 53 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> 54 <link rel="apple-touch-icon" sizes="57x57" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-57x57.png"> 55 <link rel="apple-touch-icon" sizes="60x60" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-60x60.png"> 56 <link rel="apple-touch-icon" sizes="72x72" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-72x72.png"> 57 <link rel="apple-touch-icon" sizes="76x76" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-76x76.png"> 58 <link rel="apple-touch-icon" sizes="114x114" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-114x114.png"> 59 <link rel="apple-touch-icon" sizes="120x120" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-120x120.png"> 60 <link rel="apple-touch-icon" sizes="144x144" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-144x144.png"> 61 <link rel="apple-touch-icon" sizes="152x152" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-152x152.png"> 62 <link rel="apple-touch-icon" sizes="180x180" href="/wp-content/themes/beaucoup/resources/favicon/apple-touch-icon-180x180.png"> 63 <link rel="icon" type="image/png" sizes="144x144" href="/wp-content/themes/beaucoup/resources/favicon/android-chrome-144x144.png"> 64 <link rel="icon" type="image/png" sizes="192x192" href="/wp-content/themes/beaucoup/resources/favicon/android-chrome-192x192.png"> 65 <link rel="icon" type="image/png" sizes="512x512" href="/wp-content/themes/beaucoup/resources/favicon/android-chrome-512x512.png"> 66 <link rel="icon" type="image/png" sizes="16x16" href="/wp-content/themes/beaucoup/resources/favicon/favicon-16x16.png"> 67 <link rel="icon" type="image/png" sizes="32x32" href="/wp-content/themes/beaucoup/resources/favicon/favicon-32x32.png"> 68 <link rel="icon" type="image/png" sizes="48x48" href="/wp-content/themes/beaucoup/resources/favicon/favicon-48x48.png"> 69 <link rel="manifest" href="/wp-content/themes/beaucoup/resources/favicon/manifest.webmanifest"> 70 <meta name="msapplication-TileColor" content="#ffffff"> 71 <meta name="msapplication-TileImage" content="/wp-content/themes/beaucoup/resourcesfavicon/mstile-144x144.png"> 72 <meta name="theme-color" content="#fff"> 73
73<script> if ('serviceWorker' in navigator) navigator.serviceWorker.register('https://mooders.net/service-worker.js'); </script>
73 74 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 75 <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> 76 <link rel="alternate" href="https://mooders.net/fr/" hreflang="fr" /> 77<link rel="alternate" href="https://mooders.net/en/" hreflang="en" /> 78<link rel="alternate" href="https://mooders.net/" hreflang="x-default" /> 79 80 <!-- This site is optimized with the Yoast SEO plugin v22.1-RC2 - https://yoast.com/wordpress/plugins/seo/ --> 81 <title>Mooders | Sound Design Studio</title> 82 <meta name="description" content="Nous sommes une équipe de compositeurs et un studio de sound design. Audio immersif, musique originale, sound design, identité sonore, prod son. Nantes - Rennes - Paris" /> 83 <link rel="canonical" href="https://mooders.net/fr/" /> 84 <meta property="og:locale" content="fr_FR" /> 85 <meta property="og:locale:alternate" content="en_GB" /> 86 <meta property="og:type" content="website" /> 87 <meta property="og:title" content="Mooders | Sound Design Studio" /> 88 <meta property="og:description" content="Nous sommes une équipe de compositeurs et un studio de sound design. Audio immersif, musique originale, sound design, identité sonore, prod son. Nantes - Rennes - Paris" /> 89 <meta property="og:url" content="https://mooders.net/fr/" /> 90 <meta property="og:site_name" content="Mooders" /> 91 <meta property="article:modified_time" content="2025-01-03T17:24:00+00:00" /> 92 <meta property="og:image" content="https://mooders.net/wp-content/uploads/2024/04/og-image.jpg" /> 93 <meta property="og:image:width" content="1200" /> 94 <meta property="og:image:height" content="628" /> 95 <meta property="og:image:type" content="image/jpeg" /> 96 <meta name="twitter:card" content="summary_large_image" /> 97
97<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://mooders.net/fr/","url":"https://mooders.net/fr/","name":"Mooders | Sound Design Studio","isPartOf":{"@id":"https://mooders.net/fr/#website"},"primaryImageOfPage":{"@id":"https://mooders.net/fr/#primaryimage"},"image":{"@id":"https://mooders.net/fr/#primaryimage"},"thumbnailUrl":"https://mooders.net/wp-content/uploads/2024/04/og-image.jpg","datePublished":"2024-02-12T11:47:02+00:00","dateModified":"2025-01-03T17:24:00+00:00","description":"Nous sommes une équipe de compositeurs et un studio de sound design. Audio immersif, musique originale, sound design, identité sonore, prod son. Nantes - Rennes - Paris","breadcrumb":{"@id":"https://mooders.net/fr/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://mooders.net/fr/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://mooders.net/fr/#primaryimage","url":"https://mooders.net/wp-content/uploads/2024/04/og-image.jpg","contentUrl":"https://mooders.net/wp-content/uploads/2024/04/og-image.jpg","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https://mooders.net/fr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://mooders.net/fr/#website","url":"https://mooders.net/fr/","name":"Mooders","description":"","inLanguage":"fr-FR"}]}</script>
97 98 <!-- / Yoast SEO plugin. --> 99 100 101<link rel='stylesheet' id='formidable-css' href='https://mooders.net/wp-content/plugins/formidable/css/formidableforms.css?ver=6191416' media='all' /> 102<link rel='stylesheet' id='app/0-css' href='https://mooders.net/wp-content/themes/beaucoup/public/css/app.e0ae53.css' media='all' /> 103<link rel="https://api.w.org/" href="https://mooders.net/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://mooders.net/wp-json/wp/v2/pages/7" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mooders.net/xmlrpc.php?rsd" /> 104<meta name="generator" content="WordPress 6.8.3" /> 105<link rel='shortlink' href='https://mooders.net/' /> 106<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://mooders.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmooders.net%2Ffr%2F" /> 107<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://mooders.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmooders.net%2Ffr%2F&format=xml" /> 108 109</head> 110 111 <body class="home wp-singular page-template-default page page-id-7 wp-embed-responsive wp-theme-beaucoup"> 112 <div class="header-bg fixed top-0 left-0 w-full h-[5.5rem] md:h-[6.5rem] bg-primary z-[8]"></div> 113<header class="header sticky top-0 left-0 w-full px-container pt-container mb-10 z-header transition-mode"> 114 <div class="header-overlay fixed top-0 left-0 w-full h-screen bg-black opacity-0 pointer-events-none -z-1"></div> 115 <div class="header-menu relative w-full h-header border-px border-secondary flex md:grid md:gap-x-grid md:grid-cols-24 bg-primary transition-mode"> 116 <div class="md:col-start-1 md:col-end-22 lg:col-end-23 flex flex-1 justify-between items-center pl-20 pr-20 md:pr-16"> 117 <a href="https://mooders.net" class="svg-wrapper text-secondary block w-[8.5rem] pb-[0.6rem] -mb-[0.6rem] transition-mode" aria-label="Home"><svg width="85" height="15" viewBox="0 0 85 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 118 <path d="M23.069 15C22.0026 15 21.0015 14.8157 20.0951 14.4534C19.181 14.0885 18.3796 13.5636 17.7114 12.8954C17.0444 12.2284 16.5169 11.4206 16.1431 10.495C15.7731 9.57712 15.585 8.55296 15.585 7.44944C15.585 5.98234 15.9063 4.67654 16.54 3.56534C17.175 2.44517 18.0724 1.56056 19.2041 0.938386C20.3434 0.309812 21.5993 0.00512695 23.0421 0.00512695C24.4849 0.00512695 25.7906 0.318774 26.9108 0.937106C27.9273 1.50039 28.7568 2.27747 29.379 3.24913H29.3995L29.5838 3.57046C30.2252 4.68935 30.5517 6.00026 30.5517 7.46736C30.5517 8.55808 30.3635 9.57712 29.9935 10.495C29.6197 11.4206 29.0923 12.2284 28.4253 12.8954C27.7545 13.5662 26.9518 14.0911 26.0403 14.4534C25.1301 14.8157 24.1302 14.9987 23.0677 14.9987L23.069 15ZM23.0434 1.28532C21.8221 1.28532 20.7685 1.5388 19.8224 2.05855C18.9007 2.56551 18.1709 3.28498 17.6537 4.19775C17.1302 5.11437 16.8664 6.20765 16.8664 7.44816C16.8664 8.38654 17.0226 9.25067 17.3311 10.0149C17.6397 10.7805 18.0724 11.4449 18.6177 11.989C19.1631 12.5344 19.8198 12.9632 20.5713 13.2641C21.3253 13.5662 22.1664 13.7185 23.0702 13.7185C23.9741 13.7185 24.8011 13.57 25.5692 13.2628C26.3283 12.9607 26.9671 12.5433 27.5227 11.989C28.0681 11.4436 28.5008 10.7792 28.8093 10.0149C29.1179 9.25067 29.274 8.39294 29.274 7.46608C29.274 6.29471 29.0475 5.28976 28.584 4.40258L28.465 4.20543C27.9414 3.28882 27.2117 2.56551 26.2938 2.05599C25.3656 1.54392 24.2723 1.28404 23.0446 1.28404L23.0434 1.28532Z" fill="currentColor"/> 119 <path d="M33.3912 15C32.3248 15 31.3237 14.8157 30.4173 14.4534C29.5033 14.0885 28.7019 13.5636 28.0336 12.8954C27.3666 12.2284 26.8392 11.4206 26.4654 10.495C26.0954 9.57712 25.9072 8.55296 25.9072 7.44944C25.9072 5.98234 26.2286 4.67526 26.8635 3.56534C27.4985 2.44517 28.3959 1.56184 29.5276 0.938386C30.6657 0.309812 31.9216 0.00512695 33.3656 0.00512695C34.8097 0.00512695 36.118 0.318774 37.2382 0.937106C38.2547 1.50039 39.083 2.27747 39.7064 3.24913H39.7243L39.9087 3.57046C40.5501 4.68935 40.8765 6.00026 40.8765 7.46736C40.8765 8.55936 40.6883 9.57712 40.3183 10.495C39.9445 11.4206 39.4171 12.2284 38.7501 12.8954C38.0793 13.5662 37.2766 14.0911 36.3651 14.4534C35.4549 14.8157 34.4551 14.9987 33.3925 14.9987L33.3912 15ZM33.3656 1.28532C32.1443 1.28532 31.0907 1.5388 30.1447 2.05855C29.2229 2.56551 28.4932 3.28626 27.976 4.19775C27.4524 5.11437 27.1874 6.20765 27.1874 7.44816C27.1874 8.38654 27.3436 9.25067 27.6521 10.0149C27.9607 10.7805 28.3934 11.4449 28.9387 11.989C29.4841 12.5344 30.1408 12.9632 30.8923 13.2641C31.6463 13.5662 32.4874 13.7185 33.3912 13.7185C34.295 13.7185 35.122 13.57 35.8902 13.2628C36.6493 12.9607 37.2881 12.5433 37.8437 11.989C38.3891 11.4436 38.8218 10.7792 39.1303 10.0149C39.4388 9.25067 39.595 8.39294 39.595 7.46608C39.595 6.28574 39.3659 5.27311 38.8935 4.38082L38.7898 4.20543C38.2662 3.28882 37.5365 2.56551 36.6186 2.05599C35.6904 1.54392 34.5959 1.28404 33.3656 1.28404V1.28532Z" fill="currentColor"/> 120 <path d="M43.2127 14.9949C42.1502 14.9949 41.1542 14.8131 40.2504 14.4534C40.1633 14.4226 40.0903 14.3868 40.0315 14.3586C40.011 14.3484 39.9918 14.3394 39.9713 14.3305L39.5962 14.1602V0.793718L39.9828 0.627294C40.9481 0.211232 42.0273 0 43.191 0C44.6376 0 45.9395 0.313647 47.0597 0.931979C48.0762 1.49526 48.9057 2.27234 49.5279 3.244H49.5458L49.7302 3.56533C50.3716 4.68422 50.698 5.99513 50.698 7.46223C50.698 8.55296 50.5098 9.57199 50.1398 10.4899C49.766 11.4155 49.2386 12.2233 48.5716 12.8902C47.9046 13.5572 47.0981 14.0859 46.1866 14.4482C45.2777 14.8105 44.2766 14.9936 43.214 14.9936L43.2127 14.9949ZM40.8751 13.3217C41.5869 13.5828 42.3729 13.7147 43.2127 13.7147C44.1255 13.7147 44.9436 13.5662 45.7117 13.2602C46.4708 12.9581 47.1096 12.5408 47.6652 11.9864C48.2106 11.4411 48.6433 10.7766 48.9518 10.0124C49.2604 9.2481 49.4165 8.39037 49.4165 7.46351C49.4165 6.28318 49.1874 5.27183 48.715 4.37825L48.61 4.20159C48.0877 3.28497 47.3567 2.56166 46.4388 2.05215C45.5107 1.54007 44.4174 1.28019 43.1897 1.28019C42.3563 1.28019 41.5805 1.40565 40.8751 1.65145V13.3217Z" fill="currentColor"/> 121 <path d="M0 0.599121H3.23376L7.09866 11.1658H7.13835L11.0224 0.599121H14.2562V14.4021H11.3975V5.88375H11.3579L8.53631 14.4021H5.69941L2.89835 5.88375H2.85867V14.4021H0V0.599121Z" fill="currentColor"/> 122 <path d="M51.6902 0.599121H60.5825V3.28112H54.6078V6.0809H60.0499V8.64384H54.6078V11.7201H60.6017V14.4021H51.689V0.599121H51.6902Z" fill="currentColor"/> 123 <path d="M73.182 14.4009H70.0468L67.4442 9.55022H65.6698V14.4009H62.751V0.599121H68.371C71.2899 0.599121 73.0834 2.29537 73.0834 5.05547C73.0834 7.06665 72.0785 8.56575 70.3822 9.21609V9.23529L73.182 14.4009ZM68.0164 6.8887C69.4169 6.8887 70.1658 6.23836 70.1658 5.03498C70.1658 3.8316 69.4361 3.26064 68.0164 3.26064H65.6698V6.8887H68.0164Z" fill="currentColor"/> 124 <path d="M74.0486 9.84595L76.9073 9.2353C77.2619 11.2862 78.0902 12.0748 79.9247 12.0748C81.2856 12.0748 82.0537 11.5819 82.0537 10.7139C82.0537 9.76786 81.3829 9.2545 79.0964 8.48511C75.8819 7.40078 74.6798 6.23709 74.6798 4.20671C74.6798 1.8998 76.5924 0.302124 79.3525 0.302124C82.1126 0.302124 84.1634 1.91901 84.5974 4.36417L81.758 4.97482C81.3829 3.57429 80.6147 2.92396 79.3525 2.92396C78.2682 2.92396 77.5577 3.41683 77.5577 4.18622C77.5577 4.89545 78.1491 5.28975 80.2 5.98105C83.6309 7.16395 84.9712 8.48511 84.9712 10.7139C84.9712 13.1002 82.9204 14.6966 79.8838 14.6966C76.5911 14.6966 74.5402 13.0003 74.0474 9.84595H74.0486Z" fill="currentColor"/> 125</svg></a> 126 <div class="md:absolute md:left-1/2 header-switcher flex items-center cursor-pointer h-full px-10 md:-translate-x-1/2"> 127 <div class="w-[1.2rem] h-[1.2rem] border-rem border-secondary bg-white rounded-full transition-mode"></div> 128 <div class="w-[1.2rem] h-[1.2rem] border-rem border-secondary bg-black rounded-full -ml-[0.4rem] transition-mode"></div> 129 </div> 130 <div class="header-languages pt-[0.2rem] md:pt-[0.4rem]"> 131 <div class="langswitcher flex gap-x-5 uppercase text-secondary transition-mode">
132 <a class="lang-link body-12 font-bold opacity-100 hover:opacity-100" lang="fr-FR" hreflang="fr-FR" href="https://mooders.net/fr/" data-taxi-ignore>fr</a> 133 <a class="lang-link body-12 font-bold opacity-30 hover:opacity-100" lang="en-GB" hreflang="en-GB" href="https://mooders.net/en/" data-taxi-ignore>en</a> 134 </div> 135 </div> 136 </div> 137 <div class="header-toggler group cursor-pointer md:col-start-22 lg:col-start-23 col-end-25 flex justify-center items-center px-20 md:px-0 pt-[0.2rem] md:pt-[0.4rem] border-l-px border-l-secondary bg-transparent xl:hover:bg-secondary transition-mode"> 138 <div class="relative body-12 font-bold select-none text-secondary uppercase xl:group-hover:text-primary transition-mode"> 139 <span class="group-[.a]:opacity-0">Menu</span> 140 <span class="absolute top-1/2 left-1/2 opacity-0 -translate-x-1/2 -translate-y-1/2 xl:-translate-y-[45%] group-[.a]:opacity-100">Close</span> 141 </div> 142 </div> 143 </div> 144 <div class="header-menu-wrapper fixed top-header pt-10 left-0 flex items-start w-full grid-w uppercase pointer-events-none overflow-hidden"> 145 <div class="header-item-col -mt-px md:-mt-0 bg-primary border-px border-secondary flex flex-col justify-between pointer-events-auto col-span-full md:col-span-6 transition-mode"> 146 <div class="flex flex-col"> 147 <a href="https://mooders.net/fr/works/motionmotion/" data-transition="menu" data-index="0" class="link header-item-cell -mt-px hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary bg-primary text-secondary transition-mode"> 148 <span style="--delay: 0.012s" data-splitting="chars">MOTION MOTION TRAILER</span> 149 </a> 150 <a href="https://mooders.net/fr/works/salomon-yearinreview-2022/" data-transition="menu" data-index="0" class="link header-item-cell -mt-px hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary bg-primary text-secondary transition-mode"> 151 <span style="--delay: 0.012s" data-splitting="chars">A year In review</span> 152 </a> 153 <a href="https://mooders.net/fr/works/cartierbaubles/" data-transition="menu" data-index="0" class="link header-item-cell -mt-px hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary bg-primary text-secondary transition-mode"> 154 <span style="--delay: 0.012s" data-splitting="chars">CELEBRATE WITH CARTIER</span> 155 </a> 156 </div> 157 158 <a href="https://mooders.net/works/" data-transition="menu" data-index="0" class="link header-item relative bg-primary flex items-end h-[8.8rem] px-10 py-5 lg:px-20 lg:py-10 heading-48 md:heading-32 lg:heading-42 xl:heading-48 font-bold text-secondary border-secondary transition-mode"> 159 <span data-splitting="chars">Works</span> 160 </a> 161 </div> 162 <div class="header-item-col -mt-px md:-mt-0 bg-primary border-px border-secondary flex flex-col justify-between pointer-events-auto col-span-full md:col-span-6 transition-mode"> 163 <div class="flex flex-col"> 164 <a href="https://mooders.net/fr/apropos/musique-originale/" class="link header-item-cell hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary -mt-px bg-primary text-secondary transition-mode"> 165 <span style="--delay: 0.012s" data-splitting="chars">Nous sommes compositeurs</span> 166 </a> 167 168 <a href="https://mooders.net/fr/apropos/sound-design/" class="link header-item-cell hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary -mt-px bg-primary text-secondary transition-mode">
169 <span style="--delay: 0.012s" data-splitting="chars">Nous sommes sound designers</span> 170 </a> 171 172 <a href="https://mooders.net/fr/apropos/expertise-sonore/" class="link header-item-cell hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary -mt-px bg-primary text-secondary transition-mode"> 173 <span style="--delay: 0.012s" data-splitting="chars">Nous sommes experts audio</span> 174 </a> 175 </div> 176 177 <a href="https://mooders.net/fr/apropos/" data-transition="menu" data-index="1" class="link header-item relative bg-primary flex items-end h-[8.8rem] px-10 py-5 lg:px-20 lg:py-10 heading-48 md:heading-32 lg:heading-42 xl:heading-48 font-bold text-secondary border-secondary transition-mode"> 178 <span data-splitting="chars">About</span> 179 </a> 180 </div> 181 <div class="header-item-col -mt-px md:-mt-0 bg-primary border-px border-secondary flex flex-col justify-between pointer-events-auto col-span-full md:col-span-6 transition-mode"> 182 <a href="https://mooders.net/fr/le-sound-design-c-est-quoi/" data-transition="menu" data-index="2" class="link leading-[1.4] header-item-cell -mt-px hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary bg-primary text-secondary transition-mode"> 183 <span style="--delay: 0.008s" data-splitting="chars">Le sound design, c’est quoi ?</span> 184 </a> 185 <a href="https://mooders.net/fr/sound-design-multicanal-tudor/" data-transition="menu" data-index="2" class="link leading-[1.4] header-item-cell -mt-px hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary bg-primary text-secondary transition-mode"> 186 <span style="--delay: 0.008s" data-splitting="chars">Un sound design multicanal pour Tudor</span> 187 </a> 188 <a href="https://mooders.net/fr/audio-immersif/" data-transition="menu" data-index="2" class="link leading-[1.4] header-item-cell -mt-px hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary bg-primary text-secondary transition-mode"> 189 <span style="--delay: 0.008s" data-splitting="chars">Le sound design dopé à l’audio immersif</span> 190 </a> 191 192 <a href="https://mooders.net/fr/blog/" data-transition="menu" data-index="2" class="link header-item relative bg-primary flex items-end h-[8.8rem] px-10 py-5 lg:px-20 lg:py-10 heading-48 md:heading-32 lg:heading-42 xl:heading-48 font-bold text-secondary border-secondary transition-mode"> 193 <span data-splitting="chars">News</span> 194 </a> 195 </div> 196 <div class="header-item-col -mt-px md:-mt-0 bg-primary border-px border-secondary flex flex-col justify-between pointer-events-auto col-span-full md:col-span-6 transition-mode"> 197 <a href="mailto:[email protected]" class="link header-item-cell hidden md:flex md:items-end h-[8.8rem] -mt-px p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary bg-primary text-secondary transition-mode"> 198 <span style="--delay: 0.01s" data-splitting="chars">[email protected]</span> 199 </a> 200 <div class="header-item-cell hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary -mt-px bg-primary text-secondary transition-mode">Nantes, Rennes, Paris</div> 201 <div class="header-item-cell hidden md:flex md:items-end h-[8.8rem] p-10 py-10 lg:pl-20 lg:pr-[4.2rem] xl:pr-[11.8rem] lg:py-15 border-y-px border-secondary -mt-px bg-primary text-secondary transition-mode"> 202 <div class="flex flex-wrap"> 203 <a href="https://twitter.com/Mooders_music" target="_blank" rel="noopener" class="link inline">
204 <span data-splitting="chars">Twitter</span> 205 </a> 206 <span>, </span> <a href="https://www.linkedin.com/in/mooders/" target="_blank" rel="noopener" class="link inline"> 207 <span data-splitting="chars">Linkedin</span> 208 </a> 209 <span>, </span> <a href="https://www.instagram.com/mooders_sound_design/" target="_blank" rel="noopener" class="link inline"> 210 <span data-splitting="chars">Instagram</span> 211 </a> 212 </div> 213 </div> 214 215 <a href="https://mooders.net/contact/" data-transition="menu" data-index="3" class="link header-item relative bg-primary flex items-end h-[8.8rem] px-10 py-5 lg:px-20 lg:py-10 heading-48 md:heading-32 lg:heading-42 xl:heading-48 font-bold text-secondary border-secondary transition-mode"> 216 <span data-splitting="chars">Contact</span> 217 </a> 218 </div> 219 </div> 220</header> 221 222 <div class="fade fixed top-0 left-0 w-screen h-screen bg-primary pointer-events-none opacity-0 z-transition"></div> 223 224 <div class="panel fixed top-0 left-0 w-screen h-screen bg-primary pointer-events-none z-transition"></div> 225 <div class="panel-overlay fixed top-0 left-0 w-screen h-screen bg-[#121212] pointer-events-none z-overlay"></div> 226 227 <div class="loader-overlay fixed top-0 left-0 w-full h-screen bg-black opacity-0 pointer-events-none z-loader"></div> 228<div class="loader fixed top-0 left-0 w-full h-full overflow-hidden z-loader"> 229 <div class="loader-inner flex justify-center items-center w-full h-full"> 230 <div class="loader-bg fixed top-0 left-0 w-screen h-full bg-white pointer-events-none"></div> 231 <div class="loader-logo svg-wrapper w-[85%] md:w-[42%] lg:w-[35%] xl:absolute xl:bottom-[calc(3.2rem+1px)] xl:left-0 xl:w-full xl:px-[calc(4rem+1px)] opacity-0"> 232 <div class="block w-full"> 233 <div class="absolute left-[1rem] lg:left-[1.6rem] -top-[0.5rem] ld:-top-[0.7rem] xl:left-[8rem] xl:-top-[2.1rem]"> 234 <div class="relative text-[7.4rem] lg:text-[8.4rem] pl-15 xl:pl-0 xl:text-[31rem] font-bold leading-[1] overflow-hidden"> 235 <span class="loader-no block absolute right-0 top-0">2</span> 236 <span class="loader-no block absolute right-0 top-0 xl:relative">5</span> 237 <span class="loader-no block absolute right-0 top-0">8</span> 238 <span class="loader-no block relative -mr-5 xl:mr-0 xl:absolute xl:-right-[2rem] xl:top-0">1</span> 239 </div> 240 </div> 241 <div class="relative"> 242 <svg width="942" height="163" viewBox="0 0 942 163" fill="none" xmlns="http://www.w3.org/2000/svg"> 243 <clipPath id="clipM"> 244 <rect width="159" height="163" fill="#D9D9D9"/> 245 </clipPath> 246 247 <clipPath id="clipE"> 248 <rect x="572" width="101" height="163" fill="#D9D9D9"/> 249 </clipPath> 250 251 <clipPath id="clipR"> 252 <rect x="693" width="117" height="163" fill="#D9D9D9"/> 253 </clipPath> 254 255 <clipPath id="clipS"> 256 <rect x="818" width="124" height="163" fill="#D9D9D9"/> 257 </clipPath> 258 259 <g clip-path="url(#clipM)"> 260 <path class="letter" d="M0 5.20801H35.8497L78.6965 122.018H79.1363L122.195 5.20801H158.045V157.794H126.354V63.6273H125.914L94.6343 157.794H63.1841L32.1313 63.6273H31.6914V157.794H0V5.20801Z" fill="currentColor"/> 261 </g> 262 263 <g clip-path="url(#clipE)"> 264 <path class="letter" d="M573.042 5.20801H671.622V34.8563H605.387V65.8067H665.718V94.1388H605.387V128.146H671.835V157.794H573.028V5.20801H573.042Z" fill="currentColor"/> 265 </g> 266 267 <g clip-path="url(#clipR)"> 268 <path class="letter" d="M811.304 157.78H776.547L747.692 104.158H728.021V157.78H695.667V5.20801H757.971C790.324 5.20801 810.21 23.9594 810.21 54.471C810.21 76.704 799.072 93.2755 780.267 100.465V100.677L811.304 157.78ZM754.036 74.7363C769.566 74.7363 777.863 67.5474 777.863 54.2446C777.863 40.9417 769.773 34.6299 754.036 34.6299H728.021V74.7363H754.036Z" fill="currentColor"/> 269 </g> 270 271 <g clip-path="url(#clipS)"> 272 <path class="letter" d="M820.911 107.428L852.6 100.677C856.534 123.348 865.719 132.066 886.055 132.066C901.141 132.066 909.653 126.618 909.653 117.022C909.653 106.564 902.221 100.89 876.87 92.3838C841.234 80.3971 827.907 67.5333 827.907 45.0883C827.907 19.5865 849.109 1.9248 879.71 1.9248C910.311 1.9248 933.044 19.7987 937.858 46.8289L906.377 53.5794C902.221 38.0972 893.702 30.908 879.71 30.908C867.686 30.908 859.81 36.3565 859.81 44.8618C859.81 52.7021 866.37 57.0609 889.103 64.7029C927.143 77.7
272795 942 92.3838 942 117.022C942 143.402 919.267 161.05 885.598 161.05C849.095 161.05 826.363 142.298 820.898 107.428H820.911Z" fill="currentColor"/> 273 </g> 274</svg> </div> 275 <div class="loader-svg svg-wrapper absolute top-0 left-[18.8%] w-[40%] xl:left-[20.5%] xl:w-[54.3rem] h-full overflow-hidden"> 276 <div class="absolute-full bg-black" style="clip-path: url(#loaderLogoClip)"> 277 <div class="absolute-full hidden xl:block"> 278 <video data-src="https://mooders.net/wp-content/uploads/2024/10/video-intro-projects-720p.mp4" class="loader-video w-full h-full object-cover opacity-0" loop playsinline muted></video> 279 </div> 280 </div> 281 <div class="w-full xl:w-auto"> 282 <svg width="373" height="150" viewBox="0 0 373 150" fill="none" xmlns="http://www.w3.org/2000/svg"> 283 <clipPath id="loaderLogoClip" clipPathUnits="objectBoundingBox" style="transform: scale(0.00268096514, 0.00666666666);"> 284 <path class="loader-path-1 will-change-transform" d="M140.624 35.6678C134.227 24.4532 125.401 15.7488 114.227 9.55442C103.012 3.36009 90.057 0.242676 75.361 0.242676C60.664 0.242676 48.073 3.36009 36.818 9.55442C25.563 15.7488 16.737 24.4532 10.421 35.5868C4.06499 46.7204 0.906982 59.7164 0.906982 74.5342C0.906982 85.7488 2.76999 95.9512 6.49399 105.182C10.219 114.413 15.401 122.388 22.081 129.069C28.761 135.749 36.656 140.89 45.765 144.534C54.875 148.178 64.834 150 75.644 150C86.454 150 96.373 148.178 105.523 144.534C114.672 140.89 122.527 135.749 129.207 129.069C135.887 122.388 141.069 114.413 144.794 105.182C148.519 95.9512 150.381 85.7893 150.381 74.7366C150.381 59.8783 147.183 46.8824 140.745 35.6678H140.624Z" fill="black"/> 285 <path class="loader-path-2 will-change-transform" d="M263.38 35.6683C256.983 24.4537 248.157 15.7492 236.983 9.55491C225.768 3.36057 212.813 0.243164 198.076 0.243164C183.339 0.243164 170.789 3.36057 159.534 9.55491C148.278 15.7492 139.453 24.4537 133.137 35.5873C126.78 46.7209 123.623 59.7169 123.623 74.5347C123.623 85.7493 125.485 95.9517 129.21 105.182C132.934 114.413 138.117 122.389 144.797 129.069C151.477 135.749 159.372 140.891 168.481 144.535C177.59 148.178 187.55 150 198.359 150C209.169 150 219.088 148.178 228.238 144.535C237.388 140.891 245.242 135.749 251.922 129.069C258.602 122.389 263.785 114.413 267.509 105.182C271.234 95.9517 273.096 85.7897 273.096 74.7371C273.096 59.8788 269.898 46.8828 263.461 35.6683H263.38Z" fill="black"/> 286 <path class="loader-path-3 will-change-transform" d="M362.53 35.6683C356.134 24.4537 347.308 15.7492 336.134 9.55491C324.919 3.36057 311.964 0.243164 297.267 0.243164C285.445 0.243164 274.676 2.34843 265 6.51847V143.361C265.891 143.765 266.7 144.211 267.632 144.535C276.741 148.178 286.7 150 297.51 150C308.32 150 318.239 148.178 327.389 144.535C336.538 140.891 344.393 135.749 351.073 129.069C357.753 122.389 362.935 114.413 366.66 105.182C370.385 95.9517 372.247 85.7897 372.247 74.7371C372.247 59.8788 369.049 46.8828 362.611 35.6683H362.53Z" fill="black"/> 287 </clipPath> 288</svg> </div> 289 </div> 290 </div> 291 </div> 292 </div> 293</div> 294 295 296 <div class="content pb-container" data-taxi role="document"> 297 <div data-taxi-view data-template="home"> 298 <div class="home"> 299 <div class="fixed top-0 left-0 w-full h-full"> 300 <div class="home-work absolute-full opacity-0"> 301 <div class="absolute-full"> 302 <div class="image w-full h-full " > 303 <figure class="w-full h-full"> 304 <img class=" w-full h-full object-cover " 305 width="150" height="150" alt="Montre futuriste sur fond de ciel nuageux a coté d'un rapace de metal" 306 src="https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-480x264.jpg" 307 srcset=" 308 https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-480x264.jpg 480w, 309 https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-768x422.jpg 768w, 310 https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-1200x659.jpg 1200w, 311 https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-1600x878.jpg 1600w, 312 https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-1920x1054.jpg 1920w, 313 " 314 sizes=" 315 (max-width: 1023px) 100vw, 316 40vw" 317 > 318 </figure> 319</div> 320 </div> 321 <video src="https://mooders.net/wp-content/uploads/2024/02/URWERK-Intro-3.mp4" muted playsinline loop class="home-work-video relative w-full h-full object-cover z-1"></video> 322 </div> 323 <div class="home-work absolute-full opacity-0"> 324 <div class="absolute-full"> 325 <div class="image w-full h-full " > 326 <figure class="w-full h-full"> 327 <img class=" w-full h-full object-cover " 328 width="150" height="150" alt="Homme concentré jouant aux échecs avec des pièces en lévitation, en noir et blanc" 329 src="https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1-480x270.jpg" 330 srcset=" 331 https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1-480x270.jpg 480w, 332 https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1.jpg 768w, 333 https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1.jpg 1200w, 334 https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1.jpg 1600w, 335 https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1.jpg 1920w, 336 " 337 sizes=" 338 (max-width: 1023px) 100vw, 339 40vw" 340 > 341 </figure> 342</div> 343 </div> 344 <video src="https://mooders.net/wp-content/uploads/2024/02/cartier-time-project-2.mp4" muted playsinline loop class="home-work-video relative w-full h-full object-cover z-1"></video> 345 </div> 346 <div class="home-work absolute-full opacity-0"> 347 <div class="absolute-full"> 348 <div class="image w-full h-full " > 349 <figure class="w-full h-full"> 350 <img class=" w-full h-full object-cover " 351 width="150" height="150" alt="" 352 src="https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-480x271.jpeg" 353 srcset=" 354 https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-480x271.jpeg 480w, 355 https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-768x434.jpeg 768w, 356 https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-1200x678.jpeg 1200w, 357 https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-1600x904.jpeg 1600w, 358 https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-1920x1085.jpeg 1920w, 359 " 360 sizes=" 361 (max-width: 1023px) 100vw, 362 40vw" 363 > 364 </figure> 365</div> 366 </div> 367 <video src="https://mooders.net/wp-content/uploads/2024/05/tudor-dinner-explore-2.mp4" muted playsinline loop class="home-work-video relative w-full h-full object-cover z-1"></video> 368 </div> 369 <div class="home-work absolute-full opacity-0"> 370 <div class="absolute-full"> 371 <div class="image w-full h-full " > 372 <figure class="w-full h-full"> 373 <img class=" w-full h-full object-cover " 374 width="150" height="150" alt="" 375 src="https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6-480x270.jpg" 376 srcset=" 377 https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6-480x270.jpg 480w, 378 https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6-768x432.jpg 768w, 379 https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6.jpg 1200w, 380 https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6.jpg 1600w, 381 https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6.jpg 1920w, 382 " 383 sizes=" 384 (max-width: 1023px) 100vw, 385 40vw" 386 > 387 </figure> 388</div> 389 </div> 390 <video src="https://mooders.net/wp-content/uploads/2024/09/DB-Intro-copie.mp4" muted playsinline loop class="home-work-video relative w-full h-full object-cover z-1"></video> 391 </div> 392 <div class="home-work absolute-full opacity-0"> 393 <div class="absolute-full"> 394 <div class="image w-full h-full " > 395 <figure class="w-full h-full"> 396 <img class=" w-full h-full object-cover " 397 width="150" height="150" alt="" 398 src="https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-480x230.jpg" 399 srcset=" 400 https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-480x230.jpg 480w, 401 https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-768x368.jpg 768w, 402 https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-1200x575.jpg 1200w, 403 https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-1600x767.jpg 1600w, 404 https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-1920x920.jpg 1920w, 405 " 406 sizes=" 407 (max-width: 1023px) 100vw, 408 40vw" 409 > 410 </figure> 411</div> 412 </div> 413 <video src="https://mooders.net/wp-content/uploads/2024/05/RR-4xTiming-short.mp4" muted playsinline loop class="home-work-video relative w-full h-full object-cover z-1"></video> 414 </div> 415 </div> 416 <div class="fixed top-sticky px-container w-full h-available"> 417 <div class="home-wrapper relative grid grid-cols-24 gap-x-grid h-full content-end border-px border-secondary overflow-hidden transition-mode"> 418 <div class="home-next absolute top-0 left-0 w-full h-[calc(50%-7rem)] z-1 xl:hidden"></div> 419 <div class="home-next absolute bottom-0 left-0 w-full h-[calc(50%-7rem)] cursor-pointer z-1 xl:hidden"></div> 420 <div class="list-o absolute top-1/2 w-full -translate-y-1/2 h-[8rem] xl:top-0 xl:left-1/2 xl:-translate-x-1/2 xl:translate-y-0 xl:h-auto xl:relative xl:col-start-3 xl:col-end-23 flex flex-col md:flex-row items-center justify-center flex-wrap mb-0 md:mb-15"> 421 <a href="https://mooders.net/fr/works/urwerkur220/" class="home-item absolute xl:relative top-0 left-0 w-full xl:w-auto h-[7rem] md:h-[8rem] lg:h-[9rem] xl:h-auto list-o-item p-5 text-secondary transition-mode" data-video="https://mooders.net/wp-content/uploads/2024/02/URWERK-Intro-3.mp4"> 422 <div class="flex flex-col justify-center items-center xl:flex-row xl:items-end overflow-hidden">
423 <span class="home-item-title heading-24 md:heading-32 lg:heading-40 text-center md:text-center xl:whitespace-nowrap">URWERK</span> 424 <span class="overflow-hidden"> 425 <span class="home-item-client block body-12 lg:body-14 uppercase mb-0 ml-0 md:mb-[0.2rem] md:ml-[0.4rem]">UR 220</span> 426 </span> 427 </div> 428 </a> 429 <a href="https://mooders.net/fr/works/cartier-time-project/" class="home-item absolute xl:relative top-0 left-0 w-full xl:w-auto h-[7rem] md:h-[8rem] lg:h-[9rem] xl:h-auto list-o-item p-5 text-secondary transition-mode" data-video="https://mooders.net/wp-content/uploads/2024/02/cartier-time-project-2.mp4"> 430 <div class="flex flex-col justify-center items-center xl:flex-row xl:items-end overflow-hidden"> 431 <span class="home-item-title heading-24 md:heading-32 lg:heading-40 text-center md:text-center xl:whitespace-nowrap">Cartier</span> 432 <span class="overflow-hidden"> 433 <span class="home-item-client block body-12 lg:body-14 uppercase mb-0 ml-0 md:mb-[0.2rem] md:ml-[0.4rem]">Time Project</span> 434 </span> 435 </div> 436 </a> 437 <a href="https://mooders.net/fr/works/tudorexplore/" class="home-item absolute xl:relative top-0 left-0 w-full xl:w-auto h-[7rem] md:h-[8rem] lg:h-[9rem] xl:h-auto list-o-item p-5 text-secondary transition-mode" data-video="https://mooders.net/wp-content/uploads/2024/05/tudor-dinner-explore-2.mp4"> 438 <div class="flex flex-col justify-center items-center xl:flex-row xl:items-end overflow-hidden"> 439 <span class="home-item-title heading-24 md:heading-32 lg:heading-40 text-center md:text-center xl:whitespace-nowrap">Tudor</span> 440 <span class="overflow-hidden"> 441 <span class="home-item-client block body-12 lg:body-14 uppercase mb-0 ml-0 md:mb-[0.2rem] md:ml-[0.4rem]">Dinner Explore</span> 442 </span> 443 </div> 444 </a> 445 <a href="https://mooders.net/fr/works/distorted-beauty/" class="home-item absolute xl:relative top-0 left-0 w-full xl:w-auto h-[7rem] md:h-[8rem] lg:h-[9rem] xl:h-auto list-o-item p-5 text-secondary transition-mode" data-video="https://mooders.net/wp-content/uploads/2024/09/DB-Intro-copie.mp4"> 446 <div class="flex flex-col justify-center items-center xl:flex-row xl:items-end overflow-hidden"> 447 <span class="home-item-title heading-24 md:heading-32 lg:heading-40 text-center md:text-center xl:whitespace-nowrap">DISTORTED BEAUTY</span> 448 <span class="overflow-hidden"> 449 <span class="home-item-client block body-12 lg:body-14 uppercase mb-0 ml-0 md:mb-[0.2rem] md:ml-[0.4rem]">Exploration sonore</span> 450 </span> 451 </div> 452 </a> 453 <a href="https://mooders.net/fr/works/rolls-royce-cosmos/" class="home-item absolute xl:relative top-0 left-0 w-full xl:w-auto h-[7rem] md:h-[8rem] lg:h-[9rem] xl:h-auto list-o-item p-5 text-secondary transition-mode" data-video="https://mooders.net/wp-content/uploads/2024/05/RR-4xTiming-short.mp4"> 454 <div class="flex flex-col justify-center items-center xl:flex-row xl:items-end overflow-hidden"> 455 <span class="home-item-title heading-24 md:heading-32 lg:heading-40 text-center md:text-center xl:whitespace-nowrap">ROLLS ROYCE</span> 456 <span class="overflow-hidden"> 457 <span class="home-item-client block body-12 lg:body-14 uppercase mb-0 ml-0 md:mb-[0.2rem] md:ml-[0.4rem]">COSMOS</span> 458 </span> 459 </div> 460 </a> 461 </div> 462 <div class="home-logo svg-wrapper relative col-span-full px-20 pb-[1.2rem] text-secondary transition-mode hidden xl:block will-change-transform"> 463 <div class="relative w-full"> 464 <div class="absolute left-[18.7%] top-0 w-[54.3rem] h-full"> 465 <div class="absolute top-0 left-0 w-full h-full" style="clip-path: url(#homeLogoClip)"> 466 <div class="absolute top-0 left-0 w-full h-full"> 467 <video data-src="https://mooders.net/wp-content/uploads/2024/10/video-intro-projects-720p.mp4" class="home-main-video w-full h-full object-cover" loop playsinline muted></video> 468 <div class="home-main-video-overlay absolute top-0 left-0 w-full h-full bg-secondary transition-opacity duration-500 ease-out delay-200"></div> 469 </div> 470 <div class="home-image absolute top-0 left-0 w-full h-full opacity-0"> 471 <div class="image w-full h-full " > 472 <figure class="w-full h-full"> 473 <img class=" lazy opacity-0 w-full h-full object-cover " 474 width="150" height="150" alt="Montre futuriste sur fond de ciel nuageux a coté d'un rapace de metal" 475 data-src="https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-480x264.jpg" 476 data-srcset=" 477 https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-480x264.jpg 480w, 478 https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-768x422.jpg 768w, 479 https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-1200x659.jpg 1200w, 480 https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-1600x878.jpg 1600w, 481 https://mooders.net/wp-content/uploads/2024/02/Capture-decran-2024-05-02-a-16.15-scaled-e1714660268550-1920x1054.jpg 1920w, 482 " 483 data-sizes=" 484 (max-width: 1023px) 100vw, 485 40vw" > 486 </figure> 487</div> 488 </div> 489 <div class="home-image absolute top-0 left-0 w-full h-full opacity-0"> 490 <div class="image w-full h-full " > 491 <figure class="w-full h-full"> 492 <img class=" lazy opacity-0 w-full h-full object-cover " 493 width="150" height="150" alt="Homme concentré jouant aux échecs avec des pièces en lévitation, en noir et blanc" 494 data-src="https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1-480x270.jpg" 495 data-srcset=" 496 https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1-480x270.jpg 480w, 497 https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1.jpg 768w, 498 https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1.jpg 1200w, 499 https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1.jpg 1600w, 500 https://mooders.net/wp-content/uploads/2024/02/cartier-sound-design-1.jpg 1920w, 501 " 502 data-sizes=" 503 (max-width: 1023px) 100vw, 504 40vw" > 505 </figure> 506</div> 507 </div> 508 <div class="home-image absolute top-0 left-0 w-full h-full opacity-0"> 509 <div class="image w-full h-full " > 510 <figure class="w-full h-full"> 511 <img class=" lazy opacity-0 w-full h-full object-cover " 512 width="150" height="150" alt="" 513 data-src="https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-480x271.jpeg" 514 data-srcset=" 515 https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-480x271.jpeg 480w, 516 https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-768x434.jpeg 768w, 517 https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-1200x678.jpeg 1200w, 518 https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-1600x904.jpeg 1600w, 519 https://mooders.net/wp-content/uploads/2024/03/magnific-6oXj4UA6kOJdeSwz0L4X-magnifics_mystic-bWyk4ejtmH6AEncSjWmw-1920x1085.jpeg 1920w, 520 " 521 data-sizes=" 522 (max-width: 1023px) 100vw, 523 40vw" > 524 </figure> 525</div> 526 </div> 527 <div class="home-image absolute top-0 left-0 w-full h-full opacity-0"> 528 <div class="image w-full h-full " > 529 <figure class="w-full h-full"> 530 <img class=" lazy opacity-0 w-full h-full object-cover " 531 width="150" height="150" alt="" 532 data-src="https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6-480x270.jpg" 533 data-srcset=" 534 https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6-480x270.jpg 480w, 535 https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6-768x432.jpg 768w, 536 https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6.jpg 1200w, 537 https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6.jpg 1600w, 538 https://mooders.net/wp-content/uploads/2024/09/eb7216195331183.66155aac301e6.jpg 1920w, 539 " 540 data-sizes=" 541 (max-width: 1023px) 100vw, 542 40vw" > 543 </figure> 544</div> 545 </div> 546 <div class="home-image absolute top-0 left-0 w-full h-full opacity-0"> 547 <div class="image w-full h-full " > 548 <figure class="w-full h-full"> 549 <img class=" lazy opacity-0 w-full h-full object-cover " 550 width="150" height="150" alt="" 551 data-src="https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-480x230.jpg" 552 data-srcset=" 553 https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-480x230.jpg 480w, 554 https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-768x368.jpg 768w, 555 https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-1200x575.jpg 1200w, 556 https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-1600x767.jpg 1600w, 557 https://mooders.net/wp-content/uploads/2024/05/Capture-decran-2025-11-04-a-17.27.55-1920x920.jpg 1920w, 558 " 559 data-sizes=" 560 (max-width: 1023px) 100vw, 561 40vw" > 562 </figure> 563</div> 564 </div> 565 </div> 566 </div> 567 <svg width="942" height="163" viewBox="0 0 942 163" fill="none" xmlns="http://www.w3.org/2000/svg"> 568 <clipPath id="clipHomeM"> 569 <rect width="159" height="163" fill="#D9D9D9"/> 570 </clipPath> 571 572 <clipPath id="clipHomeE"> 573 <rect x="572" width="101" height="163" fill="#D9D9D9"/> 574 </clipPath> 575 576 <clipPath id="clipHomeR"> 577 <rect x="693" width="117" height="163" fill="#D9D9D9"/> 578 </clipPath> 579 580 <clipPath id="clipHomeS"> 581 <rect x="818" width="124" height="163" fill="#D9D9D9"/> 582 </clipPath> 583 584 <g clip-path="url(#clipHomeM)"> 585 <path class="letter" d="M0 5.20801H35.8497L78.6965 122.018H79.1363L122.195 5.20801H158.045V157.794H126.354V63.6273H125.914L94.6343 157.794H63.1841L32.1313 63.6273H31.6914V157.794H0V5.20801Z" fill="currentColor"/> 586 </g> 587 588 <g clip-path="url(#clipHomeE)"> 589 <path class="letter" d="M573.042 5.20801H671.622V34.8563H605.387V65.8067H665.718V94.1388H605.387V128.146H671.835V157.794H573.028V5.20801H573.042Z" fill="currentColor"/> 590 </g> 591 592 <g clip-path="url(#clipHomeR)"> 593 <path class="letter" d="M811.304 157.78H776.547L747.692 104.158H728.021V157.78H695.667V5.20801H757.971C790.324 5.20801 810.21 23.9594 810.21 54.471C810.21 76.704 799.072 93.2755 780.267 100.465V100.677L811.304 157.78ZM754.036 74.7363C769.566 74.7363 777.863 67.5474 777.863 54.2446C777.863 40.9417 769.773 34.6299 754.036 34.6299H728.021V74.7363H754.036Z" fill="currentColor"/> 594 </g> 595 596 <g clip-path="url(#clipHomeS)"> 597 <path class="letter" d="M820.911 107.428L852.6 100.677C856.534 123.348 865.719 132.066 886.055 132.066C901.141 132.066 909.653 126.618 909.653 117.022C909.653 106.564 902.221 100.89 876.87 92.3838C841.234 80.3971 827.907 67.5333 827.907 45.0883C827.907 19.5865 849.109 1.9248 879.71 1.9248C910.311 1.9248 933.044 19.7987 937.858 46.8289L906.377 53.5794C902.221 38.0972 893.702 30.908 879.71 30.908C867.686 30.908 859.81 36.3565 859.81 44.8618C859.81 52.7021 866.37 57.0609 889.103 64.7029C927.143 77.7
597795 942 92.3838 942 117.022C942 143.402 919.267 161.05 885.598 161.05C849.095 161.05 826.363 142.298 820.898 107.428H820.911Z" fill="currentColor"/> 598 </g> 599</svg> <div class="home-logo-clip svg-wrapper absolute top-0 left-[18.7%] w-[38%] h-full"><svg width="373" height="150" viewBox="0 0 373 150" fill="none" xmlns="http://www.w3.org/2000/svg"> 600 <clipPath id="homeLogoClip" clipPathUnits="objectBoundingBox" style="transform: scale(0.00268096514, 0.00666666666);"> 601 <path class="logo-home-path-1" d="M140.624 35.6678C134.227 24.4532 125.401 15.7488 114.227 9.55442C103.012 3.36009 90.057 0.242676 75.361 0.242676C60.664 0.242676 48.073 3.36009 36.818 9.55442C25.563 15.7488 16.737 24.4532 10.421 35.5868C4.06499 46.7204 0.906982 59.7164 0.906982 74.5342C0.906982 85.7488 2.76999 95.9512 6.49399 105.182C10.219 114.413 15.401 122.388 22.081 129.069C28.761 135.749 36.656 140.89 45.765 144.534C54.875 148.178 64.834 150 75.644 150C86.454 150 96.373 148.178 105.523 144.534C114.672 140.89 122.527 135.749 129.207 129.069C135.887 122.388 141.069 114.413 144.794 105.182C148.519 95.9512 150.381 85.7893 150.381 74.7366C150.381 59.8783 147.183 46.8824 140.745 35.6678H140.624Z" fill="black" style="transform: translateX(-155px)"/> 602 <path class="logo-home-path-2" d="M263.38 35.6683C256.983 24.4537 248.157 15.7492 236.983 9.55491C225.768 3.36057 212.813 0.243164 198.076 0.243164C183.339 0.243164 170.789 3.36057 159.534 9.55491C148.278 15.7492 139.453 24.4537 133.137 35.5873C126.78 46.7209 123.623 59.7169 123.623 74.5347C123.623 85.7493 125.485 95.9517 129.21 105.182C132.934 114.413 138.117 122.389 144.797 129.069C151.477 135.749 159.372 140.891 168.481 144.535C177.59 148.178 187.55 150 198.359 150C209.169 150 219.088 148.178 228.238 144.535C237.388 140.891 245.242 135.749 251.922 129.069C258.602 122.389 263.785 114.413 267.509 105.182C271.234 95.9517 273.096 85.7897 273.096 74.7371C273.096 59.8788 269.898 46.8828 263.461 35.6683H263.38Z" fill="black" style="transform: translateX(-273px)"/> 603 <path class="logo-home-path-3" d="M362.53 35.6683C356.134 24.4537 347.308 15.7492 336.134 9.55491C324.919 3.36057 311.964 0.243164 297.267 0.243164C285.445 0.243164 274.676 2.34843 265 6.51847V143.361C265.891 143.765 266.7 144.211 267.632 144.535C276.741 148.178 286.7 150 297.51 150C308.32 150 318.239 148.178 327.389 144.535C336.538 140.891 344.393 135.749 351.073 129.069C357.753 122.389 362.935 114.413 366.66 105.182C370.385 95.9517 372.247 85.7897 372.247 74.7371C372.247 59.8788 369.049 46.8828 362.611 35.6683H362.53Z" fill="black" style="transform: translateX(-500px)"/> 604 </clipPath> 605</svg></div> 606 </div> 607 </div> 608 <div class="absolute top-0 left-0 w-full flex justify-center items-center h-[4rem] pt-[0.5rem] hd:pt-[0.1rem] px-10"> 609 <h1 class="body-10 md:body-12 text-secondary font-medium uppercase text-center">We are a creative music team and a sound design studio</h1> 610 </div> 611 </div> 612 </div> 613 </div> 614 </div> 615 </div> 616 617 <footer></footer>
617<script type="speculationrules"> 618{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/beaucoup\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 619</script>
vendor: 1 bytes, line 619
619
620<script id="app/0-js-before"> 621(()=>{"use strict";var r,e={},o={};function t(r){var a=o[r];if(void 0!==a)return a.exports;var n=o[r]={exports:{}};return e[r].call(n.exports,n,n.exports,t),n.exports}t.m=e,r=[],t.O=(e,o,a,n)=>{if(!o){var s=1/0;for(i=0;i<r.length;i++){o=r[i][0],a=r[i][1],n=r[i][2];for(var l=!0,u=0;u<o.length;u++)(!1&n||s>=n)&&Object.keys(t.O).every((r=>t.O[r](o[u])))?o.splice(u--,1):(l=!1,n<s&&(s=n));if(l){r.splice(i--,1);var f=a();void 0!==f&&(e=f)}}return e}n=n||0;for(var i=r.length;i>0&&r[i-1][2]>n;i--)r[i]=r[i-1];r[i]=[o,a,n]},t.n=r=>{var e=r&&r.__esModule?()=>r.default:()=>r;return t.d(e,{a:e}),e},t.d=(r,e)=>{for(var o in e)t.o(e,o)&&!t.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},t.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),(()=>{var r={666:0};t.O.j=e=>0===r[e];var e=(e,o)=>{var a,n,s=o[0],l=o[1],u=o[2],f=0;if(s.some((e=>0!==r[e]))){for(a in l)t.o(l,a)&&(t.m[a]=l[a]);if(u)var i=u(t)}for(e&&e(o);f<s.length;f++)n=s[f],t.o(r,n)&&r[n]&&r[n][0](),r[n]=0;return t.O(i)},o=self.webpackChunk_roots_bud_sage_sage=self.webpackChunk_roots_bud_sage_sage||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})()})(); 622</script>
vendor: 1 bytes, line 622
622
623<script src="https://mooders.net/wp-content/themes/beaucoup/public/js/app.a40498.js" id="app/0-js"></script>
623 624 </body> 625</html> 626 627<!-- 628Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/ 629 630Mise en cache de page à lâaide de Disk: Enhanced 631 632Served from: mooders.net @ 2026-04-08 10:35:33 by W3 Total Cache 633-->
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.