PageSourceSearch

https://www.stephanecoffy.com/mixcloud/

html stephanecoffy.com collected 2026-10-04 08:05:08 UTC 37,155 bytes, 832 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr"  data-theme="Desert Sand" data-font="Ghost" data-accent="Ghost" >
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>2026-07-26 Cosmomagic</title>
7    <link rel="preload" as="style" href="/assets/built/style.css?v=8kbGTqYZRPvkhWrs">
8<link rel="preload" as="script" href="/assets/built/global.js?v=VOeWp9gqsRD5v6Xq">
9    <link rel="preload" as="script" href="/assets/built/single.js?v=96xRGTEDirENbQvG">
10        <link rel="preload" as="script" href="/assets/built/lightbox.js?v=-U8ZVCHplRViXZkN">
11<link rel="stylesheet" type="text/css" href="/assets/built/style.css?v=8kbGTqYZRPvkhWrs">
12        <style>:root{--accent-color:#616043;}</style>
13    <meta name="description" content="Avec Suzanne Ciani &amp; Jonathan Fitoussi, Natureboy Flako, Saphileaum .">
14    <link rel="canonical" href="https://www.stephanecoffy.com/mixcloud/">
15    <meta name="referrer" content="origin-when-cross-origin">
16    
17    <meta property="og:site_name" content="Stéphane Coffy">
18    <meta property="og:type" content="article">
19    <meta property="og:title" content="2026-07-26 Cosmomagic">
20    <meta property="og:description" content="Avec Suzanne Ciani &amp; Jonathan Fitoussi, Natureboy Flako, Saphileaum .">
21    <meta property="og:url" content="https://www.stephanecoffy.com/mixcloud/">
22    <meta property="og:image" content="https://www.stephanecoffy.com/content/images/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png">
23    <meta property="article:published_time" content="2026-08-15T05:40:15.000Z">
24    <meta property="article:modified_time" content="2026-08-15T12:23:23.000Z">
25    <meta property="article:tag" content="Mix">
26    
27    <meta name="twitter:card" content="summary_large_image">
28    <meta name="twitter:title" content="2026-07-26 Cosmomagic">
29    <meta name="twitter:description" content="Avec Suzanne Ciani &amp; Jonathan Fitoussi, Natureboy Flako, Saphileaum .">
30    <meta name="twitter:url" content="https://www.stephanecoffy.com/mixcloud/">
31    <meta name="twitter:image" content="https://www.stephanecoffy.com/content/images/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png">
32    <meta name="twitter:label1" content="Written by">
33    <meta name="twitter:data1" content="stephane coffy">
34    <meta name="twitter:label2" content="Filed under">
35    <meta name="twitter:data2" content="Mix">
36    <meta property="og:image:width" content="1080">
37    <meta property="og:image:height" content="1080">
38    
39    
39<script type="application/ld+json">
40{
41    "@context": "https://schema.org",
42    "@type": "Article",
43    "publisher": {
44        "@type": "Organization",
45        "name": "Stéphane Coffy",
46        "url": "https://www.stephanecoffy.com/",
47        "logo": {
48            "@type": "ImageObject",
49            "url": "https://www.stephanecoffy.com/favicon.ico",
50            "width": 48,
51            "height": 48
52        }
53    },
54    "author": {
55        "@type": "Person",
56        "name": "stephane coffy",
57        "image": {
58            "@type": "ImageObject",
59            "url": "https://www.stephanecoffy.com/content/images/2025/07/466004852_1111500187008131_2994650864870540983_n.jpg",
60            "width": 640,
61            "height": 640
62        },
63        "url": "https://www.stephanecoffy.com/author/stephane/",
64        "sameAs": []
65    },
66    "headline": "2026-07-26 Cosmomagic",
67    "url": "https://www.stephanecoffy.com/mixcloud/",
68    "datePublished": "2026-08-15T05:40:15.000Z",
69    "dateModified": "2026-08-15T12:23:23.000Z",
70    "image": {
71        "@type": "ImageObject",
72        "url": "https://www.stephanecoffy.com/content/images/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png",
73        "width": 1080,
74        "height": 1080
75    },
76    "keywords": "Mix",
77    "description": "Avec Suzanne Ciani & Jonathan Fitoussi, Natureboy Flako, Saphileaum .",
78    "mainEntityOfPage": "https://www.stephanecoffy.com/mixcloud/"
79}
80    </script>
80
81
82    <meta name="generator" content="Ghost 6.67">
83    <link rel="alternate" type="application/rss+xml" title="Stéphane Coffy" href="https://www.stephanecoffy.com/rss/">
84    
84<script defer src="https://www.stephanecoffy.com/content/files/ghost-apps/portal/portal.min.js" data-i18n="true" data-ghost="https://www.stephanecoffy.com/" data-key="d5f5ff25cac55e5edeca31b74a" data-api="https://www.stephanecoffy.com/ghost/api/content/" data-locale="fr" crossorigin="anonymous"></script>
84<style id="gh-members-styles">.gh-post-upgrade-cta-content,
85.gh-post-upgrade-cta {
86    display: flex;
87    flex-direction: column;
88    align-items: center;
89    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
90    text-align: center;
91    width: 100%;
92    color: #ffffff;
93    font-size: 16px;
94}
95
96.gh-post-upgrade-cta-content {
97    border-radius: 8px;
98    padding: 40px 4vw;
99}
100
101.gh-post-upgrade-cta h2 {
102    color: #ffffff;
103    font-size: 28px;
104    letter-spacing: -0.2px;
105    margin: 0;
106    padding: 0;
107}
108
109.gh-post-upgrade-cta p {
110    margin: 20px 0 0;
111    padding: 0;
112}
113
114.gh-post-upgrade-cta small {
115    font-size: 16px;
116    letter-spacing: -0.2px;
117}
118
119.gh-post-upgrade-cta a {
120    color: #ffffff;
121    cursor: pointer;
122    font-weight: 500;
123    box-shadow: none;
124    text-decoration: underline;
125}
126
127.gh-post-upgrade-cta a:hover {
128    color: #ffffff;
129    opacity: 0.8;
130    box-shadow: none;
131    text-decoration: underline;
132}
133
134.gh-post-upgrade-cta a.gh-btn {
135    display: block;
136    background: #ffffff;
137    text-decoration: none;
138    margin: 28px 0 0;
139    padding: 8px 18px;
140    border-radius: 4px;
141    font-size: 16px;
142    font-weight: 600;
143}
144
145.gh-post-upgrade-cta a.gh-btn:hover {
146    opacity: 0.92;
147}</style>
148    
149    
150    <link href="https://www.stephanecoffy.com/webmentions/receive/" rel="webmention">
151    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=I7kIxwJ6BiasOdy-">
152    
152<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
152
153    
153<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://www.stephanecoffy.com/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="7bd5344e-38fb-417e-b968-d5c9a4fddadb" tb_post_uuid="1b6baa82-e18b-426e-89a0-53419f253f4b" tb_post_type="post" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
153<style>:root {--ghost-accent-color: #616043;}</style>
154    <style>
155
156/************************************************************
157 GLIDE AMBIENT v1.2
158 HERO
159************************************************************/
160
161/* Hero */
162
163header .grid{
164    max-width:1100px;
165    margin:0 auto;
166    min-height:60vh;
167    align-items:center;
168    column-gap:4rem;
169}
170
171/* Colonne de texte */
172
173header .space-y-6{
174    max-width:560px;
175}
176
177/* Titre */
178
179header h1{
180    font-size:clamp(3rem,6vw,4.8rem);
181    line-height:1;
182    letter-spacing:-0.03em;
183    margin-bottom:1rem;
184}
185
186/* Description */
187
188header p{
189    max-width:540px;
190    font-size:1.1rem;
191    line-height:1.8;
192}
193
194/* Photo */
195
196header img{
197    width:300px;
198    max-width:100%;
199    border-radius:50%;
200    box-shadow:0 20px 50px rgba(0,0,0,.18);
201}
202
203/* Mobile */
204
205@media (max-width:768px){
206
207    header .grid{
208        max-width:100%;
209        min-height:auto;
210        row-gap:2rem;
211    }
212
213    header .space-y-6{
214        max-width:100%;
215    }
216
217    header img{
218        width:220px;
219    }
220
221}
222
223
224
225
226
227/* ==========================================================
228   THUMBNAILS CARRÉS
229========================================================== */
230
231/* Le conteneur de l'image devient carré */
232
233.post-card picture,
234picture.aspect-custom{
235    aspect-ratio:1 / 1 !important;
236    overflow:hidden;
237    border-radius:16px;
238    box-shadow:0 12px 28px rgba(0,0,0,.15);
239}
240
241/* L'image remplit entièrement le carré */
242
243.post-card picture img,
244picture img{
245    width:100%;
246    height:100%;
247    object-fit:cover;
248    transition:transform .5s ease;
249}
250
251/* Léger zoom au survol */
252
253.post-card:hover picture img,
254.post-card:hover img{
255    transform:scale(1.05);
256}
257
258/* ==========================================================
259   CARTES
260========================================================== */
261
262.post-card{
263    transition:transform .35s ease;
264    margin-bottom:3rem;
265}
266
267.post-card:hover{
268    transform:translateY(-6px);
269}
270
271/* ==========================================================
272   TITRES
273========================================================== */
274
275.post-card h2,
276.post-card h3{
277    margin-top:1rem;
278    line-height:1.3;
279    font-size:1.35rem;
280    transition:color .25s ease;
281}
282
283.post-card:hover h2,
284.post-card:hover h3{
285    color:#6AB5A8;
286}
287
288</style>
289
290
291
292<!-- ==========================================
293     TYPOGRAPHIE - Instrument Serif + Inter
294========================================== -->
295
296<link rel="preconnect" href="https://fonts.googleapis.com">
297<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
298
299<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
300
301<style>
302
303/* ==========================================
304   TYPOGRAPHIE GÉNÉRALE
305========================================== */
306
307html{
308    font-size:16px;
309}
310
311body{
312    font-family:"Inter",sans-serif;
313    font-size:1rem;
314    font-weight:400;
315    line-height:1.75;
316    color:#222;
317    -webkit-font-smoothing:antialiased;
318    -moz-osx-font-smoothing:grayscale;
319    text-rendering:optimizeLegibility;
320}
321
322/* ==========================================
323   TITRES
324========================================== */
325
326h1,
327h2,
328h3,
329h4,
330h5,
331h6{
332    font-family:"Instrument Serif",serif;
333    font-weight:400;
334    line-height:1.05;
335    letter-spacing:-0.02em;
336    color:#111;
337    margin-bottom:.6em;
338}
339
340/* Hero */
341
342header h1,
343.hero h1{
344    font-family:"Instrument Serif",serif;
345    font-size:clamp(3.5rem,7vw,5.8rem);
346    font-weight:400;
347    line-height:.95;
348    letter-spacing:-0.03em;
349}
350
351/* Sous-titre du Hero */
352
353header p,
354.hero p{
355    font-family:"Inter",sans-serif;
356    font-size:1.15rem;
357    font-weight:400;
358    line-height:1.8;
359    max-width:42rem;
360}
361
362/* ==========================================
363   CARTES D'ARTICLES
364========================================== */
365
366.post-card h2,
367.post-card h3,
368article h1,
369article h2{
370    font-family:"Instrument Serif",serif;
371    font-weight:400;
372    line-height:1.15;
373}
374
375/* ==========================================
376   NAVIGATION
377========================================== */
378
379nav,
380nav a,
381.menu,
382.menu a,
383header nav{
384    font-family:"Inter",sans-serif;
385    font-size:.95rem;
386    font-weight:500;
387    letter-spacing:.03em;
388}
389
390/* ==========================================
391   BOUTONS
392========================================== */
393
394button,
395.button,
396.btn,
397a.button{
398    font-family:"Inter",sans-serif;
399    font-weight:600;
400    letter-spacing:.02em;
401}
402
403/* ==========================================
404   PARAGRAPHES
405========================================== */
406
407p{
408    margin-bottom:1.4em;
409}
410
411/* ==========================================
412   CITATIONS
413========================================== */
414
415blockquote{
416    font-family:"Instrument Serif",serif;
417    font-size:2rem;
418    font-style:italic;
419    line-height:1.35;
420    border-left:3px solid #ddd;
421    padding-left:1.2rem;
422    margin:2rem 0;
423}
424
425/* ==========================================
426   LÉGENDES
427========================================== */
428
429figcaption,
430.caption{
431    font-family:"Inter",sans-serif;
432    font-size:.9rem;
433    opacity:.7;
434}
435/* ==========================================
436   TAGS
437========================================== */
438
439.tag.var-tag{
440    background:#DDE9E5 !important;
441    color:#38544C !important;
442    border:none;
443
444}
445
446.tag.var-tag:hover{
447    background:#4C8397 !important;
448    transform:translateY(-2px);
449}
450  
451  .tag{
452    font-size:.82rem !important;
453    font-weight:600;
454    padding:.35rem .8rem !important;
455    border-radius:999px;
456    letter-spacing:.02em;
457}
458</style>
459
460<style>
461
462
463</style>
464
465<style>
466
467
468    line-height:1.75;
469}
470
471/* Photo */
472
473header img{
474    width:300px;
475    max-width:100%;
476}
477
478/* Mobile */
479
480@media (max-width:768px){
481
482    .container{
483        max-width:100%;
484    }
485
486    header .grid{
487        max-width:100% !important;
488        min-height:auto;
489        row-gap:2rem;
490    }
491
492    header .space-y-6{
493        max-width:100%;
494    }
495
496}
497
498</style>
499
500
501    
502
503    <link rel="preconnect" href="https://fonts.bunny.net"><link rel="stylesheet" href="https://fonts.bunny.net/css?family=noto-serif:400,700|noto-sans:400,700"><style>:root {--gh-font-heading: Noto Serif;--gh-font-body: Noto Sans;}</style>
504</head>
505<body class="post-template tag-mix gh-font-heading-noto-serif gh-font-body-noto-sans">
506    <div class="viewport">
507        <header class="relative bg-header text-header-text">
508    <div class="container">
509        <div class="relative z-20">
510    <div class="flex items-center gap-x-10 py-6">
511        <div class="flex justify-between items-center gap-x-6 w-full lg:w-auto">
512            <a class="inline-flex items-center h-8 transition-opacity hover:opacity-80" href="https://www.stephanecoffy.com">
513        <strong class="heading-3xl text-header-heading leading-none">Stéphane Coffy</strong>
514</a>            <div class="flex items-center gap-x-4 lg:hidden">
515                <button class="flex justify-center items-center size-8 text-xl transition-opacity hover:opacity-80 lg:justify-end" aria-label="Recherche" data-ghost-search><svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg></button>                <button class="btn-sm var-header" data-menu-toggle>
516    <span class="text-lg">
517            <svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /></svg>    </span>
518    <span>Menu</span>
519</button>            </div>
520        </div>
521        <div class="hidden flex-1 items-center gap-x-10 lg:flex">
522            <nav class="relative flex-1">
523                
524            </nav>
525            <div class="flex justify-center items-center gap-x-8">
526                <button class="flex justify-center items-center size-8 text-xl transition-opacity hover:opacity-80 lg:justify-end" aria-label="Recherche" data-ghost-search><svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg></button>                        <div class="flex items-center gap-x-8">
527                    <a class="transition-opacity hover:opacity-80" href="#/portal/signin" data-portal="signin">Se connecter</a>
528                    <a class="btn-sm var-header" href="#/portal/signup" data-portal="signup">S&#x27;abonner</a>
529        </div>
530            </div>
531        </div>
532    </div>
533</div>        
534    </div>
535</header>            <main class="py-20">
536    <article class="space-y-12 lg:space-y-16">
537        <header class="canvas space-y-12 lg:space-y-16">
538    <div class="flex flex-col gap-y-6">
539        <div class="hidden gap-x-2 has-child:flex">
540                    <span class="flex justify-center items-center size-6 bg-bg-50 text-xs rounded-full related:bg-bg">
541        <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="svg"><path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.
541036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd" /></svg></span>                <a class="btn-xs var-tag" href="https://www.stephanecoffy.com/tag/mix/">Mix</a>
542        </div>
543        <div class="space-y-4">
544            <h1 class="heading-4xl lg:heading-5xl">2026-07-26 Cosmomagic</h1>
545                <p>Avec Suzanne Ciani &amp; Jonathan Fitoussi, Natureboy Flako, Saphileaum .</p>
546        </div>
547            <div class="flex items-center gap-x-3">
548                        <a class="group z-10" href="/author/stephane/">
549                                    <picture class="block size-11 bg-bg-50 overflow-hidden rounded-full rounded-es-none ring-2 ring-bg">
550            <source 
551                srcset="/content/images/size/w80/format/avif/2025/07/466004852_1111500187008131_2994650864870540983_n.jpg 80w,
552                        /content/images/size/w160/format/avif/2025/07/466004852_1111500187008131_2994650864870540983_n.jpg 160w"
553                sizes="44px"
554                type="image/avif"
555            >
556            <img 
557                class="size-full object-cover transition-opacity group-hover:opacity-80"
558                srcset="/content/images/size/w80/format/webp/2025/07/466004852_1111500187008131_2994650864870540983_n.jpg 80w,
559                        /content/images/size/w160/format/webp/2025/07/466004852_1111500187008131_2994650864870540983_n.jpg 160w"
560                sizes="44px"
561                src="/content/images/size/w80/format/webp/2025/07/466004852_1111500187008131_2994650864870540983_n.jpg"
562                alt="stephane coffy"
563                loading="eager"
564            >
565        </picture>
566                        </a>
567        <div class="space-y-0.5">
568                        <div class="heading-lg *:transition-opacity hover:*:opacity-80">
569                            <a href="/author/stephane/">stephane coffy</a>
570                        </div>
571                <div class="space-x-1.5 text-xs">
572                        <time datetime="2026-08-15">15 août 2026</time>
573                </div>
574        </div>
575    </div>
576    </div>
577                <figure class="canvas-main">
578    <source 
579        srcset="/content/images/size/w380/format/avif/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png 380w,
580                /content/images/size/w640/format/avif/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png 640w,
581                /content/images/size/w1024/format/avif/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png 1024w,
582                /content/images/size/w1280/format/avif/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png 1280w"
583        sizes="(min-width: 640px) 640px, 100vw"
584        type="image/avif"
585    >
586    <img 
587        class="w-full bg-bg-50 rounded"
588        srcset="/content/images/size/w380/format/webp/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png 380w,
589                /content/images/size/w640/format/webp/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png 640w,
590                /content/images/size/w1024/format/webp/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png 1024w
591                /content/images/size/w1280/format/webp/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png 1280w"
592        sizes="(min-width: 640px) 640px, 100vw"
593        src="/content/images/size/w640/format/webp/2026/08/2026-07-26-Cosmomagic---Steph-Coffy-2.png"
594        alt="2026-07-26 Cosmomagic"
595        loading="eager"
596    >
597</figure></header>            <div class="canvas prose"  data-lightbox="true">
598        <p>La vague de chaleur de ces derniers jours m'a donné envie de tenter quelque chose d'un peu différent. J'ai préparé une sélection de morceaux dont les titres contiennent les mots « chaleur », « été », « soleil », « océan » ou « mer ».</p><p>Je ne peux pas promettre que cette écoute réduira la chaleur, mais elle devrait vous aider à mieux la supporter.</p><p>Natureboy Flako - Towards The Sun<br>Calm - Late Summer Night<br>Jeremiah Chiu &amp; Marta Sofia Honer - By Foot By Sea<br>Inhmost - Sunrise Meditation<br>Saphileaum - Sun God<br>Strategy - Heat<br>
598Marigold Sun - Sunstroke<br>Lucky Sun - Ocean Dreams<br>Suzanne Ciani &amp; Jonathan Fitoussi - Oceanium<br>ReKaB - Summer Heat<br>Bella Wakame - Sundrops<br>X.Y.R. - sea kaleidoscope<br>Blue Lake - Sun Arcs (Laraaji Remix)<br>Daou - Summer Arp<br>The Sunchasers - Sun Drops</p>
599<!--kg-card-begin: html-->
600<iframe width="100%" height="120" src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&light=1&autoplay=1&feed=%2Flwstd-fm%2F2026-07-26-cosmomagic-steph-coffy-lwstd-fm%2F" frameborder="0" allow="encrypted-media; fullscreen; autoplay; idle-detection; speaker-selection; web-share;" ></iframe>
601<!--kg-card-end: html-->
602<p>Profitez bien de ce mix… et n'oubliez pas de bien vous hydrater !</p>
603    </div>
604                    <footer class="canvas space-y-12 lg:space-y-16">
605            <div class="grid gap-6 xs:grid-cols-2 sm:gap-x-12 lg:gap-x-16">
606                        <div class="space-y-4">
607        <strong class="heading-lg">Tags</strong>
608        <div class="flex flex-wrap gap-2">
609                <a class="btn-xs var-tag" href="/tag/mix/">Mix</a>
610        </div>
611    </div>
612                    <div class="space-y-4">
613    <strong class="heading-lg">Partager</strong>
614    <div class="flex flex-wrap gap-4 text-xl *:transition-opacity hover:*:opacity-80">
615        <a href="https://x.com/intent/tweet?text=2026-07-26%20Cosmomagic&amp;url=https://www.stephanecoffy.com/mixcloud/" target="_blank" rel="noopener" title="Partager sur X"><svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" class="svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a>
616        <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.stephanecoffy.com/mixcloud/" target="_blank" rel="noopener" title="Partager sur Facebook"><svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" class="svg"><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"/></svg></a>
617        <a href="https://bsky.app/intent/compose?text=2026-07-26%20Cosmomagic%20https://www.stephanecoffy.com/mixcloud/" target="_blank" rel="noopener" title="Partager sur Bluesky"><svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" class="svg"><path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/></svg></a>
618        <a href="mailto:?subject=2026-07-26%20Cosmomagic&amp;body=https://www.stephanecoffy.com/mixcloud/" target="_blank" rel="noopener" title="Partager par e-mail"><svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" class="svg"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" /></svg></a>
619        <button class="group hover:opacity-80" title="Copier le lien" data-clipboard-text="https://www.stephanecoffy.com/mixcloud/" data-copy-link>
620            <span class="group-disabled:hidden"><svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" class="svg"><path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244" /></svg></span>
621            <span class="hidden group-disabled:block"><svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" class="svg"><path stroke-linecap="round" stroke-linejoin="round" d="M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75" /></svg></span>
622        </button>
623    </div>
624</div>            </div>
625            </footer>
626
627    </article>
628</main>
629                <section class="related bg-bg-50 py-20">
630                <div class="container">
631                    <div class="space-y-8">
632                        <h2 class="text-base font-normal">
633                                Vous pourriez aussi aimer
634                        </h2>
635                        <div class="grid gap-12 md:grid-cols-2 lg:gap-16" data-feed>
636            <article class="relative space-y-4 transition-opacity hover:not-tag-hover:opacity-80">
637    <a class="after:absolute after:inset-0 after:z-10" href="/2026-06-28-cosmomagic/">
638            <h3 class="heading-3xl">2026-06-28 Cosmomagic</h3>
639    </a>
640    <div class="flex items-start gap-x-6">
641        <div class="flex-1 space-y-4">
642                <p>Avec Jonny Nash, Richard Norris, Daniel Lanois...</p>
643            <div class="hidden gap-x-2 has-child:flex">
644                    <a class="tag btn-xs var-tag z-20" href="https://www.stephanecoffy.com/tag/mix/">Mix</a>
645            </div>
646        </div>
647                <picture class="block w-28 bg-bg-50 aspect-custom overflow-hidden mt-2 rounded xs:w-36">
648            <source 
649                srcset="/content/images/size/w160/format/avif/2026/08/2026-06-28-Cosmomagic---Steph-Coffy.png 160w,
650                        /content/images/size/w380/format/avif/2026/08/2026-06-28-Cosmomagic---Steph-Coffy.png 380w"
651                sizes="144px"
652                type="image/avif"
653            >
654            <img 
655                class="size-full object-cover"
656                srcset="/content/images/size/w160/format/webp/2026/08/2026-06-28-Cosmomagic---Steph-Coffy.png 160w,
657                        /content/images/size/w380/format/webp/2026/08/2026-06-28-Cosmomagic---Steph-Coffy.png 380w"
658                sizes="144px"
659                src="/content/images/size/w160/format/webp/2026/08/2026-06-28-Cosmomagic---Steph-Coffy.png"
660                alt="2026-06-28 Cosmomagic"
661                loading="lazy"
662            >
663        </picture>
664    </div>
665</article>            <article class="relative space-y-4 transition-opacity hover:not-tag-hover:opacity-80">
666    <a class="after:absolute after:inset-0 after:z-10" href="/2025-12-28-cosmomagic-lwstd-fm/">
667            <h3 class="heading-3xl">2025-12-28 Cosmomagic - | LWSTD-FM</h3>
668    </a>
669    <div class="flex items-start gap-x-6">
670        <div class="flex-1 space-y-4">
671                <p>Avec Teed, Lords Of The Isles, Marconi Union...</p>
672            <div class="hidden gap-x-2 has-child:flex">
673                    <a class="tag btn-xs var-tag z-20" href="https://www.stephanecoffy.com/tag/mix/">Mix</a>
674            </div>
675        </div>
676                <picture class="block w-28 bg-bg-50 aspect-custom overflow-hidden mt-2 rounded xs:w-36">
677            <source 
678                srcset="/content/images/size/w160/format/avif/2025/12/2025-12-28-Cosmomagic---Steph-Coffy.png 160w,
679                        /content/images/size/w380/format/avif/2025/12/2025-12-28-Cosmomagic---Steph-Coffy.png 380w"
680                sizes="144px"
681                type="image/avif"
682            >
683            <img 
684                class="size-full object-cover"
685                srcset="/content/images/size/w160/format/webp/2025/12/2025-12-28-Cosmomagic---Steph-Coffy.png 160w,
686                        /content/images/size/w380/format/webp/2025/12/2025-12-28-Cosmomagic---Steph-Coffy.png 380w"
687                sizes="144px"
688                src="/content/images/size/w160/format/webp/2025/12/2025-12-28-Cosmomagic---Steph-Coffy.png"
689                alt="2025-12-28 Cosmomagic - | LWSTD-FM"
690                loading="lazy"
691            >
692        </picture>
693    </div>
694</article></div>                    </div>
695                </div>
696            </section>
697
698        <footer class="bg-footer text-footer-text">
699    <div class="container">
700        <div class="grid gap-y-20 gap-x-12 py-20 md:grid-cols-2 lg:gap-x-16 lg:pb-40">
701            <div class="space-y-8">
702                <h2 class="heading-4xl text-footer-heading">
703                        Albums, chroniques et nouveau mix, directement dans votre boîte mail.
704                </h2>
705                <a class="btn-base var-footer" href="#/portal/signup" data-portal="signup">
706                        🎧 Rejoindre la newsletter
707                </a>
708            </div>
709            <div class="grid grid-cols-2 gap-x-6 sm:gap-x-12 md:flex md:justify-end lg:gap-x-20">
710                    	    <ul class="space-y-3">
711                <li><a class="transition-opacity hover:opacity-80" href="https://www.mixcloud.com/stephcoffy/">Mixcloud </a></li>
712                            <li><a class="transition-opacity hover:opacity-80" href="https://www.lovewillsavetheday.fm/residents/steph-coffy/">LWSTD FM</a></li>
713                </ul>
714
715                    	    <ul class="space-y-3 md:col-start-2">
716                <li><a class="inline-flex items-center gap-x-1.5 transition-opacity hover:opacity-80" href="https://www.instagram.com/stephane.coffy/" target="_blank" rel="noopener"><span>Instagram</span><svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" /></svg></a></li>    </ul>
717
718            </div>
719        </div>
720        <div class="flex flex-col-reverse justify-between items-start gap-y-6 gap-x-10 pb-6 sm:flex-row lg:pt-6">
721            <p class="*:transition-opacity hover:*:opacity-80">
722                    &copy; 2026 <a href="https://www.stephanecoffy.com">Stéphane Coffy</a> &ndash; Publié avec <a href="https://ghost.org" target="_blank" rel="noopener">Ghost</a> et <a href="https://ektothemes.com/themes/glide/" target="_blank" rel="noopener">Glide</a>
723            </p>
724                    </div>
725    </div>
726</footer>    </div>
727    <div class="fixed inset-0 z-50 transition-all duration-300 invisible opacity-0 aria-expanded:visible aria-expanded:opacity-100 lg:invisible lg:opacity-0" aria-expanded="false" data-mobile-overlay>
728    <div class="flex flex-col w-full h-full bg-header text-header-text" data-mobile-menu>
729        <div class="flex justify-between items-center gap-x-6 py-6 px-4">
730            <a class="inline-flex items-center h-8 transition-opacity hover:opacity-80" href="https://www.stephanecoffy.com">
731        <strong class="heading-3xl text-header-heading leading-none">Stéphane Coffy</strong>
732</a>            <div class="flex items-center gap-x-4">
733                                <button class="btn-sm var-header" data-menu-toggle>
734    <span class="text-lg">
735            <svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg">
735<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>    </span>
736    <span>Menu</span>
737</button>            </div>
738        </div>
739        <div class="flex-1 flex flex-col gap-y-12 overflow-hidden py-6 px-4">
740            <div class="flex-1 overflow-hidden overflow-y-auto">
741                
742            </div>
743                    <div class="flex flex-col items-center gap-y-4 w-full">
744                    <a class="btn-base var-header w-full max-w-80" href="#/portal/signup" data-portal="signup">S&#x27;abonner</a>
745                    <a class="transition-opacity hover:opacity-80" href="#/portal/signin" data-portal="signin">Se connecter</a>
746        </div>
747        </div>
748    </div>
749</div>    
749<script src="/assets/built/global.js?v=VOeWp9gqsRD5v6Xq"></script>
749
750    
750<script src="/assets/built/single.js?v=96xRGTEDirENbQvG"></script>
750
751        
751<script src="/assets/built/lightbox.js?v=-U8ZVCHplRViXZkN"></script>
751   
752            <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
753            <div class="pswp__bg"></div>
754            <div class="pswp__scroll-wrap">
755                <div class="pswp__container">
756                    <div class="pswp__item"></div>
757                    <div class="pswp__item"></div>
758                    <div class="pswp__item"></div>
759                </div>
760                <div class="pswp__ui pswp__ui--hidden">
761                    <div class="pswp__top-bar">
762                        <div class="pswp__counter"></div>
763                        <div class="pswp__preloader">
764                            <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" class="svg loader"><g><circle cx="12" cy="12" r="9.5" fill="none" stroke-width="1.5"></circle></g></svg>                        </div>
765                        <div class="pswp__close">
766                            <button class="pswp__button pswp__button--close" aria-label="Fermer">
767                                <svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>                            </button>
768                        </div>
769                    </div>
770                    <button class="pswp__button pswp__button--arrow--left" aria-label="Précédent">
771                        <svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" /></svg>                    </button>
772                    <button class="pswp__button pswp__button--arrow--right" aria-label="Suivant">
773                        <svg role="img" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>                    </button>
774                </div>
775            </div>
776        </div>
777    
777<script>
778document.addEventListener("DOMContentLoaded", () => {
779
780    // Colonne Navigation
781    const navColumn = document.querySelector("footer ul.space-y-3");
782
783    // Colonne Social accounts
784    const socialColumn = document.querySelector("footer ul.space-y-3.md\\:col-start-2");
785
786    if (!navColumn || !socialColumn) return;
787
788    // Liens à déplacer
789    const externalLinks = [
790        "mixcloud.com",
791        "lovewillsavetheday.fm"
792    ];
793
794    [...navColumn.querySelectorAll("li")].forEach(li => {
795
796        const link = li.querySelector("a");
797
798        if (!link) return;
799
800        if (externalLinks.some(url => link.href.includes(url))) {
801
802            // Ouvre dans un nouvel onglet
803            link.target = "_blank";
804            link.rel = "noopener";
805
806            // Copie les classes d'Instagram
807            const insta = socialColumn.querySelector("a");
808
809            if (insta) {
810                link.className = insta.className;
811
812                // Ajoute la même flèche SVG
813                if (!link.querySelector("svg")) {
814
815                    const svg = insta.querySelector("svg");
816
817                    if (svg) {
818                        link.appendChild(svg.cloneNode(true));
819                    }
820                }
821            }
822
823            // Déplace le lien
824            socialColumn.appendChild(li);
825        }
826
827    });
828
829});
830</script>
830
831</body>
832</html>

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.