1<!doctype html> 2<html lang="fr"> 3 <head> 4
4<script> 5 dataLayer = [{ 6'user_id_sha256': '' 7}]; 8</script>
8 9<!-- Google Tag Manager -->
10<script>
vendor: 374 bytes, lines 10-20
10 11 (function (w, d, s, l, i) { 12w[l] = w[l] || []; 13w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 14var f = d.getElementsByTagName(s)[0], 15j = d.createElement(s), 16dl = l != 'dataLayer' ? '&l=' + l : ''; 17j.async = true; 18j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 19f.parentNode.insertBefore(j, f); 20})(window, document, 'script', 'dataLayer', '
20GTM-KP37JNG
vendor: 4 bytes, line 20
20');
21</script>
21 22<!-- End Google Tag Manager --> 23 24 <meta charset="utf-8"> 25 <meta name="viewport" content="width=device-width, initial-scale=1"> 26 <title> 27 Bayard Musique 28 - 29 Catalogue 30 </title> 31 <link rel="stylesheet" href="/build/850.37681bb5.css"><link rel="stylesheet" href="/build/adf.9219b7e2.css"> 32
32<script src="/build/runtime.4d8be35a.js" defer></script>
32<script src="/build/363.121f55de.js" defer></script>
32<script src="/build/530.e914f262.js" defer></script>
32<script src="/build/242.8edda570.js" defer></script>
32<script src="/build/adf.02f66c86.js" defer></script>
32 33 34 </head> 35 <body class=" bg-stone-200 max-w-screen-xl mx-auto 36" data-controller="collapse bs-modal audio-player"> <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 36-38
36 37<noscript> 38 <iframe src="https://www.googletagmanager.com/ns.html?id=
38GTM-KP37JNG
vendor: 84 bytes, lines 38-39
38" height="0" width="0" style="display:none;visibility:hidden"></iframe> 39</noscript>
40<!-- End Google Tag Manager (noscript) --> 41 42 <header> 43 <nav 44 class="grid grid-cols-2 gap-x-5 gap-y-2 pt-8 pb-4 px-5 md:py-4 lg:flex lg:justify-between"> 45 46 <div 47 class="flex flex-nowrap items-center gap-2 justify-start pr-10"> 48 <div class="order-last md:order-first"> 49 <a href="/"> 50 <div class="flex flex-nowrap gap-2 text-xl md:text-2xl items-baseline"> 51 <span class="font-normal">bayard</span> 52 <span class="font-light">musique</span> 53 </div> 54 55 </a> 56 </div> 57 <button type="button" data-action="collapse#toggle:stop" data-collapse-target-param="sidenav"> 58 <i class="ma" > 59  60 </i> 61 62 </button> 63</div> 64 65 66 <div class="order-2 lg:order-3 flex gap-5 items-center justify-end"> 67 <a data-controller="live" data-live-name-value="Public:NavbarTopIcon" data-live-url-value="/_components/Public:NavbarTopIcon" data-live-listeners-value="[{"action":"updateFavoriCount","event":"favori:update"},{"action":"updatePanierCount","event":"panier:update"},{"action":"updateCompteCount","event":"compte:update"}]" id="live-3209482662-0" data-live-props-value="{"context":"compte","update":true,"boutique":"BAYARD_MUSIQUE","@attributes":{"id":"live-3209482662-0"},"@checksum":"LdTs57v36tVTf\/yknvYfrcAKKrLbwyQmL4vf+YaHkjA="}" href="/compte" class="relative items-center flex flex-nowrap gap-1"> 68 <i class="ma" > 69  70 </i> 71 72 <div class="hidden md:block pt-1 whitespace-nowrap">Mon compte</div> 73</a> 74 75 76 <a data-controller="live" data-live-name-value="Public:NavbarTopIcon" data-live-url-value="/_components/Public:NavbarTopIcon" data-live-listeners-value="[{"action":"updateFavoriCount","event":"favori:update"},{"action":"updatePanierCount","event":"panier:update"},{"action":"updateCompteCount","event":"compte:update"}]" id="live-50863909-0" data-live-props-value="{"context":"favori","update":true,"boutique":"BAYARD_MUSIQUE","@attributes":{"id":"live-50863909-0"},"@checksum":"T3H5fHphhp5QmPxoXdBCWQPm46kkwOH2VJJ3dWTfjbA="}" href="/liste" class="relative items-center flex flex-nowrap gap-1"> 77 <i class="ma" > 78  79 </i> 80 81 <div class="hidden md:block pt-1 whitespace-nowrap">Ma liste</div> 82</a> 83 84 85 <a data-controller="live" data-live-name-value="Public:NavbarTopIcon" data-live-url-value="/_components/Public:NavbarTopIcon" data-live-listeners-value="[{"action":"updateFavoriCount","event":"favori:update"},{"action":"updatePanierCount","event":"panier:update"},{"action":"updateCompteCount","event":"compte:update"}]" id="live-1947152307-0" data-live-props-value="{"context":"panier","update":true,"boutique":"BAYARD_MUSIQUE","@attributes":{"id":"live-1947152307-0"},"@checksum":"8KoIOBGapfI5aEIxFyWE1+\/DNxUkEB27hVoQrnPvn74="}" href="/panier/" class="relative items-center flex flex-nowrap gap-1"> 86 <i class="ma" > 87  88 </i> 89 90 <div class="hidden md:block pt-1 whitespace-nowrap">Panier</div> 91</a> 92 93 94 </div> 95 96 <div class="order-3 lg:order-2 col-span-2 justify:start lg:flex lg:grow lg:items-center lg:justify-end"> 97 <form class="w-full" action="/recherche" method="get" data-controller="form-helper"> 98 <label class="relative text-neutral-400 focus-within:text-neutral-600 block h-8 w-full"> 99 <div class="pointer-events-none absolute top-1/2 transform -translate-y-1/2 left-3"> 100 <i class="ma ma-normal-20" > 101  102 </i> 103 104 </div> 105 <input type="submit" hidden/> 106 <input type="text" name="q" id="q" placeholder="Artiste, album, chanson..." class="h-8 appearance-none w-full block pl-10 rounded text-sm bg-stone-100 placeholder-neutral-400 text-neutral-600 focus:outline-none" data-action="change->form-helper#formSubmit Enter->form-helper#formSubmit"> 107 </label> 108 </form> 109 </div> 110 111</nav> 112 113 <nav data-action="click@window->collapse#hide touchend@window->collapse#hide" data-collapse-target-param="sidenav" id="sidenav" class="hidden absolute left-0 top-0 z-[1035] h-full bg-neutral-800 text-white pr-4 pb-8 overflow-scroll"> 114 <div 115 class="pt-8 pb-4 md:py-4 px-5"> 116 <div 117 class="flex flex-nowrap items-center gap-2 justify-start pr-10"> 118 <div class="order-last md:order-first"> 119 <a href="/"> 120 <div class="flex flex-nowrap gap-2 text-xl md:text-2xl items-baseline"> 121 <span class="font-normal">bayard</span> 122 <span class="font-light">musique</span> 123 </div> 124 125 </a> 126 </div> 127 <button type="button" data-action="collapse#toggle:stop" data-collapse-target-param="sidenav"> 128 <i class="ma" > 129  130 </i> 131 132 </button> 133</div> 134 135 </div> 136 <div class="text-sm md:text-base font-light"> 137 <div 138 class="mt-10 first:mt-0"> 139 <div class="flex gap-2 items-center">
140 <div class="w-5 h-4 md:w-6 md:h-5 bg-jeunesse"></div> 141 <a href="/jeunesse" class="text-white pt-1 font-base text-base md:text-md">Jeunesse 142 </a> 143 </div> 144 <ul class="leading-5 text-sm"> 145 <li > 146 <a href="/jeunesse/berceuses">Berceuses</a> 147 </li> 148 <li > 149 <a href="/jeunesse/chansons-pour-enfants">Chansons</a> 150 </li> 151 <li > 152 <a href="/jeunesse/musique-classique-pour-enfants">Musique classique pour enfants</a> 153 </li> 154 <li > 155 <a href="/jeunesse/contes-comptines">Contes & comptines</a> 156 </li> 157 <li > 158 <a href="/jeunesse/heros">Héros</a> 159 </li> 160 </ul> 161 </div> 162 163 <div 164 class="mt-10 first:mt-0"> 165 <div class="flex gap-2 items-center"> 166 <div class="w-5 h-4 md:w-6 md:h-5 bg-jazz"></div> 167 <a href="/jazz" class="text-white pt-1 font-base text-base md:text-md">Jazz & world music 168 </a> 169 </div> 170 <ul class="leading-5 text-sm"> 171 <li > 172 <a href="/jazz/jazz-blues">Jazz & Blues</a> 173 </li> 174 <li > 175 <a href="/jazz/world-music">World music</a> 176 </li> 177 </ul> 178 </div> 179 180 <div 181 class="mt-10 first:mt-0"> 182 <div class="flex gap-2 items-center"> 183 <div class="w-5 h-4 md:w-6 md:h-5 bg-meditation"></div> 184 <a href="/meditation" class="text-white pt-1 font-base text-base md:text-md">Méditation & relaxation 185 </a> 186 </div> 187 </div> 188 189 <div 190 class="mt-10 first:mt-0"> 191 <div class="flex gap-2 items-center"> 192 <div class="w-5 h-4 md:w-6 md:h-5 bg-classique"></div> 193 <a href="/classique" class="text-white pt-1 font-base text-base md:text-md">Classique & sacré 194 </a> 195 </div> 196 <ul class="leading-5 text-sm"> 197 <li > 198 <a href="/classique/musique-ancienne">Musique ancienne</a> 199 </li> 200 <li > 201 <a href="/classique/musique-classique">Musique classique</a> 202 </li> 203 <li > 204 <a href="/classique/musique-classique-pour-enfants">Musique classique pour enfants</a> 205 </li> 206 <li > 207 <a href="/classique/chant-sacre">Chant sacré</a> 208 </li> 209 <li > 210 <a href="/classique/chant-gregorien">Chant grégorien</a> 211 </li> 212 </ul> 213 </div> 214 215 <div 216 class="mt-10 first:mt-0"> 217 <div class="flex gap-2 items-center"> 218 <div class="w-5 h-4 md:w-6 md:h-5 bg-spi"></div> 219 <a href="/spi" class="text-white pt-1 font-base text-base md:text-md">Spiritualité & louange 220 </a> 221 </div> 222 <ul class="leading-5 text-sm"> 223 <li > 224 <a href="/spi/chanson">Chanson</a> 225 </li> 226 <li > 227 <a href="/spi/chant-gregorien">Chant grégorien</a> 228 </li> 229 <li > 230 <a href="/spi/chant-monastique">Chant monastique</a> 231 </li> 232 <li > 233 <a href="/spi/chant-sacre">Chant sacré</a> 234 </li> 235 <li > 236 <a href="/spi/eveil-a-la-foi-catechese">Ãveil à la foi & catéchèse</a> 237 </li> 238 <li > 239 <a href="/spi/recueuillement">Recueillement</a> 240 </li> 241 </ul> 242 <ul class="leading-5 text-sm"> 243 <li> 244 <a href="/spi/liturgie">Liturgie</a> 245 </li> 246 <li class="sub" > 247 <a href="/spi/bapteme">Baptême</a> 248 </li> 249 <li class="sub" > 250 <a href="/spi/mariage">Mariage</a> 251 </li> 252 <li class="sub" > 253 <a href="/spi/funerailles">Funérailles</a> 254 </li> 255 <li class="sub" > 256 <a href="/spi/careme-et-temps-pascal">Carême et Temps Pascal</a> 257 </li> 258 <li class="sub" > 259 <a href="/spi/avent-et-noel">Avent et Noël</a> 260 </li> 261 <li class="sub" > 262 <a href="/spi/psaumes">Psaumes</a> 263 </li> 264 </ul> 265 </div> 266 267 <div 268 class="mt-10 first:mt-0"> 269 <div class="flex gap-2 items-center">
270 <div class="w-5 h-4 md:w-6 md:h-5 bg-variete"></div> 271 <a href="/variete" class="text-white pt-1 font-base text-base md:text-md">Variété 272 </a> 273 </div> 274 </div> 275 276 </div> 277</nav> 278 279 <div class="flex flex-col"> 280 281 <div class="order-2 md:order-1"> 282 <img class="md:hidden" src="/cache/header_sm/pave/ma-liste_74494004.jpg"/> 283 <img class="hidden md:block" src="/cache/header_lg/pave/ma-liste_11286281.jpg"/> 284 </div> 285 286 <div class="order-1 lg:order-2 flex justify-center px-5 mt-5 shadow-lg shadow-neutral-200"> 287 <div class="relative w-full " data-controller="swiper" data-swiper-config-value="{"initialSlide":0,"spaceBetween":0}"> 288 <div 289 class="flex w-full justify-between items-center"> 290 <div class="min-w-[25px] flex justify-start items-center"> 291 <button type="button" class="swiper-button-sides swiper-button-disabled rotate-180 scale-y-125 text-neutral-800" id="swiper-prev-el-1004305559" data-swiper-target="prevEl"> 292 <i class="ma" > 293  294 </i> 295 296 </button> 297 </div> 298 <div id="swiper-847320626" class="swiper" data-swiper-target="container"> 299 <div class="swiper-wrapper h-full"> 300 <a href="/jeunesse" class="swiper-slide flex flex-col justify-between max-w-max px-8 fill-neutral-800 hover:text-jeunesse hover:fill-jeunesse"> 301 <div class="w-full h-0"></div> 302 <div 303 class="py-3 flex flex-col items-center justify-center"> 304 <div class="pt-2 text-center leading-none select-none">JEUNESSE</div> 305 </div> 306 <div class=" w-full h-2"></div> 307</a> 308 <div class="w-2 flex align-center"> 309 <div class="border-l my-4"></div> 310 </div> 311<a href="/jazz" class="swiper-slide flex flex-col justify-between max-w-max px-8 fill-neutral-800 hover:text-jazz hover:fill-jazz"> 312 <div class="w-full h-0"></div> 313 <div 314 class="py-3 flex flex-col items-center justify-center"> 315 <div class="pt-2 text-center leading-none select-none">JAZZ &<br>WORLD MUSIC</div> 316 </div> 317 <div class=" w-full h-2"></div> 318</a> 319 <div class="w-2 flex align-center"> 320 <div class="border-l my-4"></div> 321 </div> 322<a href="/meditation" class="swiper-slide flex flex-col justify-between max-w-max px-8 fill-neutral-800 hover:text-meditation hover:fill-meditation"> 323 <div class="w-full h-0"></div> 324 <div 325 class="py-3 flex flex-col items-center justify-center"> 326 <div class="pt-2 text-center leading-none select-none">MÃDITATION &<br>RELAXATION</div> 327 </div> 328 <div class=" w-full h-2"></div> 329</a> 330 <div class="w-2 flex align-center"> 331 <div class="border-l my-4"></div> 332 </div> 333<a href="/classique" class="swiper-slide flex flex-col justify-between max-w-max px-8 fill-neutral-800 hover:text-classique hover:fill-classique"> 334 <div class="w-full h-0"></div> 335 <div 336 class="py-3 flex flex-col items-center justify-center"> 337 <div class="pt-2 text-center leading-none select-none">CLASSIQUE<br>& SACRÃ</div> 338 </div> 339 <div class=" w-full h-2"></div> 340</a> 341 <div class="w-2 flex align-center"> 342 <div class="border-l my-4"></div> 343 </div> 344<a href="/spi" class="swiper-slide flex flex-col justify-between max-w-max px-8 fill-neutral-800 hover:text-spi hover:fill-spi"> 345 <div class="w-full h-0"></div> 346 <div 347 class="py-3 flex flex-col items-center justify-center"> 348 <div class="pt-2 text-center leading-none select-none">SPIRITUALITÃ<br>& LOUANGE</div> 349 </div> 350 <div class=" w-full h-2"></div> 351</a> 352 <div class="w-2 flex align-center"> 353 <div class="border-l my-4"></div> 354 </div> 355<a href="/variete" class="swiper-slide flex flex-col justify-between max-w-max px-8 fill-neutral-800 hover:text-variete hover:fill-variete"> 356 <div class="w-full h-0"></div> 357 <div 358 class="py-3 flex flex-col items-center justify-center"> 359 <div class="pt-2 text-center leading-none select-none">VARIÃTÃ</div> 360 </div> 361 <div class=" w-full h-2"></div> 362</a> 363 364 </div> 365 </div> 366 <div class="min-w-[25px] flex justify-end items-center"> 367 <button type="button" class="swiper-button-sides swiper-button-disabled scale-y-125 text-neutral-800" id="swiper-next-el-774185932" data-swiper-target="nextEl"> 368 <i class="ma" > 369  370 </i> 371 372 </button> 373 </div> 374 </div> 375 </div> 376 377 378 </div> 379 380 381</div> 382 383 384 </header> 385 386 <main class="px-5 md:px-10 lg:px-20 py-10 387"> <div 388 class="flex flex-col md:flex-row justify-between gap-3"> 389 <h1> 390 <div>Ma liste</div> 391 </h1> 392 <div class="flex items-center gap-2 mx-auto md:mx-0"> 393 <div class="whitespace-nowrap">Afficher par :</div> 394 <select data-controller="navigation" data-action="change->navigation#redirect" data-navigation-param-param="sort" data-navigation-href-param="https://www.bayardmusique.com/liste" class="form-select max-w-max border-neutral-800 border-2" aria-label="Default select example"> 395 <option value="new">Date de sortie</option> 396 <option value="alpha">
396Ordre alphabétique</option> 397 <option value="vente">Meilleures ventes</option> 398 </select> 399 </div> 400 </div> 401 <div class="flex flex-wrap justify-center gap-x-3 m:gap-x-8 gap-y-12 mt-12"> 402 </div> 403 </main> 404 <footer> 405 <footer class="w-full bg-neutral-800 text-white font-light p-10 pb-5"> 406 <div class="flex flex-col gap-8 md:grid md:grid-cols-3 md:gap-2"> 407 <div class="grid justify-center content-center md:justify-start"> 408 <div> 409 <div class="flex flex-nowrap gap-2 text-xl md:text-2xl items-baseline"> 410 <span class="font-normal">bayard</span> 411 <span class="font-light">musique</span> 412 </div> 413 414 415 <div class="flex mt-4 gap-2 items-center"> 416 <a href="https://linktr.ee/bayardmusique.facebook" target="_blank" class="icon-footer"> 417 <i class="fab fa-facebook" ></i> 418 419 </a> 420 <a href="https://linktr.ee/bayardmusique.youtube" target="_blank" class="icon-footer"> 421 <i class="fab fa-youtube" ></i> 422 423 </a> 424 <a href="https://linktr.ee/bayardmusique.instagram" target="_blank" class="icon-footer"> 425 <i class="fab fa-instagram" ></i> 426 427 </a> 428 </div> 429 </div> 430 </div> 431 <div 432 class="grid lg:grid-cols-2 justify-center content-center text-sm"> 433 <a href="javascript:Didomi.preferences.show()" class="block whitespace-nowrap text-center hover:underline">Gestion des cookies</a> 434 <a href="/info/contact" class="block whitespace-nowrap text-center hover:underline">Qui sommes-nous ?</a> 435 <a href="https://www.groupebayard.com/fr/politique-de-confidentialite" target="_blank" class="block whitespace-nowrap text-center hover:underline">Politique de confidentialité</a> 436 <a href="/info/les-sites-du-groupe-bayard" class="block whitespace-nowrap text-center hover:underline">Les sites du 437 Groupe Bayard</a> 438 <a href="/info/faq" class="block whitespace-nowrap text-center hover:underline">FAQ - Questions fréquentes</a> 439 </div> 440 <div 441 class="grid justify-center md:justify-end content-center"> 442 <div class="w-min mx-auto"> 443 <a href="/info/contact" class="block whitespace-nowrap font-bold text-center text-xl">Contactez-nous !</a> 444 </div> 445 </div> 446 <div class="col-span-3 justify-center text-xs md:pt-7 md:mt-7 md:border-t border-neutral-600"> 447 <div class="flex flex-col justify-center lg:flex-row lg:justify-between items-center"> 448 <div class="md:flex justify-between gap-6 md:gap-3"> 449 <div class="text-center mb-2 md:mb-0">© 2026 ADF-Bayard Musique</div> 450 <a href="#" class="block whitespace-nowrap text-center hover:underline" data-action="bs-modal#load:prevent" data-bs-modal-href-param="/info/mentions-legales">Mentions légales</a> 451 <a href="/info/conditions-generales-de-vente" class="block whitespace-nowrap text-center hover:underline">Conditions générales de vente</a> 452 <a href="/info/conditions-generales-d-utilisation" class="block whitespace-nowrap text-center hover:underline">Conditions générales d'utilisation</a> 453 </div> 454 <div class="flex gap-3 mt-2 lg:mt-0"> 455 <div class="flex items-center whitespace-nowrap"> 456 <i class="ma" > 457  458 </i> 459 460 <span class="pt-0.5">Livraison rapide</span> 461 </div> 462 <div class="flex items-center whitespace-nowrap"> 463 <i class="ma" > 464  465 </i> 466 467 <span class="pt-0.5">Paiement sécurisé</span> 468 </div> 469 </div> 470 </div> 471 </div> 472 </div> 473</footer> 474 475 </footer> 476 <div data-bs-modal-target="modal" id="modal" class="modal fade" tabindex="-1" aria-hidden="true"> 477 <div class="modal-dialog modal-dialog-centered"> 478 <div 479 class="modal-content rounded-lg p-3 relative"> 480 <button class="absolute right-3 btn-icon rounded-full w-6" type="button" data-bs-dismiss="modal" aria-label="Close"> 481 <i class="ma ma-solid-20 scale-75" > 482  483 </i> 484 485 </button> 486 <div class="mr-10"> 487 <div class="text-xl"> 488 </div> 489 </div> 490 <div> 491 </div> 492 <div> 493 <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Fermer</button> 494 </div> 495 </div> 496 </div> 497</div> 498 499 <div data-audio-player-target="wrapper" class="audio-player-wrapper"> 500 <div class="audio-player"> 501 <div class="close"> 502 <button data-action="audio-player#close" type="button"> <i class="fas fa-times-circle fa-lg" ></i> 503</button> 504 </div> 505 <div class="navigation"> 506 <a href="#" class="previous" data-audio-player-target="previous" data-action="audio-player#load:prevent" data-audio-player-token-param=""> 507 <i class="fas fa-circle-chevron-right fa-flip-horizontal fa-lg" data-controller="bs-tooltip" data-bs-tooltip-selector-value="" data-bs-html="true" data-bs-title="Titre précédent"></i> 508 509 </a> 510 <div class="label"> 511 <div class="help" data-audio-player-target="help">Vous écoutez :</div> 512 <div data-audio-player-target="label">Titre en cours de lecture</div> 513 </div> 514 <a href="#" class="next" data-audio-player-target="next" data-action="audio-player#load:prevent" data-audio-player-token-param=""> 515 <i class="fas fa-circle-chevron-right fa-lg" data-controller="bs-tooltip" data-bs-tooltip-selector-value="" data-bs-html="true" data-bs-title="Titre suivant"></i> 516 517 </a> 518 </div> 519 <div class="controls"> 520 <audio data-audio-player-target="player" controls></audio> 521 </div> 522 </div> 523</div> 524 525 </body> 526 </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.