PageSourceSearch

https://radiotopside.com/contact

html radiotopside.com collected 2026-10-02 15:05:31 UTC 111,790 bytes, 1,969 lines download raw bytes

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">&times;</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">&times;</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.