1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 2<head> 3 <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=0"/> 4 5 <link href="https://radio-webpassion.fr/news" rel="canonical" /> 6<link href="https://radio-webpassion.fr/rss-feed-1" rel="alternate" type="application/rss+xml" title="RSS News" /> 7<link href="/upload/5e6e1828b9be93.19065247.ico" rel="icon" type="image/x-icon" /> <title>Actualités - Radio-webpassion</title> 8 <meta name="description" content="Radio-webpassion : Découvrez toutes nos actualités"/> 9 <meta name="keywords" content="actualités,news"/> 10 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 11 <meta http-equiv="Content-Language" content="fr"/> 12 13 <link href="//fonts.googleapis.com/css?family=Raleway:400,700,800,900,600,500,300,200,100' " rel="stylesheet" property="stylesheet" type="text/css" media="all"> 14 15 <link rel="stylesheet" href="https://dfweu3fd274pk.cloudfront.net/theme3/style-015e42ec92.css"/> 16 17 <link id="mystylecss" rel="stylesheet" href="/css/theme3/mystyle.css?refresh=6ac7e13904738"> 18 19
19<script src="https://dfweu3fd274pk.cloudfront.net/theme3/script-78c6fc5e4f.js"></script>
19 20
20<script src="https://maps.googleapis.com/maps/api/js?key=" async defer></script>
20 21 22 <!-- Meta Facebook / Twitter --> 23 <!-- Google / Search Engine Tags --> 24 <meta itemprop="name" content="Radio-webpassion" /> 25 <meta itemprop="description" content="Radio-webpassion : Découvrez toutes nos actualités" /> 26 <meta itemprop="image" content="https://radio-webpassion.fr/upload/design/5e5a242687a187.79934271.png" /> 27 <!-- Facebook Meta Tags --> 28 <meta property="og:url" content="https://radio-webpassion.fr/news-1"/> 29 <meta property='og:site_name' content="Radio-webpassion"/> 30 <meta property='og:title' content="Actualités"/> 31 <meta property="og:description" content=""/> 32 <meta property="og:type" content="article"/> 33 <meta property="og:image" content="https://radio-webpassion.fr/upload/design/5e5a242687a187.79934271.png"/> 34 <!-- Twitter Meta Tags --> 35 <meta name="twitter:card" content="summary_large_image"/> 36 <meta name="twitter:site" content="@radiowebpassion"/> 37 <meta name="twitter:title" content="Actualités"/> 38 <meta name="twitter:description" content=""/> 39 <meta name="twitter:image" content="https://radio-webpassion.fr/upload/design/5e5a242687a187.79934271.png"/> 40 <meta name="twitter:image:alt" content="Actualités"/> 41 <meta property="fb:app_id" content="2467570096676719"/> 42 <meta property="fb:admins" content="161443660706258"/> 43 <meta name="apple-itunes-app" content="app-id=826440034"> 44 45 <style type="text/css" id="customCSS"> 46 </style> 47 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/orejime.css"/> 48 <link rel="stylesheet" href="/css/common/orejime.css"/> 49</head> 50 51<body> 528PSMQW4DND67SJ7HB4GT<div id='fb-root'></div> 53
53<script type='opt-in' data-type='application/javascript' data-name='facebook'> 54 window.fbAsyncInit = function() { 55 FB.init({ 56 appId : '2467570096676719', 57 xfbml : true, 58 version : 'v18.0' 59 }); 60 }; 61 62 $(window).on('statechangecomplete', function() { 63 fbAsyncInit(); 64 }); 65 66 (function(d, s, id) { 67 var js, fjs = d.getElementsByTagName(s)[0]; 68 if (d.getElementById(id)) return; 69 js = d.createElement(s); js.id = id; 70 js.src = "https://connect.facebook.net/fr_FR/sdk.js"; 71 fjs.parentNode.insertBefore(js, fjs); 72 }(document, 'script', 'facebook-jssdk')); 73 </script>
73 74 75
76<script type="text/javascript"> 77 function init() { 78 window.addEventListener('scroll', function (e) { 79 var distanceY = window.pageYOffset || document.documentElement.scrollTop, 80 shrinkOn = 60, 81 navbarscroll = $('#navbarscroll'), 82 searchbar = $('#search-form'), 83 playerheader = $('#player-header'), 84 searchbarunderline = $('#searchBarUnderline'); 85 if (distanceY > shrinkOn) { 86 navbarscroll.addClass("hideScroll"); 87 playerheader.addClass("player-min"); 88 searchbar.addClass("searchform-min"); 89 searchbarunderline.addClass("searchBarUnderline-min"); 90 } else { 91 if (navbarscroll.hasClass("hideScroll")) 92 navbarscroll.removeClass("hideScroll"); 93 94 if (playerheader.hasClass("player-min")) 95 playerheader.removeClass("player-min"); 96 97 if (searchbar.hasClass("searchform-min")) 98 searchbar.removeClass("searchform-min"); 99 100 if (searchbarunderline.hasClass("searchBarUnderline-min")) 101 searchbarunderline.removeClass("searchBarUnderline-min"); 102 } 103 }); 104 } 105 106 window.onload = init(); 107</script>
107 108 109<!-- Script pour le Menu -->
110<script> 111 (function ($) { //create closure so we can safely use $ as alias for jQuery 112 $(document).ready(function () { 113 $('#navbar-sfmenu').superfish({ 114 speed: 'fast', 115 delay: 200 116 }); 117 }); 118 })(jQuery); 119</script>
119 120
121<script> 122 //Permettre aux barres de recherche d'être soulignées 123 $(document).ready(function () { 124 $('#searchBar').on('keyup', function () { 125 if ($('#searchBar').val() === "") { 126 $('#searchBarUnderline').removeClass("underline"); 127 } else { 128 $('#searchBarUnderline').addClass("underline"); 129 } 130 }); 131 }) 132</script>
132 133 134<div id="menu-responsive-overlay"></div> 135 136<nav id="navbarscroll" class="navbar navbar-default navbar-fixed-top container counter-container"> 137 <!-- header-fixed-top pour fixer le header en haut + enlever le JS --> 138 <div class="nav-global"> 139 <div id="toplink" class="scrolltoplink"> 140 <div class="container toplink-container"> 141 142 <div class="link-contact"> 143 <div class="dropdown"> 144 <button class="btn btn-toplink dropdown-toggle" type="button" id="dropdownMenu12" 145 data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 146 <i class="fa fa-lock"></i> Espace membre <span class="caret"></span> 147 </button> 148 149 <ul class="dropdown-menu" aria-labelledby="dropdownMenu12"> 150 <li class="navbarItem-user hidden "> 151 <a href="/utilisateurs" 152 role="button" data-toggle="modal"><i 153 class="fa fa-user"></i> Mon compte</a> 154 </li class="navbarItem-user hidden "> 155 <li role="separator" 156 class="divider navbarItem-user hidden "></li> 157 <li class="navbarItem-user hidden "> 158 <a id="logout" 159 href="/utilisateurs/index/logout"> 160 <i class="fa fa-sign-out"></i> Fermer ma session </a> 161 </li> 162 <li class="navbarItem-guest "> 163 <a href="/inscription"><i 164 class="fa fa-user"></i> Se connecter</a></li> 165 <li class="navbarItem-guest "> 166 <a href="#modal_mdp_oublie" role="button" data-toggle="modal"><i 167 class="fa fa-question-circle"></i> Mot de passe oublié ? </a></li> 168 </ul> 169 </div> 170 </div> 171 172 <div class="link-socials"> 173 <div class="link-socials-list"> 174 <div class="link-socials-item facebook"> 175 <a class="link-socials-item-link" target="_blank" 176 href="https://www.facebook.com/RadioWebpassion/"> 177 <span class="link-socials-item-link-hover"></span> 178 </a> 179 <div class="link-socials-item-popup"> 180 <span>Facebook</span> 181 </div> 182 </div> 183 184 <div class="link-socials-item twitter"> 185 <a class="link-socials-item-link" target="_blank" 186 href="https://twitter.com/radiowebpassion"> 187 <span class="link-socials-item-link-hover"></span> 188 </a> 189 <div class="link-socials-item-popup"> 190 <span>Twitter</span> 191 </div> 192 </div> 193 194 <div class="link-socials-item youtube"> 195 <a class="link-socials-item-link" target="_blank" 196 href="https://www.youtube.com/channel/UCaxDLSAiTeGI_dM5Cnj_XNw"> 197 <span class="link-socials-item-link-hover"></span> 198 </a> 199 <div class="link-socials-item-popup">
200 <span>YouTube</span> 201 </div> 202 </div> 203 204 205 <div class="link-socials-item ios"> 206 <a class="link-socials-item-link" target="_blank" 207 href="https://apps.apple.com/fr/app/radio-webpassion-officiel/id826440034"> 208 <span class="link-socials-item-link-hover"></span> 209 </a> 210 <div class="link-socials-item-popup"> 211 <span>iPhone</span> 212 </div> 213 </div> 214 215 <div class="link-socials-item android"> 216 <a class="link-socials-item-link" target="_blank" 217 href="https://play.google.com/store/apps/details?id=com.icreo.radiowebpassionofficiel&hl=en_US"> 218 <span class="link-socials-item-link-hover"></span> 219 </a> 220 <div class="link-socials-item-popup"> 221 <span>Android</span> 222 </div> 223 </div> 224 225 226 </div> 227 </div> 228 </div> 229 </div> 230 231 <div class="navbarheaderzone"> 232 <div class="container navheaderbg"> 233 <span class="openmenuButton hidden-md hidden-lg"> 234 <i class="fa fa-bars"></i> 235 </span> 236 237 <div class="navbar-header"> 238 <a class="navbar-brand" href="/"><img 239 src="/upload/design/5e5a242687a187.79934271.png" alt="logo" 240 class="logo"/></a> 241 </div> 242 <div id="navbar" class="navbar-collapse collapse"> 243 <ul class="navbar navbar-nav sf-menu hidden-sm" id="navbar-sfmenu"> 244 245 246 <li> 247 <a href="/" > 248 249 Accueil <span class="sub"></span></a> 250 251 <ul style="list-style-type : none;"> 252 253 <li> 254 <a href="/page/envoyer-votre-dedicaces-3" > 255 Envoyer votre dédicaces 256 </a> 257 <span class="spacer"></span> 258 </li> 259 </ul> 260 </li> 261 262 <li> 263 <a href="/news-1" > 264 265 Radio <span class="sub"></span></a> 266 267 <ul style="list-style-type : none;"> 268 269 <li> 270 <a href="/news-1" > 271 Actualités 272 </a> 273 <span class="spacer"></span> 274 </li> 275 276 <li> 277 <a href="/emissions" > 278 Emissions 279 </a> 280 <sp
280an class="spacer"></span> 281 </li> 282 283 <li> 284 <a href="/equipes-1" > 285 Equipes 286 </a> 287 <span class="spacer"></span> 288 </li> 289 290 <li> 291 <a href="/events-1" > 292 Evènements 293 </a> 294 <span class="spacer"></span> 295 </li> 296 </ul> 297 </li> 298 299 <li> 300 <a href="/emissions" > 301 302 Musique <span class="sub"></span></a> 303 304 <ul style="list-style-type : none;"> 305 306 <li> 307 <a href="/top10" > 308 Top 10 309 </a> 310 <span class="spacer"></span> 311 </li> 312 313 <li> 314 <a href="/artistes-tous-1" > 315 Artistes 316 </a> 317 <span class="spacer"></span> 318 </li> 319 320 <li> 321 <a href="/musiques-1" > 322 Playlist 323 </a> 324 <span class="spacer"></span> 325 </li> 326 327 <li> 328 <a href="/ckoi" > 329 Titres diffusés 330 </a> 331 <span class="spacer"></span> 332 </li> 333 </ul> 334 </li> 335 336 <li> 337 <a href="/photos-1" > 338 339 Médias <span class="sub"></span></a> 340 341 <ul style="list-style-type : none;"> 342 343 <li> 344 <a href="/photos-1" > 345 Photos 346 </a> 347 <span class="spacer"></span> 348 </li> 349 350 <li> 351 <a href="/podcasts-1" > 352 Podcasts 353 </a> 354 <sp
354an class="spacer"></span> 355 </li> 356 357 <li> 358 <a href="/videos-1" > 359 Vidéos 360 </a> 361 <span class="spacer"></span> 362 </li> 363 </ul> 364 </li> 365 366 <li> 367 <a href="/dedicaces-1" > 368 369 Participez <span class="sub"></span></a> 370 371 <ul style="list-style-type : none;"> 372 373 <li> 374 <a href="/dedicaces-1" > 375 Dédicaces 376 </a> 377 <span class="spacer"></span> 378 </li> 379 380 <li> 381 <a href="/page/faire-un-don-4" > 382 FAIRE UN DON 383 </a> 384 <span class="spacer"></span> 385 </li> 386 387 <li> 388 <a href="/livefeeds-1" > 389 Livefeed 390 </a> 391 <span class="spacer"></span> 392 </li> 393 394 <li> 395 <a href="#" onclick="window.open('/chat','popuptchat','width=500,height=605,left='+(Math.round((screen.width-800)/2))+',top='+(Math.round((screen.height-463)/2))+',scrollbars=no,location=no,menubar=no, resizable=yes, toolbar=no'); return false;">Le T'chat RWP 396 </a> 397 <span class="spacer"></span> 398 </li> 399 </ul> 400 </li> 401 402 <li> 403 <a href="/contact" > 404 405 Contact </a> 406 </li> 407 408 409 </ul> 410 411 <form class="searchform searchform-menu" id="search-form"> 412 <input class="search-bar" type="text" id="searchBar" name="queryString" placeholder="Rechercher â¦" /> 413 <span id="searchBarUnderline"></span> 414 <button type="submit" id="searchButton"><i class="fa fa-search"></i></button> 415 </form> 416 417</div> 418
419<script type="text/javascript"> 420 421$("#searchBar").keyup(function (e) { 422 var key = (e.which) ? e.which : e.keyCode; 423 if (key === 13) { 424 if($("#searchBar").val().trim().length > 0) { 425 $(".searchform").attr("action",'/' + 'recherche' + '/' + $("#searchBar").val()); 426 } 427 } 428 }); 429 430 $('#searchButton').click(function () { 431 if($("#searchBar").val().trim().length > 0) { 432 $(".searchform").attr("action",'/' + 'recherche' + '/' + $("#searchBar").val()); 433 } 434 }); 435 436</script>
436 437 </div> 438 </div> 439 </div> 440 <div id="player-header" class="player-radio-bar no-multistream"> 441 <div class="container"> 442 <a class="control-play"> 443 <i class="fa fa-play play-button"></i> 444 <i class="fa fa-pause pause-button" style="display: none;"></i> 445 <i class="fa fa-spinner fa-spin player-loader" style="display: none;"></i> 446 </a> 447 <div class="control-infos" id="titrage"> 448 <span class="control-cover cover-titrage"> 449 <img class="media-cover" src=""> 450 </span> 451 <span class="control-track"> 452 <span class="marquee"> 453 <span id='titlePlayer' class="title ellipsis ellipsis-1l"></span> 454 <span class="artist ellipsis ellipsis-1l"></span> 455 </span> 456 <div id="seek-bar" class="hidden"> 457 <div class="bar-zone"> 458 <div class="seek-slider"> 459 <div class="bgSeekSlider"></div> 460 </div> 461 </div> 462 <div class="time-left"></div> 463 </div> 464 </span> 465 466 <span class="control-actions"> 467 <a id="player-vote"><i class='far fa-heart'></i></a> 468 <div id="partage"> 469 <i class="fa fa-share-alt fa-lg fa-fw"></i> 470 <div class="noselect "> 471 <a class="twitter" target="_blank"> 472 <i class='fa-brands fa-square-x-twitter'></i> Tweeter ce titre </a> 473 </div> 474 </div> 475 <a id="player-download" href="#" target="_blank" class="disabled"> 476 <i><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="18px" viewBox="0 0 19 18" xml:space="preserve"> 477 <g class="shopping-cart"> 478 <path d="M17.4,10.6L19,3.3c0.1-0.5-0.3-1-0.8-1h-13L4.9,0.7C4.9,0.3,4.5,0,4.2,0H0.8C0.4,0,0,0.4,0,0.8 479 v0.6c0,0.5,0.4,0.8,0.8,0.8h2.3l2.3,12.1c-0.6,0.3-0.9,1-0.9,1.7c0,1.1,0.8,2,1.8,2s1.8-0.9,1.8-2c0-0.6-0.2-1-0.6-1.4h6.9 480 C14.2,15,14,15.5,14,16c0,1.1,0.8,2,1.8,2s1.8-0.9,1.8-2c0-0.8-0.4-1.5-1-1.8l0.2-0.9c0.1-0.5-0.3-1-0.8-1H7.2L7,11.3h9.7 481 C17,11.3,17.3,11,17.4,10.6z"/> 482 </g> 483 </svg></i> 484 </a> 485 <div class="hidden" 486 id="player-share-track">Je suis en train dâécouter [$1] sur [$2] !</div> 487 <div class="hidden" 488 id="player-share-podcast">Je suis en train dâécouter le podcast [$1] !</div> 489 <div class="hidden" 490 id="player-share-sample">Je suis en train dâécouter lâextrait [$1] !</div> 491 </span> 492 <div class="clear"></div> 493 494 </div> 495 496
496<script> 497 $(function() { 498 radioURL = "https://www.radioking.com/play/radio-webpassion"; 499 if(Cookies.get("streamQuality") !== undefined){ 500 if(Cookies.get("streamQuality") === "BD") { 501 if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 502 radioURL = "https://www.radioking.com/play/radio-webpassion/223708"; 503 } 504 $("#HD-link").attr("class", "hd-off"); 505 $("#HD-link").attr("data-val", "0"); 506 507 } else if(Cookies.get("streamQuality") === "HD") { 508 if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) { 509 radioURL = "https://www.radioking.com/play/radio-webpassion/223711"; 510 } 511 } 512 } 513 514 if(radioURL === ""){ 515 radioURL = "https://www.radioking.com/play/radio-webpassion"; 516 } 517 518 initPlayer(radioURL, "radio-webpassion", "/upload/players/5e5a2587913463.74526761.png", "1","0") 519 520 }); 521 </script>
521 522 <span class="container-control-stream"> 523 <span class="control-stream"> 524 525 <div id="current-radio" data-flux="https://www.radioking.com/play/radio-webpassion" 526 data-flux-bd="https://www.radioking.com/play/radio-webpassion/223708" 527 data-flux-hd="https://www.radioking.com/play/radio-webpassion/223711" 528 data-logo="/upload/players/5e5a2587913463.74526761.png" 529 data-name="radio-webpassion" 530 data-autoplay="0" 531 data-idplayer="1"> 532 <img src="/upload/players/5e5a2587913463.74526761.png" 533 class="logo-stream"/><span 534 class="stream-name hidden-xs">radio-webpassion</span> 535 </div> 536 537 <div id="other-radios"> 538 </div> 539 </span> 540 </span> 541 <span class="open-actions hidden"> 542 <i> 543 <svg width="30px" height="14px" viewBox="0 0 30 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 544 <defs> 545 <filter x="-3.5%" y="-2.4%" width="107.0%" height="104.8%" filterUnits="objectBoundingBox" id="filter-1"> 546 <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> 547 <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> 548 <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> 549 <feMerge> 550 <feMergeNode in="shadowMatrixOuter1"></feMergeNode> 551 <feMergeNode in="SourceGraphic"></feMergeNode> 552 </feMerge> 553 </filter> 554 </defs> 555 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 556 <g id="dot-open-actions" transform="translate(-207.000000, -84.000000)" fill="#FFFFFF" fill-rule="nonzero"> 557 <g id="Top-header-2" transform="translate(-5.466844, 0.000000)" filter="url(#filter-1)"> 558 <g id="Group-3" transform="translate(5.466844, 64.000000)"> 559 <path d="M213.75,22 C215.270139,22 216.5,23.2298611 216.5,24.75 C216.5,26.2701389 215.270139,27.5 213.75,27.5 C212.229861,27.5 211,26.2701389 211,24.75 C211,23.2298611 212.229861,22 213.75,22 Z M222.55,22 C224.070139,22 225.3,23.2298611 225.3,24.75 C225.3,26.2701389 224.070139,27.5 222.55,27.5 C221.029861,27.5 219.8,26.2701389 219.8,24.75 C219.8,23.2298611 221.029861,22 222.55,22 Z M230.25,22 C231.770139,22 233,23.2298611 233,24.75 C233,26.2701389 231.770139,27.5 230.25,27.5 C228.729861,27.5 227.5,26.2701389 227.5,24.75 C227.5,23.2298611 228.729861,22 230.25,22 Z" id="Path-2"></path> 560 </g> 561 </g> 562 </g> 563 </g> 564 </svg> 565 </i> 566 </span> 567 <div class="control-actions-right hidden-sm hidden-xs"> 568 <div class="last-track-zone"> 569 <div class="last-track-button"> 570 <a class="control-last-track"> 571 <i class="fa fa-music fa-fw fa-lg"></i> 572 </a> 573 </div> 574 <span class="container-last-track-list"> 575 <div id="last-track-list" class="last-track-list"> 576 <div class="last-tracks"><div class="row m-l-0 m-r-0" style="margin-top: 0;"><div class="col-sm-2 track-hour title-font">20:00</div><div class="col-sm-2 track-cover"><img src="https://image.radioking.io/radios/21260/coverlive/0fe7806e-aaac-4104-83cd-46de12ebde8b.jpeg" /></div><div class="col-sm-8 track-titration ellipsis ellipsis-1l"><div class="track-title ellipsis ellipsis-1l title-font">RWP en DIRECT</div><div class="track-artist ellipsis ellipsis-1l title-font">
576Animateur......En direct live !!!</div></div></div><div class="row m-l-0 m-r-0" style="margin-top: 0;"><div class="col-sm-2 track-hour title-font">19:56</div><div class="col-sm-2 track-cover"><img src="https://image.radioking.io/radios/21260/cover/api/dc229656-7a75-4b81-aa67-8a988b354ef1.jpg" /></div><div class="col-sm-6 track-titration ellipsis ellipsis-1l"><div class="track-title ellipsis ellipsis-1l title-font">The Bomb</div><div class="track-artist ellipsis ellipsis-1l title-font">Bucketheads</div></div><div class="col-sm-2 track-download"><a id="player-download" href="https://itunes.apple.com/us/album/the-bomb-these-sound-fall-into-my-mind-radio-edit/1014141782?i=1014142025" target="_blank"><i><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="18px" viewBox="0 0 19 18" xml:space="preserve"> 577 <g class="shopping-cart"> 578 <path d="M17.4,10.6L19,3.3c0.1-0.5-0.3-1-0.8-1h-13L4.9,0.7C4.9,0.3,4.5,0,4.2,0H0.8C0.4,0,0,0.4,0,0.8 579 v0.6c0,0.5,0.4,0.8,0.8,0.8h2.3l2.3,12.1c-0.6,0.3-0.9,1-0.9,1.7c0,1.1,0.8,2,1.8,2s1.8-0.9,1.8-2c0-0.6-0.2-1-0.6-1.4h6.9 580 C14.2,15,14,15.5,14,16c0,1.1,0.8,2,1.8,2s1.8-0.9,1.8-2c0-0.8-0.4-1.5-1-1.8l0.2-0.9c0.1-0.5-0.3-1-0.8-1H7.2L7,11.3h9.7 581 C17,11.3,17.3,11,17.4,10.6z"/> 582 </g> 583 </svg></i></a></div></div><div class="row m-l-0 m-r-0" style="margin-top: 0;"><div class="col-sm-2 track-hour title-font">19:52</div><div class="col-sm-2 track-cover"><img src="https://dvbx02a03u1kk.cloudfront.net/radios/21260/cover/id3/8fad5b64-c786-4ea1-995e-0a9d0da39557.jpg" /></div><div class="col-sm-8 track-titration ellipsis ellipsis-1l"><div class="track-title ellipsis ellipsis-1l title-font">Sing Hallelujah</div><div class="track-artist ellipsis ellipsis-1l title-font">Dr. Alban</div></div></div><div class="row m-l-0 m-r-0" style="margin-top: 0;"><div class="col-sm-2 track-hour title-font">19:50</div><div class="col-sm-2 track-cover"><img src="https://dvbx02a03u1kk.cloudfront.net/radios/21260/cover/api/602ecc81-4fad-4736-aac7-65d6786467fa.jpg" /></div><div class="col-sm-6 track-titration ellipsis ellipsis-1l"><div class="track-title ellipsis ellipsis-1l title-font">Physical</div><div class="track-artist ellipsis ellipsis-1l title-font">Dua Lipa</div></div><div class="col-sm-2 track-download"><a id="player-download" href="https://music.apple.com/us/album/physical/1495799403?i=1495799737" target="_blank"><i><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="18px" viewBox="0 0 19 18" xml:space="preserve"> 584 <g class="shopping-cart"> 585 <path d="M17.4,10.6L19,3.3c0.1-0.5-0.3-1-0.8-1h-13L4.9,0.7C4.9,0.3,4.5,0,4.2,0H0.8C0.4,0,0,0.4,0,0.8 586 v0.6c0,0.5,0.4,0.8,0.8,0.8h2.3l2.3,12.1c-0.6,0.3-0.9,1-0.9,1.7c0,1.1,0.8,2,1.8,2s1.8-0.9,1.8-2c0-0.6-0.2-1-0.6-1.4h6.9 587 C14.2,15,14,15.5,14,16c0,1.1,0.8,2,1.8,2s1.8-0.9,1.8-2c0-0.8-0.4-1.5-1-1.8l0.2-0.9c0.1-0.5-0.3-1-0.8-1H7.2L7,11.3h9.7 588 C17,11.3,17.3,11,17.4,10.6z"/> 589 </g> 590 </svg></i></a></div></div><div class="row m-l-0 m-r-0" style="margin-top: 0;"><div class="col-sm-2 track-hour title-font">19:46</div><div class="col-sm-2 track-cover"><img src="https://dvbx02a03u1kk.cloudfront.net/radios/21260/cover/api/ee0ef3b8-d34c-4b00-bb16-e8698eb63b17.jpg" /></div><div class="col-sm-6 track-titration ellipsis ellipsis-1l"><div class="track-title ellipsis ellipsis-1l title-font">je te promets</div><div class="track-artist ellipsis ellipsis-1l title-font">ZAHO</div></div><div class="col-sm-2 track-download"><a id="player-download" href="https://itunes.apple.com/us/album/je-te-promets/693461839?i=693461898" target="_blank"><i><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="18px" viewBox="0 0 19 18" xml:space="preserve"> 591 <g class="shopping-cart"> 592 <path d="M17.4,10.6L19,3.3c0.1-0.5-0.3-1-0.8-1h-13L4.9,0.7C4.9,0.3,4.5,0,4.2,0H0.8C0.4,0,0,0.4,0,0.8 593 v0.6c0,0.5,0.4,0.8,0.8,0.8h2.3l2.3,12.1c-0.
5936,0.3-0.9,1-0.9,1.7c0,1.1,0.8,2,1.8,2s1.8-0.9,1.8-2c0-0.6-0.2-1-0.6-1.4h6.9 594 C14.2,15,14,15.5,14,16c0,1.1,0.8,2,1.8,2s1.8-0.9,1.8-2c0-0.8-0.4-1.5-1-1.8l0.2-0.9c0.1-0.5-0.3-1-0.8-1H7.2L7,11.3h9.7 595 C17,11.3,17.3,11,17.4,10.6z"/> 596 </g> 597 </svg></i></a></div></div></div> </div> 598 </span> 599 </div> 600 601 <div class="control-volume"> 602 <a id="mute-volume" class="toggle-volume"> 603 <i class="fa fa-fw fa-volume-up fa-lg"></i> 604 </a> 605 <a id="unmute-volume" class="toggle-volume" style="display: none;"> 606 <i class="fa fa-fw fa-volume-off fa-lg"></i> 607 </a> 608 609 <div class="control-slider-volume"> 610 <div id="player-slider-volume"> 611 <div class="container-sliderVolume"> 612 <div class="bgSliderVolume"></div> 613 </div> 614 </div> 615 </div> 616 </div> 617 618 619 <div class="HD-button "> 620 <a id="HD-link" data-val="1"> 621 <svg viewBox="0 0 100 45" version="1.1" xmlns="http://www.w3.org/2000/svg"> 622 <g id="Group"> 623 <path d="M12.792,0.2 L27.768,0.2 L23.48,16.008 L37.176,16.008 L41.464,0.2 L56.44,0.2 L44.408,45 L29.432,45 L33.72,28.936 L20.024,28.936 L15.736,45 L0.76,45 L12.792,0.2 Z M61.304,0.2 L77.176,0.2 C81.5706886,0.2 85.1653194,0.733328 87.96,1.8 C90.7546806,2.866672 93.0053248,4.2533248 94.712,5.96 C97.9546829,9.20268288 99.576,13.5759725 99.576,19.08 C99.576,22.4506835 98.9573395,25.6293184 97.72,28.616 C96.4826605,31.6026816 94.6480122,34.3119878 92.216,36.744 C89.5279866,39.4320134 86.2426861,41.479993 82.36,42.888 C78.4773139,44.296007 73.9333594,45 68.728,45 L49.272,45 L61.304,0.2 Z M70.392,31.944 C72.6960115,31.944 74.7759907,31.6240032 76.632,30.984 C78.4880093,30.3439968 79.9919942,29.4480058 81.144,28.296 C82.0826714,27.3573286 82.8506637,26.1946736 83.448,24.808 C84.0453363,23.4213264 84.344,22.0453402 84.344,20.68 C84.344,19.4426605 84.1840016,18.4186707 83.864,17.608 C83.5439984,16.7973293 83.0853363,16.0933363 82.488,15.496 C81.762663,14.770663 80.8240058,14.2160019 79.672,13.832 C78.5199942,13.4479981 77.048009,13.256 75.256,13.256 L72.76,13.256 L67.768,31.944 L70.392,31.944 Z" 624 id="HD"></path> 625 </g> 626 </svg> 627 </a> 628 </div> 629 630 </div> 631 632 </div> 633</div>
634<script> 635 636 $(".ticker").clone().appendTo(".ticker-wrap"); 637 638 $(".ticker").mouseenter(function() { 639 $(".ticker").css("animation-play-state", "paused"); 640 }); 641 642 $(".ticker").mouseleave(function() { 643 $(".ticker").css("animation-play-state", "running"); 644 }); 645</script>
645 646 647</nav> 648 649
650<script> 651 if($('.logo').width() > 215){ 652 $('.logo').addClass('big'); 653 } 654</script>
654 655<div id='content-to-refresh'> 656 <nav id="menu-responsive"> 657 <div class="entete"> 658 <div class="navbar-header"> 659 <img src="/upload/design/5e5a242687a187.79934271.png" alt=""> 660 <span id="closemenuButton"></span> 661 </div> 662</div> 663 664 <ul id="content-menuresponsive"> 665 <li class="list-group panel"> 666 <div class="searchform-mobile searchform"> 667 <button type="submit" id="searchButton" class="search-button-mobile"><i class="fa fa-search"></i></button> 668 <input class="search-bar search-bar-mobile" type="text" id="searchBar" name="queryString" placeholder="Rechercher â¦"/> 669 </div> 670 <div class="spacer"></div> 671</li> 672 673 <li class="list-group panel"> 674 <a data-parent="#content-menuresponsive" data-toggle="collapse" class="list-group-item collapsed" 675 href="#menu_accueil"> 676 677 <span class="rLink">Accueil</span> 678 <i class="fa fa-caret-down"></i> 679 </a> 680 681 <ul id="menu_accueil" 682 class="collapse"> 683 <li class="list-group panel sub-menu"> 684 <a href="/page/envoyer-votre-dedicaces-3" > 685 Envoyer votre dédicaces </a> 686 687 688 </li> 689 </ul> 690 <div class="spacer"></div> 691 </li> 692 <li class="list-group panel"> 693 <a data-parent="#content-menuresponsive" data-toggle="collapse" class="list-group-item collapsed" 694 href="#menu_radio"> 695 696 <span class="rLink">Radio</span> 697 <i class="fa fa-caret-down"></i> 698 </a> 699 700 <ul id="menu_radio" 701 class="collapse"> 702 <li class="list-group panel sub-menu"> 703 <a href="/news-1" > 704 Actualités </a> 705 706 707 </li> 708 <li class="list-group panel sub-menu"> 709 <a href="/emissions" > 710 Emissions </a> 711 712 713 </li> 714 <li class="list-group panel sub-menu"> 715 <a href="/equipes-1" > 716 Equipes </a> 717 718 719 </li> 720 <li class="list-group panel sub-menu"> 721 <a href="/events-1" > 722 Evènements </a> 723 724 725 </li> 726 </ul> 727 <div class="spacer"></div> 728 </li> 729 <li class="list-group panel"> 730 <a data-parent="#content-menuresponsive" data-toggle="collapse" class="list-group-item collapsed" 731 href="#menu_musique"> 732 733 <span class="rLink">Musique</span> 734 <i class="fa fa-caret-down"></i> 735 </a> 736 737 <ul id="menu_musique" 738 class="collapse"> 739 <li class="list-group panel sub-menu"> 740 <a href="/top10" > 741 Top 10 </a> 742 743 744 </li> 745 <li class="list-group panel sub-menu"> 746 <a href="/artistes-tou
746s-1" > 747 Artistes </a> 748 749 750 </li> 751 <li class="list-group panel sub-menu"> 752 <a href="/musiques-1" > 753 Playlist </a> 754 755 756 </li> 757 <li class="list-group panel sub-menu"> 758 <a href="/ckoi" > 759 Titres diffusés </a> 760 761 762 </li> 763 </ul> 764 <div class="spacer"></div> 765 </li> 766 <li class="list-group panel"> 767 <a data-parent="#content-menuresponsive" data-toggle="collapse" class="list-group-item collapsed" 768 href="#menu_medias"> 769 770 <span class="rLink">Médias</span> 771 <i class="fa fa-caret-down"></i> 772 </a> 773 774 <ul id="menu_medias" 775 class="collapse"> 776 <li class="list-group panel sub-menu"> 777 <a href="/photos-1" > 778 Photos </a> 779 780 781 </li> 782 <li class="list-group panel sub-menu"> 783 <a href="/podcasts-1" > 784 Podcasts </a> 785 786 787 </li> 788 <li class="list-group panel sub-menu"> 789 <a href="/videos-1" > 790 Vidéos </a> 791 792 793 </li> 794 </ul> 795 <div class="spacer"></div> 796 </li> 797 <li class="list-group panel"> 798 <a data-parent="#content-menuresponsive" data-toggle="collapse" class="list-group-item collapsed" 799 href="#menu_participez"> 800 801 <span class="rLink">Participez</span> 802 <i class="fa fa-caret-down"></i> 803 </a> 804 805 <ul id="menu_participez" 806 class="collapse"> 807 <li class="list-group panel sub-menu"> 808 <a href="/dedicaces-1" > 809 Dédicaces </a> 810 811 812 </li> 813 <li class="list-group panel sub-menu"> 814 <a href="/page/faire-un-don-4" > 815 FAIRE UN DON </a> 816 817 818 </li> 819 <li class="list-group panel sub-menu"> 820 <a href="/livefeeds-1" > 821 Livefeed </a> 822 823 824 </li> 825 <li class="list-group panel sub-menu"> 826 <a href="#" onclick="window.open('/chat','popuptchat','left='+(Math.round((screen.width-800)/2))+',top='+(Math.round((screen.height-463)/2))+',scrollbars=no,location=no,menubar=no, resizable=yes, toolbar=no'); return false;"> 827 Le T'chat RWP </a> 828 829 830 </li> 831 </ul> 832 <div class="spacer"></div> 833 </li> 834 <li class="list-group panel"> 835 <a style="padding-left:0px" href="/contact" 836 > 837
838 <span class="rLink">Contact</span> 839 </a> 840 841 <a class="list-group-item collapsed"></a> 842 <div class="spacer"></div> 843 </li> 844 845<div class='btnHidden mt-5 center'> 846 <div class="connectBtn"> 847 <a class="connect btn btn-primary m-t-15 btnHidden" href="/inscription" role="button" 848 data-toggle="modal">Se connecter</a> 849 </div> 850 </div> 851<div class="spacer"></div> 852 853<div class='link-socials mt-5'> 854 <div class='link-socials-list'> 855 <div class="link-socials-item facebook"> 856 <a class="link-socials-item-link" target="_blank" 857 href="https://www.facebook.com/RadioWebpassion/"> 858 <span class="link-socials-item-link-hover"></span> 859 </a> 860 <div class="link-socials-item-popup"> 861 <span>Facebook</span> 862 </div> 863 </div> 864 <div class="link-socials-item twitter"> 865 <a class="link-socials-item-link" target="_blank" 866 href="https://twitter.com/radiowebpassion"> 867 <span class="link-socials-item-link-hover"></span> 868 </a> 869 <div class="link-socials-item-popup"> 870 <span>Twitter</span> 871 </div> 872 </div> 873 <div class="link-socials-item youtube"> 874 <a class="link-socials-item-link" target="_blank" 875 href="https://www.youtube.com/channel/UCaxDLSAiTeGI_dM5Cnj_XNw"> 876 <span class="link-socials-item-link-hover"></span> 877 </a> 878 <div class="link-socials-item-popup"> 879 <span>YouTube</span> 880 </div> 881 </div> 882 <div class="link-socials-item ios"> 883 <a class="link-socials-item-link" target="_blank" 884 href="https://apps.apple.com/fr/app/radio-webpassion-officiel/id826440034"> 885 <span class="link-socials-item-link-hover"></span> 886 </a> 887 <div class="link-socials-item-popup"> 888 <span>iPhone</span> 889 </div> 890 </div> 891 <div class="link-socials-item android"> 892 <a class="link-socials-item-link" target="_blank" 893 href="https://play.google.com/store/apps/details?id=com.icreo.radiowebpassionofficiel&hl=en_US"> 894 <span class="link-socials-item-link-hover"></span> 895 </a> 896 <div class="link-socials-item-popup"> 897 <span>Android</span> 898 </div> 899 </div> 900 </div> 901</div>
902<script type='text/javascript'> 903 $('.search-bar-mobile').keyup(function (e) { 904 var key = (e.which) ? e.which : e.keyCode; 905 if (key === 13) { 906 window.location.replace('/' + 'recherche' + '/' + $('.search-bar-mobile').val()); 907 } 908 }); 909 910 $('.search-button-mobile').click(function () { 911 window.location.replace('/' + 'recherche' + '/' + $('.search-bar-mobile').val()); 912 }); 913</script>
913 </ul> 914 </nav> 915 916
916<script> 917 $(function () { 918 window.refreshContentMargin = function () { 919 if (booleanCompare($(window).width(), 991, "gt")) { 920 if (booleanCompare($(".navbarheaderzone").height(), 70, "gt")) { 921 if ($("#player-header").css("position") != "fixed") { 922 923 var contentMargin = $("#content-to-refresh").css("margin-top"); 924 $("#content-to-refresh").css("margin-top", ($(".navbarheaderzone").height() - 70) + "px"); 925 } else if ($("#player-header").css("position") == "fixed") { 926 927 $("#content-to-refresh").css("margin-top", ($(".navbarheaderzone").height() - 140) + "px"); 928 } 929 } else { 930 $("#content-to-refresh").css("margin-top", ""); 931 } 932 } else { 933 $("#content-to-refresh").css("margin-top", ""); 934 } 935 } 936 937 window.refreshContentMargin(); 938 939 $(window).resize(function () { 940 window.refreshContentMargin(); 941 }); 942 }); 943 </script>
943 944 <div id="container-overlay" class="container p-l-0 p-r-0"> 945 <div id="overlay" style="display: none;"> 946 <div id="img-overlay" style="display: none;"> 947 <i class="fa fa-fw fa-spin fa-spinner" style="font-size: 4em;"></i> 948 </div> 949 <div id="text-overlay" style="display: none;"> 950 Chargement... </div> 951 </div> 952 </div> 953 954
954<script type="text/javascript"></script>
954 955 956 <div class="container m-b-15 centered"> 957 </div> 958 <!--Publicité gauche --> 959 <div class='pubVert' style='position : absolute; margin-left:249px; top: 400px; z-index: 100;'> 960 </div> 961 <!--Publicité droite --> 962 <div class='pubVert' style='position : absolute; margin-left:1669px; top: 400px ;z-index: 100;'> 963 </div> 964 965 <div class="container breadcrumb-container"> 966 <div class="container p-l-0 p-r-0"> 967 <ol class="breadcrumb ellipsis ellipsis-1l"> 968 <li><a href="/" 969 class="toptip" title="Accueil"> <i class="fa fa-home"></i> </a> 970 </li> 971 <li class="active">Actualités</li> 972 </ol> 973 </div> 974 </div> 975 976 977 978 <div class="title-super-container container"> 979 <div class="container title-container"> 980 <div class="row"> 981 <div class="col-xs-12 layout-title p-t-20 p-b-30"> 982 <div> 983 <h1 class="main_title"> 984 Actualités <a class="rss-link" href="/rss-feed-1" target="_blank"> 985 <img class="rss-logo" style="width: 13px;
985 margin-top: 1px;" src="/images/rss.png"/> 986 <span class="m-l-0 m-r-0 rss-text">RSS</span> 987 </a> 988 </h1> 989 </div> 990 </div> 991 </div> 992 </div> 993 </div> 994 995 <div class="container body_wrap boxed"> 996 <div class="layout-headtitle-border"></div> 997 998 999<div class="row"> 1000 1001 <div class="col-xs-12 col-md-8 list_display"> 1002 <!-- Affichage contenu --> 1003 <div class="m-t-30"> 1004
1005<script> 1006 function playPodcast(element) { 1007 player.stop(); 1008 player = null; 1009 const parent = element.parentNode; 1010 const srcAudio = parent.getAttribute('data-src'); 1011 const title = parent.getAttribute('data-title'); 1012 const img = parent.getAttribute('data-img'); 1013 window.initPlayer(srcAudio,title,img, -1, true, 1); 1014 player.playMp3(); 1015 $('#titrage span.title').html(title); 1016 $('.control-cover img.media-cover').attr('src',img); 1017 $('.seek-slider').slider('value',0); 1018 } 1019 1020</script>
1020 1021 </div> 1022 </div> 1023 1024 <div class="hidden-xs hidden-sm col-md-4" id="sidebar"> 1025 1026 1027 <div class="bloc-content-title"> 1028 <h3>News</h3> 1029 </div> 1030 1031 <ul> 1032 1033 <li class='sous_categorie'> 1034 1035 <a class='sous_categorie' style='background-image : none;' 1036 href="/news/actu-people-144/1"> 1037 1038 <h4 class="ellipsis ellipsis-1l bloc-ellipsis"> 1039 <i class='fa fa-chevron-right'></i> Actu People (0) </h4> 1040 1041 </a> 1042 </li> 1043 </ul> 1044 1045 1046<div id="bloc-slide" class="bloc-content carousel carousel-bloc slide slide-13"> 1047 1048 <div class="wrap"> 1049 1050 <div class="row"> 1051 <div class="col-md-12"> 1052 <div class="bloc-content-title slider-bloc-content-title" > 1053 <h2 class="h2-slider ellipsis ellipsis-1l" >Les émissions</h2> 1054 <div class="carousel-controls carousel-6ac7e13911fbd-controls 1055 "> 1056 </div> 1057 </div> 1058 </div> 1059 </div> 1060 1061 1062 <div class="owl-carousel carousel-6ac7e13911fbd row " 1063 role="listbox"> 1064 <!-- Si nb_items n'est pas à 0, c'est que la div n'est pas refermée --> 1065 <div class="item"> 1066 1067 <div> 1068 <a href="/emissions/balance-ton-blues-34" > 1069 <div class="cover-preview "> 1070 <img src="/upload/emissions/normal/69d752ac6a72c7.47443962.jpg" 1071 class="cover-img"/> 1072 </div> 1073 1074 <div class="height-42"> 1075 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3"> 1076 Balance ton Blues </h3> 1077 </a> 1078 </div> 1079 </a> 1080 </div> 1081 1082 1083 1084 <div> 1085 <a href="/emissions/slc-salut-les-copains-32" > 1086 <div class="cover-preview "> 1087 <img src="/upload/emissions/normal/67a2029cd8ae81.77100922.jpg" 1088 class="cover-img"/> 1089 </div> 1090 1091 <div class="height-42"> 1092 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3"> 1093 SLC Salut les copains </h3> 1094 </a> 1095 </div> 1096 </a> 1097 </div> 1098 1099 1100 </div> 1101 <!-- Si nb_items n'est pas à 0, c'est que la div n'est pas refermée --> 1102 <div class="item"> 1103 1104 <div> 1105 <a href="/emissions/temps-libre-avec-jipe-16" > 1106 <div class="cover-preview "> 1107 <img src="/upload/emissions/normal/604fe1a50a90a1.62256442.png" 1108 class="cover-img"/> 1109 </div> 1110 1111 <div class="height-42"> 1112 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3"> 1113 Temps Libre avec JiPé ! </h3> 1114 </a> 1115 </div> 1116 </a> 1117 </div> 1118 1119 1120 1121 <div> 1122 <a href="/emissions/hot-rods-13" > 1123 <div class="cover-preview "> 1124 <img src="/upload/emissions/normal/5e8085bc0bb473.66086508.jpg" 1125 class="cover-img"/> 1126 </div> 1127 1128 <div class="height-42"> 1129 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3"> 1130 HOT RODS </h3> 1131 </a> 1132 </div> 1133 </a> 1134 </div> 1135 1136 1137 </div> 1138 <!-- Si nb_items n'est pas à 0, c'est que la div n'est pas refermée --> 1139 <div class="item"> 1140 1141 <div> 1142 <a href="/emissions/au-coeur-de-johnny-7" > 1143 <div class="cover-preview "> 1144 <img src="/upload/emissions/normal/5e77590502ead9.17139955.jpg" 1145 class="cover-img"/> 1146 </div> 1147 1148 <div class="height-42"> 1149 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3"> 1150 Au coeur de Johnny </h3> 1151 </a> 1152 </div> 1153 </a> 1154 </div> 1155 1156 1157 <!-- Si nb_items n'est pas à 0, c'est que la div n'est pas refermée --> 1158 </div> 1159 </div> 1160</div> 1161 1162</div> 1163
1164<script type="text/javascript"> 1165 var color = 'white'; 1166 $('.carousel-6ac7e13911fbd').owlCarousel({ 1167 loop: false, 1168 margin: 30, 1169 nav: true, 1170 navText: ['<span class="carousel-control left" data-slide="prev" style="margin-left= 1px;color: '+color+';"><span class="fa fa-chevron-left"></span></span>', '<span class="carousel-control right" data-slide="next" style="color: '+color+';"><span class="fa fa-chevron-right"></span></span>'], 1171 navContainer: ".carousel-6ac7e13911fbd-controls", 1172 autoplay: true, 1173 rewind: true, 1174 autoplayTimeout: 6000, 1175 responsive: { 1176 0: { 1177 items:2, 1178 margin: 20 1179 }, 1180 600: { 1181 items:2 }, 1182 } 1183 }); 1184 1185 $('.carousel-6ac7e13911fbd-controls').children('.carousel-control').on('click', function () { 1186 $('.carousel-6ac7e13911fbd').owlCarousel($(this).attr("data-slide")); 1187 }); 1188</script>
1188 1189 1190 1191 <div class="cl"></div> 1192 <!-- Fin traitement des blocs --> 1193 1194 1195<div class="bloc-content bc-one-column"> 1196 <div class="bloc-content-title" > 1197 <div class="bloc-title-readmore"> 1198 <a href="/podcasts" 1199 class="read-more-title"><i 1200 class="fa fa-arrow-circle-right"></i> Plus</a> 1201 </div> 1202 <h2 class="ellipsis ellipsis-1l" >Derniers podcasts</h2> 1203 </div> 1204 1205 <div class="wrap listed"> 1206 1207 <div class="row"> 1208 <a href="/podcasts/ecole-des-huit-moulins-sougy-huetre-160/emission-ecole-des-huit-moulins-sougy-21-mars2026-495" > 1209 <div class="col-md-4"> 1210 <div class="cover-preview"> 1211 <img src="/upload/podcasts/photos/normal/69c7e67b7c4d99.62472400.jpg" class="cover-img"/> 1212 </div> 1213 </div> 1214 </a> 1215
1215<script> 1216 function playFile(url, title, cover) { 1217 player.stop(); 1218 player = null; 1219 window.initPlayer(url, title, cover, -1, true, 1); 1220 player.playMp3(); 1221 $('#titrage span.title').html(title); 1222 $('.control-cover img.media-cover').attr('src', cover); 1223 $('.seek-slider').slider('value',0); 1224 } 1225 </script>
1225 1226 <div class="col-xs-12 col-md-8 "> 1227 <div class="box-play like-inline" 1228 onclick="playFile('/upload/podcasts/audios/69c7e5ee059c16.94394132.mp3', 'Emission Ecole des Huit Moulins Sougy 21 mars2026', '/upload/podcasts/photos/normal/69c7e67b7c4d99.62472400.jpg', null, true, 'Emission Ecole des Huit Moulins Sougy 21 mars2026', '')"> 1229 <a href="javascript:;"> 1230 <i class="fa fa-fw fa-play-circle"></i> 1231 </a> 1232 </div> 1233 <a href="/podcasts/ecole-des-huit-moulins-sougy-huetre-160/emission-ecole-des-huit-moulins-sougy-21-mars2026-495"> 1234 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3 m-t-5"> 1235 Emission Ecole des Huit Moulins Sougy 21 mars2026 </h3> 1236 </a> 1237 </div> 1238 </div> 1239 <div class="row border"></div> 1240 1241 </div> 1242</div> 1243 1244 <div class="cl"></div> 1245 <!-- Fin traitement des blocs --> 1246 1247 1248<div class="bloc-content bc-one-column"> 1249 <div class="bloc-content-title" > 1250 <div class="bloc-title-readmore"> 1251 <a href="/jeuxconcours" 1252 class="read-more-title"><i 1253 class="fa fa-arrow-circle-right"></i> Plus</a> 1254 </div> 1255 <h2 class="ellipsis ellipsis-1l" >Participez</h2> 1256 </div> 1257 1258 <div class="wrap listed"> 1259 1260 1261 </div> 1262</div> 1263 1264 <div class="cl"></div> 1265 <!-- Fin traitement des blocs --> 1266 1267 1268<div class="bloc-content bc-one-column"> 1269 <div class="bloc-content-title" > 1270 <div class="bloc-title-readmore"> 1271 <a href="/agenda" 1272 class="read-more-title"><i 1273 class="fa fa-arrow-circle-right"></i> Plus</a> 1274 </div> 1275 <h2 class="ellipsis ellipsis-1l" >Prochains évènements</h2> 1276 </div> 1277 1278 <div class="wrap listed"> 1279 1280 1281 </div> 1282</div> 1283 1284 <div class="cl"></div> 1285 <!-- Fin traitement des blocs --> 1286 1287 <div class="bloc-content bc-one-column"> 1288 <div class="bloc-content-title" > 1289 <h2 class="ellipsis ellipsis-1l" >Retrouvez-nous sur</h2> 1290 </div> 1291 1292 <div class="link-socials"> 1293 <div class="link-socials-list"> 1294 1295 <div class="link-socials-item facebook"> 1296 <a class="link-socials-item-link" target="_blank" href="https://www.facebook.com/RadioWebpassion/"> 1297 <span class="link-socials-item-link-hover"></span> 1298 </a> 1299 <div class="link-socials-item-popup"> 1300 <span>Facebook</span> 1301 </div> 1302 </div> 1303 1304 <div class="link-socials-item twitter"> 1305 <a class="link-socials-item-link" target="_blank" href="https://twitter.com/radiowebpassion"> 1306 <span class="link-socials-item-link-hover"></span> 1307 </a> 1308 <div class="link-socials-item-popup"> 1309 <span>Twitter</span> 1310 </div> 1311 </div> 1312 1313 <div class="link-socials-item youtube"> 1314 <a class="link-socials-item-link" target="_blank" href="https://www.youtube.com/channel/UCaxDLSAiTeGI_dM5Cnj_XNw"> 1315 <span class="link-socials-item-link-hover"></span> 1316 </a> 1317 <div class="link-socials-item-popup">
1318 <span>YouTube</span> 1319 </div> 1320 </div> 1321 1322 1323 <div class="link-socials-item ios"> 1324 <a class="link-socials-item-link" target="_blank" href="https://apps.apple.com/fr/app/radio-webpassion-officiel/id826440034"> 1325 <span class="link-socials-item-link-hover"></span> 1326 </a> 1327 <div class="link-socials-item-popup"> 1328 <span>iPhone</span> 1329 </div> 1330 </div> 1331 1332 <div class="link-socials-item android"> 1333 <a class="link-socials-item-link" target="_blank" href="https://play.google.com/store/apps/details?id=com.icreo.radiowebpassionofficiel&hl=en_US"> 1334 <span class="link-socials-item-link-hover"></span> 1335 </a> 1336 <div class="link-socials-item-popup"> 1337 <span>Android</span> 1338 </div> 1339 </div> 1340 1341 1342 </div> 1343 </div> 1344</div> 1345 </div> 1346 </div> 1347 </div> 1348</div> 1349
1350<script type="text/javascript"> 1351 var use = 0; 1352</script>
1352 1353 1354 1355<div id="modal-dedicaces" class="modal fade" role="dialog" data-backdrop="static"> 1356 <div class="modal-dialog"> 1357 <!-- Modal content--> 1358 <div class="modal-content"> 1359 <div class="modal-header"> 1360 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" 1361 aria-hidden="true"></i> 1362 </button> 1363 <h4 class="title-font">Envoyer une dédicace</h4> 1364 </div> 1365 1366 <div class="modal-body"> 1367 1368 <div id="connexion-ajax-errors" style="display : none;"></div> 1369 1370 <form method="post" id="ajoutform" 1371 action="/dedicaces/index/ajoutdedicaceajax"> 1372 1373 <div class="form-group"> 1374 <input type="text" class="form-control" id="pseudo" name="pseudo" 1375 placeholder="Pseudo" value="" 1376 maxlength="12" required aria-describedby="inputErrorUsernameDedi"/> 1377 <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> 1378 <span class="hidden" 1379 id="dediUsernameErrorPlaceholder">Vous devez renseigner un pseudo</span> 1380 <span id="inputErrorUsernameDedi" 1381 class="sr-only">(Vous devez renseigner un pseudo)</span> 1382 </div> 1383 1384 <div class="form-group"> 1385 <textarea name="message" id="message" class="form-control" maxlength="300" rows="2" 1386 placeholder="Message" required 1387 aria-describedby="inputErrorMessageDedi"></textarea> 1388 <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> 1389 <span class="hidden" 1390 id="dediMessageErrorPlaceholder">Vous devez écrire un message</span> 1391 <span id="inputErrorMessageDedi" 1392 class="sr-only">(Vous devez écrire un message)</span> 1393 </div> 1394 1395 1396 <div class="form-group"> 1397 <img id="captchaImgDedi" src="/default/index/captcha"/> 1398 </div> 1399 <div class="form-group" style="float : none;"> 1400 <input type="hidden" name="google_captcha_is_used_dedi" id="google_captcha_is_used_dedi" 1401 value=""/> 1402 <input type="text" name="captcha_value_dedi" id="captcha_value_dedi" class="form-control" 1403 size="40" 1404 placeholder="Veuillez recopier les lettres suivantes" 1405 aria-describedby="inputErrorCaptchaDedi"/> 1406 <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> 1407 <span class="hidden" 1408 id="captchaErrorPlaceholder">Captcha invalide.</span> 1409 <span id="inputErrorCaptchaDedi" 1410 class="sr-only">(Captcha invalide.)</span> 1411 </div> 1412 1413 </form> 1414 </div> 1415 1416 <div class="modal-footer"> 1417 <button id="envoyer-dedicace" 1418 class="modal-connexion btn btn-primary btn-auto">Envoyer ma dédicace</button> 1419 </div> 1420 </div> 1421 </div> 1422</div> 1423
1424<script type="text/javascript"> 1425 $(document).ready(function () { 1426 1427 $(document).on('click', '.ajouter-dedicace', function () { 1428 $('#modal-dedicaces').modal(); 1429 return false; 1430 }) 1431 1432 $('#envoyer-dedicace').click(function (e) { 1433 submitdedicace(); 1434 }); 1435 }); 1436</script>
1436 1437
1438<script type="text/javascript"> 1439 1440 function submitdedicace() { 1441 if (use == 0) { 1442 var valid = true; 1443 1444 use = 0; 1445 var pseudoDedi = $('#ajoutform #pseudo').val(); 1446 var messageDedi = $('#ajoutform #message').val(); 1447 1448 if (booleanCompare(pseudoDedi.length, 1, "lt")) { 1449 valid = false; 1450 $('#ajoutform #pseudo').parent().addClass('has-error has-feedback'); 1451 $('#ajoutform #pseudo').attr('placeholder', $('#dediUsernameErrorPlaceholder').html()); 1452 } 1453 else { 1454 $('#ajoutform #pseudo').parent().removeClass('has-error has-feedback'); 1455 } 1456 if (booleanCompare(messageDedi.length, 1, "lt")) { 1457 valid = false; 1458 $('#ajoutform #message').parent().addClass('has-error has-feedback'); 1459 $('#ajoutform #message').attr('placeholder', $('#dediMessageErrorPlaceholder').html()); 1460 } 1461 else { 1462 $('#ajoutform #message').parent().removeClass('has-error has-feedback'); 1463 } 1464 1465 if (valid) { 1466 var captchaResponse = $('#recaptchaDedicace .g-recaptcha-response').val(); 1467 if (captchaResponse != undefined) { 1468 var dataForm = $('#ajoutform').serialize() + '&g_recaptcha_response=' + captchaResponse; 1469 } else { 1470 var dataForm = $('#ajoutform').serialize(); 1471 } 1472 var errorshtml = '<div class="progress progress-striped active"><div class="bar" style="width: 90%;"></div></div>'; 1473 1474 $.ajax({ 1475 url: $('#ajoutform').attr('action'), 1476 type: $('#ajoutform').attr('method'), 1477 data: dataForm, 1478 success: function (json) { 1479 1480 var obj = jQuery.parseJSON(json); 1481 1482 if (obj.code == 'error') { 1483 use = 0; 1484 var errors = obj.errors; 1485 var errorshtml = '<div class="alert alert-error hideit">'; 1486 1487 for (i = 0; booleanCompare(i, errors.length, "lt"); i++) { 1488 errorshtml += '<p class="text-error" style="padding:0;">' + errors[i] + '</p>'; 1489 } 1490 1491 errorshtml += '</div>'; 1492 1493 $('#captcha_value_dedi').parent().addClass('has-error has-feedback'); 1494 $('#captcha_value_dedi').attr('placeholder', $('#captchaErrorPlaceholder').html()); 1495 1496 $('#captchaImgDedi').attr("src", '/default/index/captcha'); 1497 $('#captchaImg').attr("src", '/default/index/captcha'); 1498 $('#captcha_value_dedi').val(""); 1499 } else if (obj.code == 'success') { 1500 $('#ajoutform #pseudo').val(''); 1501 $('#ajoutform #message').val(''); 1502 $('#notif').fadeIn(); 1503 $('#notif').html(obj.message); 1504 setTimeout(function () { 1505 $('#notif').fadeOut(); 1506 }, 3000); 1507 if (captchaResponse != undefined) grecaptcha.reset(widgetIdDedi); 1508 $('#modal-dedicaces').modal('hide'); 1509 } 1510 } 1511 }); 1512 } 1513 return false; 1514 } 1515 } 1516</script>
1516 1517<div id="modal_mdp_oublie" class="modal fade" role="dialog" data-backdrop="static"> 1518 <div class="modal-dialog"> 1519 <!-- Modal content--> 1520 <div class="modal-content"> 1521 <div class="modal-header"> 1522 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" 1523 aria-hidden="true"></i> 1524 </button> 1525 <h4>Mot de passe oublié ? Pas de problème.</h4> 1526 </div> 1527 1528 <div class="modal-body"> 1529 <div id="mdp_oublie_errors" style="display : none;"></div> 1530 1531 <form method="post" id="mdpoublieformnouveau" 1532 action="/utilisateurs/index/oublie"> 1533 1534 <div class="form-group"> 1535 <label for="mail_client" 1536 class="headline headlinemodal">Saisissez votre adresse email ici :</label> 1537 <input type="text" class="form-control" id="mail_client" name="mail_client" 1538 placeholder="Mail" required /> 1539 <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> 1540 </div> 1541 </form> 1542 </div> 1543 1544 <div class="modal-footer"> 1545 <button class="mdpoublie_client modal-mdp-oublie btn btn-primary">Envoyer</button> 1546 </div> 1547 </div> 1548 </div> 1549</div> 1550 1551 1552
1553<script type="text/javascript"> 1554 $(document).ready(function () { 1555 1556 $('.mdpoublie_client').click(function (e) { 1557 mdpOublieClient(); 1558 }); 1559 1560 }); 1561 1562</script>
1562 1563
1564<script type="text/javascript"> 1565 function mdpOublieClient() { 1566 var errorshtml = '<div class="progress active"><div class="bar" style="width: 95%;"></div></div>'; 1567 $('#mdp_oublie_errors').html(errorshtml); 1568 $('#mdp_oublie_errors').show(); 1569 1570 $.ajax({ 1571 url: $('#mdpoublieformnouveau').attr('action'), 1572 type: 'post', 1573 data: $('#mdpoublieformnouveau').serialize(), 1574 success: function (json) { 1575 var obj = jQuery.parseJSON(json); 1576 1577 if (obj.code == 'error') { 1578 var errors = obj.errors; 1579 1580 var errorshtml = '<div class="alert alert-error hideit">'; 1581 1582 for (i = 0; i < errors.length; i++) { 1583 errorshtml += '<p class="text-error" style="padding:0;">' + errors[i] + '</p>'; 1584 } 1585 1586 errorshtml += '</div>'; 1587 1588 $('.error').hide(); 1589 $('#mdp_oublie_errors').html(errorshtml); 1590 $('#mdp_oublie_errors').show(); 1591 } 1592 else if (obj.code == 'success') { 1593 //$("#mdp_oublie_errors").html("<div class='alert alert-success hideit'><p>Nous venons de vous envoyer un email pour que vous puissiez modifier votre mot de passe.</p><p>Vérifier dans votre boite de spam si vous ne voyez pas le mail.</p></div>"); 1594 $("#mdpoublieformnouveau").hide(); 1595 $(".mdpoublie_client").hide(); 1596 $("#mdp_oublie_errors").html("<div class='alert alert-success hideit'><p>Nous venons de vous envoyer un email pour que vous puissiez modifier votre mot de passe.</p><p>Vérifier dans votre boite de spam si vous ne voyez pas le mail.</p></div>"); 1597 $("#mdp_oublie_errors").show(); 1598 setTimeout(function () { 1599 $('#modal_mdp_oublie').modal('hide'); 1600 }, 5000); 1601 } 1602 } 1603 }); 1604 } 1605</script>
1605<div class="footer container counter-container hidden-sm hidden-xs"> 1606 <div class="container m-b-30"> 1607 <div class="row"> 1608 1609 <!-- A changer en fonction du type de bloc --> 1610 <div class="col-xs-12 col-sm-6"> 1611 1612 <div class="row"> 1613 <div class="col-xs-12 "> 1614 1615<div id="bloc-slide-photo" class="bloc-content carousel carousel-bloc slide"> 1616 1617 <div class="wrap"> 1618 1619 <div class="row"> 1620 <div class="col-md-12"> 1621 <div class="bloc-content-title slider-bloc-content-title"> 1622 <h3 class="h2-slider ellipsis ellipsis-1l">EQUIPE RADIO WEB PASSION</h3> 1623 <div class="carousel-controls carousel-6ac7e11882e6f-controls hide-arrows"> 1624 </div> 1625 </div> 1626 </div> 1627 </div> 1628 1629 1630 <div class="owl-carousel carousel-6ac7e11882e6f row" role="listbox"> 1631 <!-- Si nb_items n'est pas à 0, c'est que la div n'est pas refermée --> 1632 <div class="item"> 1633 1634 <a class="mosaic-footer " 1635 href="/equipes/rene-tonon-26"> 1636 <div class="cover-preview"> 1637 <img src="/upload/equipes/mini/69d75521426943.13716481.png" class="cover-img"/> 1638 </div> 1639 </a> 1640 1641 1642 <a class="mosaic-footer " 1643 href="/equipes/annie-lepage-15"> 1644 <div class="cover-preview"> 1645 <img src="/upload/equipes/mini/5e808a03d7f0e1.52894377_mini.bmp" class="cover-img"/> 1646 </div> 1647 </a> 1648 1649 </div> 1650 <!-- Si nb_items n'est pas à 0, c'est que la div n'est pas refermée --> 1651 <div class="item"> 1652 1653 <a class="mosaic-footer " 1654 href="/equipes/sebastien-19"> 1655 <div class="cover-preview"> 1656 <img src="/upload/equipes/mini/5faacb7fc4cf71.99203823_mini.jpg" class="cover-img"/> 1657 </div> 1658 </a> 1659 1660 1661 <a class="mosaic-footer " 1662 href="/equipes/jipe-18"> 1663 <div class="cover-preview"> 1664 <img src="/upload/equipes/mini/5f7ac720cb7256.12755830_mini.jpg" class="cover-img"/> 1665 </div> 1666 </a> 1667 1668 </div> 1669 <!-- Si nb_items n'est pas à 0, c'est que la div n'est pas refermée --> 1670 <div class="item"> 1671 1672 <a class="mosaic-footer " 1673 href="/equipes/didier-14"> 1674 <div class="cover-preview"> 1675 <img src="/upload/equipes/mini/5e8086a4f04980.84684823_mini.jpg" class="cover-img"/> 1676 </div> 1677 </a> 1678 1679 1680 <a class="mosaic-footer " 1681 href="/equipes/jean-13"> 1682 <div class="cover-preview"> 1683 <img src="/upload/equipes/mini/5e7755c69f0c75.47678220_mini.jpg" class="cover-img"/> 1684 </div> 1685 </a> 1686 1687 </div> 1688 <!-- Si nb_items n'est pas à 0, c'est que la div n'est pas refermée --> 1689 <div class="item"> 1690 1691 <a class="mosaic-footer " 1692 href="/equipes/fabien-12"> 1693 <div class="cover-preview"> 1694 <img src="/upload/equipes/mini/5e775572d10467.09441763_mini.jpg" class="cover-img"/> 1695 </div> 1696 </a> 1697 1698 <!-- Si nb_items n'est pas à 0, c'est que la div n'est pas refermée --> 1699 </div> 1700 </div> 1701 </div> 1702 1703</div> 1704
1705<script type="text/javascript"> 1706 $(document).ready(function () { 1707 $("#lightgallery_6ac7e11882e6f").lightGallery({ 1708 selector: '.galleryselector_6ac7e11882e6f', 1709 counter: false, 1710 hideBarsDelay: 3000, 1711 speed: 400 1712 }); 1713 }); 1714</script>
1714 1715
1716<script type="text/javascript"> 1717 $('.carousel-6ac7e11882e6f').owlCarousel({ 1718 loop: false, 1719 margin: 10, 1720 nav: true, 1721 navText: ['<span class="carousel-control left" data-slide="prev"><span class="fa fa-chevron-left"></span></span>', '<span class="carousel-control right" data-slide="next"><span class="fa fa-chevron-right"></span></span>'], 1722 navContainer: ".carousel-6ac7e11882e6f-controls", 1723 autoplay: true, 1724 rewind: true, 1725 autoplayTimeout: 8000, 1726 responsive: { 1727 0: { 1728 items: 2 1729 }, 1730 600: { 1731 items: 6 1732 }, 1733 1000: { 1734 items:6 } 1735 } 1736 }); 1737 1738 $('.carousel-6ac7e11882e6f-controls').children('.carousel-control').on('click', function () { 1739 $('.carousel-6ac7e11882e6f').owlCarousel($(this).attr("data-slide")); 1740 }); 1741</script>
1741 1742 </div> 1743 </div> 1744 <!-- end foreach bloc --> 1745 </div> 1746 1747 <!-- A changer en fonction du type de bloc --> 1748 <div class="col-xs-12 col-sm-6"> 1749 1750 <div class="row"> 1751 <div class="col-xs-12 "> 1752 <div class="row"> 1753 <div class="col-md-12"> 1754 <div class="bloc-content-title"> 1755 <h3 class="ellipsis ellipsis-1l">TWITTER</h3> 1756 </div> 1757 </div> 1758 </div> 1759 <a class="twitter-timeline" href="https://twitter.com/radiowebpassion" 1760 data-height="310">Tweets 1761 by radiowebpassion</a> 1762
1762<script async type="opt-in" data-type="application/javascript" data-name="twitter" data-src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
1762 1763 </div> 1764 </div> 1765 <!-- end foreach bloc --> 1766 </div> 1767 <!-- end foreach colonne --> 1768 </div> 1769 1770 <div class="cl"></div> 1771 1772 1773 </div> 1774 <div class="mentions-radioking"> 1775 <div class="container"> 1776 <div class="row"> 1777 <div class='col-md-12 copyright'>RadioKing © 2026 | Site radio créé avec <a href="https://fr.radioking.com" title="Créez votre site radio sur Radio King">RadioKing</a>. RadioKing permet de <a href="https://fr.radioking.com/p/creer-webradio-guide/">faire une radio</a> en ligne facilement. </div> 1778 </div> 1779 </div> 1780 </div> 1781 </div> 1782
1783<script src="https://dfweu3fd274pk.cloudfront.net/theme3/script-bottom-b63cfa18e0.js"></script>
1783 1784 1785 1786
1786<script type="opt-in" data-type="application/javascript" data-name="glance-analytics" data-src="/themes/theme3/js/analytics.js" type="text/javascript"></script>
1786 1787
1787<script type="opt-in" data-type="application/javascript" data-name="twitter"> 1788 // Twitter 1789 window.twttr = (function (d, s, id) { 1790 var t, js, fjs = d.getElementsByTagName(s)[0]; 1791 if (d.getElementById(id)) return; 1792 js = d.createElement(s); 1793 js.id = id; 1794 js.src = "https://platform.twitter.com/widgets.js"; 1795 fjs.parentNode.insertBefore(js, fjs); 1796 return window.twttr || (t = { 1797 _e: [], ready: function (f) { 1798 t._e.push(f) 1799 } 1800 }); 1801 }(document, "script", "twitter-wjs")); 1802 1803 twttr.ready(function (twttr) { 1804 twttr.events.bind('tweet', function (event) { 1805 }); 1806 }); 1807</script>
1807 1808 1809 1810 1811
1811<script src="https://unpkg.com/[email protected]/dist/orejime.js"></script>
1811 1812
1812<script src="/js/orejimeconfiguration.js"></script>
1812 1813
1813<script> 1814 orejimeConfig.lang = 'fr'; 1815 Orejime.init(orejimeConfig); 1816 </script>
1816 1817 </body> 1818</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.