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 & 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 & 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 & 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'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 & 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 & 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 & 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&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&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 © 2026 <a href="https://www.stephanecoffy.com">Stéphane Coffy</a> – 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'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.