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://radiotopside.com/contact" rel="canonical" /> 6<link href="/upload/5a95230e483d20.32301937.ico" rel="icon" type="image/x-icon" /> <title>CONTACT PAGE - 1</title> 7 <meta name="description" content="RIEN"/> 8 <meta name="keywords" content="RIEN"/> 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 10 <meta http-equiv="Content-Language" content="fr"/> 11 12 <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"> 13 14 <link rel="stylesheet" href="https://dfweu3fd274pk.cloudfront.net/theme4/style-804e3a7cf9.css"/> 15 16 <link id="mystylecss" rel="stylesheet" href="/css/theme4/mystyle.css?refresh=6abfc83a2039a"> 17 18 19
19<script src="https://dfweu3fd274pk.cloudfront.net/theme4/script-0a8a17fe89.js"></script>
19 20
20<script src="https://maps.googleapis.com/maps/api/js?key=" async defer></script>
20 21 22 <!-- Google / Search Engine Tags --> 23 <meta itemprop="name" content="Radio Top Side" /> 24 <meta itemprop="description" content="RIEN" /> 25 <meta itemprop="image" content="https://radiotopside.com/upload/design/676ef5e71d3604.63324035.png" /> 26 <!-- Meta Facebook --> 27 <meta property="og:url" content="https://radiotopside.com/contact"/> 28 <meta property='og:site_name' content="Radio Top Side"/> 29 <meta property="og:title" content="Contactez-nous!"/> 30 <meta property="og:description" content=""/> 31 <meta property="og:type" content="article"/> 32 <meta property="og:image" content="https://radiotopside.com/upload/design/676ef5e71d3604.63324035.png"/> 33 <!-- Meta twitter --> 34 <meta name="twitter:card" content="summary_large_image"/> 35 <meta name="twitter:title" content="Contactez-nous!"/> 36 <meta name="twitter:description" content=""/> 37 <meta name="twitter:image" content="https://radiotopside.com/upload/design/676ef5e71d3604.63324035.png"/> 38 <meta name="twitter:image:alt" content="Contactez-nous!"/> 39 <meta property="fb:app_id" content="805430552986020"/> 40 <meta property="fb:admins" content="177928669652429"/> 41 <meta name="apple-itunes-app" content="app-id=1005673952"> 42 43 <style type="text/css"> 44 45 @font-face { 46 font-family: "mukta"; 47 src: url('//fonts.gstatic.com/s/mukta/v7/iJWKBXyXfDDVXYnGp32S0H3f.ttf'); 48 } 49 50 @font-face { 51 font-family: "opensans"; 52 src: url('//fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-U1UpcaXcl0Aw.ttf'); 53 } 54 55 .main-color, .list_element h4:hover, .list_element h3:hover, .list_element h2:hover, .list_element h1:hover, #date_diffusion + .bootstrap-datetimepicker-widget table td a span, #date_agenda + .bootstrap-datetimepicker-widget table td a span, #date_diffusion + .bootstrap-datetimepicker-widget table thead span, #date_agenda + .bootstrap-datetimepicker-widget table thead span, .box-play a, ul.pagination-custom li span, ul.pagination-custom li a { 56 color: !important; 57 } 58 59 .main-color-for-background, .centered-btns_tabs a, #date_diffusion + .bootstrap-datetimepicker-widget table td.active, #date_agenda + .bootstrap-datetimepicker-widget table td.active, #date_diffusion + .bootstrap-datetimepicker-widget table td.active:hover, #date_agenda + .bootstrap-datetimepicker-widget table td.active:hover, #date_diffusion + .bootstrap-datetimepicker-widget .btn-primary, #date_agenda + .bootstrap-datetimepicker-widget .btn-primary, .bootstrap-datetimepicker-widget table td span.active, .form-group-radio .radio-inline span:after, ul.pagination-custom#catpicker li .active span, .lg-progress-bar .lg-progress { 60 background: !important; 61 } 62 63 .main-color-for-background-5, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { 64 background: rgba(0, 0, 0, 0.05) 65 } 66 67 .main-color-for-background-10 { 68 background: rgba(0, 0, 0, 0.10) 69 } 70 71 .main-color-for-background-gradient { 72 background: linear-gradient(225deg, , ); 73 background: linear-gradient(225deg, , rgba(-50, -50, -50)); 74 } 75 76 .main-color-for-border-bottom { 77 border-bottom: solid 1px; 78 } 79 80 .main-color-for-border-bottom-color, #date_diffusion + .bootstrap-datetimepicker-widget table td.today:not(.active):before, #date_agenda + .bootstrap-datetimepicker-widget table td.today:not(.active):before { 81 border-bottom-color: ; 82 } 83 84 .form-control:focus, .form-group-radio .radio-inline input:checked ~ span { 85 border-color: ; 86 } 87 88 .title-font { 89 font-family: mukta } 90 91 .content-font, .form-control { 92 font-family: opensans } 93 94 .btn-primary, .btn-primary[disabled], .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, .btn-primary.disabled:focus { 95 background: linear-gradient(-135deg, , ); 96 background: linear-gradient(-135deg, 0%, rgba(-50, -50, -50) 100%); 97 } 98 99 .btn-primary::before { 100 background: linear-gradient(40.65deg, , ); 101 background: linear-gradient(40.65deg, 0%, rgba(-50, -50, -50) 100%); 102 } 103 104 .btn, .pagination-custom span.deactive { 105 font-family: opensans; 106 box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.5); 107 } 108 109 .navbar-player .control-play .fa { 110 color: ; 111 } 112 113 .footer { 114 margin-bottom: 0; 115 } 116 117 118 119 120 121 122 .logo { 123 height: 100px !important; 124 } 125 126 .navbar-header, 127 a.navbar-brand, 128 .navbar-player { 129 height: 110px; 130 } 131 132 .opened_menu_responsive #menu-responsive { 133 top: 144px; 134 } 135 136 .menu-label, 137 #fakeSearchButton, 138 .opened_search_bar #search-form { 139 top: 41px; 140 } 141 142 .openmenuButton { 143 top: 21px; 144 } 145 146 .navbar-header .close { 147 top: 23px; 148 } 149 150 .opened_search_bar #closeSearchBar { 151 top: 38px; 152 } 153 154 155 </style> 156 157 <style type="text/css" id="customCSS"> 158 </style> 159 160 <meta name="google-site-verification" content="k6KR0J7p-9BAFRkXHlfp_ZJ2tekjwuvE7vta9ML1cXc" /> <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/orejime.css"/> 161 <link rel="stylesheet" href="/css/common/orejime.css"/> 162</head> 163 164<body> 165<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 165-166
165 166<script async src="https://www.googletagmanager.com/gtag/js?id=
166UA-25437947-1
vendor: 13 bytes, line 166
166"></script>
167<script> 168
vendor: 138 bytes, lines 168-172
168window.dataLayer = window.dataLayer || []; 169 function gtag(){dataLayer.push(arguments);} 170 gtag('js', new Date()); 171 172 gtag('config', '
172UA-25437947-1
vendor: 5 bytes, line 172
172');
173</script>
173 174<div id='fb-root'></div> 175
175<script type='opt-in' data-type='application/javascript' data-name='facebook'> 176 window.fbAsyncInit = function() { 177 FB.init({ 178 appId : '805430552986020', 179 xfbml : true, 180 version : 'v18.0' 181 }); 182 }; 183 184 $(window).on('statechangecomplete', function() { 185 fbAsyncInit(); 186 }); 187 188 (function(d, s, id) { 189 var js, fjs = d.getElementsByTagName(s)[0]; 190 if (d.getElementById(id)) return; 191 js = d.createElement(s); js.id = id; 192 js.src = "https://connect.facebook.net/fr_FR/sdk.js"; 193 fjs.parentNode.insertBefore(js, fjs); 194 }(document, 'script', 'facebook-jssdk')); 195 </script>
195 196 197<!-- Script pour le Menu -->
198<script> 199 (function ($) { //create closure so we can safely use $ as alias for jQuery 200 $(document).ready(function () { 201 $('#navbar-sfmenu').superfish({ 202 speed: 'fast', 203 delay: 200 204 }); 205 }); 206 })(jQuery); 207</script>
207 208 209<div id="menu-responsive-overlay"></div> 210 211<nav id="navbarscroll" class="navbar navbar-default navbar-fixed-top container counter-container"> 212 <!-- header-fixed-top pour fixer le header en haut + enlever le JS --> 213 <div class="nav-global content-font"> 214 <div id="toplink" class="scrolltoplink"> 215 <div class="container toplink-container"> 216 217 <div class="link-contact"> 218 <div class="dropdown"> 219 <button class="btn btn-toplink dropdown-toggle" type="button" id="dropdownMenu12" 220 data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 221 <i class="fa fa-lock"></i> Espace membre <span class="caret"></span> 222 </button> 223 224 <ul class="dropdown-menu" aria-labelledby="dropdownMenu12"> 225 <li class="navbarItem-user hidden "> 226 <a href="/utilisateurs" 227 role="button" data-toggle="modal"><i 228 class="fa fa-user"></i> Mon compte</a> 229 </li class="navbarItem-user hidden "> 230 <li role="separator" 231 class="divider navbarItem-user hidden "></li> 232 <li class="navbarItem-user hidden "> 233 <a id="logout" 234 href="/utilisateurs/index/logout"> 235 <i class="fa fa-sign-out"></i> Fermer ma session </a> 236 </li> 237 <li class="navbarItem-guest "> 238 <a href="/inscription"><i 239 class="fa fa-user"></i> Se connecter</a></li> 240 <li class="navbarItem-guest "> 241 <a href="#modal_mdp_oublie" role="button" data-toggle="modal"><i 242 class="fa fa-question-circle"></i> Mot de passe oublié ? </a></li> 243 </ul> 244 </div> 245 </div> 246 247 <div class="link-socials"> 248 <div class="link-socials-list"> 249 250 <div class="link-socials-item facebook"> 251 <a class="link-socials-item-link" target="_blank" 252 href="https://www.facebook.com/radiotopside/"> 253 <span class="link-socials-item-link-hover"></span> 254 </a> 255 <div class="link-socials-item-popup"> 256 <span>Facebook</span> 257 </div> 258 </div> 259 260 261 <div class="link-socials-item youtube"> 262 <a class="link-socials-item-link" target="_blank" 263 href="https://www.youtube.com/@radiotopside-officiel"> 264 <span class="link-socials-item-link-hover"></span> 265 </a> 266 <div class="link-socials-item-popup"> 267 <span>YouTube</span> 268 </div> 269 </div> 270 271 <div class="link-socials-item instagram"> 272 <a class="link-socials-item-link" target="_blank" 273 href="https://www.instagram.com/radiotopside/"> 274 <span class="link-socials-item-link-hover"></span> 275 </a> 276 <div class="link-socials-item-popup">
277 <span>Instagram</span> 278 </div> 279 </div> 280 281 <div class="link-socials-item ios"> 282 <a class="link-socials-item-link" target="_blank" 283 href="https://itunes.apple.com/us/app/topsideradio/id1005673952?l=fr&ls=1&mt=8"> 284 <span class="link-socials-item-link-hover"></span> 285 </a> 286 <div class="link-socials-item-popup"> 287 <span>iPhone</span> 288 </div> 289 </div> 290 291 <div class="link-socials-item android"> 292 <a class="link-socials-item-link" target="_blank" 293 href="https://play.google.com/store/apps/details?id=com.icreo.topside"> 294 <span class="link-socials-item-link-hover"></span> 295 </a> 296 <div class="link-socials-item-popup"> 297 <span>Android</span> 298 </div> 299 </div> 300 301 302 </div> 303 </div> 304 </div> 305 </div> 306 307 <div class="navbarheaderzone"> 308 <div class="container navheaderbg"> 309 <div class="navbar-header"> 310 <div class="open-menu-div"> 311 <span class="openmenuButton" id="menu-opener"> 312 <i class="fa fa-bars"></i> 313 </span> 314 <div class="title-font menu-label menu-label-ouvert">Menu</div> 315 </div> 316 <div class="close-menu-div"> 317 <button id="closeMenu" type="button" class="close" aria-label="Close"> 318 <span aria-hidden="true">×</span> 319 </button> 320 <div class="title-font menu-label menu-label-fermer">Fermer</div> 321 </div> 322 323 <a class="navbar-brand" href="/"><img 324 src="/upload/design/676ef5e71d3604.63324035.png" alt="logo" 325 class="logo"/></a> 326 327 <div class="navbar-player main-color-for-background-gradient"> 328 <div class="control-infos" id="navbar-player-titrage"> 329 <a class="control-play"> 330 <i class="fa fa-play play-button"></i> 331 <i class="fa fa-pause pause-button" style="display: none;"></i> 332 <i class="fa fa-spinner fa-spin player-loader" style="display: none;"></i> 333 </a> 334 <span class="control-track"> 335 <span class="title ellipsis ellipsis-1l title-font"></span> 336 <span class="artist ellipsis ellipsis-1l title-font"></span> 337 </span> 338 <div class="clear"></div> 339 </div> 340 </div> 341 </div> 342 343<form class="searchform searchform-menu" id="search-form" method="post"> 344 <button type="submit" id="searchButton" class="search-button"><i class="fa fa-search"></i></button> 345 <input class="title-font search-bar" type="text" id="searchBar" name="query" placeholder="Rechercher sur le siteâ¦" disabled /> 346</form> 347<button type="submit" id="fakeSearchButton" class="search-button"><i class="fa fa-search"></i></button> 348<button id="closeSearchBar" type="button" class="close" aria-label="Close"> 349 <span aria-hidden="true">×</span> 350</button> 351
352<script type="text/javascript"> 353 354 $("#searchBar").keydown(function (e) { 355 var key = (e.which) ? e.which : e.keyCode; 356 357 if (key === 13) { 358 e.stopPropagation(); 359 e.preventDefault(); 360 } 361 }); 362 363 $("#searchBar").keyup(function (e) { 364 var key = (e.which) ? e.which : e.keyCode; 365 if (key === 13) { 366 if($("#searchBar").val().trim().length > 0) { 367 $(".searchform").attr("action",'/' + 'recherche' + '/' + $("#searchBar").val()); 368 $("body").removeClass('opened_search_bar'); 369 $("#searchBar").attr('disabled','disabled'); 370 $("#search-form").submit(); 371 } 372 } 373 }); 374 375 $('#searchButton').click(function (e) { 376 e.stopPropagation(); 377 e.preventDefault(); 378 379 if($("#searchBar").val().trim().length > 0) { 380 $(".searchform").attr("action",'/' + 'recherche' + '/' + $("#searchBar").val()); 381 $("body").removeClass('opened_search_bar'); 382 $("#searchBar").attr('disabled','disabled'); 383 $("#search-form").submit(); 384 } 385 }); 386 387</script>
387 388 </div> 389 </div> 390 </div> 391 <div class="ticker-bar"> 392 <div class="ticker__title"> 393 <p> 394 A LA UNE </p> 395 </div> 396 <div class="ticker-wrap"> 397 <div class="ticker"> 398 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 399 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 400 <span class="oval"></span> 401 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 402 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 403 <span class="oval"></span> 404 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 405 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 406 <span class="oval"></span> 407 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 408 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 409 <span class="oval"></span> 410 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 411 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 412 <span class="oval"></span> 413 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 414 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 415 <span class="oval"></span> 416 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 417 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 418 <span class="oval"></span> 419 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 420 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 421 <span class="oval"></span> 422 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 423 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a>
424 <span class="oval"></span> 425 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 426 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 427 <span class="oval"></span> 428 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 429 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 430 <span class="oval"></span> 431 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 432 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 433 <span class="oval"></span> 434 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 435 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 436 <span class="oval"></span> 437 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 438 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 439 <span class="oval"></span> 440 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 441 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 442 <span class="oval"></span> 443 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 444 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 445 <span class="oval"></span> 446 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 447 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 448 <span class="oval"></span> 449 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 450 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a>
451 <span class="oval"></span> 452 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 453 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 454 <span class="oval"></span> 455 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 456 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 457 <span class="oval"></span> 458 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 459 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 460 <span class="oval"></span> 461 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 462 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 463 <span class="oval"></span> 464 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 465 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 466 <span class="oval"></span> 467 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 468 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 469 <span class="oval"></span> 470 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 471 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 472 <span class="oval"></span> 473 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 474 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 475 <span class="oval"></span> 476 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 477 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a>
478 <span class="oval"></span> 479 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 480 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 481 <span class="oval"></span> 482 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" class="ticker__item"> 483 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </a> 484 <span class="oval"></span> 485 </div> 486 </div> 487 </div>
488<script> 489 490 $(".ticker").clone().appendTo(".ticker-wrap"); 491 492 $(".ticker").mouseenter(function() { 493 $(".ticker").css("animation-play-state", "paused"); 494 }); 495 496 $(".ticker").mouseleave(function() { 497 $(".ticker").css("animation-play-state", "running"); 498 }); 499</script>
499 500 501<div id="player-header" class="player-radio-bar main-color-for-background-gradient "> 502 <div class="container"> 503 504
504<script> 505 $(function() { 506 radioURL = "https://play.radioking.io/radio-top-side/275656"; 507 if(Cookies.get("streamQuality") !== undefined){ 508 if(Cookies.get("streamQuality") === "BD") { 509 if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 510 radioURL = ""; 511 } 512 $("#HD-link").attr("class", "hd-off"); 513 $("#HD-link").attr("data-val", "0"); 514 515 } else if(Cookies.get("streamQuality") === "HD") { 516 if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) { 517 radioURL = ""; 518 } 519 } 520 } 521 522 if(radioURL === ""){ 523 radioURL = "https://play.radioking.io/radio-top-side/275656"; 524 } 525 526 initPlayer(radioURL, "Radio Top Side HD+", "/upload/players/6807ab70b92c72.30134560.gif", "2","0") 527 528 }); 529 </script>
529 530 <span class="container-control-stream"> 531 <span class="control-stream"> 532 533 <div id="current-radio" data-flux="https://play.radioking.io/radio-top-side/275656" 534 data-flux-bd="" 535 data-flux-hd="" 536 data-logo="/upload/players/6807ab70b92c72.30134560.gif" 537 data-name="Radio Top Side HD+" 538 data-autoplay="0" 539 data-idplayer="2"> 540 <img src="/upload/players/6807ab70b92c72.30134560.gif" 541 class="logo-stream"/><span 542 class="stream-name hidden-xs title-font">Radio Top Side HD+</span> 543 <div class="multistream-button"> 544 <i class="fa fa-indent"></i> 545 </div> 546 </div> 547 548 <div id="other-radios" class="main-color-for-background"> 549 <div class="radio-choice" data-flux="https://play.radioking.io/radio-top-side/275653" 550 data-flux-bd="" 551 data-flux-hd="" 552 data-logo="/upload/players/680e5cd21e7de6.32573217.gif" 553 data-name="Radio Top Side SD" 554 data-idplayer="1"> 555 <img src="/upload/players/680e5cd21e7de6.32573217.gif" 556 class="logo-stream-others"/><span 557 class="stream-name-others hidden-xs title-font">Radio Top Side SD</span> 558 </div> 559 <div class="multistream-separator"></div> 560 <div class="radio-choice" data-flux="https://www.radioking.com/play/radio-top-side/275653" 561 data-flux-bd="" 562 data-flux-hd="" 563 data-logo="/upload/players/5be08a54bfa576.69319439.gif" 564 data-name="Radio Top Side AAC+" 565 data-idplayer="3"> 566 <img src="/upload/players/5be08a54bfa576.69319439.gif" 567 class="logo-stream-others"/><span 568 class="stream-name-others hidden-xs title-font">Radio Top Side AAC+</span> 569 </div> 570 <div class="multistream-separator"></div> 571 </div> 572 </span> 573 </span> 574 575 <span class="container-radio-back-button"> 576 <span id="radio-back-button" data-flux="https://play.radioking.io/radio-top-side/275656" 577 data-flux-bd="" 578 data-flux-hd="" 579 data-logo="/upload/players/6807ab70b92c72.30134560.gif" 580 data-name="Radio Top Side HD+" 581 data-autoplay="0" 582 data-idplayer="2"> 583 584 <div class="title-font back-to-radio-text"> 585 <i class="fa fa-arrow-left"></i> 586 <div> 587 Retour à la radio </div> 588 </div> 589 </span> 590 </span> 591 592 <div class="control-infos" id="titrage"> 593 <span class="control-cover cover-titrage"> 594 <img class="media-cover" src=""> 595 </span> 596 <a class="control-play"> 597 <i class="fa fa-play play-button"></i> 598 <i class="fa fa-pause pause-button" style="display: none;"></i> 599 <i class="fa fa-spinner fa-spin player-loader" style="display: none;"></i> 600 </a> 601 <span class="control-track"> 602 <div class="marquee"> 603 <span class="title ellipsis ellipsis-1l title-font"></span> 604 <span class="artist ellipsis ellipsis-1l title-font"></span> 605 </div> 606 <div id="seek-bar" class="hidden"> 607 <div class="bar-zone"> 608 <div class="seek-slider"> 609 <div class="bgSeekSlider"></div> 610 </div> 611 </div> 612 <div class="time-left"></div> 613 </div> 614 </span> 615 <div class="clear"></div> 616 617 </div>
618 <span class="open-actions hidden"> 619 <i> 620 <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"> 621 <defs> 622 <filter x="-3.5%" y="-2.4%" width="107.0%" height="104.8%" filterUnits="objectBoundingBox" id="filter-1"> 623 <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> 624 <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> 625 <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> 626 <feMerge> 627 <feMergeNode in="shadowMatrixOuter1"></feMergeNode> 628 <feMergeNode in="SourceGraphic"></feMergeNode> 629 </feMerge> 630 </filter> 631 </defs> 632 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 633 <g id="dot-open-actions" transform="translate(-207.000000, -84.000000)" fill="#FFFFFF" fill-rule="nonzero"> 634 <g id="Top-header-2" transform="translate(-5.466844, 0.000000)" filter="url(#filter-1)"> 635 <g id="Group-3" transform="translate(5.466844, 64.000000)"> 636 <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> 637 </g> 638 </g> 639 </g> 640 </g> 641 </svg> 642 </i> 643 </span> 644 <div class="control-actions-right"> 645 646 <span class="control-actions"> 647 <a id="player-vote"><i class='far fa-heart'></i></a> 648 <div id="partage"> 649 <i class="fa fa-share-alt fa-lg fa-fw"></i> 650 <div class="noselect "> 651 652 <a class="twitter content-font" target="_blank"> 653 <i class="fa-brands fa-square-x-twitter"></i> Tweeter ce titre </a> 654 </div> 655 </div> 656 <a id="player-download" href="#" target="_blank" class="disabled"> 657 <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"> 658 <g class="shopping-cart"> 659 <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 660 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 661 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 662 C17,11.3,17.3,11,17.4,10.6z"/> 663 </g> 664 </svg></i> 665 </a> 666 <div class="hidden" 667 id="player-share-track">Je suis en train dâécouter [$1] sur [$2] !</div> 668 <div class="hidden" 669 id="player-share-podcast">Je suis en train dâécouter le podcast [$1] !</div> 670 <div class="hidden" 671 id="player-share-sample">Je suis en train dâécouter lâextrait [$1] !</div> 672 </span> 673 674 <div class="control-volume hidden-sm hidden-xs"> 675 <a id="mute-volume" class="toggle-volume"> 676 <i class="fa fa-fw fa-volume-up fa-lg"></i> 677 </a> 678 <a id="unmute-volume" class="toggle-volume" style="display: none;"> 679 <i class="fa fa-fw fa-volume-off fa-lg"></i> 680 </a> 681 682 <div class="control-slider-volume hidden-sm hidden-xs"> 683 <div id="player-slider-volume"> 684 <div class="container-sliderVolume"> 685 <div class="bgSliderVolume"></div> 686 </div> 687 </div> 688 </div> 689 </div> 690 691 <div class="last-track-zone hidden-sm hidden-xs"> 692 <div class="last-track-button"> 693 <a class="control-last-track"> 694 <i class="fa fa-music fa-fw fa-lg"></i> 695 </a> 696 </div>
697 <span class="container-last-track-list"> 698 <div id="last-track-list" class="last-track-list main-color-for-background"> 699 <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">17:04</div><div class="col-sm-2 track-cover"><img src="https://cover.radioking.io/81d78870-46d2-11f1-9825-61ca152db120.jpg" /></div><div class="col-sm-6 track-titration ellipsis ellipsis-1l"><div class="track-title ellipsis ellipsis-1l title-font">give me a call (someday)</div><div class="track-artist ellipsis ellipsis-1l title-font">AUGIS & EMILIA ALI</div></div><div class="col-sm-2 track-download"><a id="player-download" href="https://music.apple.com/us/album/give-me-a-call-someday/1894020030?i=1894020033" 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"> 700 <g class="shopping-cart"> 701 <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 702 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 703 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 704 C17,11.3,17.3,11,17.4,10.6z"/> 705 </g> 706 </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">17:02</div><div class="col-sm-2 track-cover"><img src="https://cover.radioking.io/7e314840-6e0c-11f1-b456-b9707ce42e06.jpg" /></div><div class="col-sm-6 track-titration ellipsis ellipsis-1l"><div class="track-title ellipsis ellipsis-1l title-font">Systaime</div><div class="track-artist ellipsis ellipsis-1l title-font">CHRISTOPHE WILLEM</div></div><div class="col-sm-2 track-download"><a id="player-download" href="https://music.apple.com/us/album/systaime/6768335853?i=6768335854" 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"> 707 <g class="shopping-cart"> 708 <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 709 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 710 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 711 C17,11.3,17.3,11,17.4,10.6z"/> 712 </g> 713 </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">16:56</div><div class="col-sm-2 track-cover"><img src="https://cover.radioking.io/e356f020-d465-11e7-bc63-0d6ff10c2377.jpg" /></div><div class="col-sm-6 track-titration ellipsis ellipsis-1l"><div class="track-title ellipsis ellipsis-1l title-font">GYPSY</div><div class="track-artist ellipsis ellipsis-1l title-font">FLEETWOOD MAC</div></div><div class="col-sm-2 track-download"><a id="player-download" href="https://itunes.apple.com/us/album/gypsy/202271826?i=202272422" 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"> 714 <g class="shopping-cart"> 715 <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 716 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 717 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 718 C17,11.3,17.3,11,17.4,10.6z"/> 719 </g> 720 </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">16:54</div><div class="col-sm-2 track-cover"><img src="/upload/titres/covers/5be438ce63b8f5.92027636.png?v=1541683406" /></div><div class="col-sm-8 track-titration ellipsis ellipsis-1l"><div class="track-title ellipsis ellipsis-1l title-font">Comme quand j'étais môme</div><div class="track-artist ellipsis ellipsis-1l title-font">EDDY MITCHELL</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">16:50</div><div class="col-sm-2 track-cover"><img src="https://cover.radioking.io/cbaefe80-8396-11e9-b299-3f41579bd35e.jpg" /></div><div class="col-sm-6 track-titration ellipsis ellipsis-1l"><div class="track-title ellipsis ellipsis-1l title-font">NEVER REALLY OVER</div><div class="track-artist ellipsis ellipsis-1l title-font">KATY PERRY</div></div><div class="col-sm-2 track-download"><a id="player-download" href="https://music.apple.com/us/album/never-really-over/1464985433?i=1464985621" 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"> 721 <g class="shopping-cart"> 722 <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 723 v0.6c0,0.5,0.4,0.8,0.8,0.8h2.3l2.3,12.1c-0.
7236,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 724 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 725 C17,11.3,17.3,11,17.4,10.6z"/> 726 </g> 727 </svg></i></a></div></div></div> </div> 728 </span> 729 </div> 730 731 <div class="retractable-player"> 732 <a class="retract-player-button"> 733 <i class="fa fa-minus-circle fa-fw fa-lg"></i> 734 </a> 735 <a class="extend-player-button"> 736 <i class="fa fa-plus-circle fa-fw fa-lg"></i> 737 </a> 738 </div> 739 740 <div class="HD-button HD-not-available hidden-sm hidden-xs"> 741 <a id="HD-link" data-val="1"> 742 <svg viewBox="0 0 100 45" version="1.1" xmlns="http://www.w3.org/2000/svg"> 743 <g id="Group"> 744 <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" 745 id="HD"></path> 746 </g> 747 </svg> 748 </a> 749 </div> 750 </div> 751 </div> 752</div> 753</nav> 754 755
756<script> 757 if($('.logo').width() > 215){ 758 $('.logo').addClass('big'); 759 } 760</script>
760 761 762<div id="content-to-refresh"> 763
763<script> 764 $(function () { 765 window.refreshContentMargin = function () { 766 if (booleanCompare($(window).width(), 991, "gt")) { 767 if (booleanCompare($(".navbarheaderzone").height(), 70, "gt")) { 768 if ($("#player-header").css("position") != "fixed") { 769 770 var contentMargin = $("#content-to-refresh").css("margin-top"); 771 $("#content-to-refresh").css("margin-top", ($(".navbarheaderzone").height() - 70) + "px"); 772 } else if ($("#player-header").css("position") == "fixed") { 773 774 $("#content-to-refresh").css("margin-top", ($(".navbarheaderzone").height() - 140) + "px"); 775 } 776 } else { 777 $("#content-to-refresh").css("margin-top", ""); 778 } 779 } else { 780 $("#content-to-refresh").css("margin-top", ""); 781 } 782 } 783 784 window.refreshContentMargin(); 785 786 $(window).resize(function () { 787 window.refreshContentMargin(); 788 }); 789 }); 790 </script>
790 791 792 <nav id="menu-responsive"> 793 794 <ul id="content-menuresponsive"> 795 <li class="list-group panel"> 796 <i class="fa fa-home" aria-hidden="true"></i> 797 <a style="padding-left:0px" href="/" > 798 <span class="content-font rLink accueil-menu-span">Accueil</span> 799 800 </a> 801 802 <a class="list-group-item collapsed"></a> 803 <div class="spacer-menu"></div> 804 805 </li> 806 <li class="list-group panel"> 807 <a class='list-group-item' href="https://radiotopside.com/page/radio-top-side-13" > 808 <span class="content-font rLink">RADIO</span> 809 810 </a> 811 812 <ul class="content-font" id="menu_radio"> 813 <li class="list-group panel sub-menu "> 814 <a href="https://radiotopside.com/news/radio-top-side-s-ecoute-aussi-sur-la-rnt-789" > 815 Ecouter </a> 816 817 818 </li> 819 <li class="list-group panel sub-menu "> 820 <a href="/ckoi" > 821 Recherche de Titres </a> 822 823 824 </li> 825 <li class="list-group panel sub-menu "> 826 <a href="/page/telecharger-lapplication-34" > 827 TÃLÃCHARGER L'APPLICATION. </a> 828 829 830 </li> 831 <li class="list-group panel sub-menu "> 832 <a href="/emissions" > 833 Emissions </a> 834 835 836 </li> 837 <li class="list-group panel sub-menu "> 838 <a href="/emissions-148" > 839 Live Dj </a> 840 841 842 </li> 843 <li class="list-group panel sub-menu "> 844 <a href="/equipes-1" > 845 Equipes </a> 846 847 848 </li> 849 <li class="list-group panel sub-menu "> 850 <a href="/contact" > 851 Contact </a> 852 853 854 </li> 855 </ul> 856 <div class="spacer-menu"></div> 857 858 </li> 859 <li class="list-group panel"> 860 <a style="padding-left:0px" href="https://radiotopside.com/news/team-building-radio-creez-votre-emission-dentreprise-1220" target= "_blank" > 861 <span class="content-font rLink">Team Building Radio</span> 862 863 </a> 864 865 <a class="list-group-item collapsed"></a> 866 <div class="spacer-menu"></div> 867 868 </li> 869 <li class="list-group panel"> 870 <a class='list-group-item' href="/news/a-la-une-157/1" > 871 <span class="content-font rLink">INFO</span> 872 873 </a> 874 875 <ul class="content-font" id="menu_info"> 876 <li class="list-group panel sub-menu sub-sub-menu"> 877 <a data-parent="menu_info" 878 data-toggle="collapse" class="sub-sub-menu-parent list-group-item collapsed" 879 href="#submenu_coted-azur"> 880 Côte d'azur <i class="fa fa-caret-down"></i> 881 </a> 882 883 884 <ul id="submenu_coted-azur" 885 class="collapse" class="sub-sub-menu"> 886 887 <li class="list-group panel"> 888 889 <a href="/news/beausoleil-159/1" > 890 Beausoleil </a> 891 892 </li> 893 894 <li class="list-group panel"> 895 896 <a href="/news/roquebrune-cap-martin-201/1" > 897 Roquebrune Cap Martin </a> 898 899 </li> 900 901 <li class="list-group panel"> 902 903 <a href="/news/sospel-211/1" > 904 Sospel </a> 905 906 </li> 907 908 <li class="list-group panel"> 909 910 <a href="/news/menton-144/1" > 911 Menton </a> 912 913 </li> 914 </ul> 915 916 </li> 917 <li class="list-group panel sub-menu "> 918 <a href="/events-1" > 919 Evénements </a> 920 921 922 </li> 923 <li class="list-group panel sub-menu "> 924 <a href="/page/circulation-en-temps-reel-18" > 925 Circulation en temps réel </a> 926 927 928 </li> 929 <li class="list-group panel sub-menu "> 930 <a href="/news/high-tech-194/1" > 931 High-tech </a> 932 933 934 </li> 935 <li class="list-group panel sub-menu "> 936 <a href="/news/sport-198/1" > 937 Sport </a> 938 939 940 </li> 941 <li class="list-group panel sub-menu "> 942 <a href="news/sante-197/1" > 943 Santé </a> 944 945 946 </li> 947 </ul> 948 <div class="spacer-menu"></div> 949 950 </li> 951 <li class="list-group panel"> 952 <a style="padding-left:0px" href="/podcasts-1" >
953 <span class="content-font rLink">PODCASTS</span> 954 955 </a> 956 957 <a class="list-group-item collapsed"></a> 958 <div class="spacer-menu"></div> 959 960 </li> 961 <li class="list-group panel"> 962 <a class='list-group-item' href="https://radiotopside.com/news/radio-top-side-tv-1068" > 963 <span class="content-font rLink">VIDEOS EN DIRECT</span> 964 965 </a> 966 967 <ul class="content-font" id="menu_videosendirect"> 968 <li class="list-group panel sub-menu "> 969 <a href="https://radiotopside.com/page/video-en-direct-studio-1-33" > 970 Direct Studio 1 </a> 971 972 973 </li> 974 <li class="list-group panel sub-menu "> 975 <a href="https://radiotopside.com/page/video-en-direct-31" > 976 Direct studio 2 </a> 977 978 979 </li> 980 <li class="list-group panel sub-menu "> 981 <a href="https://radiotopside.com/page/video-en-direct-3-35" > 982 Direct Studio 3 </a> 983 984 985 </li> 986 </ul> 987 <div class="spacer-menu"></div> 988 989 </li> 990 <li class="list-group panel"> 991 <i class="fa fa-home" aria-hidden="true"></i> 992 <a style="padding-left:0px" href="/" > 993 <span class="content-font rLink accueil-menu-span">TCHAT</span> 994 995 </a> 996 997 <a class="list-group-item collapsed"></a> 998 <div class="spacer-menu"></div> 999 1000 </li> 1001 <li class="list-group panel"> 1002 <a class='list-group-item' href="/page/emploi-5" > 1003 <span class="content-font rLink">OFFRES D'EMPLOI</span> 1004 1005 </a> 1006 1007 <ul class="content-font" id="menu_offresd-emploi"> 1008 <li class="list-group panel sub-menu "> 1009 <a href="https://radiotopside.com/page/emploi-5" > 1010 France Travail Menton </a> 1011 1012 1013 </li> 1014 <li class="list-group panel sub-menu "> 1015 <a href="https://radiotopside.com/news/mission-locale-est-06-offres-d-emplois-pour-les-jeunes-de-16-a-25-ans-628" > 1016 La Mission Locale Est 06 </a> 1017 1018 1019 </li> 1020 </ul> 1021 <div class="spacer-menu"></div> 1022 1023 </li> 1024 <li class="list-group panel"> 1025 <a class='list-group-item' href="https://radiotopside.com/news/premium-275/1" > 1026 <span class="content-font rLink">PARTENAIRES</span> 1027 1028 </a> 1029 1030 <ul class="content-font" id="menu_partenaires"> 1031 <li class="list-group panel sub-menu "> 1032 <a href="https://radiotopside.com/news/actu-des-partenaires-281/1" > 1033 Leurs actus </a> 1034 1035 1036 </li> 1037 </ul> 1038 1039 </li> 1040 1041<div class="buttonMenu"> 1042 <div class='btnHidden'> 1043 <a class="connect btn btn-primary m-t-15" href="/inscription" role="button" 1044 data-toggle="modal">Se connecter</a> 1045 </div> 1046 1047 <div class='link-socials m-t-15'>
1048 <div class='link-socials-list m-t-15'> 1049 <div class="link-socials-item facebook"> 1050 <a class="link-socials-item-link" target="_blank" 1051 href="https://www.facebook.com/radiotopside/"> 1052 <span class="link-socials-item-link-hover"></span> 1053 </a> 1054 <div class="link-socials-item-popup"> 1055 <span>Facebook</span> 1056 </div> 1057 </div> 1058 <div class="link-socials-item youtube"> 1059 <a class="link-socials-item-link" target="_blank" 1060 href="https://www.youtube.com/@radiotopside-officiel"> 1061 <span class="link-socials-item-link-hover"></span> 1062 </a> 1063 <div class="link-socials-item-popup"> 1064 <span>YouTube</span> 1065 </div> 1066 </div> 1067 <div class="link-socials-item instagram"> 1068 <a class="link-socials-item-link" target="_blank" 1069 href="https://www.instagram.com/radiotopside/"> 1070 <span class="link-socials-item-link-hover"></span> 1071 </a> 1072 <div class="link-socials-item-popup"> 1073 <span>Instagram</span> 1074 </div> 1075 </div> 1076 <div class="link-socials-item ios"> 1077 <a class="link-socials-item-link" target="_blank" 1078 href="https://itunes.apple.com/us/app/topsideradio/id1005673952?l=fr&ls=1&mt=8"> 1079 <span class="link-socials-item-link-hover"></span> 1080 </a> 1081 <div class="link-socials-item-popup"> 1082 <span>iPhone</span> 1083 </div> 1084 </div> 1085 <div class="link-socials-item android"> 1086 <a class="link-socials-item-link" target="_blank" 1087 href="https://play.google.com/store/apps/details?id=com.icreo.topside"> 1088 <span class="link-socials-item-link-hover"></span> 1089 </a> 1090 <div class="link-socials-item-popup"> 1091 <span>Android</span> 1092 </div> 1093 </div> 1094 </div> 1095 </div> </ul> 1096 </nav> 1097 1098 <div id="container-overlay" class="container p-l-0 p-r-0"> 1099 <div id="overlay" style="display: none;"> 1100 <div id="img-overlay" style="display: none;" class="main-color"> 1101 <i class="fa fa-fw fa-spin fa-spinner" style="font-size: 4em;"></i> 1102 </div> 1103 <div id="text-overlay" style="display: none;" class="main-color title-font"> 1104 Chargement... </div> 1105 </div> 1106 </div> 1107 1108
1108<script type="text/javascript"></script>
1108 1109 1110 <div class="container m-b-15 centered"> 1111 </div> 1112 <!--Publicité gauche --> 1113 <div class='pubVert' style='position : absolute; margin-left: 254px; top: 310px; z-index: 100;'> 1114 </div> 1115 <!--Publicité droite --> 1116 <div class='pubVert' style='position : absolute; margin-left: 1654px; top: 310px; z-index: 100;'> 1117 </div> 1118 1119 <div class="container breadcrumb-container content-font"> 1120 <div class="container p-l-0 p-r-0"> 1121 <ol class="breadcrumb ellipsis ellipsis-1l main-color-for-background-5"> 1122 <li><a href="/" 1123 class="toptip" title="Accueil"><i class="fa fa-home"></i>Accueil </a> 1124 </li> 1125 <li class="active">Contactez-nous!</li> 1126 </ol> 1127 </div> 1128 </div> 1129 1130 1131 <div class="container body_wrap boxed content-font"> 1132 1133 1134 1135<div class="row"> 1136 <div class="col-xs-12 col-md-8 list_display"> 1137 <div class="title-super-container container"> 1138 <div class="container title-container"> 1139 <div class="row"> 1140 <div class="col-md-8 col-xs-12 layout-title"> 1141 <div> 1142 <h1 class="main_title title-font"> 1143 Contactez-nous! </h1> 1144 </div> 1145 </div> 1146 </div> 1147 </div> 1148 </div> 1149 <div class="main-color-for-border-bottom"></div> 1150 1151 <!-- Affichage contenu --> 1152 <div class="m-t-30"> 1153 <div class="alert alert-danger" style="display: none;"> 1154 Votre message n'a pu être correctement envoyé. <br />Il y a des erreurs dans le formulaire.</div> 1155<div class="alert alert-success form_success" 1156 style="display: none;">Merci! <br />Votre message a bien été envoyé.</div> 1157 1158 1159 <form action="/contact/index/sendmail" 1160 class="no-ajaxy row" method="post" id="contactform"> 1161 <div class="form-group col-sm-6"> 1162 <label for="name" class="control-label">Nom <span 1163 class="yellow">*</span></label> 1164 <div> 1165 <input type="text" class="form-control" id="name" name="name" 1166 placeholder="Nom" value=" " 1167 maxlength="30"/> 1168 <span class="hidden" 1169 id="ContactNameShortErrorPlaceholder">Le nom entré ne peut être inférieur à 3 caractères.</span> 1170 <span class="hidden" 1171 id="ContactNameLongErrorPlaceholder">Le nom entré ne peut être supérieur à 30 caractères.</span> 1172 <span class="glyphicon glyphicon-remove form-control-feedback m-r-15 m-t-25" aria-hidden="true"></span> 1173 </div> 1174 </div> 1175 1176 <div class="form-group col-sm-6"> 1177 <label for="email" class="control-label">Email <span 1178 class="yellow">*</span></label> 1179 <div> 1180 <input class="form-control" type="text" name="email" id="email" value=""/> 1181 </div> 1182 <span class="hidden" 1183 id="ContactMailErrorPlaceholder">Lâemail n'est pas valide.</span> 1184 <span class="glyphicon glyphicon-remove form-control-feedback m-r-15 m-t-25" aria-hidden="true"></span> 1185 </div> 1186 1187 <div class="form-group col-sm-6"> 1188 <label for="phone-number" class="control-label">Téléphone</label> 1189 <input class="form-control" type="text" name="phone-number" id="phone-number" value="" size="22""/> 1190 </div> 1191 1192 <div class="form-group col-sm-6"> 1193 <label for="url" class="control-label">Site Web</label> 1194 <input class="form-control" type="text" name="url" id="url" value="" size="22"/> 1195 </div> 1196 <div class="form-group col-sm-6"> 1197 <label for="subject" class="control-label">Sujet <span 1198 class="yellow">*</span></label> 1199 <div> 1200 <input class="form-control" type="text" name="subject" id="subject" value="" maxlength="100"/> 1201 </div>
1202 <span class="hidden" 1203 id="ContactSubjectShortErrorPlaceholder">Le sujet de votre message entré ne peut être inférieur à 3 caractères.</span> 1204 <span class="hidden" 1205 id="ContactSubjectLongErrorPlaceholder">Le sujet de votre message entré ne peut être supérieur à 100 caractères.</span> 1206 <span class="glyphicon glyphicon-remove form-control-feedback m-r-15 m-t-25" aria-hidden="true"></span> 1207 </div> 1208 1209 <div class="form-group col-sm-12"> 1210 <label for="message" class="control-label">Message <span 1211 class="yellow">*</span></label> 1212 <div> 1213 <textarea class="form-control" name="message" id="message" rows="5"></textarea> 1214 </div> 1215 <span class="hidden" 1216 id="ContactMessageErrorPlaceholder">Le message est obligatoire.</span> 1217 <span class="glyphicon glyphicon-remove form-control-feedback m-r-15 m-t-25" aria-hidden="true"></span> 1218 </div> 1219 1220 <div> 1221 <input type="hidden" 1222 value="/contact/index/sendmail" 1223 id="contacturl" name="contacturl"/> 1224 </div> 1225 1226 <div class="cl"></div> 1227 1228 <div class="form-group col-sm-8"> 1229 <div class="col-xs-6"> 1230 <input class="form-control" type="text" name="captcha_value" id="captcha_value_contact" 1231 placeholder="Veuillez recopier les lettres suivantes"/> 1232 <span class="glyphicon glyphicon-remove form-control-feedback m-r-15 m-t-25" 1233 aria-hidden="true"></span> 1234 </div> 1235 <div class="col-sm-6 col-xs-12"> 1236 <img name="captchaImgContact" id="captchaImgContact" src="/default/index/captcha"/> 1237 </div> 1238 <span class="hidden" 1239 id="ContactCaptchaErrorPlaceholder">Captcha non valide.</span> 1240 </div> 1241 <div class="loading"></div> 1242 <div class="form-group" style="float:right;"> 1243 <div class="col-xs-3 m-t-15"> 1244 <button class="btn btn-primary btn-auto" type="submit" );> 1245 Envoyer votre message </button> 1246 </div> 1247 </div> 1248 </form> 1249 <div class="alert alert-success" style="display: none;" 1250 id="contact-send-success">Merci! <br />Votre message a bien été envoyé.</div> 1251
1252<script type="text/javascript"> 1253 1254 $(document).ready(function () { 1255 $('#contactform').on('submit', function (e) { 1256 e.preventDefault(); 1257 window.scrollTo(0, 100); 1258 valid = true; 1259 var name = $('#name').val(); 1260 var email = $('#email').val(); 1261 var website = $('#url').val(); 1262 var subject = $('#subject').val(); 1263 var message = $('#message').val(); 1264 var telephone = $('#phone-number').val(); 1265 var captchaResponse = $('#recaptcha-contact .g-recaptcha-response').val(); 1266 var captcha_value = $('#captcha_value_contact').val(); 1267 1268 checkError($('#name'), $('#ContactNameShortErrorPlaceholder'), booleanCompare(name.length, 4, "lt")); 1269 if (valid) 1270 checkError($('#name'), $('#ContactNameLongErrorPlaceholder'), booleanCompare(name.length, 30, "gt")); 1271 checkError($('#email'), $('#ContactMailErrorPlaceholder'), !emailReg.test(email)); 1272 checkError($('#subject'), $('#ContactSubjectShortErrorPlaceholder'), booleanCompare(subject.length, 4, "lt")); 1273 if (booleanCompare(subject.length, 3, "gt")) 1274 checkError($('#subject'), $('#ContactSubjectLongErrorPlaceholder'), booleanCompare(subject.length, 100, "gt")); 1275 checkError($('#message'), $('#ContactMessageErrorPlaceholder')); 1276 1277 var dataString = $('#contactform').serialize(); 1278 1279 if (captcha_value != undefined) { // Captcha classique 1280 if (valid){ 1281 checkError($('#captcha_value_contact'), $('#ContactCaptchaErrorPlaceholder')); 1282 } 1283 if (!valid) { 1284 $('#captchaImg').attr("src", "/default/index/captcha"); 1285 $('#captchaImgContact').attr("src", "/default/index/captcha"); 1286 } 1287 } 1288 else { 1289 if (booleanCompare(captchaResponse.length, 1, "lt")) { // reCAPTCHA 1290 valid = false; 1291 $('#recaptcha-contact').addClass('has-error'); 1292 } 1293 else { 1294 $('#recaptcha-contact').removeClass('has-error'); 1295 dataString = dataString + '&g_recaptcha_response' + captchaResponse; 1296 } 1297 } 1298 1299 if (valid) { 1300 $.ajax({ 1301 type: "POST", 1302 url: $(this).attr('action'), 1303 data: dataString, 1304 dataType: "json", 1305 success: function (data) { 1306 if (data.code == 'error') { 1307 if (data.error != undefined) { // Captcha error 1308 if (captcha_value != undefined) { 1309 $('#captcha_value_contact').closest('.form-group').addClass('has-error has-feedback'); 1310 $('#captcha_value_contact').attr('placeholder', $('#ContactCaptchaErrorPlaceholder').html()); 1311 $('#captchaImg').attr("src", "/default/index/captcha"); 1312 $('#captchaImgContact').attr("src", "/default/index/captcha"); 1313 $('#captcha_value_contact').val(''); 1314 $('#captcha_value').val(''); 1315 } 1316 else { 1317 $('#recaptcha-contact').addClass('has-error'); 1318 } 1319 } 1320 } 1321 else { // Success 1322 window.scrollTo($('#contactform').offset().top, 0); 1323 $('#contactform').fadeOut(400, function () { 1324 $('#contact-send-success').fadeIn(); 1325 setTimeout(function () { 1326 $('#contact-send-success').fadeOut(400, function () { 1327 if (captcha_value == undefined) 1328 { 1329 grecaptcha.reset(widgetIdContact); // reCAPTCHA 1330 } else { 1331 var timestamp = new Date().getTime(); 1332 $('#captchaImg').attr("src", "/default/index/captcha?" + timestamp); 1333 $('#captchaImgContact').attr("src", "/default/index/captcha?" + timestamp); 1334 $('#captcha_value_contact').val(''); 1335 $('#captcha_value').val(''); 1336 } 1337 $('#contactform').fadeIn(); 1338 $('#name').val(""); 1339 $('#email').val(""); 1340 $('#url').val(""); 1341 $('#subject').val(""); 1342 $('#message').val(""); 1343 $('#phone-number').val(""); 1344 }); 1345 }, 10000); 1346 }); 1347 } 1348 }, 1349 error: function (e) { 1350 1351 } 1352 }); 1353 } 1354 }); 1355 }); 1356</script>
1356 1357 </div> 1358 </div> 1359 1360 <div class="hidden-xs hidden-sm col-md-4" id="sidebar"> 1361 1362 <div class="bloc-content bc-one-column"> 1363 <div class="row"> 1364 <div class="col-md-12"> 1365 <div class="bloc-content-title main-color-for-border-bottom title-font " > 1366 <h2 class="ellipsis ellipsis-1l" >Ils nous font confiance</h2> 1367 </div> 1368 </div> 1369 </div> 1370 <div class="bloc-pub wrap" style="padding-bottom:25px;"> 1371 <a href="/pub/44" target="_blank"><img class="img-responsive pub-center" src="/upload/publicite/6aa427307b9484.82640736.jpg" alt="" /></a> </div> 1372 </div> 1373 1374 <div class="cl"></div> 1375 1376 1377 <!-- Fin traitement des blocs --> 1378 1379 1380 1381 1382<div class="bloc-content bc-one-column "> 1383 <div class="bloc-content-title main-color-for-border-bottom title-font" > 1384 <div class="bloc-title-readmore"> 1385 <a href="/news" 1386 class="read-more-title"><i 1387 class="fa fa-arrow-circle-right"></i> Plus</a> 1388 </div> 1389 <h2 class="ellipsis ellipsis-1l" >A LA UNE</h2> 1390 </div> 1391 1392 <div class="wrap listed row-content"> 1393 1394 <div class="row "> 1395 <a href="/news/marche-des-couleurs-et-saveurs-d-italie-2026-a-beausoleil-truffe-blanche-d-alba-et-gastronomie-les-3-et-4-octobre-1312" > 1396 <div class="col-md-4"> 1397 <div class="cover-preview"> 1398 <img src="/upload/news/normal/6aaaed766e6ad6.53819629.png" class="cover-img"/> 1399 </div> 1400 </div> 1401
1401<script> 1402 function playFile(url, title, cover) { 1403 player.stop(); 1404 player = null; 1405 window.initPlayer(url, title, cover, -1, true, 1); 1406 player.playMp3(); 1407 $('#titrage span.title').html(title); 1408 $('.control-cover img.media-cover').attr('src', cover); 1409 $('.seek-slider').slider('value',0); 1410 } 1411 </script>
1411 1412 <div class="col-xs-12 col-md-8 "> 1413 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3 m-t-5 content-font "> 1414 Marché des Couleurs et Saveurs dâItalie 2026 à Beausoleil : truffe blanche dâAlba et gastronomie les 3 et 4 octobre </h3> 1415 </div> 1416 </a> 1417 </div> 1418 <div class="row border main-color-for-background"></div> 1419 <div class="row "> 1420 <a href="/news/festival-les-heros-de-la-tele-2026-a-beausoleil-cinq-jours-avec-les-stars-des-series-du-14-au-18-octobre-1322" > 1421 <div class="col-md-4"> 1422 <div class="cover-preview"> 1423 <img src="/upload/news/normal/6abd338de7a462.37606467.jpg" class="cover-img"/> 1424 </div> 1425 </div> 1426
1426<script> 1427 function playFile(url, title, cover) { 1428 player.stop(); 1429 player = null; 1430 window.initPlayer(url, title, cover, -1, true, 1); 1431 player.playMp3(); 1432 $('#titrage span.title').html(title); 1433 $('.control-cover img.media-cover').attr('src', cover); 1434 $('.seek-slider').slider('value',0); 1435 } 1436 </script>
1436 1437 <div class="col-xs-12 col-md-8 "> 1438 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3 m-t-5 content-font "> 1439 Festival Les Héros de la Télé 2026 à Beausoleil : cinq jours avec les stars des séries du 14 au 18 octobre </h3> 1440 </div> 1441 </a> 1442 </div> 1443 <div class="row border main-color-for-background"></div> 1444 <div class="row "> 1445 <a href="/news/salon-du-bien-etre-animal-2026-a-menton-conferences-animations-et-rencontres-le-17-octobre-1320" > 1446 <div class="col-md-4"> 1447 <div class="cover-preview"> 1448 <img src="/upload/news/normal/6aba8268158b02.56901679.png" class="cover-img"/> 1449 </div> 1450 </div> 1451
1451<script> 1452 function playFile(url, title, cover) { 1453 player.stop(); 1454 player = null; 1455 window.initPlayer(url, title, cover, -1, true, 1); 1456 player.playMp3(); 1457 $('#titrage span.title').html(title); 1458 $('.control-cover img.media-cover').attr('src', cover); 1459 $('.seek-slider').slider('value',0); 1460 } 1461 </script>
1461 1462 <div class="col-xs-12 col-md-8 "> 1463 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3 m-t-5 content-font "> 1464 Salon du Bien-Ãtre Animal 2026 à Menton : conférences, animations et rencontres le 17 octobre </h3> 1465 </div> 1466 </a> 1467 </div> 1468 <div class="row border main-color-for-background"></div> 1469 <div class="row "> 1470 <a href="/news/oui-chef-a-roquebrune-cap-martin-le-premier-festival-de-la-gastronomie-les-3-et-4-octobre-2026-1316" > 1471 <div class="col-md-4"> 1472 <div class="cover-preview"> 1473 <img src="/upload/news/normal/6ab2695cb19e19.60251306.jpg" class="cover-img"/> 1474 </div> 1475 </div> 1476
1476<script> 1477 function playFile(url, title, cover) { 1478 player.stop(); 1479 player = null; 1480 window.initPlayer(url, title, cover, -1, true, 1); 1481 player.playMp3(); 1482 $('#titrage span.title').html(title); 1483 $('.control-cover img.media-cover').attr('src', cover); 1484 $('.seek-slider').slider('value',0); 1485 } 1486 </script>
1486 1487 <div class="col-xs-12 col-md-8 "> 1488 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3 m-t-5 content-font "> 1489 « Oui, Chef ! » à Roquebrune-Cap-Martin : le premier festival de la gastronomie les 3 et 4 octobre 2026 </h3> 1490 </div> 1491 </a> 1492 </div> 1493 <div class="row border main-color-for-background"></div> 1494 <div class="row "> 1495 <a href="/news/menton-tattoo-expo-2026-la-convention-de-tatouage-revient-pour-halloween-du-31-octobre-au-2-novembre-1317" > 1496 <div class="col-md-4"> 1497 <div class="cover-preview"> 1498 <img src="/upload/news/normal/6ab37ae82eb5d8.75316685.jpg" class="cover-img"/> 1499 </div> 1500 </div> 1501
1501<script> 1502 function playFile(url, title, cover) { 1503 player.stop(); 1504 player = null; 1505 window.initPlayer(url, title, cover, -1, true, 1); 1506 player.playMp3(); 1507 $('#titrage span.title').html(title); 1508 $('.control-cover img.media-cover').attr('src', cover); 1509 $('.seek-slider').slider('value',0); 1510 } 1511 </script>
1511 1512 <div class="col-xs-12 col-md-8 "> 1513 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3 m-t-5 content-font "> 1514 Menton Tattoo Expo 2026 : la convention de tatouage revient pour Halloween du 31 octobre au 2 novembre </h3> 1515 </div> 1516 </a> 1517 </div> 1518 <div class="row border main-color-for-background"></div> 1519 1520 </div> 1521 <div class="bloc-content-see-more content-font see-more-links" > 1522 <a href="/news" class="main-color"> 1523 Voir plus <i class="fa fa-angle-right main-color"></i> 1524 </a> 1525 </div> 1526</div> 1527 1528 1529 <div class="cl"></div> 1530 1531 1532 <!-- Fin traitement des blocs --> 1533 1534 1535 1536 1537<div class="bloc-content bc-one-column "> 1538 <div class="bloc-content-title main-color-for-border-bottom title-font" > 1539 <div class="bloc-title-readmore"> 1540 <a href="/rss" 1541 class="read-more-title"><i 1542 class="fa fa-arrow-circle-right"></i> Plus</a> 1543 </div> 1544 <h2 class="ellipsis ellipsis-1l" >Menton-Presse</h2> 1545 </div> 1546 1547 <div class="wrap listed row-content"> 1548 1549 <div class="row "> 1550 <a href="/rss/menton-presse-fil-info-27" target="_blank"> 1551 <div class="col-md-4"> 1552 <div class="cover-preview"> 1553 <img src="/upload/rss/normal/6a9666661d24d7.91483295.png" class="cover-img"/> 1554 </div> 1555 </div> 1556
1556<script> 1557 function playFile(url, title, cover) { 1558 player.stop(); 1559 player = null; 1560 window.initPlayer(url, title, cover, -1, true, 1); 1561 player.playMp3(); 1562 $('#titrage span.title').html(title); 1563 $('.control-cover img.media-cover').attr('src', cover); 1564 $('.seek-slider').slider('value',0); 1565 } 1566 </script>
1566 1567 <div class="col-xs-12 col-md-8 "> 1568 <h3 class="ellipsis ellipsis-2l bloc-ellipsis h3-3 m-t-5 content-font "> 1569 Menton Presse - Fil info </h3> 1570 </div> 1571 </a> 1572 </div> 1573 <div class="row border main-color-for-background"></div> 1574 1575 </div> 1576 <div class="bloc-content-see-more content-font see-more-links" > 1577 <a href="/rss" class="main-color"> 1578 Voir plus <i class="fa fa-angle-right main-color"></i> 1579 </a> 1580 </div> 1581</div> 1582 1583 1584 <div class="cl"></div> 1585 1586 1587 <!-- Fin traitement des blocs --> 1588 1589 1590 </div> 1591 </div> 1592 </div> 1593</div> 1594
1595<script type="text/javascript"> 1596 var use = 0; 1597</script>
1597 1598 1599 1600<div id="modal-dedicaces" class="modal fade" role="dialog" data-backdrop="static"> 1601 <div class="modal-dialog"> 1602 <!-- Modal content--> 1603 <div class="modal-content"> 1604 <div class="modal-header"> 1605 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" 1606 aria-hidden="true"></i> 1607 </button> 1608 <h4 class="title-font">Envoyer une dédicace</h4> 1609 </div> 1610 1611 <div class="modal-body"> 1612 1613 <div id="connexion-ajax-errors" style="display : none;"></div> 1614 1615 <form method="post" id="ajoutform" 1616 action="/dedicaces/index/ajoutdedicaceajax"> 1617 1618 <div class="form-group"> 1619 <input type="text" class="form-control" id="pseudo" name="pseudo" 1620 placeholder="Pseudo" value="" 1621 maxlength="12" required aria-describedby="inputErrorUsernameDedi"/> 1622 <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> 1623 <span class="hidden" 1624 id="dediUsernameErrorPlaceholder">Vous devez renseigner un pseudo</span> 1625 <span id="inputErrorUsernameDedi" 1626 class="sr-only">(Vous devez renseigner un pseudo)</span> 1627 </div> 1628 1629 <div class="form-group"> 1630 <textarea name="message" id="message" class="form-control" maxlength="300" rows="2" 1631 placeholder="Message" required 1632 aria-describedby="inputErrorMessageDedi"></textarea> 1633 <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> 1634 <span class="hidden" 1635 id="dediMessageErrorPlaceholder">Vous devez écrire un message</span> 1636 <span id="inputErrorMessageDedi" 1637 class="sr-only">(Vous devez écrire un message)</span> 1638 </div> 1639 1640 1641 <div class="form-group"> 1642 <img id="captchaImgDedi" src="/default/index/captcha"/> 1643 </div> 1644 <div class="form-group" style="float : none;"> 1645 <input type="hidden" name="google_captcha_is_used_dedi" id="google_captcha_is_used_dedi" 1646 value=""/> 1647 <input type="text" name="captcha_value_dedi" id="captcha_value_dedi" class="form-control" 1648 size="40" 1649 placeholder="Veuillez recopier les lettres suivantes" 1650 aria-describedby="inputErrorCaptchaDedi"/> 1651 <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> 1652 <span class="hidden" 1653 id="captchaErrorPlaceholder">Captcha invalide.</span> 1654 <span id="inputErrorCaptchaDedi" 1655 class="sr-only">(Captcha invalide.)</span> 1656 </div> 1657 1658 </form> 1659 </div> 1660 1661 <div class="modal-footer"> 1662 <button id="envoyer-dedicace" 1663 class="modal-connexion btn btn-primary btn-auto">Envoyer ma dédicace</button> 1664 </div> 1665 </div> 1666 </div> 1667</div> 1668
1669<script type="text/javascript"> 1670 $(document).ready(function () { 1671 1672 $(document).on('click', '.ajouter-dedicace', function () { 1673 $('#modal-dedicaces').modal(); 1674 return false; 1675 }) 1676 1677 $('#envoyer-dedicace').click(function (e) { 1678 submitdedicace(); 1679 }); 1680 }); 1681</script>
1681 1682
1683<script type="text/javascript"> 1684 1685 function submitdedicace() { 1686 if (use == 0) { 1687 var valid = true; 1688 1689 use = 0; 1690 var pseudoDedi = $('#ajoutform #pseudo').val(); 1691 var messageDedi = $('#ajoutform #message').val(); 1692 1693 if (booleanCompare(pseudoDedi.length, 1, "lt")) { 1694 valid = false; 1695 $('#ajoutform #pseudo').parent().addClass('has-error has-feedback'); 1696 $('#ajoutform #pseudo').attr('placeholder', $('#dediUsernameErrorPlaceholder').html()); 1697 } 1698 else { 1699 $('#ajoutform #pseudo').parent().removeClass('has-error has-feedback'); 1700 } 1701 if (booleanCompare(messageDedi.length, 1, "lt")) { 1702 valid = false; 1703 $('#ajoutform #message').parent().addClass('has-error has-feedback'); 1704 $('#ajoutform #message').attr('placeholder', $('#dediMessageErrorPlaceholder').html()); 1705 } 1706 else { 1707 $('#ajoutform #message').parent().removeClass('has-error has-feedback'); 1708 } 1709 1710 if (valid) { 1711 var captchaResponse = $('#recaptchaDedicace .g-recaptcha-response').val(); 1712 if (captchaResponse != undefined) { 1713 var dataForm = $('#ajoutform').serialize() + '&g_recaptcha_response=' + captchaResponse; 1714 } else { 1715 var dataForm = $('#ajoutform').serialize(); 1716 } 1717 var errorshtml = '<div class="progress progress-striped active"><div class="bar" style="width: 90%;"></div></div>'; 1718 1719 $.ajax({ 1720 url: $('#ajoutform').attr('action'), 1721 type: $('#ajoutform').attr('method'), 1722 data: dataForm, 1723 success: function (json) { 1724 1725 var obj = jQuery.parseJSON(json); 1726 1727 if (obj.code == 'error') { 1728 use = 0; 1729 var errors = obj.errors; 1730 var errorshtml = '<div class="alert alert-error hideit">'; 1731 1732 for (i = 0; booleanCompare(i, errors.length, "lt"); i++) { 1733 errorshtml += '<p class="text-error" style="padding:0;">' + errors[i] + '</p>'; 1734 } 1735 1736 errorshtml += '</div>'; 1737 1738 $('#captcha_value_dedi').parent().addClass('has-error has-feedback'); 1739 $('#captcha_value_dedi').attr('placeholder', $('#captchaErrorPlaceholder').html()); 1740 1741 $('#captchaImgDedi').attr("src", '/default/index/captcha'); 1742 $('#captchaImg').attr("src", '/default/index/captcha'); 1743 $('#captcha_value_dedi').val(""); 1744 } else if (obj.code == 'success') { 1745 $('#ajoutform #pseudo').val(''); 1746 $('#ajoutform #message').val(''); 1747 $('#notif').fadeIn(); 1748 $('#notif').html(obj.message); 1749 setTimeout(function () { 1750 $('#notif').fadeOut(); 1751 }, 3000); 1752 if (captchaResponse != undefined) grecaptcha.reset(widgetIdDedi); 1753 $('#modal-dedicaces').modal('hide'); 1754 } 1755 } 1756 }); 1757 } 1758 return false; 1759 } 1760 } 1761</script>
1761 1762<div id="modal_mdp_oublie" class="modal fade" role="dialog" data-backdrop="static"> 1763 <div class="modal-dialog"> 1764 <!-- Modal content--> 1765 <div class="modal-content"> 1766 <div class="modal-header"> 1767 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" 1768 aria-hidden="true"></i> 1769 </button> 1770 <h4>Mot de passe oublié ? Pas de problème.</h4> 1771 </div> 1772 1773 <div class="modal-body"> 1774 <div id="mdp_oublie_errors" style="display : none;"></div> 1775 1776 <form method="post" id="mdpoublieformnouveau" 1777 action="/utilisateurs/index/oublie"> 1778 1779 <div class="form-group"> 1780 <label for="mail_client" 1781 class="headline headlinemodal">Saisissez votre adresse email ici :</label> 1782 <input type="text" class="form-control" id="mail_client" name="mail_client" 1783 placeholder="Mail" required /> 1784 <span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span> 1785 </div> 1786 </form> 1787 </div> 1788 1789 <div class="modal-footer"> 1790 <button class="mdpoublie_client modal-mdp-oublie btn btn-primary">Envoyer</button> 1791 </div> 1792 </div> 1793 </div> 1794</div> 1795 1796 1797
1798<script type="text/javascript"> 1799 $(document).ready(function () { 1800 1801 $('.mdpoublie_client').click(function (e) { 1802 mdpOublieClient(); 1803 }); 1804 1805 }); 1806 1807</script>
1807 1808
1809<script type="text/javascript"> 1810 function mdpOublieClient() { 1811 var errorshtml = '<div class="progress active"><div class="bar" style="width: 95%;"></div></div>'; 1812 $('#mdp_oublie_errors').html(errorshtml); 1813 $('#mdp_oublie_errors').show(); 1814 1815 $.ajax({ 1816 url: $('#mdpoublieformnouveau').attr('action'), 1817 type: 'post', 1818 data: $('#mdpoublieformnouveau').serialize(), 1819 success: function (json) { 1820 var obj = jQuery.parseJSON(json); 1821 1822 if (obj.code == 'error') { 1823 var errors = obj.errors; 1824 1825 var errorshtml = '<div class="alert alert-error hideit">'; 1826 1827 for (i = 0; i < errors.length; i++) { 1828 errorshtml += '<p class="text-error" style="padding:0;">' + errors[i] + '</p>'; 1829 } 1830 1831 errorshtml += '</div>'; 1832 1833 $('.error').hide(); 1834 $('#mdp_oublie_errors').html(errorshtml); 1835 $('#mdp_oublie_errors').show(); 1836 } 1837 else if (obj.code == 'success') { 1838 //$("#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>"); 1839 $("#mdpoublieformnouveau").hide(); 1840 $(".mdpoublie_client").hide(); 1841 $("#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>"); 1842 $("#mdp_oublie_errors").show(); 1843 setTimeout(function () { 1844 $('#modal_mdp_oublie').modal('hide'); 1845 }, 5000); 1846 } 1847 } 1848 }); 1849 } 1850</script>
1850<div class="footer container counter-container col-xs-12 "> 1851 <div class="container"> 1852 <div class="footer-background main-color-for-background" ></div> 1853 <div class="footer-info" > 1854 <a class="brand" href="/"><img 1855 src="/upload/design/676ef5e71d3604.63324035.png" alt="logo" 1856 class="bottom-logo"/></a> 1857 <div class="link-socials"> 1858 <div class="link-socials-list"> 1859 1860 <div class="link-socials-item facebook"> 1861 <a class="link-socials-item-link" target="_blank" 1862 href="https://www.facebook.com/radiotopside/"> 1863 </a> 1864 <div class="link-socials-item-popup"> 1865 <span>Facebook</span> 1866 </div> 1867 </div> 1868 1869 1870 <div class="link-socials-item youtube"> 1871 <a class="link-socials-item-link" target="_blank" 1872 href="https://www.youtube.com/@radiotopside-officiel"> 1873 </a> 1874 <div class="link-socials-item-popup"> 1875 <span>YouTube</span> 1876 </div> 1877 </div> 1878 1879 <div class="link-socials-item instagram"> 1880 <a class="link-socials-item-link" target="_blank" 1881 href="https://www.instagram.com/radiotopside/"> 1882 </a> 1883 <div class="link-socials-item-popup"> 1884 <span>Instagram</span> 1885 </div> 1886 </div> 1887 1888 <div class="link-socials-item ios"> 1889 <a class="link-socials-item-link" target="_blank" 1890 href="https://itunes.apple.com/us/app/topsideradio/id1005673952?l=fr&ls=1&mt=8"> 1891 </a> 1892 <div class="link-socials-item-popup"> 1893 <span>iPhone</span> 1894 </div> 1895 </div> 1896 1897 <div class="link-socials-item android"> 1898 <a class="link-socials-item-link" target="_blank" 1899 href="https://play.google.com/store/apps/details?id=com.icreo.topside"> 1900 </a> 1901 <div class="link-socials-item-popup"> 1902 <span>Android</span> 1903 </div> 1904 </div> 1905 1906 1907 </div> 1908 </div> 1909 1910 1911 </div> 1912 <div class="footer-contact"> 1913 <h2 class="title title-font"> Contactez-nous </h2> 1914 <p class="description content-font"> Vous avez une suggestion, ou vous voulez juste dire bonjour ? </p> 1915 <div class="see-more content-font" > 1916 <a href="/contact" class="main-color"> 1917 Contactez-nous <i class="fa fa-angle-right main-color"></i> 1918 </a> 1919 </div> 1920 </div> 1921 </div> 1922 <div class="mentions-radioking content-font"> 1923 <div class="container"> 1924 <div class="row"> 1925 <div class="col-md-12 copyright"> 1926 Copyright (C) 2024 Nip Production - Radio Top Side. Tous droits réservés. <a href="/politique-confidentialite" title="Politique de confidentialité">Politique de confidentialité</a> | <a href="/mentions-legales" title="Mentions légales">Mentions légales</a> </div> 1927 </div> 1928 </div> 1929 </div> 1930 </div> 1931
1932<script src="https://dfweu3fd274pk.cloudfront.net/theme4/script-bottom-512f06b2d5.js"></script>
1932 1933 1934
1934<script type="opt-in" data-type="application/javascript" data-name="glance-analytics" data-src="/themes/theme4/js/analytics.js" type="text/javascript"></script>
1934 1935
1935<script type="opt-in" data-type="application/javascript" data-name="twitter"> 1936 // Twitter 1937 window.twttr = (function (d, s, id) { 1938 var t, js, fjs = d.getElementsByTagName(s)[0]; 1939 if (d.getElementById(id)) return; 1940 js = d.createElement(s); 1941 js.id = id; 1942 js.src = "https://platform.twitter.com/widgets.js"; 1943 fjs.parentNode.insertBefore(js, fjs); 1944 return window.twttr || (t = { 1945 _e: [], ready: function (f) { 1946 t._e.push(f) 1947 } 1948 }); 1949 }(document, "script", "twitter-wjs")); 1950 1951 twttr.ready(function (twttr) { 1952 twttr.events.bind('tweet', function (event) { 1953 }); 1954 }); 1955</script>
1955 1956 1957 1958
1958<script> 1959 window.hasRetractablePlayer = true; 1960 </script>
1960 1961 1962
1962<script src="https://unpkg.com/[email protected]/dist/orejime.js"></script>
1962 1963
1963<script src="/js/orejimeconfiguration.js"></script>
1963 1964
1964<script> 1965 orejimeConfig.lang = 'fr'; 1966 Orejime.init(orejimeConfig); 1967 </script>
1967 1968 </body> 1969</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.