PageSourceSearch

https://mooders.net/fr/blog/

html mooders.net collected 2026-10-04 12:38:10 UTC 143,074 bytes, 1,852 lines download raw bytes

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/blog/" hreflang="fr" />
77<link rel="alternate" href="https://mooders.net/en/blog/" hreflang="en" />
78
79	<!-- This site is optimized with the Yoast SEO plugin v22.1-RC2 - https://yoast.com/wordpress/plugins/seo/ -->
80	<title>News - Mooders</title>
81	<meta name="description" content="Nos articles sur le sound design, la musique originale, le son multicanal, la post-production audio et plus encore." />
82	<link rel="canonical" href="https://mooders.net/fr/blog/" />
83	<link rel="next" href="https://mooders.net/fr/blog/page/2/" />
84	<meta property="og:locale" content="fr_FR" />
85	<meta property="og:locale:alternate" content="en_GB" />
86	<meta property="og:type" content="article" />
87	<meta property="og:title" content="News - Mooders" />
88	<meta property="og:description" content="Nos articles sur le sound design, la musique originale, le son multicanal, la post-production audio et plus encore." />
89	<meta property="og:url" content="https://mooders.net/fr/blog/" />
90	<meta property="og:site_name" content="Mooders" />
91	<meta name="twitter:card" content="summary_large_image" />
92	
92<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":["WebPage","CollectionPage"],"@id":"https://mooders.net/fr/blog/","url":"https://mooders.net/fr/blog/","name":"News - Mooders","isPartOf":{"@id":"https://mooders.net/fr/#website"},"datePublished":"2024-02-13T14:06:24+00:00","dateModified":"2024-06-13T10:54:10+00:00","description":"Nos articles sur le sound design, la musique originale, le son multicanal, la post-production audio et plus encore.","breadcrumb":{"@id":"https://mooders.net/fr/blog/#breadcrumb"},"inLanguage":"fr-FR"},{"@type":"BreadcrumbList","@id":"https://mooders.net/fr/blog/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://mooders.net/fr/"},{"@type":"ListItem","position":2,"name":"News"}]},{"@type":"WebSite","@id":"https://mooders.net/fr/#website","url":"https://mooders.net/fr/","name":"Mooders","description":"","inLanguage":"fr-FR"}]}</script>
92
93	<!-- / Yoast SEO plugin. -->
94
95
96<link rel='stylesheet' id='formidable-css' href='https://mooders.net/wp-content/plugins/formidable/css/formidableforms.css?ver=6191416' media='all' />
97<link rel='stylesheet' id='app/0-css' href='https://mooders.net/wp-content/themes/beaucoup/public/css/app.e0ae53.css' media='all' />
98<link rel="https://api.w.org/" href="https://mooders.net/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mooders.net/xmlrpc.php?rsd" />
99<meta name="generator" content="WordPress 6.8.3" />
100
101</head>
102
103  <body class="blog wp-embed-responsive wp-theme-beaucoup">
104            <div class="header-bg fixed top-0 left-0 w-full h-[5.5rem] md:h-[6.5rem] bg-primary z-[8]"></div>
105<header class="header sticky top-0 left-0 w-full px-container pt-container mb-10 z-header transition-mode">
106  <div class="header-overlay fixed top-0 left-0 w-full h-screen bg-black opacity-0 pointer-events-none -z-1"></div>
107  <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">
108    <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">
109      <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">
110  <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"/>
111  <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"/>
112  <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"/>
113  <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"/>
114  <path d="M51.6902 0.599121H60.5825V3.28112H54.6078V6.0809H60.0499V8.64384H54.6078V11.7201H60.6017V14.4021H51.689V0.599121H51.6902Z" fill="currentColor"/>
115  <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"/>
116  <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"/>
117</svg></a>
118      <div class="md:absolute md:left-1/2 header-switcher flex items-center cursor-pointer h-full px-10 md:-translate-x-1/2">
119        <div class="w-[1.2rem] h-[1.2rem] border-rem border-secondary bg-white rounded-full transition-mode"></div>
120        <div class="w-[1.2rem] h-[1.2rem] border-rem border-secondary bg-black rounded-full -ml-[0.4rem] transition-mode"></div>
121      </div>
122      <div class="header-languages pt-[0.2rem] md:pt-[0.4rem]">
123        <div class="langswitcher flex gap-x-5 uppercase text-secondary transition-mode">
124          <a class="lang-link body-12 font-bold  opacity-100  hover:opacity-100" lang="fr-FR" hreflang="fr-FR" href="https://mooders.net/fr/blog/" data-taxi-ignore>fr</a>
125          <a class="lang-link body-12 font-bold  opacity-30  hover:opacity-100" lang="en-GB" hreflang="en-GB" href="https://mooders.net/en/blog/" data-taxi-ignore>en</a>
126      </div>
127      </div>
128    </div>
129    <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">
130      <div class="relative body-12 font-bold select-none text-secondary uppercase xl:group-hover:text-primary transition-mode">
131        <span class="group-[.a]:opacity-0">Menu</span>
132        <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>
133      </div>
134    </div>
135  </div>
136  <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">
137    <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">
138      <div class="flex flex-col">
139                                          <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">
140              <span  style="--delay: 0.012s"  data-splitting="chars">MOTION MOTION TRAILER</span>
141            </a>
142                                                    <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">
143              <span  style="--delay: 0.012s"  data-splitting="chars">A year In review</span>
144            </a>
145                                                    <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">
146              <span  style="--delay: 0.012s"  data-splitting="chars">CELEBRATE WITH CARTIER</span>
147            </a>
148                        </div>
149
150      <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">
151        <span  data-splitting="chars">Works</span>
152      </a>
153    </div>
154    <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">
155      <div class="flex flex-col">
156                  <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">
157                                          <span  style="--delay: 0.012s"  data-splitting="chars">Nous sommes compositeurs</span>
158                                    </a>
159        
160                  <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">
161                                          <span  style="--delay: 0.012s"  data-splitting="chars">Nous sommes sound designers</span>
162                                    </a>
163        
164                  <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">
165                                          <span  style="--delay: 0.012s"  data-splitting="chars">Nous sommes experts audio</span>
166                                    </a>
167              </div>
168
169      <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">
170        <span  data-splitting="chars">About</span>
171      </a>
172    </div>
173    <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">
174                                  <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">
175            <span  style="--delay: 0.008s"  data-splitting="chars">Le sound design, c&rsquo;est quoi ?</span>
176          </a>
177                                          <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">
178            <span  style="--delay: 0.008s"  data-splitting="chars">Un sound design multicanal pour Tudor</span>
179          </a>
180                                          <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">
181            <span  style="--delay: 0.008s"  data-splitting="chars">Le sound design dopé à l&rsquo;audio immersif</span>
182          </a>
183              
184      <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">
185        <span  data-splitting="chars">News</span>
186      </a>
187    </div>
188    <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">
189              <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">
190          <span  style="--delay: 0.01s"  data-splitting="chars">[email protected]</span>
191        </a>
192            <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>
193      <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">
194        <div class="flex flex-wrap">
195                      <a href="https://twitter.com/Mooders_music" target="_blank" rel="noopener" class="link inline">
196              <span  data-splitting="chars">Twitter</span>
197            </a>
198             <span>, </span>                       <a href="https://www.linkedin.com/in/mooders/" target="_blank" rel="noopener" class="link inline">
199              <span  data-splitting="chars">Linkedin</span>
200            </a>
201             <span>, </span>                       <a href="https://www.instagram.com/mooders_sound_design/" target="_blank" rel="noopener" class="link inline">
202              <span  data-splitting="chars">Instagram</span>
203            </a>
204                              </div>
205      </div>
206
207      <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">
208        <span  data-splitting="chars">Contact</span>
209      </a>
210    </div>
211  </div>
212</header>
213    
214    <div class="fade fixed top-0 left-0 w-screen h-screen bg-primary pointer-events-none opacity-0 z-transition"></div>
215
216    <div class="panel fixed top-0 left-0 w-screen h-screen bg-primary pointer-events-none z-transition"></div>
217    <div class="panel-overlay fixed top-0 left-0 w-screen h-screen bg-[#121212] pointer-events-none z-overlay"></div>
218    
219    <div class="loader-overlay fixed top-0 left-0 w-full h-screen bg-black opacity-0 pointer-events-none z-loader"></div>
220<div class="loader fixed top-0 left-0 w-full h-full overflow-hidden z-loader">
221  <div class="loader-inner flex justify-center items-center w-full h-full">
222    <div class="loader-bg fixed top-0 left-0 w-screen h-full bg-white pointer-events-none"></div>
223    <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">
224      <div class="block w-full">
225        <div class="absolute left-[1rem] lg:left-[1.6rem] -top-[0.5rem] ld:-top-[0.7rem] xl:left-[8rem] xl:-top-[2.1rem]">
226          <div class="relative text-[7.4rem] lg:text-[8.4rem] pl-15 xl:pl-0 xl:text-[31rem] font-bold leading-[1] overflow-hidden">
227            <span class="loader-no block absolute right-0 top-0">2</span>
228            <span class="loader-no block absolute right-0 top-0 xl:relative">5</span>
229            <span class="loader-no block absolute right-0 top-0">8</span>
230            <span class="loader-no block relative -mr-5 xl:mr-0 xl:absolute xl:-right-[2rem] xl:top-0">1</span>
231          </div>
232        </div>
233        <div class="relative">
234          <svg width="942" height="163" viewBox="0 0 942 163" fill="none" xmlns="http://www.w3.org/2000/svg">
235  <clipPath id="clipM">
236    <rect width="159" height="163" fill="#D9D9D9"/>
237  </clipPath>
238
239  <clipPath id="clipE">
240    <rect x="572" width="101" height="163" fill="#D9D9D9"/>
241  </clipPath>
242
243  <clipPath id="clipR">
244    <rect x="693" width="117" height="163" fill="#D9D9D9"/>
245  </clipPath>
246
247  <clipPath id="clipS">
248    <rect x="818" width="124" height="163" fill="#D9D9D9"/>
249  </clipPath>
250
251  <g clip-path="url(#clipM)">
252    <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"/>
253  </g>
254  
255  <g clip-path="url(#clipE)">
256    <path class="letter" d="M573.042 5.20801H671.622V34.8563H605.387V65.8067H665.718V94.1388H605.387V128.146H671.835V157.794H573.028V5.20801H573.042Z" fill="currentColor"/>
257  </g>
258
259  <g clip-path="url(#clipR)">
260    <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"/>
261  </g>
262
263  <g clip-path="url(#clipS)">
264    <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
264795 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"/>
265  </g>
266</svg>        </div>
267        <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">
268          <div class="absolute-full bg-black" style="clip-path: url(#loaderLogoClip)">
269            <div class="absolute-full hidden xl:block">
270              <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>
271            </div>
272          </div>
273          <div class="w-full xl:w-auto">
274            <svg width="373" height="150" viewBox="0 0 373 150" fill="none" xmlns="http://www.w3.org/2000/svg">
275  <clipPath id="loaderLogoClip" clipPathUnits="objectBoundingBox" style="transform: scale(0.00268096514, 0.00666666666);">
276    <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"/>
277    <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"/>
278    <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"/>
279  </clipPath>
280</svg>          </div>
281        </div>
282      </div>
283    </div>
284  </div>
285</div>
286
287    
288    <div class="content pb-container" data-taxi role="document">
289        <div data-taxi-view>
290    <div class="news boxes">
291      <div class="news-mask absolute top-0 left-0 pointer-events-none w-0 h-0"><svg width="373" height="150" viewBox="0 0 373 150" fill="none" xmlns="http://www.w3.org/2000/svg">
292  <clipPath id="logoClip" clipPathUnits="objectBoundingBox" style="transform: scale(0.00268096514, 0.00666666666);">
293    <path 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 
293140.745 35.6678H140.624Z" fill="black"/>
294    <path 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"/>
295    <path 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"/>
296  </clipPath>
297</svg></div>
298      <div class="sticky-footer">
299  <div class="sticky-footer-top flex items-end">
300    <div class="xl:sticky xl:bottom-[2rem] w-full"><div class="grid-w w-full items-start">
301            <div class="block md:hidden col-span-full">
302              <div class="flex items-end px-container py-5 md:py-10 h-[8.8rem] border-px border-secondary text-secondary heading-48 font-bold transition-mode">News</div>
303            </div>
304            <div class="col-span-full xl:col-span-18 grid grid-cols-24 xl:grid-cols-18 gap-x-grid items-start -mt-px md:mt-0">
305              <div class="news-wrapper relative order-2 md:order-first col-span-full md:col-span-16 xl:col-span-12 flex flex-col gap-y-10 mt-10 md:mt-0">
306                                                      <a href="https://mooders.net/fr/impact-agence-design-sonore-branding-marques-atout-strategique/" data-terms="93" class="card-post group block relative w-full">
307  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
308  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
309    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
310            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
311      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
312        <div class="image  w-full h-full " >
313  <figure class="w-full h-full">
314      <img           class=" lazy opacity-0   w-full h-full    object-cover "
315          width="150" height="150" alt=""
316                data-src="https://mooders.net/wp-content/uploads/2024/12/luca-bravo-_XnDTTUuWSA-unsplash-480x300.jpg"
317      data-srcset="
318                  https://mooders.net/wp-content/uploads/2024/12/luca-bravo-_XnDTTUuWSA-unsplash-480x300.jpg 480w,
319                  https://mooders.net/wp-content/uploads/2024/12/luca-bravo-_XnDTTUuWSA-unsplash-768x480.jpg 768w,
320                  https://mooders.net/wp-content/uploads/2024/12/luca-bravo-_XnDTTUuWSA-unsplash-1200x750.jpg 1200w,
321                  https://mooders.net/wp-content/uploads/2024/12/luca-bravo-_XnDTTUuWSA-unsplash-1600x1000.jpg 1600w,
322                  https://mooders.net/wp-content/uploads/2024/12/luca-bravo-_XnDTTUuWSA-unsplash-1920x1200.jpg 1920w,
323              "
324      data-sizes="
325      (max-width: 1023px) 100vw,
326      50vw" >
327  </figure>
328</div>
329        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
330      </div>
331    </div>
332    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
333      <div class="heading-20 md:heading-24 text-secondary transition-mode">L&rsquo;impact d&rsquo;une agence de design sonore sur le branding des marques : un atout stratég
333ique</div>
334    </div>
335    </div>
336  </div>
337</div>
338</a>
339                                                                        <a href="https://mooders.net/fr/immersion-sonore-emotion/" data-terms="93" class="card-post group block relative w-full">
340  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
341  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
342    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
343            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
344      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
345        <div class="image  w-full h-full " >
346  <figure class="w-full h-full">
347      <img           class=" lazy opacity-0   w-full h-full    object-cover "
348          width="150" height="150" alt=""
349                data-src="https://mooders.net/wp-content/uploads/2026/01/izquierda-4-480x264.jpg"
350      data-srcset="
351                  https://mooders.net/wp-content/uploads/2026/01/izquierda-4-480x264.jpg 480w,
352                  https://mooders.net/wp-content/uploads/2026/01/izquierda-4-768x422.jpg 768w,
353                  https://mooders.net/wp-content/uploads/2026/01/izquierda-4.jpg 1200w,
354                  https://mooders.net/wp-content/uploads/2026/01/izquierda-4.jpg 1600w,
355                  https://mooders.net/wp-content/uploads/2026/01/izquierda-4.jpg 1920w,
356              "
357      data-sizes="
358      (max-width: 1023px) 100vw,
359      50vw" >
360  </figure>
361</div>
362        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
363      </div>
364    </div>
365    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
366      <div class="heading-20 md:heading-24 text-secondary transition-mode">Immersion sonore &#038; expérience visiteur : mesurer l’impact émotionnel</div>
367    </div>
368    </div>
369  </div>
370</div>
371</a>
372                                                                        <a href="https://mooders.net/fr/conception-sonore-et-musiques-originales-le-savoir-faire-dun-studio-de-creation-musicale/" data-terms="1" class="card-post group block relative w-full">
373  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
374  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
375    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
376            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
377      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
378        <div class="image  w-full h-full " >
379  <figure class="w-full h-full">
380      <img           class=" lazy opacity-0   w-full h-full    object-cover "
381          width="150" height="150" alt=""
382                data-src="https://mooders.net/wp-content/uploads/2025/06/siednji-leon-6AiZENYOd8k-unsplash-480x320.jpg"
383      data-srcset="
384                  https://mooders.net/wp-content/uploads/2025/06/siednji-leon-6AiZENYOd8k-unsplash-480x320.jpg 480w,
385                  https://mooders.net/wp-content/uploads/2025/06/siednji-leon-6AiZENYOd8k-unsplash-768x512.jpg 768w,
386                  https://mooders.net/wp-content/uploads/2025/06/siednji-leon-6AiZENYOd8k-unsplash-1200x800.jpg 1200w,
387                  https://mooders.net/wp-content/uploads/2025/06/siednji-leon-6AiZENYOd8k-unsplash-1600x1067.jpg 1600w,
388                  https://mooders.net/wp-content/uploads/2025/06/siednji-leon-6AiZENYOd8k-unsplash-1920x1280.jpg 1920w,
389              "
390      data-sizes="
391      (max-width: 1023px) 100vw,
392      50vw" >
393  </figure>
394</div>
395        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
396      </div>
397    </div>
398    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
398-1">
399      <div class="heading-20 md:heading-24 text-secondary transition-mode">Conception sonore et musiques originales : le savoir-faire d’un studio de création musicale</div>
400    </div>
401    </div>
402  </div>
403</div>
404</a>
405                                                                        <a href="https://mooders.net/fr/audio-immersif-storytelling-evenementiel/" data-terms="26" class="card-post group block relative w-full">
406  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
407  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
408    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
409            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
410      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
411        <div class="image  w-full h-full " >
412  <figure class="w-full h-full">
413      <img           class=" lazy opacity-0   w-full h-full    object-cover "
414          width="150" height="150" alt=""
415                data-src="https://mooders.net/wp-content/uploads/2025/12/6TC7RojyuxjaHzLjKfduAh-1200-80-480x270.jpg"
416      data-srcset="
417                  https://mooders.net/wp-content/uploads/2025/12/6TC7RojyuxjaHzLjKfduAh-1200-80-480x270.jpg 480w,
418                  https://mooders.net/wp-content/uploads/2025/12/6TC7RojyuxjaHzLjKfduAh-1200-80-768x432.jpg 768w,
419                  https://mooders.net/wp-content/uploads/2025/12/6TC7RojyuxjaHzLjKfduAh-1200-80.jpg 1200w,
420                  https://mooders.net/wp-content/uploads/2025/12/6TC7RojyuxjaHzLjKfduAh-1200-80.jpg 1600w,
421                  https://mooders.net/wp-content/uploads/2025/12/6TC7RojyuxjaHzLjKfduAh-1200-80.jpg 1920w,
422              "
423      data-sizes="
424      (max-width: 1023px) 100vw,
425      50vw" >
426  </figure>
427</div>
428        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
429      </div>
430    </div>
431    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
432      <div class="heading-20 md:heading-24 text-secondary transition-mode">Le Sound design immersif au service du storytelling événementiel</div>
433    </div>
434    </div>
435  </div>
436</div>
437</a>
438                                                                        <a href="https://mooders.net/fr/les-marques-et-lagence-de-design-musical-un-duo-gagnant/" data-terms="1" class="card-post group block relative w-full">
439  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
440  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
441    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
442            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
443      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
444        <div class="image  w-full h-full " >
445  <figure class="w-full h-full">
446      <img           class=" lazy opacity-0   w-full h-full    object-cover "
447          width="150" height="150" alt=""
448                data-src="https://mooders.net/wp-content/uploads/2025/06/rostyslav-savchyn-9XtjVafxMUg-unsplash-480x360.jpg"
449      data-srcset="
450                  https://mooders.net/wp-content/uploads/2025/06/rostyslav-savchyn-9XtjVafxMUg-unsplash-480x360.jpg 480w,
451                  https://mooders.net/wp-content/uploads/2025/06/rostyslav-savchyn-9XtjVafxMUg-unsplash-768x576.jpg 768w,
452                  https://mooders.net/wp-content/uploads/2025/06/rostyslav-savchyn-9XtjVafxMUg-unsplash-1200x900.jpg 1200w,
453                  https://mooders.net/wp-content/uploads/2025/06/rostyslav-savchyn-9XtjVafxMUg-unsplash-1600x1200.jpg 1600w,
454                  https://mooders.net/wp-content/uploads/2025/06/rostyslav-savchyn-9XtjVafxMUg-unsplash-1920x1440.jpg 1920w,
455              "
456      data-sizes="
457      (max-width: 1023px) 100vw,
458      50vw" >
459  </figure>
460</div>
461        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
462      </div>
463    </div>
464    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
464-1">
465      <div class="heading-20 md:heading-24 text-secondary transition-mode">Les marques et l’agence de design musical un duo gagnant</div>
466    </div>
467    </div>
468  </div>
469</div>
470</a>
471                                                                        <a href="https://mooders.net/fr/son-immersif-scenographie-experience/" data-terms="26" class="card-post group block relative w-full">
472  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
473  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
474    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
475            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
476      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
477        <div class="image  w-full h-full " >
478  <figure class="w-full h-full">
479      <img           class=" lazy opacity-0   w-full h-full    object-cover "
480          width="150" height="150" alt=""
481                data-src="https://mooders.net/wp-content/uploads/2025/12/dreamed-japan-danny-rose-.jpg-480x325.webp"
482      data-srcset="
483                  https://mooders.net/wp-content/uploads/2025/12/dreamed-japan-danny-rose-.jpg-480x325.webp 480w,
484                  https://mooders.net/wp-content/uploads/2025/12/dreamed-japan-danny-rose-.jpg-768x520.webp 768w,
485                  https://mooders.net/wp-content/uploads/2025/12/dreamed-japan-danny-rose-.jpg.webp 1200w,
486                  https://mooders.net/wp-content/uploads/2025/12/dreamed-japan-danny-rose-.jpg.webp 1600w,
487                  https://mooders.net/wp-content/uploads/2025/12/dreamed-japan-danny-rose-.jpg.webp 1920w,
488              "
489      data-sizes="
490      (max-width: 1023px) 100vw,
491      50vw" >
492  </figure>
493</div>
494        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
495      </div>
496    </div>
497    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
498      <div class="heading-20 md:heading-24 text-secondary transition-mode">Son immersif et scénographie</div>
499    </div>
500    </div>
501  </div>
502</div>
503</a>
504                                                                        <a href="https://mooders.net/fr/sound-designer-et-portfolio/" data-terms="93" class="card-post group block relative w-full">
505  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
506  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
507    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
508            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
509      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
510        <div class="image  w-full h-full " >
511  <figure class="w-full h-full">
512      <img           class=" lazy opacity-0   w-full h-full    object-cover "
513          width="150" height="150" alt=""
514                data-src="https://mooders.net/wp-content/uploads/2024/12/pexels-carlos-santos-892832-3672355-480x320.jpg"
515      data-srcset="
516                  https://mooders.net/wp-content/uploads/2024/12/pexels-carlos-santos-892832-3672355-480x320.jpg 480w,
517                  https://mooders.net/wp-content/uploads/2024/12/pexels-carlos-santos-892832-3672355-768x512.jpg 768w,
518                  https://mooders.net/wp-content/uploads/2024/12/pexels-carlos-santos-892832-3672355-1200x800.jpg 1200w,
519                  https://mooders.net/wp-content/uploads/2024/12/pexels-carlos-santos-892832-3672355-1600x1067.jpg 1600w,
520                  https://mooders.net/wp-content/uploads/2024/12/pexels-carlos-santos-892832-3672355-1920x1280.jpg 1920w,
521              "
522      data-sizes="
523      (max-width: 1023px) 100vw,
524      50vw" >
525  </figure>
526</div>
527        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
528      </div>
529    </div>
530    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
530-1">
531      <div class="heading-20 md:heading-24 text-secondary transition-mode">Sound Designer et Portfolio</div>
532    </div>
533    </div>
534  </div>
535</div>
536</a>
537                                                                        <a href="https://mooders.net/fr/le-studio-de-creation-sonore-dedie-au-son-des-marques/" data-terms="93" class="card-post group block relative w-full">
538  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
539  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
540    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
541            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
542      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
543        <div class="image  w-full h-full " >
544  <figure class="w-full h-full">
545      <img           class=" lazy opacity-0   w-full h-full    object-cover "
546          width="150" height="150" alt=""
547                data-src="https://mooders.net/wp-content/uploads/2025/06/panagiotis-falcos-OZetQNTq8QI-unsplash-480x320.jpg"
548      data-srcset="
549                  https://mooders.net/wp-content/uploads/2025/06/panagiotis-falcos-OZetQNTq8QI-unsplash-480x320.jpg 480w,
550                  https://mooders.net/wp-content/uploads/2025/06/panagiotis-falcos-OZetQNTq8QI-unsplash-768x512.jpg 768w,
551                  https://mooders.net/wp-content/uploads/2025/06/panagiotis-falcos-OZetQNTq8QI-unsplash-1200x800.jpg 1200w,
552                  https://mooders.net/wp-content/uploads/2025/06/panagiotis-falcos-OZetQNTq8QI-unsplash-1600x1067.jpg 1600w,
553                  https://mooders.net/wp-content/uploads/2025/06/panagiotis-falcos-OZetQNTq8QI-unsplash-1920x1280.jpg 1920w,
554              "
555      data-sizes="
556      (max-width: 1023px) 100vw,
557      50vw" >
558  </figure>
559</div>
560        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
561      </div>
562    </div>
563    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
564      <div class="heading-20 md:heading-24 text-secondary transition-mode">Le studio de création sonore dédié au son des marques</div>
565    </div>
566    </div>
567  </div>
568</div>
569</a>
570                                                                        <a href="https://mooders.net/fr/le-branding-sonore-au-service-des-maisons-de-luxe/" data-terms="21,93,1,26" class="card-post group block relative w-full">
571  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
572  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
573    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
574            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
575      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
576        <div class="image  w-full h-full " >
577  <figure class="w-full h-full">
578      <img           class=" lazy opacity-0   w-full h-full    object-cover "
579          width="150" height="150" alt=""
580                data-src="https://mooders.net/wp-content/uploads/2025/10/image-4-480x480.jpg"
581      data-srcset="
582                  https://mooders.net/wp-content/uploads/2025/10/image-4-480x480.jpg 480w,
583                  https://mooders.net/wp-content/uploads/2025/10/image-4-768x768.jpg 768w,
584                  https://mooders.net/wp-content/uploads/2025/10/image-4.jpg 1200w,
585                  https://mooders.net/wp-content/uploads/2025/10/image-4.jpg 1600w,
586                  https://mooders.net/wp-content/uploads/2025/10/image-4.jpg 1920w,
587              "
588      data-sizes="
589      (max-width: 1023px) 100vw,
590      50vw" >
591  </figure>
592</div>
593        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
594      </div>
595    </div>
596    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
596-1">
597      <div class="heading-20 md:heading-24 text-secondary transition-mode">Le branding sonore au service des maisons de Luxe</div>
598    </div>
599    </div>
600  </div>
601</div>
602</a>
603                                                                        <a href="https://mooders.net/fr/compositeur-de-musiques-pour-la-publicite/" data-terms="93" class="card-post group block relative w-full">
604  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
605  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
606    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
607            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
608      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
609        <div class="image  w-full h-full " >
610  <figure class="w-full h-full">
611      <img           class=" lazy opacity-0   w-full h-full    object-cover "
612          width="150" height="150" alt=""
613                data-src="https://mooders.net/wp-content/uploads/2024/12/pexels-pauldeetman-2960891-480x376.jpg"
614      data-srcset="
615                  https://mooders.net/wp-content/uploads/2024/12/pexels-pauldeetman-2960891-480x376.jpg 480w,
616                  https://mooders.net/wp-content/uploads/2024/12/pexels-pauldeetman-2960891-768x602.jpg 768w,
617                  https://mooders.net/wp-content/uploads/2024/12/pexels-pauldeetman-2960891-1200x940.jpg 1200w,
618                  https://mooders.net/wp-content/uploads/2024/12/pexels-pauldeetman-2960891-1600x1253.jpg 1600w,
619                  https://mooders.net/wp-content/uploads/2024/12/pexels-pauldeetman-2960891-1920x1504.jpg 1920w,
620              "
621      data-sizes="
622      (max-width: 1023px) 100vw,
623      50vw" >
624  </figure>
625</div>
626        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
627      </div>
628    </div>
629    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
630      <div class="heading-20 md:heading-24 text-secondary transition-mode">Compositeur de musiques pour la publicité</div>
631    </div>
632    </div>
633  </div>
634</div>
635</a>
636                                                                        <a href="https://mooders.net/fr/tout-savoir-sur-la-prod-son/" data-terms="93" class="card-post group block relative w-full">
637  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
638  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
639    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
640            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
641      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
642        <div class="image  w-full h-full " >
643  <figure class="w-full h-full">
644      <img           class=" lazy opacity-0   w-full h-full    object-cover "
645          width="150" height="150" alt=""
646                data-src="https://mooders.net/wp-content/uploads/2025/06/or-hakim-QnWXq1qYFyU-unsplash-480x320.jpg"
647      data-srcset="
648                  https://mooders.net/wp-content/uploads/2025/06/or-hakim-QnWXq1qYFyU-unsplash-480x320.jpg 480w,
649                  https://mooders.net/wp-content/uploads/2025/06/or-hakim-QnWXq1qYFyU-unsplash-768x512.jpg 768w,
650                  https://mooders.net/wp-content/uploads/2025/06/or-hakim-QnWXq1qYFyU-unsplash-1200x800.jpg 1200w,
651                  https://mooders.net/wp-content/uploads/2025/06/or-hakim-QnWXq1qYFyU-unsplash-1600x1067.jpg 1600w,
652                  https://mooders.net/wp-content/uploads/2025/06/or-hakim-QnWXq1qYFyU-unsplash-1920x1280.jpg 1920w,
653              "
654      data-sizes="
655      (max-width: 1023px) 100vw,
656      50vw" >
657  </figure>
658</div>
659        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
660      </div>
661    </div>
662    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
662-1">
663      <div class="heading-20 md:heading-24 text-secondary transition-mode">Tout savoir sur la Prod Son</div>
664    </div>
665    </div>
666  </div>
667</div>
668</a>
669                                                                        <a href="https://mooders.net/fr/sound-design-et-brand-experience/" data-terms="26" class="card-post group block relative w-full">
670  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
671  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
672    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
673            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
674      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
675        <div class="image  w-full h-full " >
676  <figure class="w-full h-full">
677      <img           class=" lazy opacity-0   w-full h-full    object-cover "
678          width="150" height="150" alt=""
679                data-src="https://mooders.net/wp-content/uploads/2025/01/christopher-burns-Kj2SaNHG-hg-unsplash-480x320.jpg"
680      data-srcset="
681                  https://mooders.net/wp-content/uploads/2025/01/christopher-burns-Kj2SaNHG-hg-unsplash-480x320.jpg 480w,
682                  https://mooders.net/wp-content/uploads/2025/01/christopher-burns-Kj2SaNHG-hg-unsplash-768x512.jpg 768w,
683                  https://mooders.net/wp-content/uploads/2025/01/christopher-burns-Kj2SaNHG-hg-unsplash-1200x800.jpg 1200w,
684                  https://mooders.net/wp-content/uploads/2025/01/christopher-burns-Kj2SaNHG-hg-unsplash-1600x1067.jpg 1600w,
685                  https://mooders.net/wp-content/uploads/2025/01/christopher-burns-Kj2SaNHG-hg-unsplash-1920x1280.jpg 1920w,
686              "
687      data-sizes="
688      (max-width: 1023px) 100vw,
689      50vw" >
690  </figure>
691</div>
692        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
693      </div>
694    </div>
695    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
696      <div class="heading-20 md:heading-24 text-secondary transition-mode">Sound Design et Brand Experience</div>
697    </div>
698    </div>
699  </div>
700</div>
701</a>
702                                                                        <a href="https://mooders.net/fr/comment-le-design-sonore-faconne-lindustrie-le-marketing-et-les-arts/" data-terms="93" class="card-post group block relative w-full">
703  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
704  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
705    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
706            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
707      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
708        <div class="image  w-full h-full " >
709  <figure class="w-full h-full">
710      <img           class=" lazy opacity-0   w-full h-full    object-cover "
711          width="150" height="150" alt="a photography of a male sound designer, from back, at his desk"
712                data-src="https://mooders.net/wp-content/uploads/2024/12/tom-pottiger-l5XnUP7-M4w-unsplash-480x320.jpg"
713      data-srcset="
714                  https://mooders.net/wp-content/uploads/2024/12/tom-pottiger-l5XnUP7-M4w-unsplash-480x320.jpg 480w,
715                  https://mooders.net/wp-content/uploads/2024/12/tom-pottiger-l5XnUP7-M4w-unsplash-768x512.jpg 768w,
716                  https://mooders.net/wp-content/uploads/2024/12/tom-pottiger-l5XnUP7-M4w-unsplash-1200x800.jpg 1200w,
717                  https://mooders.net/wp-content/uploads/2024/12/tom-pottiger-l5XnUP7-M4w-unsplash-1600x1067.jpg 1600w,
718                  https://mooders.net/wp-content/uploads/2024/12/tom-pottiger-l5XnUP7-M4w-unsplash-1920x1280.jpg 1920w,
719              "
720      data-sizes="
721      (max-width: 1023px) 100vw,
722      50vw" >
723  </figure>
724</div>
725        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
726      </div>
727    </div>
728    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
728-1">
729      <div class="heading-20 md:heading-24 text-secondary transition-mode">Comment le design sonore façonne l&rsquo;industrie, le marketing et les arts</div>
730    </div>
731    </div>
732  </div>
733</div>
734</a>
735                                                                        <a href="https://mooders.net/fr/guide-sur-la-composition-musicale/" data-terms="93" class="card-post group block relative w-full">
736  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
737  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
738    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
739            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
740      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
741        <div class="image  w-full h-full " >
742  <figure class="w-full h-full">
743      <img           class=" lazy opacity-0   w-full h-full    object-cover "
744          width="150" height="150" alt="photo en noir et blanc plan serré d&#039;un guitariste"
745                data-src="https://mooders.net/wp-content/uploads/2024/12/3-480x192.jpg"
746      data-srcset="
747                  https://mooders.net/wp-content/uploads/2024/12/3-480x192.jpg 480w,
748                  https://mooders.net/wp-content/uploads/2024/12/3-768x307.jpg 768w,
749                  https://mooders.net/wp-content/uploads/2024/12/3-1200x480.jpg 1200w,
750                  https://mooders.net/wp-content/uploads/2024/12/3-1600x640.jpg 1600w,
751                  https://mooders.net/wp-content/uploads/2024/12/3-1920x768.jpg 1920w,
752              "
753      data-sizes="
754      (max-width: 1023px) 100vw,
755      50vw" >
756  </figure>
757</div>
758        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
759      </div>
760    </div>
761    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
762      <div class="heading-20 md:heading-24 text-secondary transition-mode">Guide sur la composition musicale</div>
763    </div>
764    </div>
765  </div>
766</div>
767</a>
768                                                                        <a href="https://mooders.net/fr/studio-de-creation-musicale/" data-terms="93" class="card-post group block relative w-full">
769  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
770  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
771    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
772            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
773      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
774        <div class="image  w-full h-full " >
775  <figure class="w-full h-full">
776      <img           class=" lazy opacity-0   w-full h-full    object-cover "
777          width="150" height="150" alt="a photo of a sound designer standing in his studio, from behind"
778                data-src="https://mooders.net/wp-content/uploads/2023/09/maurinmooders_a_sound_designer_in_a_premium_recording_studio_ma_ab780519-d912-461a-ae0f-684b9b063e92-480x269.jpg"
779      data-srcset="
780                  https://mooders.net/wp-content/uploads/2023/09/maurinmooders_a_sound_designer_in_a_premium_recording_studio_ma_ab780519-d912-461a-ae0f-684b9b063e92-480x269.jpg 480w,
781                  https://mooders.net/wp-content/uploads/2023/09/maurinmooders_a_sound_designer_in_a_premium_recording_studio_ma_ab780519-d912-461a-ae0f-684b9b063e92-768x430.jpg 768w,
782                  https://mooders.net/wp-content/uploads/2023/09/maurinmooders_a_sound_designer_in_a_premium_recording_studio_ma_ab780519-d912-461a-ae0f-684b9b063e92-1200x673.jpg 1200w,
783                  https://mooders.net/wp-content/uploads/2023/09/maurinmooders_a_sound_designer_in_a_premium_recording_studio_ma_ab780519-d912-461a-ae0f-684b9b063e92.jpg 1600w,
784                  https://mooders.net/wp-content/uploads/2023/09/maurinmooders_a_sound_designer_in_a_premium_recording_studio_ma_ab780519-d912-461a-ae0f-684b9b063e92.jpg 1920w,
785              "
786      data-sizes="
787      (max-width: 1023px) 100vw,
788      50vw" >
789  </figure>
790</div>
791        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
792      </div>
793    </div>
794    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
794-1">
795      <div class="heading-20 md:heading-24 text-secondary transition-mode">Qu&rsquo;est-ce qu&rsquo;un studio de création musicale ?</div>
796    </div>
797    </div>
798  </div>
799</div>
800</a>
801                                                                        <a href="https://mooders.net/fr/sound-design-multicanal-tudor/" data-terms="21" class="card-post group block relative w-full">
802  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
803  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
804    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
805            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
806      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
807        <div class="image  w-full h-full " >
808  <figure class="w-full h-full">
809      <img           class=" lazy opacity-0   w-full h-full    object-cover "
810          width="150" height="150" alt="Un dîner élégant dans un lieu sur le thème de l&#039;espace, avec une vue fascinante de la terre à travers une grande fenêtre circulaire et la silhouette d&#039;un astronaute flottant à l&#039;extérieur, dans un silo immersif avec un design sonore multicanal."
811                data-src="https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-25-a-14.18.07-480x268.jpg"
812      data-srcset="
813                  https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-25-a-14.18.07-480x268.jpg 480w,
814                  https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-25-a-14.18.07-768x428.jpg 768w,
815                  https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-25-a-14.18.07-1200x669.jpg 1200w,
816                  https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-25-a-14.18.07-1600x892.jpg 1600w,
817                  https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-25-a-14.18.07-1920x1070.jpg 1920w,
818              "
819      data-sizes="
820      (max-width: 1023px) 100vw,
821      50vw" >
822  </figure>
823</div>
824        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
825      </div>
826    </div>
827    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
828      <div class="heading-20 md:heading-24 text-secondary transition-mode">Un sound design multicanal pour Tudor</div>
829    </div>
830    </div>
831  </div>
832</div>
833</a>
834                                                                        <a href="https://mooders.net/fr/audio-immersif/" data-terms="26" class="card-post group block relative w-full">
835  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
836  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
837    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
838            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
839      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
840        <div class="image  w-full h-full " >
841  <figure class="w-full h-full">
842      <img           class=" lazy opacity-0   w-full h-full    object-cover "
843          width="150" height="150" alt="Une jeune femme avec des cheveux bouclés et naturels, les yeux fermés, appuyée contre un mur recouvert de haut-parleurs noirs. Elle porte un pull blanc et des boucles d&#039;oreilles."
844                data-src="https://mooders.net/wp-content/uploads/2024/03/immersive-audio-1920x1920-1-480x480.jpg"
845      data-srcset="
846                  https://mooders.net/wp-content/uploads/2024/03/immersive-audio-1920x1920-1-480x480.jpg 480w,
847                  https://mooders.net/wp-content/uploads/2024/03/immersive-audio-1920x1920-1-768x768.jpg 768w,
848                  https://mooders.net/wp-content/uploads/2024/03/immersive-audio-1920x1920-1-1200x1200.jpg 1200w,
849                  https://mooders.net/wp-content/uploads/2024/03/immersive-audio-1920x1920-1-1600x1600.jpg 1600w,
850                  https://mooders.net/wp-content/uploads/2024/03/immersive-audio-1920x1920-1.jpg 1920w,
851              "
852      data-sizes="
853      (max-width: 1023px) 100vw,
854      50vw" >
855  </figure>
856</div>
857        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
858      </div>
859    </div>
860    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
860-1">
861      <div class="heading-20 md:heading-24 text-secondary transition-mode">Le sound design dopé à l&rsquo;audio immersif</div>
862    </div>
863    </div>
864  </div>
865</div>
866</a>
867                                                                        <a href="https://mooders.net/fr/le-sound-design-c-est-quoi/" data-terms="93" class="card-post group block relative w-full">
868  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
869  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
870    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
871            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
872      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
873        <div class="image  w-full h-full " >
874  <figure class="w-full h-full">
875      <img           class=" lazy opacity-0   w-full h-full    object-cover "
876          width="150" height="150" alt="Homme en t-shirt jaune utilisant un téléphone en gobelet, l&#039;air pensif."
877                data-src="https://mooders.net/wp-content/uploads/2024/05/pexels-olly-3760607.jpeg"
878      data-srcset="
879                  https://mooders.net/wp-content/uploads/2024/05/pexels-olly-3760607.jpeg 480w,
880                  https://mooders.net/wp-content/uploads/2024/05/pexels-olly-3760607.jpeg 768w,
881                  https://mooders.net/wp-content/uploads/2024/05/pexels-olly-3760607.jpeg 1200w,
882                  https://mooders.net/wp-content/uploads/2024/05/pexels-olly-3760607.jpeg 1600w,
883                  https://mooders.net/wp-content/uploads/2024/05/pexels-olly-3760607.jpeg 1920w,
884              "
885      data-sizes="
886      (max-width: 1023px) 100vw,
887      50vw" >
888  </figure>
889</div>
890        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
891      </div>
892    </div>
893    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
894      <div class="heading-20 md:heading-24 text-secondary transition-mode">Le sound design, c&rsquo;est quoi ?</div>
895    </div>
896    </div>
897  </div>
898</div>
899</a>
900                                                                        <a href="https://mooders.net/fr/quest-ce-quun-sound-designer/" data-terms="93" class="card-post group block relative w-full">
901  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
902  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
903    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
904            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
905      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
906        <div class="image  w-full h-full " >
907  <figure class="w-full h-full">
908      <img           class=" lazy opacity-0   w-full h-full    object-cover "
909          width="150" height="150" alt=""
910                data-src="https://mooders.net/wp-content/uploads/2023/09/maurinmooders_the_word_sound_designer_written_with_sound_gear_bf4d65e9-462f-4f78-b821-57b63bc5e0a2-e1726751910880-480x320.jpg"
911      data-srcset="
912                  https://mooders.net/wp-content/uploads/2023/09/maurinmooders_the_word_sound_designer_written_with_sound_gear_bf4d65e9-462f-4f78-b821-57b63bc5e0a2-e1726751910880-480x320.jpg 480w,
913                  https://mooders.net/wp-content/uploads/2023/09/maurinmooders_the_word_sound_designer_written_with_sound_gear_bf4d65e9-462f-4f78-b821-57b63bc5e0a2-e1726751910880-768x512.jpg 768w,
914                  https://mooders.net/wp-content/uploads/2023/09/maurinmooders_the_word_sound_designer_written_with_sound_gear_bf4d65e9-462f-4f78-b821-57b63bc5e0a2-e1726751910880-1200x800.jpg 1200w,
915                  https://mooders.net/wp-content/uploads/2023/09/maurinmooders_the_word_sound_designer_written_with_sound_gear_bf4d65e9-462f-4f78-b821-57b63bc5e0a2-e1726751910880-1600x1066.jpg 1600w,
916                  https://mooders.net/wp-content/uploads/2023/09/maurinmooders_the_word_sound_designer_written_with_sound_gear_bf4d65e9-462f-4f78-b821-57b63bc5e0a2-e1726751910880-1920x1280.jpg 1920w,
917              "
918      data-sizes="
919      (max-width: 1023px) 100vw,
920      50vw" >
921  </figure>
922</div>
923        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
924      </div>
925    </div>
926    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
926-1">
927      <div class="heading-20 md:heading-24 text-secondary transition-mode">Qu&rsquo;est ce qu&rsquo;un sound designer ?</div>
928    </div>
929    </div>
930  </div>
931</div>
932</a>
933                                                                        <a href="https://mooders.net/fr/sounddesign/" data-terms="21" class="card-post group block relative w-full">
934  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
935  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
936    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
937            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
938      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
939        <div class="image  w-full h-full " >
940  <figure class="w-full h-full">
941      <img           class=" lazy opacity-0   w-full h-full    object-cover "
942          width="150" height="150" alt="Falaises rocheuses sous un ciel nuageux avec de la brume à la base."
943                data-src="https://mooders.net/wp-content/uploads/2024/06/ur220-decor-480x270.jpeg"
944      data-srcset="
945                  https://mooders.net/wp-content/uploads/2024/06/ur220-decor-480x270.jpeg 480w,
946                  https://mooders.net/wp-content/uploads/2024/06/ur220-decor-768x432.jpeg 768w,
947                  https://mooders.net/wp-content/uploads/2024/06/ur220-decor-1200x675.jpeg 1200w,
948                  https://mooders.net/wp-content/uploads/2024/06/ur220-decor-1600x900.jpeg 1600w,
949                  https://mooders.net/wp-content/uploads/2024/06/ur220-decor.jpeg 1920w,
950              "
951      data-sizes="
952      (max-width: 1023px) 100vw,
953      50vw" >
954  </figure>
955</div>
956        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
957      </div>
958    </div>
959    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
960      <div class="heading-20 md:heading-24 text-secondary transition-mode">Sound design de la campagne URWERK</div>
961    </div>
962    </div>
963  </div>
964</div>
965</a>
966                                                                        <a href="https://mooders.net/fr/sound-design-cartier/" data-terms="21" class="card-post group block relative w-full">
967  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
968  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
969    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
970            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
971      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
972        <div class="image  w-full h-full " >
973  <figure class="w-full h-full">
974      <img           class=" lazy opacity-0   w-full h-full    object-cover "
975          width="150" height="150" alt="Une montre avec un bracelet en cuir noir et un cadran rectangulaire, présentée dans une sphère transparente remplie de paillettes argentées."
976                data-src="https://mooders.net/wp-content/uploads/2024/06/thumb-3-480x270.jpeg"
977      data-srcset="
978                  https://mooders.net/wp-content/uploads/2024/06/thumb-3-480x270.jpeg 480w,
979                  https://mooders.net/wp-content/uploads/2024/06/thumb-3-768x432.jpeg 768w,
980                  https://mooders.net/wp-content/uploads/2024/06/thumb-3-1200x675.jpeg 1200w,
981                  https://mooders.net/wp-content/uploads/2024/06/thumb-3-1600x900.jpeg 1600w,
982                  https://mooders.net/wp-content/uploads/2024/06/thumb-3.jpeg 1920w,
983              "
984      data-sizes="
985      (max-width: 1023px) 100vw,
986      50vw" >
987  </figure>
988</div>
989        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
990      </div>
991    </div>
992    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
992-1">
993      <div class="heading-20 md:heading-24 text-secondary transition-mode">« Celebrate With Cartier », musique originale et sound design</div>
994    </div>
995    </div>
996  </div>
997</div>
998</a>
999                                                                        <a href="https://mooders.net/fr/identite-sonore-mv-group/" data-terms="21" class="card-post group block relative w-full">
1000  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1001  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1002    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1003            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1004      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1005        <div class="image  w-full h-full " >
1006  <figure class="w-full h-full">
1007      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1008          width="150" height="150" alt="Logo blanc de MV Group sur fond noir texturé"
1009                data-src="https://mooders.net/wp-content/uploads/2024/06/bandeau-identite-sonore-mv-group_3-480x186.jpeg"
1010      data-srcset="
1011                  https://mooders.net/wp-content/uploads/2024/06/bandeau-identite-sonore-mv-group_3-480x186.jpeg 480w,
1012                  https://mooders.net/wp-content/uploads/2024/06/bandeau-identite-sonore-mv-group_3-768x298.jpeg 768w,
1013                  https://mooders.net/wp-content/uploads/2024/06/bandeau-identite-sonore-mv-group_3-1200x465.jpeg 1200w,
1014                  https://mooders.net/wp-content/uploads/2024/06/bandeau-identite-sonore-mv-group_3.jpeg 1600w,
1015                  https://mooders.net/wp-content/uploads/2024/06/bandeau-identite-sonore-mv-group_3.jpeg 1920w,
1016              "
1017      data-sizes="
1018      (max-width: 1023px) 100vw,
1019      50vw" >
1020  </figure>
1021</div>
1022        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1023      </div>
1024    </div>
1025    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1026      <div class="heading-20 md:heading-24 text-secondary transition-mode">La nouvelle identité sonore de MV Group</div>
1027    </div>
1028    </div>
1029  </div>
1030</div>
1031</a>
1032                                                                        <a href="https://mooders.net/fr/winesthesia-creation-sonore-musique-oenologie/" data-terms="21" class="card-post group block relative w-full">
1033  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1034  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1035    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1036            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1037      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1038        <div class="image  w-full h-full " >
1039  <figure class="w-full h-full">
1040      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1041          width="150" height="150" alt="Texte &quot;WINESTHESIA Wine tasting with live music&quot; en blanc sur fond noir."
1042                data-src="https://mooders.net/wp-content/uploads/2024/06/Winesthesia_Bandeau-480x186.jpeg"
1043      data-srcset="
1044                  https://mooders.net/wp-content/uploads/2024/06/Winesthesia_Bandeau-480x186.jpeg 480w,
1045                  https://mooders.net/wp-content/uploads/2024/06/Winesthesia_Bandeau-768x298.jpeg 768w,
1046                  https://mooders.net/wp-content/uploads/2024/06/Winesthesia_Bandeau-1200x465.jpeg 1200w,
1047                  https://mooders.net/wp-content/uploads/2024/06/Winesthesia_Bandeau.jpeg 1600w,
1048                  https://mooders.net/wp-content/uploads/2024/06/Winesthesia_Bandeau.jpeg 1920w,
1049              "
1050      data-sizes="
1051      (max-width: 1023px) 100vw,
1052      50vw" >
1053  </figure>
1054</div>
1055        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1056      </div>
1057    </div>
1058    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1058-1">
1059      <div class="heading-20 md:heading-24 text-secondary transition-mode">Winesthesia &#8211; Vin et Sound design</div>
1060    </div>
1061    </div>
1062  </div>
1063</div>
1064</a>
1065                                                                        <a href="https://mooders.net/fr/tnv-sound-design/" data-terms="21" class="card-post group block relative w-full">
1066  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1067  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1068    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1069            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1070      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1071        <div class="image  w-full h-full " >
1072  <figure class="w-full h-full">
1073      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1074          width="150" height="150" alt="Homme debout sur des rochers au bord de la mer, regardant un coucher de soleil avec le texte &quot;TNV THE NEW VIBE&quot;."
1075                data-src="https://mooders.net/wp-content/uploads/2024/06/Bandeau-TNV-480x186.jpeg"
1076      data-srcset="
1077                  https://mooders.net/wp-content/uploads/2024/06/Bandeau-TNV-480x186.jpeg 480w,
1078                  https://mooders.net/wp-content/uploads/2024/06/Bandeau-TNV-768x298.jpeg 768w,
1079                  https://mooders.net/wp-content/uploads/2024/06/Bandeau-TNV-1200x465.jpeg 1200w,
1080                  https://mooders.net/wp-content/uploads/2024/06/Bandeau-TNV.jpeg 1600w,
1081                  https://mooders.net/wp-content/uploads/2024/06/Bandeau-TNV.jpeg 1920w,
1082              "
1083      data-sizes="
1084      (max-width: 1023px) 100vw,
1085      50vw" >
1086  </figure>
1087</div>
1088        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1089      </div>
1090    </div>
1091    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1092      <div class="heading-20 md:heading-24 text-secondary transition-mode">Création du sound design de The New Vibe</div>
1093    </div>
1094    </div>
1095  </div>
1096</div>
1097</a>
1098                                                                        <a href="https://mooders.net/fr/logo-sonore-concentre-identite-sonore/" data-terms="93" class="card-post group block relative w-full">
1099  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1100  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1101    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1102            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1103      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1104        <div class="image  w-full h-full " >
1105  <figure class="w-full h-full">
1106      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1107          width="150" height="150" alt="Casque audio rose sur un fond bicolore rose et bleu clair."
1108                data-src="https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-480x320.jpeg"
1109      data-srcset="
1110                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-480x320.jpeg 480w,
1111                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-768x513.jpeg 768w,
1112                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1200x801.jpeg 1200w,
1113                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1600x1068.jpeg 1600w,
1114                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1920x1282.jpeg 1920w,
1115              "
1116      data-sizes="
1117      (max-width: 1023px) 100vw,
1118      50vw" >
1119  </figure>
1120</div>
1121        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1122      </div>
1123    </div>
1124    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1124-1">
1125      <div class="heading-20 md:heading-24 text-secondary transition-mode">Le logo sonore, un concentré de votre identité sonore</div>
1126    </div>
1127    </div>
1128  </div>
1129</div>
1130</a>
1131                                                                        <a href="https://mooders.net/fr/identite-sonore-outil-puissant-marques/" data-terms="93" class="card-post group block relative w-full">
1132  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1133  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1134    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1135            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1136      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1137        <div class="image  w-full h-full " >
1138  <figure class="w-full h-full">
1139      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1140          width="150" height="150" alt="Casque audio rose sur un fond bicolore rose et bleu clair."
1141                data-src="https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-480x320.jpeg"
1142      data-srcset="
1143                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-480x320.jpeg 480w,
1144                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-768x513.jpeg 768w,
1145                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1200x801.jpeg 1200w,
1146                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1600x1068.jpeg 1600w,
1147                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1920x1282.jpeg 1920w,
1148              "
1149      data-sizes="
1150      (max-width: 1023px) 100vw,
1151      50vw" >
1152  </figure>
1153</div>
1154        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1155      </div>
1156    </div>
1157    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1158      <div class="heading-20 md:heading-24 text-secondary transition-mode">L’identité sonore, un outil puissant au service des marques</div>
1159    </div>
1160    </div>
1161  </div>
1162</div>
1163</a>
1164                                                                        <a href="https://mooders.net/fr/identite-sonore-epicurieux/" data-terms="21" class="card-post group block relative w-full">
1165  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1166  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1167    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1168            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1169      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1170        <div class="image  w-full h-full " >
1171  <figure class="w-full h-full">
1172      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1173          width="150" height="150" alt="Jamy Gourmaud avec lunettes rondes et chemise bleue, levant un doigt en l&#039;air, l&#039;air étonné"
1174                data-src="https://mooders.net/wp-content/uploads/2024/06/Jamy-Article-Carte-Postale-scaled-1-480x270.jpeg"
1175      data-srcset="
1176                  https://mooders.net/wp-content/uploads/2024/06/Jamy-Article-Carte-Postale-scaled-1-480x270.jpeg 480w,
1177                  https://mooders.net/wp-content/uploads/2024/06/Jamy-Article-Carte-Postale-scaled-1-768x432.jpeg 768w,
1178                  https://mooders.net/wp-content/uploads/2024/06/Jamy-Article-Carte-Postale-scaled-1-1200x675.jpeg 1200w,
1179                  https://mooders.net/wp-content/uploads/2024/06/Jamy-Article-Carte-Postale-scaled-1-1600x900.jpeg 1600w,
1180                  https://mooders.net/wp-content/uploads/2024/06/Jamy-Article-Carte-Postale-scaled-1-1920x1080.jpeg 1920w,
1181              "
1182      data-sizes="
1183      (max-width: 1023px) 100vw,
1184      50vw" >
1185  </figure>
1186</div>
1187        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1188      </div>
1189    </div>
1190    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1190-1">
1191      <div class="heading-20 md:heading-24 text-secondary transition-mode">Mooders définit l’identité sonore de la marque « Épicurieux »</div>
1192    </div>
1193    </div>
1194  </div>
1195</div>
1196</a>
1197                                                                        <a href="https://mooders.net/fr/glossaire-sound-design/" data-terms="93" class="card-post group block relative w-full">
1198  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1199  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1200    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1201            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1202      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1203        <div class="image  w-full h-full " >
1204  <figure class="w-full h-full">
1205      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1206          width="150" height="150" alt="Personne feuilletant un livre et tenant un crayon à une table en bois."
1207                data-src="https://mooders.net/wp-content/uploads/2024/06/pexels-karolina-grabowska-5238117-480x320.jpeg"
1208      data-srcset="
1209                  https://mooders.net/wp-content/uploads/2024/06/pexels-karolina-grabowska-5238117-480x320.jpeg 480w,
1210                  https://mooders.net/wp-content/uploads/2024/06/pexels-karolina-grabowska-5238117-768x512.jpeg 768w,
1211                  https://mooders.net/wp-content/uploads/2024/06/pexels-karolina-grabowska-5238117-1200x800.jpeg 1200w,
1212                  https://mooders.net/wp-content/uploads/2024/06/pexels-karolina-grabowska-5238117-1600x1067.jpeg 1600w,
1213                  https://mooders.net/wp-content/uploads/2024/06/pexels-karolina-grabowska-5238117-1920x1280.jpeg 1920w,
1214              "
1215      data-sizes="
1216      (max-width: 1023px) 100vw,
1217      50vw" >
1218  </figure>
1219</div>
1220        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1221      </div>
1222    </div>
1223    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1224      <div class="heading-20 md:heading-24 text-secondary transition-mode">Glossaire du sound design</div>
1225    </div>
1226    </div>
1227  </div>
1228</div>
1229</a>
1230                                                                        <a href="https://mooders.net/fr/sound-design-musique-originale-awards-2/" data-terms="93" class="card-post group block relative w-full">
1231  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1232  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1233    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1234            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1235      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1236        <div class="image  w-full h-full " >
1237  <figure class="w-full h-full">
1238      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1239          width="150" height="150" alt="L&#039;image montre un homme âgé portant un bandeau et un polo jaune, tenant un trophée en or. Il a une barbe blanche et porte des lunettes. Le fond est rose vif, créant un contraste frappant avec la tenue jaune de l&#039;homme."
1240                data-src="https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-480x299.jpg"
1241      data-srcset="
1242                  https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-480x299.jpg 480w,
1243                  https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-768x479.jpg 768w,
1244                  https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-1200x748.jpg 1200w,
1245                  https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-1600x997.jpg 1600w,
1246                  https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-1920x1197.jpg 1920w,
1247              "
1248      data-sizes="
1249      (max-width: 1023px) 100vw,
1250      50vw" >
1251  </figure>
1252</div>
1253        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1254      </div>
1255    </div>
1256    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1256-1">
1257      <div class="heading-20 md:heading-24 text-secondary transition-mode">Nos travaux primés #2</div>
1258    </div>
1259    </div>
1260  </div>
1261</div>
1262</a>
1263                                                                        <a href="https://mooders.net/fr/sound-design-musique-originale-awards-1/" data-terms="93" class="card-post group block relative w-full">
1264  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1265  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1266    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1267            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1268      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1269        <div class="image  w-full h-full " >
1270  <figure class="w-full h-full">
1271      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1272          width="150" height="150" alt="L&#039;image montre un homme âgé portant un bandeau et un polo jaune, tenant un trophée en or. Il a une barbe blanche et porte des lunettes. Le fond est rose vif, créant un contraste frappant avec la tenue jaune de l&#039;homme."
1273                data-src="https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-480x299.jpg"
1274      data-srcset="
1275                  https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-480x299.jpg 480w,
1276                  https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-768x479.jpg 768w,
1277                  https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-1200x748.jpg 1200w,
1278                  https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-1600x997.jpg 1600w,
1279                  https://mooders.net/wp-content/uploads/2024/06/pexels-shvetsa-6251001-1920x1197.jpg 1920w,
1280              "
1281      data-sizes="
1282      (max-width: 1023px) 100vw,
1283      50vw" >
1284  </figure>
1285</div>
1286        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1287      </div>
1288    </div>
1289    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1290      <div class="heading-20 md:heading-24 text-secondary transition-mode">Nos travaux primés #1</div>
1291    </div>
1292    </div>
1293  </div>
1294</div>
1295</a>
1296                                                                        <a href="https://mooders.net/fr/sound-design-identite-sonore-production-son/" data-terms="26" class="card-post group block relative w-full">
1297  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1298  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1299    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1300            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1301      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1302        <div class="image  w-full h-full " >
1303  <figure class="w-full h-full">
1304      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1305          width="150" height="150" alt="L&#039;image montre une personne travaillant sur un ordinateur portable et deux écrans de moniteur dans un studio de musique ou un environnement de production sonore. Les écrans affichent des logiciels de production musicale, avec diverses interfaces de mixage et de création de sons visibles. La personne semble être concentrée sur son travail, peut-être en train de composer ou de mixer de la musique. L&#039;arrière-plan comporte des équipements audio supplémentaires, comme des enceintes et d&#039;autres instruments de musique, suggérant un espace bien équipé pour la production sonore."
1306                data-src="https://mooders.net/wp-content/uploads/2024/06/visuel-sound-design-nos-metiers-480x270.jpeg"
1307      data-srcset="
1308                  https://mooders.net/wp-content/uploads/2024/06/visuel-sound-design-nos-metiers-480x270.jpeg 480w,
1309                  https://mooders.net/wp-content/uploads/2024/06/visuel-sound-design-nos-metiers-768x432.jpeg 768w,
1310                  https://mooders.net/wp-content/uploads/2024/06/visuel-sound-design-nos-metiers-1200x676.jpeg 1200w,
1311                  https://mooders.net/wp-content/uploads/2024/06/visuel-sound-design-nos-metiers-1600x901.jpeg 1600w,
1312                  https://mooders.net/wp-content/uploads/2024/06/visuel-sound-design-nos-metiers-1920x1081.jpeg 1920w,
1313              "
1314      data-sizes="
1315      (max-width: 1023px) 100vw,
1316      50vw" >
1317  </figure>
1318</div>
1319        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1320      </div>
1321    </div>
1322    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1322-1">
1323      <div class="heading-20 md:heading-24 text-secondary transition-mode">Identité sonore, production son, sound design and more&#8230;</div>
1324    </div>
1325    </div>
1326  </div>
1327</div>
1328</a>
1329                                                                        <a href="https://mooders.net/fr/european-music-incubator-accompagnement-design-sonore-marques/" data-terms="93" class="card-post group block relative w-full">
1330  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1331  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1332    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1333            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1334      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1335        <div class="image  w-full h-full " >
1336  <figure class="w-full h-full">
1337      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1338          width="150" height="150" alt="Photos de groupe des participants du European Music Incubator devant un mur en briques."
1339                data-src="https://mooders.net/wp-content/uploads/2024/06/EMI-musicien.jpeg"
1340      data-srcset="
1341                  https://mooders.net/wp-content/uploads/2024/06/EMI-musicien.jpeg 480w,
1342                  https://mooders.net/wp-content/uploads/2024/06/EMI-musicien.jpeg 768w,
1343                  https://mooders.net/wp-content/uploads/2024/06/EMI-musicien.jpeg 1200w,
1344                  https://mooders.net/wp-content/uploads/2024/06/EMI-musicien.jpeg 1600w,
1345                  https://mooders.net/wp-content/uploads/2024/06/EMI-musicien.jpeg 1920w,
1346              "
1347      data-sizes="
1348      (max-width: 1023px) 100vw,
1349      50vw" >
1350  </figure>
1351</div>
1352        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1353      </div>
1354    </div>
1355    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1356      <div class="heading-20 md:heading-24 text-secondary transition-mode">European Music Incubator &#8211; Accompagnement au design sonore pour les marques</div>
1357    </div>
1358    </div>
1359  </div>
1360</div>
1361</a>
1362                                                                        <a href="https://mooders.net/fr/podcast-la-musique-infuse-4/" data-terms="93" class="card-post group block relative w-full">
1363  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1364  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1365    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1366            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1367      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1368        <div class="image  w-full h-full " >
1369  <figure class="w-full h-full">
1370      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1371          width="150" height="150" alt="Logo &quot;La Musique Infuse&quot; sur fond jaune vibrant."
1372                data-src="https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-480x186.jpeg"
1373      data-srcset="
1374                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-480x186.jpeg 480w,
1375                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-768x298.jpeg 768w,
1376                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-1200x465.jpeg 1200w,
1377                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau.jpeg 1600w,
1378                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau.jpeg 1920w,
1379              "
1380      data-sizes="
1381      (max-width: 1023px) 100vw,
1382      50vw" >
1383  </figure>
1384</div>
1385        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1386      </div>
1387    </div>
1388    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1388-1">
1389      <div class="heading-20 md:heading-24 text-secondary transition-mode">La Musique Infuse &#8211; Alexandre Dubosc</div>
1390    </div>
1391    </div>
1392  </div>
1393</div>
1394</a>
1395                                                                        <a href="https://mooders.net/fr/podcast-la-musique-infuse-2/" data-terms="93" class="card-post group block relative w-full">
1396  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1397  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1398    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1399            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1400      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1401        <div class="image  w-full h-full " >
1402  <figure class="w-full h-full">
1403      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1404          width="150" height="150" alt="Logo &quot;La Musique Infuse&quot; sur fond jaune vibrant."
1405                data-src="https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-480x186.jpeg"
1406      data-srcset="
1407                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-480x186.jpeg 480w,
1408                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-768x298.jpeg 768w,
1409                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-1200x465.jpeg 1200w,
1410                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau.jpeg 1600w,
1411                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau.jpeg 1920w,
1412              "
1413      data-sizes="
1414      (max-width: 1023px) 100vw,
1415      50vw" >
1416  </figure>
1417</div>
1418        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1419      </div>
1420    </div>
1421    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1422      <div class="heading-20 md:heading-24 text-secondary transition-mode">La Musique Infuse &#8211; LAURENT BRETT</div>
1423    </div>
1424    </div>
1425  </div>
1426</div>
1427</a>
1428                                                                        <a href="https://mooders.net/fr/podcast-la-musique-infuse-1/" data-terms="93" class="card-post group block relative w-full">
1429  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1430  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1431    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1432            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1433      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1434        <div class="image  w-full h-full " >
1435  <figure class="w-full h-full">
1436      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1437          width="150" height="150" alt="Logo &quot;La Musique Infuse&quot; sur fond jaune vibrant."
1438                data-src="https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-480x186.jpeg"
1439      data-srcset="
1440                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-480x186.jpeg 480w,
1441                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-768x298.jpeg 768w,
1442                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau-1200x465.jpeg 1200w,
1443                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau.jpeg 1600w,
1444                  https://mooders.net/wp-content/uploads/2024/06/LMI-Bandeau.jpeg 1920w,
1445              "
1446      data-sizes="
1447      (max-width: 1023px) 100vw,
1448      50vw" >
1449  </figure>
1450</div>
1451        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1452      </div>
1453    </div>
1454    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1454-1">
1455      <div class="heading-20 md:heading-24 text-secondary transition-mode">La Musique Infuse &#8211; OLIVIER BAL</div>
1456    </div>
1457    </div>
1458  </div>
1459</div>
1460</a>
1461                                                                        <a href="https://mooders.net/fr/construire-son-identit-sonore-les-tapes-cl-s/" data-terms="93" class="card-post group block relative w-full">
1462  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1463  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1464    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1465            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1466      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1467        <div class="image  w-full h-full " >
1468  <figure class="w-full h-full">
1469      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1470          width="150" height="150" alt="Casque audio rose sur un fond bicolore rose et bleu clair."
1471                data-src="https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-480x320.jpeg"
1472      data-srcset="
1473                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-480x320.jpeg 480w,
1474                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-768x513.jpeg 768w,
1475                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1200x801.jpeg 1200w,
1476                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1600x1068.jpeg 1600w,
1477                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1920x1282.jpeg 1920w,
1478              "
1479      data-sizes="
1480      (max-width: 1023px) 100vw,
1481      50vw" >
1482  </figure>
1483</div>
1484        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1485      </div>
1486    </div>
1487    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1488      <div class="heading-20 md:heading-24 text-secondary transition-mode">Construire son identité sonore : les étapes clés</div>
1489    </div>
1490    </div>
1491  </div>
1492</div>
1493</a>
1494                                                                        <a href="https://mooders.net/fr/nouveaux-formats-audio/" data-terms="93" class="card-post group block relative w-full">
1495  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1496  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1497    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1498            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1499      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1500        <div class="image  w-full h-full " >
1501  <figure class="w-full h-full">
1502      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1503          width="150" height="150" alt="Microphone de studio en gros plan avec un arrière-plan flou."
1504                data-src="https://mooders.net/wp-content/uploads/2024/06/microphone-3769543_1920-480x315.jpeg"
1505      data-srcset="
1506                  https://mooders.net/wp-content/uploads/2024/06/microphone-3769543_1920-480x315.jpeg 480w,
1507                  https://mooders.net/wp-content/uploads/2024/06/microphone-3769543_1920-768x504.jpeg 768w,
1508                  https://mooders.net/wp-content/uploads/2024/06/microphone-3769543_1920-1200x787.jpeg 1200w,
1509                  https://mooders.net/wp-content/uploads/2024/06/microphone-3769543_1920-1600x1049.jpeg 1600w,
1510                  https://mooders.net/wp-content/uploads/2024/06/microphone-3769543_1920.jpeg 1920w,
1511              "
1512      data-sizes="
1513      (max-width: 1023px) 100vw,
1514      50vw" >
1515  </figure>
1516</div>
1517        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1518      </div>
1519    </div>
1520    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1520-1">
1521      <div class="heading-20 md:heading-24 text-secondary transition-mode">Les nouveaux formats audio : Sound design et expériences sonores</div>
1522    </div>
1523    </div>
1524  </div>
1525</div>
1526</a>
1527                                                                        <a href="https://mooders.net/fr/compositions-creation-identite-sonore-gastronomie/" data-terms="93" class="card-post group block relative w-full">
1528  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1529  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1530    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1531            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1532      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1533        <div class="image  w-full h-full " >
1534  <figure class="w-full h-full">
1535      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1536          width="150" height="150" alt="Assiette de haute cuisine avec présentation artistique de nourriture"
1537                data-src="https://mooders.net/wp-content/uploads/2024/03/lebercail-12-480x319.jpeg"
1538      data-srcset="
1539                  https://mooders.net/wp-content/uploads/2024/03/lebercail-12-480x319.jpeg 480w,
1540                  https://mooders.net/wp-content/uploads/2024/03/lebercail-12-768x511.jpeg 768w,
1541                  https://mooders.net/wp-content/uploads/2024/03/lebercail-12-1200x799.jpeg 1200w,
1542                  https://mooders.net/wp-content/uploads/2024/03/lebercail-12-1600x1065.jpeg 1600w,
1543                  https://mooders.net/wp-content/uploads/2024/03/lebercail-12-1920x1278.jpeg 1920w,
1544              "
1545      data-sizes="
1546      (max-width: 1023px) 100vw,
1547      50vw" >
1548  </figure>
1549</div>
1550        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1551      </div>
1552    </div>
1553    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1554      <div class="heading-20 md:heading-24 text-secondary transition-mode">Composition(s), une création au croisement de l&rsquo;identité sonore et de la gastronomie</div>
1555    </div>
1556    </div>
1557  </div>
1558</div>
1559</a>
1560                                                                        <a href="https://mooders.net/fr/motion-motion-festival-composition-identite-sonore/" data-terms="21" class="card-post group block relative w-full">
1561  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1562  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1563    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1564            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1565      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1566        <div class="image  w-full h-full " >
1567  <figure class="w-full h-full">
1568      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1569          width="150" height="150" alt="Texte &quot;MOTION&quot; en bleu et rouge avec un effet de mouvement sur fond blanc"
1570                data-src="https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-19-a-13.56.18-480x270.png"
1571      data-srcset="
1572                  https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-19-a-13.56.18-480x270.png 480w,
1573                  https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-19-a-13.56.18-768x431.png 768w,
1574                  https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-19-a-13.56.18-1200x674.png 1200w,
1575                  https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-19-a-13.56.18-1600x899.png 1600w,
1576                  https://mooders.net/wp-content/uploads/2024/03/Capture-decran-2024-03-19-a-13.56.18-1920x1079.png 1920w,
1577              "
1578      data-sizes="
1579      (max-width: 1023px) 100vw,
1580      50vw" >
1581  </figure>
1582</div>
1583        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1584      </div>
1585    </div>
1586    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1586-1">
1587      <div class="heading-20 md:heading-24 text-secondary transition-mode">Motion Motion &#8211; Sound design et Identité sonore</div>
1588    </div>
1589    </div>
1590  </div>
1591</div>
1592</a>
1593                                                                        <a href="https://mooders.net/fr/cinq-conseils-utiles-identite-sonore/" data-terms="93" class="card-post group block relative w-full">
1594  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1595  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1596    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1597            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1598      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1599        <div class="image  w-full h-full " >
1600  <figure class="w-full h-full">
1601      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1602          width="150" height="150" alt="Casque audio rose sur un fond bicolore rose et bleu clair."
1603                data-src="https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-480x320.jpeg"
1604      data-srcset="
1605                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-480x320.jpeg 480w,
1606                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-768x513.jpeg 768w,
1607                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1200x801.jpeg 1200w,
1608                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1600x1068.jpeg 1600w,
1609                  https://mooders.net/wp-content/uploads/2024/06/icons8-team-7LNatQYMzm4-unsplash-1920x1282.jpeg 1920w,
1610              "
1611      data-sizes="
1612      (max-width: 1023px) 100vw,
1613      50vw" >
1614  </figure>
1615</div>
1616        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1617      </div>
1618    </div>
1619    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1620      <div class="heading-20 md:heading-24 text-secondary transition-mode">Cinq conseils utiles pour réussir son identité sonore</div>
1621    </div>
1622    </div>
1623  </div>
1624</div>
1625</a>
1626                                                                        <a href="https://mooders.net/fr/bymycar-sound-design-identite-sonore/" data-terms="21" class="card-post group block relative w-full">
1627  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1628  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1629    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1630            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1631      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1632        <div class="image  w-full h-full " >
1633  <figure class="w-full h-full">
1634      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1635          width="150" height="150" alt="Une route sinueuse traverse une forêt verdoyante, les arbres se dressent majestueusement de chaque côté sous un ciel bleu clair."
1636                data-src="https://mooders.net/wp-content/uploads/2024/06/SCREEN-2-480x200.jpeg"
1637      data-srcset="
1638                  https://mooders.net/wp-content/uploads/2024/06/SCREEN-2-480x200.jpeg 480w,
1639                  https://mooders.net/wp-content/uploads/2024/06/SCREEN-2-768x320.jpeg 768w,
1640                  https://mooders.net/wp-content/uploads/2024/06/SCREEN-2-1200x500.jpeg 1200w,
1641                  https://mooders.net/wp-content/uploads/2024/06/SCREEN-2-1600x666.jpeg 1600w,
1642                  https://mooders.net/wp-content/uploads/2024/06/SCREEN-2-1920x800.jpeg 1920w,
1643              "
1644      data-sizes="
1645      (max-width: 1023px) 100vw,
1646      50vw" >
1647  </figure>
1648</div>
1649        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1650      </div>
1651    </div>
1652    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1652-1">
1653      <div class="heading-20 md:heading-24 text-secondary transition-mode">BYmyCAR &#8211; Sound Design et identité sonore</div>
1654    </div>
1655    </div>
1656  </div>
1657</div>
1658</a>
1659                                                                        <a href="https://mooders.net/fr/articleriotgames/" data-terms="21" class="card-post group block relative w-full">
1660  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1661  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1662    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1663            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1664      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1665        <div class="image  w-full h-full " >
1666  <figure class="w-full h-full">
1667      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1668          width="150" height="150" alt="Une imposante tour d&#039;horloge se dresse au milieu d&#039;un paysage urbain animé, ses détails complexes étant illuminés par les rayons dorés du soleil couchant."
1669                data-src="https://mooders.net/wp-content/uploads/2024/06/screenshot-2019-11-15-at-15-35-53-min-min-480x270.jpeg"
1670      data-srcset="
1671                  https://mooders.net/wp-content/uploads/2024/06/screenshot-2019-11-15-at-15-35-53-min-min-480x270.jpeg 480w,
1672                  https://mooders.net/wp-content/uploads/2024/06/screenshot-2019-11-15-at-15-35-53-min-min-768x432.jpeg 768w,
1673                  https://mooders.net/wp-content/uploads/2024/06/screenshot-2019-11-15-at-15-35-53-min-min-1200x675.jpeg 1200w,
1674                  https://mooders.net/wp-content/uploads/2024/06/screenshot-2019-11-15-at-15-35-53-min-min-1600x900.jpeg 1600w,
1675                  https://mooders.net/wp-content/uploads/2024/06/screenshot-2019-11-15-at-15-35-53-min-min-1920x1080.jpeg 1920w,
1676              "
1677      data-sizes="
1678      (max-width: 1023px) 100vw,
1679      50vw" >
1680  </figure>
1681</div>
1682        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1683      </div>
1684    </div>
1685    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z-1">
1686      <div class="heading-20 md:heading-24 text-secondary transition-mode">League Of Legends &#8211; Sound Design et création sonore</div>
1687    </div>
1688    </div>
1689  </div>
1690</div>
1691</a>
1692                                                                        <a href="https://mooders.net/fr/articletagheuerfr/" data-terms="21" class="card-post group block relative w-full">
1693  <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1694  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1695    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1696            <div class="relative w-full h-0 pt-[63.3%] overflow-hidden">
1697      <div class="absolute-full xl:group-hover:scale-[1.03] transition-transform duration-500 ease-out">
1698        <div class="image  w-full h-full " >
1699  <figure class="w-full h-full">
1700      <img           class=" lazy opacity-0   w-full h-full    object-cover "
1701          width="150" height="150" alt="Une voiture de sport rouge vif roulant à toute allure sur un circuit, avec une montre TAG Heuer bien en évidence au premier plan."
1702                data-src="https://mooders.net/wp-content/uploads/2024/03/Thumbnail-TAG_HEUER-480x336.jpg"
1703      data-srcset="
1704                  https://mooders.net/wp-content/uploads/2024/03/Thumbnail-TAG_HEUER-480x336.jpg 480w,
1705                  https://mooders.net/wp-content/uploads/2024/03/Thumbnail-TAG_HEUER.jpg 768w,
1706                  https://mooders.net/wp-content/uploads/2024/03/Thumbnail-TAG_HEUER.jpg 1200w,
1707                  https://mooders.net/wp-content/uploads/2024/03/Thumbnail-TAG_HEUER.jpg 1600w,
1708                  https://mooders.net/wp-content/uploads/2024/03/Thumbnail-TAG_HEUER.jpg 1920w,
1709              "
1710      data-sizes="
1711      (max-width: 1023px) 100vw,
1712      50vw" >
1713  </figure>
1714</div>
1715        <div class="box-blur absolute-full z-2 pointer-events-none"></div>
1716      </div>
1717    </div>
1718    <div class="relative w-full px-container pt-15 pb-[1.1rem] md:pt-20 md:pb-[1.6rem] bg-primary border-t-px border-secondary transition-mode z
1718-1">
1719      <div class="heading-20 md:heading-24 text-secondary transition-mode">Tag Heuer &#8211; Sound Design et réalité virtuelle</div>
1720    </div>
1721    </div>
1722  </div>
1723</div>
1724</a>
1725                                  
1726                <div class="overlay absolute top-0 left-0 w-full h-full bg-primary opacity-0 pointer-events-none z-2"></div>
1727              </div>
1728              <div class="main-column sticky top-sticky order-first md:order-2 col-span-full md:col-span-8 xl:col-span-6 bg-primary transition-mode z-2">
1729                <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden md:h-available md:min-h-available">
1730  <div class="box  box-menu  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1731    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 ">
1732            <div class="flex flex-col-reverse md:flex-col justify-between h-full">
1733                    <div class="terms mobile-slider flex flex-row flex-nowrap md:flex-col items-start gap-x-10 xl:gap-x-0 xl:gap-y-[0.2rem] body-14 font-medium uppercase px-10 md:px-20 p-20 pb-[1.6rem] xl:pb-20 text-secondary overflow-hidden transition-mode">
1734                      <span class="term mobile-slider-item a whitespace-nowrap cursor-pointer" data-id="-1">
1735                        <span class="block term-inner">Tous</span>
1736                      </span>
1737                                                                        <span class="term mobile-slider-item cursor-pointer whitespace-nowrap" data-id="21">
1738                            <span class="block term-inner">Étude de cas</span>
1739                          </span>
1740                                                                                                <span class="term mobile-slider-item cursor-pointer whitespace-nowrap" data-id="93">
1741                            <span class="block term-inner">Général</span>
1742                          </span>
1743                                                                                                                                              <span class="term mobile-slider-item cursor-pointer whitespace-nowrap" data-id="26">
1744                            <span class="block term-inner">Savoir-faire</span>
1745                          </span>
1746                                                                  </div>
1747                    <h1 class="hidden md:flex items-end px-container py-5 md:py-10 h-[8.8rem] border-b-px md:border-b-0 border-secondary text-secondary heading-48 font-bold transition-mode">News</h1>
1748                  </div>
1749    </div>
1750  </div>
1751</div>
1752              </div>
1753            </div>
1754            <div class="xl:sticky xl:top-sticky order-3 col-span-full xl:col-span-6 xl:h-available mt-10 xl:mt-0">
1755              <div class="box-parent relative w-full border-px border-secondary xl:border-0 transition-mode xl:transition-none overflow-hidden h-full">
1756  <div class="box  w-full h-full xl:border-b-px xl:border-secondary transition-mode overflow-hidden translate-x-0 translate-y-0">
1757    <div class="box-inner xl:border-t-px xl:border-x-px xl:border-secondary transition-mode w-full h-full translate-x-0 translate-y-0 px-container py-20 pb-10 md:pb-20 h-full">
1758            <div class="w-full md:w-[60%] lg:w-[40%] xl:w-full">
1759                                      <div class="heading-20 !leading-[2.6rem] text-secondary transition-mode">Abonnez-vous à notre newsletter !</div>
1760                                                        <div class="body-14 wysiwyg mt-10 text-secondary transition-mode"><p>Pas d'inquiétude pour le spam, on envoie maximum 3 newsletters par an, quand on est en forme.</p>
1761</div>
1762                                    <div class="mt-20">
1763                    <div class="newsletter relative body-12" id="mc_embed_shell">
1764  <div id="mc_embed_signup" class="w-full min-h-[4.2rem]">
1765    <form action="https://mooders.us10.list-manage.com/subscribe/post?u=a4dffe9d9a0399377d7cc5e2b&amp;id=0595ce827c&amp;f_id=008a44e5f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" noValidate>
1766      <div id="mc_embed_signup_scroll" class="flex items-start">
1767        <div class="mc-field-group flex-1">
1768          <input type="email" name="EMAIL" class="required email w-full outline-none bg-primary rounded-none border-px border-secondary-rgb/15 text-secondary transition-mode px-20 pt-[1.4rem] pb-[1.3rem] md:pb-[1rem] focus:border-secondary placeholder:text-secondary placeholder:transition-mode" id="mce-EMAIL" placeholder="MAIL*" required="" value="">
1769        </div>
1770        <div aria-hidden="true" style="position: absolute; left: -5000px;">
1771          /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
1772          <input type="text" name="b_a4dffe9d9a0399377d7cc5e2b_0595ce827c" tabindex="-1" value="">
1773        </div>
1774        <div class="optionalParent">
1775          <div class="clear foot">
1776            <input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button cursor-pointer -ml-px rounded-none border-px border-secondary uppercase px-[1.7rem] pt-[1.4rem] pb-[1.3rem] md:pb-[1rem] bg-secondary text-primary transition-mode xl:hover:bg-primary xl:hover:text-secondary" value="Ok">
1777          </div>
1778        </div>
1779      </div>
1780      <div id="mce-responses" class="clear foot">
1781        <div class="response mt-5" id="mce-error-response" style="display: none;"></div>
1782        <div class="response mt-5" id="mce-success-response" style="display: none;"></div>
1783      </div>
1784    </form>
1785  </div>
1786  
1786<script type="text/javascript" data-taxi-reload src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
1786
1787  
1787<script type="text/javascript" data-taxi-reload>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
1787
1788</div>
1789                  </div>
1790                </div>
1791    </div>
1792  </div>
1793</div>
1794            </div>
1795          </div></div>
1796  </div>
1797  <div class="sticky-footer-bottom relative w-full px-container bg-primary transition-mode z-1"><section class="xl:min-h-[500px] xl:h-available mt-10 p-container bg-primary border-px border-secondary transition-mode">
1798  <div class="text-full text-stroke leading-[1] uppercase xl:-ml-[0.5rem]">
1799    <span class="text-full-el">Contactez-nous</span>
1800  </div>
1801  <div class="flex flex-col gap-y-10 xl:-mt-[2rem]">
1802          <div class="w-full body-14 md:heading-20 uppercase px-container pb-5 md:pb-[1.5rem] pt-[3rem] md:pt-[6rem] border-px border-secondary text-secondary transition-mode">
1803        <a href="mailto:[email protected]" class="link">
1804          <span  data-splitting="chars">[email protected]</span>
1805        </a>
1806      </div>
1807              <div class="w-full body-14 md:heading-20 uppercase px-container pb-5 md:pb-[1.5rem] pt-[3rem] md:pt-[6rem] border-px border-secondary text-secondary transition-mode">
1808        <a href="tel:+33 6 75 99 05 93" class="link">
1809          <span  data-splitting="chars">+33 6 75 99 05 93</span>
1810        </a>
1811      </div>
1812              <div class="w-full flex flex-wrap body-14 md:heading-20 uppercase px-container pb-5 md:pb-[1.5rem] pt-[3rem] md:pt-[6rem] border-px border-secondary text-secondary transition-mode">
1813                  <div class="flex">
1814            <a href="https://twitter.com/Mooders_music" target="_blank" rel="noopener" class="link inline">
1815              <span  data-splitting="chars">Twitter</span>
1816            </a>
1817             <span>, </span>           </div>
1818                  <div class="flex">
1819            <a href="https://www.linkedin.com/in/mooders/" target="_blank" rel="noopener" class="link inline">
1820              <span  data-splitting="chars">Linkedin</span>
1821            </a>
1822             <span>, </span>           </div>
1823                  <div class="flex">
1824            <a href="https://www.instagram.com/mooders_sound_design/" target="_blank" rel="noopener" class="link inline">
1825              <span  data-splitting="chars">Instagram</span>
1826            </a>
1827                      </div>
1828              </div>
1829      </div>
1830</section></div>
1831</div>
1832    </div>
1833  </div>
1834    </div>
1835
1836        <footer></footer>    
1836<script type="speculationrules">
1837{"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"}]}
1838</script>
vendor: 1 bytes, line 1838
1838
1839<script id="app/0-js-before">
1840(()=>{"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))})()})();
1841</script>
vendor: 1 bytes, line 1841
1841
1842<script src="https://mooders.net/wp-content/themes/beaucoup/public/js/app.a40498.js" id="app/0-js"></script>
1842
1843  </body>
1844</html>
1845
1846<!--
1847Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/
1848
1849Mise en cache de page à l’aide de Disk: Enhanced 
1850
1851Served from: mooders.net @ 2026-04-08 09:53:45 by W3 Total Cache
1852-->

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.