Radio soleil soleil des tropiques -  <script data-ad-client="" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  </head> <body style="background-image: linear-gradient(to right top, rgba(27,91,161,1), rgba(38,62,204,1));">  <link href="panel/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script> <script src="//code.jquery.com/jquery-2.1.1.js"></script>  <script type="text/javascript" language="javascript"> $(document).ready(function() { $(document).on('submit', '#demandecontact', function(event) { event.preventDefault(); $.ajax({ url: "variables/nouveau_contact.php", method: 'POST', data: new FormData(this), contentType: false, processData: false, success: function(data) { Swal.fire({ title: 'Message envoyé', text: 'Le message a bien été envoyé, une réponse sera apportée sur votre adresse e-mail de contact.', type: 'success', confirmButtonText: 'Fermer' }); } }); }); }); </script>  <script type="text/javascript" language="javascript"> $(document).ready(function() { $(document).on('submit', '#participation', function(event) { event.preventDefault(); $.ajax({ url: "variables/participation.php", method: 'POST', data: new FormData(this), contentType: false, processData: false, success: function(data) { Swal.fire({ title: 'Participation enregistrée !', text: 'Merci, nous vous recontacterons si besoin ! (attention, une seule participation sera enregistrée, merci de ne pas abuser du système, c\'est éliminatoire)', type: 'success', confirmButtonText: 'Fermer' }); } }); }); }); </script>  <script type="text/javascript" language="javascript"> $(document).ready(function() { $(document).on('submit', '#message', function(event) { event.preventDefault(); $.ajax({ url: "variables/nouveau_message.php", method: 'POST', data: new FormData(this), contentType: false, processData: false, success: function(data) { Swal.fire({ title: 'Message envoyé', text: 'Votre message a bien été envoyé !', type: 'success', confirmButtonText: 'Fermer' }); } }); }); }); </script> <script type="text/javascript" language="javascript"> $(document).ready(function() { $(document).on('submit', '#lire', function(event) { event.preventDefault(); $.ajax({ url: "variables/nouveau_commentaire.php", method: 'POST', data: new FormData(this), contentType: false, processData: false, success: function(data) { Swal.fire({ title: 'Commentaire ajouté', text: 'Votre commentaire a bien été envoyé', type: 'success', confirmButtonText: 'Fermer' }); } }); }); }); </script> <script> function addEmojipop(a) { b = document.getElementById('dedimsgpop').value; document.getElementById('dedimsgpop').value = b+a; } $(function(){ // Enables popover $("[data-toggle=popover]").popover(); }); </script> <div class="top-search-area"> <div class="modal fade" id="message" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="btn close-btn" data-dismiss="modal"><i class="fa fa-times"></i></button> <center> <h3 style="margin-top: -50px;border-bottom: 3px solid rgba(255,77,0,1);">LAISSER UN MESSAGE À L'ANTENNE</h3> <br> <form id="message" enctype="multipart/form-data" method="POST"> <input type="text" name="pseudo" placeholder="Pseudo" class="form-control" required><br><br> <input type="text" id="dedimsgpop" name="message" placeholder="Message" class="form-control" required><br> <div style="float: right;margin-top: -20px; margin-right: -10px"> <a tabindex="0" style="background-color: transparent;border: 0" class="btn " role="button" data-html="true" data-toggle="popover" data-trigger="focus" title="Cliquez sur l'émoji pour l'ajouter" data-content=' <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f600.svg" onclick="addEmojipop(`:1f600 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f600.svg" onclick="addEmojipop(`:1f600 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f601.svg" onclick="addEmojipop(`:1f601 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f602.svg" onclick="addEmojipop(`:1f602 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f603.svg" onclick="addEmojipop(`:1f603 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f604.svg" onclick="addEmojipop(`:1f604 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f605.svg" onclick="addEmojipop(`:1f605 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f606.svg" onclick="addEmojipop(`:1f606 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f607.svg" onclick="addEmojipop(`:1f607 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f608.svg" onclick="addEmojipop(`:1f608 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f609.svg" onclick="addEmojipop(`:1f609 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f610.svg" onclick="addEmojipop(`:1f610 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f611.svg" onclick="addEmojipop(`:1f611 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f612.svg" onclick="addEmojipop(`:1f612 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f613.svg" onclick="addEmojipop(`:1f613 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f614.svg" onclick="addEmojipop(`:1f614 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f615.svg" onclick="addEmojipop(`:1f615 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f616.svg" onclick="addEmojipop(`:1f616 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f617.svg" onclick="addEmojipop(`:1f617 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f618.svg" onclick="addEmojipop(`:1f618 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f619.svg" onclick="addEmojipop(`:1f619 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f620.svg" onclick="addEmojipop(`:1f620 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f621.svg" onclick="addEmojipop(`:1f621 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f622.svg" onclick="addEmojipop(`:1f622 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f623.svg" onclick="addEmojipop(`:1f623 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f624.svg" onclick="addEmojipop(`:1f624 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f625.svg" onclick="addEmojipop(`:1f625 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f626.svg" onclick="addEmojipop(`:1f626 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f627.svg" onclick="addEmojipop(`:1f627 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f628.svg" onclick="addEmojipop(`:1f628 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f629.svg" onclick="addEmojipop(`:1f629 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f630.svg" onclick="addEmojipop(`:1f630 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f631.svg" onclick="addEmojipop(`:1f631 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f632.svg" onclick="addEmojipop(`:1f632 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f633.svg" onclick="addEmojipop(`:1f633 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f634.svg" onclick="addEmojipop(`:1f634 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f635.svg" onclick="addEmojipop(`:1f635 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f636.svg" onclick="addEmojipop(`:1f636 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f637.svg" onclick="addEmojipop(`:1f637 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f641.svg" onclick="addEmojipop(`:1f641 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f642.svg" onclick="addEmojipop(`:1f642 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f643.svg" onclick="addEmojipop(`:1f643 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f644.svg" onclick="addEmojipop(`:1f644 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f910.svg" onclick="addEmojipop(`:1f910 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f911.svg" onclick="addEmojipop(`:1f911 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f912.svg" onclick="addEmojipop(`:1f912 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f913.svg" onclick="addEmojipop(`:1f913 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f914.svg" onclick="addEmojipop(`:1f914 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f915.svg" onclick="addEmojipop(`:1f915 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f917.svg" onclick="addEmojipop(`:1f917 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f920.svg" onclick="addEmojipop(`:1f920 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f921.svg" onclick="addEmojipop(`:1f921 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f922.svg" onclick="addEmojipop(`:1f922 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f923.svg" onclick="addEmojipop(`:1f923 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f924.svg" onclick="addEmojipop(`:1f924 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f925.svg" onclick="addEmojipop(`:1f925 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f927.svg" onclick="addEmojipop(`:1f927 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f928.svg" onclick="addEmojipop(`:1f928 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f929.svg" onclick="addEmojipop(`:1f929 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f970.svg" onclick="addEmojipop(`:1f970 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f971.svg" onclick="addEmojipop(`:1f971 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f973.svg" onclick="addEmojipop(`:1f973 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f974.svg" onclick="addEmojipop(`:1f974 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f975.svg" onclick="addEmojipop(`:1f975 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f976.svg" onclick="addEmojipop(`:1f976 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/263a.svg" onclick="addEmojipop(`:263a `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/2639.svg" onclick="addEmojipop(`:2639 `);"> '><i class="fas fa-smile" alt="Ajouter émoji" style="color: black;font-size: 14px;"></i></a> </div> <br> <input type="submit" name="action" id="action" class="btn btn-primary" style="background-color: rgba(255,77,0,1);width:100px;" value="POSTER"> <input type="hidden" name="operation" id="operation" value="insert"/> </form> </center> <div class="search-btn"><i class="fa fa-comments"></i></div> </div> </div> </div> </div> </div>  <header class="header-area"> <div class="main-header-area"> <div class="classy-nav-container breakpoint-off" style="background-image: linear-gradient(to right top, rgba(255,77,0,1), rgba(255,77,0,1));"> <div class="container"> <nav class="classy-navbar justify-content-between" id="razoNav">  <a class="nav-brand" href="index"><img src="/img/upload/logosoleil19.png" style="max-height:85px;max-width: 250px;margin-left: -40px" alt=""></a>  <div class="classy-navbar-toggler"> <span class="navbarToggler"><span></span><span></span><span></span></span> </div>  <div class="classy-menu"> <div class="classycloseIcon"> <div class="cross-wrap"><font color="white"><span class="top"></span><span class="bottom"></span></font></div> </div>  <div class="classynav"> <ul id="nav"> <li><a href="index" onclick="scrollWin()"><font size="4px"><i class="fa fa-home"></i></font> Accueil</a></li> <li> <a href="#"> <font size="4px"><i class="fas fa-microphone-alt"></i></font> Radio</a> <ul class="dropdown" style="width: 250px;"> <li><a href="programmes" onclick="scrollWin()">Programmes</a></li> <li><a href="equipe" onclick="scrollWin()">Notre équipe</a></li> <li><a href="nos_partenaires" onclick="scrollWin()">Nos partenaires</a></li> <li><a href="c-etait-quoi" onclick="scrollWin()">C'était quoi ?</a></li> <li><a href="classement" onclick="scrollWin()">Classement du moment</a></li> <li><a href="top_auditeurs" onclick="scrollWin()">Votes des auditeurs</a></li> <li><a href="evenements" onclick="scrollWin()">Agenda</a></li> <li><a href="jeux_concours" onclick="scrollWin()" target="_blank">Jeux et concours</a></li> <li><a href="tchat" onclick="scrollWin()">Tchat</a></li> </ul> </li> <li> <a href="#"> <font size="4px"><i class="fas fa-newspaper"></i></font> Actualités</a> <ul class="dropdown" style="width: 250px;"> <li><a href="actualites" onclick="scrollWin()">Actualités radio</a></li> <li><a href="flux_rss?idpages=1" onclick="scrollWin()">France 3 Infos</a></li> <li><a href="flux_rss?idpages=3" onclick="scrollWin()">Infos Guadeloupe</a></li> <li><a href="flux_rss?idpages=6" onclick="scrollWin()">Infos Martiniques</a></li> <li><a href="flux_rss?idpages=9" onclick="scrollWin()">Infos Réunion</a></li> </ul> </li> <li> <a href="#"> <font size="4px"><i class="fas fa-users"></i></font> Médias</a> <ul class="dropdown" style="width: 250px;"> <li><a href="photos" onclick="scrollWin()">Photos</a></li> <li><a href="videos" onclick="scrollWin()">Vidéos</a></li> </ul> </li> <li> <a href="nous_contacter" target="_blank" onclick="scrollWin()"> <font size="4px"><i class="fas fa-envelope"></i></font> Contact</a> </li> <li><a href="radio?idpages=1" onclick="scrollWin()"><font size="4px"><i class="fas fa-tv"></i></font> WEB TV</a></li> <li><a href="radio?idpages=4" onclick="scrollWin()"><font size="4px"><i class="fas fa-donate"></i></font> Soutenez-nous </a></li> </ul> <div class="search-icon" data-toggle="modal" data-target="#message" title="Laisser un message à l'antenne" > <font style="font-size: 20px; color: rgba(255,255,255,1)"><i class="fa fa-commenting-o"></i></font> </div> </div> </div> </nav> </div>  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700'> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous"> <style> body { margin: 0; } #player { font-family: Roboto; height: 73px; padding-top: 5px; background-image: linear-gradient(to right top, rgba(255,77,0,1), rgba(255,77,0,1)); border-bottom: solid 2pxrgba(255,255,255,1); border-color: rgba(255,255,255,1); bottom: 0; width: 100%; } #player .contener { margin: auto; padding-top: 5px; max-width: 80%; height: 52px; } #defilement_dedicaces { margin: auto; padding: 10px 0 5px 0; width: 100%; height: 20px; font-size: 16px; color: rgba(23,114,200,0.78); } #player .lecteur { margin-top: 5px; width: 40px; height: 100%; float: left; } #boutonPlay { margin-top: -5px; margin-left: -10px; border-radius: 0px; background: transparent; background-color: transparent; transition: .3s ease-in-out; border: solid 0px #890500; border-color: rgba(240,240,240,1); } #boutonPlay:hover { border: solid 0pxrgba(240,240,240,1); } #boutonPlay > i { margin: 0px 0 0 0px; color: rgba(240,240,240,1); cursor: pointer; } #player .volume { height: 5px; width: 130px; margin: 12px 0 0 15px; float: left; cursor: pointer; } #player .iconeVolume { height: 15px; width: 15px; margin: 0 10px 0 0px; color: rgba(23,114,200,0.78); float: left; } #vol-bar { border: solid 0px; height: 8px; border-radius: 15px; width: 130px; float: left; padding: 0px 0 0px 0; margin-top: 4px; background-color: #000; } #vol-bar-value { height: 8px; width: 80%; border-radius: 15px; max-width: 130px; background: #890500; margin-top: 0px; background-color: rgba(255,255,255,1); z-index: 9999999999; } #player .nomSite { color: rgba(240,240,240,1); height: 100%; float: left; display: flex; max-width: 40%; } #player .nomSite > span { font-size: 10px; margin: auto; font-weight: normal; } #player .miniApp { height: 100%; width: 100px; float: left; display: flex; } #player .miniApp > div { margin: auto; } #player .miniApp > div > img { filter: grayscale(100%); transition: .1s ease-in-out; height: 30px; width: 30px; float: left; margin-left: 2px; } #player .miniApp > div > img:hover { filter: grayscale(0); } #player .compteur { margin-left: 10px; color: rgba(23,114,200,0.78); height: 100%; width: 100px; float: left; display: flex; } #player .compteur > span { font-family: "Arial", sans-serif; font-size: 16px; font-weight: 500; margin: auto; } #logo_casque { width: 40px; height: 40px; border-radius: 20px; background: #890500; background-color: rgba(255,255,255,1); transition: .3s ease-in-out; border: solid 1px #890500; border-color: rgba(255,255,255,1); float: left; margin-top: 7px; } #logo_casque:hover { border: solid 2pxrgba(23,114,200,0.78); } #logo_casque > i { margin: 8px 0 0 7px; color: rgba(23,114,200,0.78); cursor: pointer; } #player .pochette { margin-left: 10px; margin-top: -4px; background-size: 100% 100%; border-radius: 5%; height: 60px; width: 60px; float: left; } #player .infoTitre { font-size: 20px; margin: 2px 0 0 8px; float: left; } #player .multiflux { font-size: 16px; margin: 2px 0 0 5px; float: left; text-align-last:center; } #artiste { color: rgba(255,255,255,1); text-transform: uppercase; font-size: 17px; } #titre { color: rgba(240,240,240,1); font-weight: normal; font-size: 17px; } #vote_block { margin-left: 20px; height: 50px; float: left; opacity: 0; line-height: 50px; font-size: 24px; font-weight: bold; } #vote_block span { vertical-align: middle; display: inline-block; line-height: 1.2; } #vote_block a { color: rgba(255,255,255,1); text-decoration: none; } #vote_block a:hover { color: #fff; } #bouton_popup { width: 38px; height: 38px; border-radius: 20px; background: #890500; background-color: rgba(255,255,255,1); transition: .3s ease-in-out; border: solid 1px #890500; border-color: rgba(255,255,255,1); margin: 7px 0 0 15px; float: left; } #bouton_popup:hover { border: solid 1pxrgba(23,114,200,0.78); } #bouton_popup > i { margin: 7px 0 0 7px; color: rgba(23,114,200,0.78); cursor: pointer; } #bouton_dedicaces2 { width: auto; height: 40px; border-radius: 20px; background-color: rgba(255,255,255,1); transition: .3s ease-in-out; border-color: rgba(255,255,255,1); margin: 7px 0 0 15px; float: left; display: block; } #bouton_dedicaces { width: auto; height: 40px; border-radius: 20px; background-color: rgba(255,255,255,1); transition: .3s ease-in-out; border-color: rgba(255,255,255,1); margin: 7px 0 0 15px; float: left; display: block } #bouton_dedicaces:hover { border: solid 2pxrgba(23,114,200,0.78); color: rgba(23,114,200,0.78); } #bouton_dedicaces > i { margin: 7px 0 0 7px; color: rgba(23,114,200,0.78); cursor: pointer; } #bouton_dedicaces > span { font-size: 16px; position: absolute; margin: 9px 0 0 2px; color: rgba(23,114,200,0.78); cursor: pointer; } #fenetreDEDI { width: 320px; margin-left: 100px; height: 380px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; position: absolute; background: #FFF; right: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); display: none; } #fenetreDEDI > i { float: right; margin: 5px 5px 0 0; } #formDEDI { font-family: Roboto; font-size: 18px; margin-left: 10px; } #formDEDI .add { font-family: Roboto; font-size: 14px; font-weight: normal; } #formDEDI .input { margin: 5px 0 5px 0; width: 300px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 5px; } #formDEDI .input:hover { border-color: rgba(255,255,255,1); } #formDEDI .input:focus { border-color: rgba(255,255,255,1); } #formDEDI .textarea { padding: 5px; height: 80px; } #formDEDI .bouton { background-image: linear-gradient(to right top, rgba(255,77,0,1), rgba(255,77,0,1)); width: 110px; height: 35px; border: none; cursor: pointer; } #emoticones { width: 270px; height: 60px; margin: 5px 0 0 5px; } #emoticones > img { cursor: pointer; } .emoji { height: 25px; width: 25px; vertical-align: bottom; } #fenetreHISTO { width: 400px; height: 352px; margin-top: -2px; border: 2px solidrgba(255,255,255,1); border-top: none; position: absolute; background-image: linear-gradient(to right top, rgba(255,77,0,1), rgba(255,77,0,1)); z-index: 999999999; display: none; } #fenetreHISTO:hover { display: block; } #fenetreHISTO .ligne2 { width: 395px; height: 50px; padding-top: 5px; } #fenetreHISTO .ligne { width: 395px; height: 50px; padding-top: 5px; } #fenetreHISTO .ligne:hover { background-image: url('/img/pixel50.png'); } #fenetreHISTO .heure { width: 60px; height: 40px; float: left; padding: 10px 0 0 10px; } #fenetreHISTO .heure > span { font-size: 16px; font-weight: bold; font-family: Roboto; color: rgba(240,240,240,1); } #fenetreHISTO .pochette { width: 50px; height: 45px; float: left; } #fenetreHISTO .pochette > img { width: 40px; height: 40px; border-radius: 5%; } #fenetreHISTO .track { width: 240px; height: 40px; float: left; } #fenetreHISTO .track > span { width: 270px; height: 20px; float: left; font-size: 14px; font-weight: normal; font-family: Roboto; color: rgba(240,240,240,1); } #fenetreHISTO .download { width: 40px; height: 40px; padding-top: 10px; float: left; } #fenetreHISTO .download > i { font-size: 25px; font-weight: bold; color: rgba(240,240,240,1); cursor: pointer; text-decoration: none; } #fenetreHISTO .download > a { color: black; } .ctquelheure > a { color: black; text-decoration: none; font-size: 30px; font-family: Roboto; } #fenetreHISTO .horloge { color: black; float: left; padding: 0 20px 0 10px; font-size: 40px; } @media only screen and (max-width: 360px) { #player .contener { width: 350px; width: 100%; } #player .volume, #player .compteur, #player .nomSite, #player .miniApp, #logo_casque, #bouton_popup, #bouton_dedicaces { display: none; } } @media only screen and (max-width: 450px) { #player .contener { width: 450px; width: 100%; } #player .volume, #player .compteur, #player .nomSite, #player .miniApp, #logo_casque, #bouton_popup, #bouton_dedicaces > span { display: none; } #bouton_dedicaces { width: 38px; float: right; } #player .pochette { margin-left: 10px; } } @media only screen and (max-width: 800px) { #player .contener { max-width: 700px; width: 95%; } #player .volume, #player .compteur, #player .miniApp, #logo_casque, #bouton_popup { display: none; } } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; max-width: 100%; outline: 0; box-shadow: none; border: 0 !important; background: rgba(255,77,0,1); background-image: none; flex: 1; padding: 0 .5em; color: rgba(255,255,255,1); cursor: pointer; font-size: 1em; font-family: 'Open Sans', sans-serif; } select::-ms-expand { display: none; } .select { position: relative; display: flex; height: 3em; line-height: 3; background: rgba(255,77,0,1); overflow: hidden; border-radius: .25em; font-size: 14px; font-weight: bold; } .select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 1em; background: #2b2e2e; cursor: pointer; pointer-events: none; transition: .25s all ease; } .select:hover::after { color: #23b499; } .magic { display: table; } .magic__title { display: table-cell; vertical-align: middle; font-size: 20px; text-transform: uppercase; } .magic__who { color: rgba(240,240,240,1); } </style> <section id="player"> <div class="contener">   <div id="pochette" class="pochette" style="max-width: 10%;padding-right: 20px;margin-left: 30px;"></div> <div id="vote_block"> </div> <div class="infoTitre" style="padding-right: 2%;max-width: 20%;;margin-top: 2px;"> <h6><span id="artiste" ></span> <br/> <span id="titre" ></span></h6> </div> <div class="lecteur" style="margin-left: 5%;max-width: 8%; "> <audio id="LecteurPrincipal" preload="none" src="https://ecmanager4.pro-fhi.net:1855/stream"></audio> <div id="boutonPlay"><i class="material-icons" style="font-size: 50px;">play_arrow</i></div> </div> <div class="volume" style="margin-top: 17px;float: left;max-width: 15%"> <div id="vol-bar"> <div id="vol-bar-value"></div> </div> </div> <a href="#" onClick="window.open('includes/vote.php','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=no, resizable=no, copyhistory=0, menuBar=0, width=220, height=190');return(false)" data-toggle="modal"> <div id="logo_casque" style='margin-left:15px;max-width: 7%'> <i class="material-icons">favorite</i> </div> </a> <div style="float: right;max-width: 200px"> <div id="logo_casque" onmouseover="document.getElementById('fenetreHISTO').style.display='block';"> <i class="material-icons">headset</i> </div> <div id="bouton_dedicaces2"> <a href="#" onClick="window.open('regarder','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=no, resizable=no, copyhistory=0, menuBar=0, width=1800px, height=1000px');return(false)"> <h6 style="margin-top: 7px; padding-left: 8px; padding-right: 8px;"><font style="color: rgba(23,114,200,0.78)"><i class="material-icons" style="float: left">videocam</i></font> </h6></a> </div> <div id="bouton_dedicaces2" style="background-color : transparent"> <a href="#" onClick="window.open('ecouter','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=no, resizable=no, copyhistory=0, menuBar=0, width=1100px, height=90px');return(false)"> <h6 style="margin-top: 7px; padding-left: 10px; padding-right: 10px;"><font style="color: rgba(240,240,240,1)"> <i class="material-icons" style="float: left;font-size: 26px;margin-top: -1px;margin-left: 10px;">open_in_new</i></font> </h6></a> </div> </div> </div> </section> <div id="fenetreHISTO" onmouseover="document.getElementById('fenetreHISTO').style.display='block';" onmouseout="document.getElementById('fenetreHISTO').style.display='none';"> <div class="ligne2"> <div class="ctquelheure"><a href="c-etait-quoi" target="preview-frame"><i class="material-icons horloge" style="color: rgba(255,255,255,1)">history</i> <div style="margin-top: 0px;margin-left: -20px;"><font style="font-size: 22px;font-weight: bold;color: rgba(255,255,255,1)">Derniers titres diffusés</font> </a></div> </div> </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(255,255,255,1)">14:25</h6></span> </div> <div class="pochette"> <img src="https://cdn-images.dzcdn.net/images/cover/73de948c449d2260eaf1415debaed6dc/250x250-000000-80-0-0.jpg" /> </div> <div class="track"> <span><font face="Arial"><b>K-Reen</b></font></span> <span><font face="Arial">En mode limbé </font></span> </div>  </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(255,255,255,1)">14:10</h6></span> </div> <div class="pochette"> <img src="/img/upload/logosoleil19blanc.png"/> </div> <div class="track"> <span><font face="Arial"><b>MAESTRO ARLY LARIVIERE...</b></font></span> <span><font face="Arial">MAESTRO ARLY LARIVIERE...</font></span> </div>  </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(255,255,255,1)">14:04</h6></span> </div> <div class="pochette"> <img src="/img/upload/logosoleil19blanc.png"/> </div> <div class="track"> <span><font face="Arial"><b>T-VICE "Epim Pa...</b></font></span> <span><font face="Arial">T-VICE "Epim Pa...</font></span> </div>  </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(255,255,255,1)">14:01</h6></span> </div> <div class="pochette"> <img src="https://cdn-images.dzcdn.net/images/cover/6c308b5cbb77c96b611b0c11a36107fa/250x250-000000-80-0-0.jpg" /> </div> <div class="track"> <span><font face="Arial"><b>NSG</b></font></span> <span><font face="Arial">TONIGHT </font></span> </div>  </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(255,255,255,1)">14:00</h6></span> </div> <div class="pochette"> <img src="https://cdn-images.dzcdn.net/images/cover/07f3a77386f9d076395dc7782f3f1c9e/250x250-000000-80-0-0.jpg" /> </div> <div class="track"> <span><font face="Arial"><b>14H</b></font></span> <span><font face="Arial">14H</font></span> </div>  </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(255,255,255,1)">13:58</h6></span> </div> <div class="pochette"> <img src="https://cdn-images.dzcdn.net/images/cover/4943080002c79b1dcbe8d76c0546d5e0/250x250-000000-80-0-0.jpg" /> </div> <div class="track"> <span><font face="Arial"><b>K-dilak Mesaje a</b></font></span> <span><font face="Arial">Ou Gou</font></span> </div>  </div> </div> <script> function millieuDivDEDI() { document.getElementById('fenetreDEDI').style.top = (window.innerHeight / 2 - 270 / 2) + 'px'; document.getElementById('fenetreDEDI').style.right = (window.innerWidth / 2 - 270 / 2) + 'px'; } function centreDivHISTO() { document.getElementById('fenetreHISTO').style.right = (window.innerWidth / 100) + 'px'; } </script> <div id="fenetreDEDI"> <div id="formDEDI"> </div> </div> <script> millieuDivDEDI(); centreDivHISTO(); function formatTime(seconds) { minutes = Math.floor(seconds / 60); minutes = (minutes >= 10) ? minutes : "0" + minutes; seconds = Math.floor(seconds % 60); seconds = (seconds >= 10) ? seconds : "0" + seconds; return minutes + ":" + seconds; } // Constantes player var a = document.getElementById('LecteurPrincipal'); var b = document.getElementById('boutonPlay'); var c = document.getElementById("vol-bar"); var c1 = document.getElementById("vol-bar-value"); var d1 = document.getElementById("vol-min"); var d2 = document.getElementById("vol-max"); var e = document.getElementById("compteur"); // Play - Pause b.addEventListener("click", function () { if (a.paused == true) { a.load(); a.play(); } else if (a.paused == false) { a.pause(); } }); a.onplay = function () { b.firstChild.innerHTML = "pause"; }; a.onpause = function () { b.firstChild.innerHTML = "play_arrow"; }; a.ontimeupdate = function () { e.innerHTML = formatTime(a.currentTime); }; // Volume c.addEventListener("click", function (event) { var e = (event.clientX - c.offsetLeft); c1.style.width = e + '%'; a.volume = Math.round(c1.style.width.slice(0, -1) / 10) / 10; }); d1.addEventListener("click", function () { a.volume = 0; c1.style.width = '0%'; }); d2.addEventListener("click", function () { a.volume = 1; c1.style.width = '100%'; }); </script> <script> var xmlhttp = new XMLHttpRequest(); url = "https://api.moncmsradio.fr/onair.php?url=https://ecmanager4.pro-fhi.net:stream&type=//live"; function refresh_mdata() { var artiste = document.getElementById("artiste").innerHTML; var titre = document.getElementById("titre").innerHTML; xmlhttp.onreadystatechange = function () { if (this.readyState == 4 && this.status == 200) { var tableau = JSON.parse(this.responseText); var artistev = tableau.artist; var titlev = tableau.title; console.log("NTM : " + tableau.cover); if (tableau.title != titre) { document.getElementById("artiste").style.opacity = 0; document.getElementById("pochette").style.transition = "opacity 1s"; document.getElementById("vote_block").style.opacity = 0; setTimeout(function () { document.getElementById("artiste").innerHTML = tableau.artist; document.getElementById("artiste").style.opacity = 1; document.getElementById("artiste").style.transition = "opacity 1s"; document.getElementById("vote_block").style.opacity = 1; }, 1000); document.getElementById("titre").style.opacity = 0; document.getElementById("pochette").style.transition = "opacity 1s"; setTimeout(function () { document.getElementById("titre").innerHTML = tableau.title; document.getElementById("titre").style.opacity = 1; document.getElementById("titre").style.transition = "opacity 1s"; }, 1000); document.getElementById("pochette").style.opacity = 0; document.getElementById("pochette").style.transition = "opacity 1s"; if (tableau.picture != "default" && tableau.picture != undefined) { setTimeout(function () { document.getElementById("pochette").style.backgroundImage = "url('" + tableau.picture + "')"; document.getElementById("pochette").style.opacity = 1; document.getElementById("pochette").style.transition = "opacity 1s"; }, 100); } else if (tableau.cover != "null" && tableau.cover != undefined) { setTimeout(function () { document.getElementById("pochette").style.backgroundImage = "url('" + tableau.cover + "')"; document.getElementById("pochette").style.opacity = 1; document.getElementById("pochette").style.transition = "opacity 1s"; }, 100); } else { setTimeout(function () { document.getElementById("pochette").style.backgroundImage = "url('/img/upload/logosoleil19blanc.png')"; document.getElementById("pochette").style.opacity = 1; document.getElementById("pochette").style.transition = "opacity 1s"; }, 100); } } } }; xmlhttp.open("GET", url, true); xmlhttp.send(); setTimeout('refresh_mdata()', 5000); } setTimeout('refresh_mdata()', 1000); $('.vote_link').click(function (e) { e.preventDefault(); var artiste = document.getElementById("artiste").innerHTML; var titre = document.getElementById("titre").innerHTML; var pochette = document.getElementById("pochette").style.backgroundImage; var url = pochette.replace(/^url\(["']?/, '').replace(/["']?\)$/, '').replace(/\)/, ''); $.ajax({ url: '/top/vote.php?choice=like&track=' + artiste + ' - ' + titre + '&image=' + url, success: function (response) { alert(response); } }); return false; }); // SCRIPT JS POUR CHANGER LE FLUX $(document).ready(function () { // Vérification que la page a bien chargé $('#selection').on('change', function () { //Si la balise avce l'id selection change ... change($(this).val()); // Initialiser la fonction change avce comme parametre la veleur de l'option }); }); function change(sourceUrl) { var audio = document.getElementById("player"); var source = document.getElementById("mp3_src"); var newMeta = sourceUrl; var newMetaArray; console.log(newMeta); newMetaArray = newMeta.split('/'); var protocole = newMetaArray[0]; var longUrl = newMetaArray[2]; var mountPoint = newMetaArray[3]; longUrl = longUrl.split(":"); var domaine = longUrl[0]; console.log(longUrl[1]); if (domaine == "www.radioking.com") { var type = newMetaArray[5]; } else { var type = newMetaArray[4]; } if (longUrl[1] !== undefined) { var port = ":" + longUrl[1]; } else if (longUrl[1] === undefined) { var port = "/radio/" + newMetaArray[4]; var type = newMetaArray[6]; var mountPoint = newMetaArray[5]; } else if (protocole === "https:") { var port = ":" + 443; } else { var port = ":" + 80; } a.pause(); if (domaine === "www.radioking.com") { url = "https://api.radioking.io/widget/radio/" + newMetaArray[4] + "/track/current"; a.src = "https://www.radioking.com/play/" + newMetaArray[4]; } else if (type === "manager") { url = "https://api.moncmsradio.fr/manager.php?url=https://" + newMetaArray[5] + "&server=" + newMetaArray[6]; a.src = protocole + "//" + domaine + "" + port + "/" + mountPoint; } else { url = "https://api.moncmsradio.fr/onair.php?url=" + protocole + "//" + domaine + "" + port + "&type=/" + type; a.src = protocole + "//" + domaine + "" + port + "/" + mountPoint; } a.load(); a.play() } $(document).ready(function () { change("https://ecmanager4.pro-fhi.net:1855/stream/live"); a.pause(); }); </script>    </div> </div> <script> $(document).ready(function(){ $('#newsTicker9').breakingNews({ effect: 'slide-left' }); }); </script> </div> </header> <div class="bn-breaking-news" id="newsTicker9"> <div class="bn-label">DÉDICACES </div> <div class="bn-news"> <ul> <li style="color: rgba(255,255,255,0.99);"><a><b>Carson</b> : Informations importantes pour l'administrateur du site radio-soleil-des-tropiques.fr. Si vous n'êtes pas l'administrateur du site radio-soleil-des-tropiques.fr, veuillez transférer ce message à la personne en charge de l'administration du site radio-soleil-des-tropiques.fr. Bonjour ! J'ai remarqué que votre site radio-soleil-des-tropiques.fr ne dispose pas de publicités Google AdSense. Il se peut que vous n'ayez pas utilisé cet outil, mais cela pourrait être une excellente source de revenu supplémentaire pour votre site. J'ai préparé un cours qui vous aidera à comprendre comment commencer à utiliser AdSense, acheter du trafic bon marché et obtenir un revenu stable sans modifier votre contenu. Voici le lien vers le matériel : https://myadspaceblog.online Si cela vous intéresse ou si vous avez des questions, je serai heureux de vous aider ! Cordialement, Logan </a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>pierre de reunion</b> : de la bonne music sur cette radio tres bonne progammation au president de cette radio</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>fredo</b> : de la bonne music de noel </a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>DOROTER</b> : J ADORE CETTE RADIO QUE DE LA BONNE MUSIC:</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>MAX DES ILES</b> : J ADORE CETTE RADIO QUE DE LA BONNE MUSIC</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>MAX DES ILES</b> : J ADORE CETTE RADIO</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>jean</b> : héllo</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>ROZAN DU SUD</b> : LE SON AU TOP ET TOUJOURS DE LA BONNE MUSIC SUR CETTE BELLE RADIO</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>PIERRE</b> : LE SON AU TOP</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>Le bosse </b> : TRES BONNE RADIO AVEC UN SON COMME ON AIME</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>Le bosse </b> : TOUJOURS DU BON SON SUR CETTE RADIO UNRADIO A ECOUTE</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>Le bosse </b> : TOUJOURS DU BON SON SUR CETTE RADIO UNRADIO A ECOUTE</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>JOCELINE</b> : BONNES RADIO DU BON SON SUR RADIO SOLEIL DES TROPIQUES</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>SAME</b> : TRES BONNES RADIO A ECOUTE </a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>MAELYS</b> : TRES BONNES RADIO A ECOUTE DE LA BONNE MUSIC</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>Nanou</b> : Bonjour, bravo pour ces moments de bonheur.... Belle programmation musicale qui nous fait voyager.Merci en pil. </a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>Jimmy </b> : Le habitué magnifique ! Duo MAINY et Hybe One impeccable. </a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>jo</b> : j'écoute la radio depuis Cherbourg (Manche)dans le 50.Bonne continuation a toute l'équipe.</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>josé</b> : Bonne écoute de Cherbourg que du bon Sons.........</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>nègre gros sirow </b> : du tres bon son bravo </a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>Pierre-loic TALLUT</b> : Bonjour, Je suis responsable adjoint du Vitalsport 2023 au sein du magasin Decathlon Brétigny-sur-Orge. Nous venons à votre rencontre grâce aux coordonnées fournies par Monsieur François COUSIN. Dans le cadre de l'organisation de cet événement qui se déroulera les 02 et 03 septembre, nous sommes à la recherche de partenaires souhaitant prendre part à cet événement sportif et familial. Le Vitalsport est une manifestation sportive gratuite dont l'objectif est de proposer à l'ensemble des visiteurs de s'initier à plus de 45 sports grâce à la présence des clubs ou associations sportives du département, choisis pour leur rayonnement au niveau local ainsi que leur envie de faire découvrir leur pratique à de nouveaux publics. Cette année encore le Vitalsport de Brétigny a pour objectif de rendre le sport accessible à tous.tes avec la présence de clubs sportifs handisport et sports adaptés. De plus, en 2024, à Paris et partout en France, auront lieu les Jeux Olympiques et Paralympiques. C’est donc tout naturellement que Decathlon, dont la raison d’être est la pratique du sport pour tous.tes, de l’amateur au plus grand champion, a voulu prendre part à ce temps fort universel du sport. Au Vitalsport de Brétigny, nous mettons un point d'honneur à mettre en avant des disciplines nouvellement intégrées aux Jeux Olympiques. Nous attendons plus de 8 000 personnes sur l’événement grâce à notre plan de communication (en magasin, sur le département et au cœur des clubs) couplé à la fréquentation client que nous drainons chaque année à la même période à savoir que ce weekend représente un flux client de plus de 10 000 personnes. C’est dans cette démarche que Decathlon Brétigny-Sur-Orge, le magasin Decathlon le plus important d’Essonne, et 6eme en île de France, organise l’édition de cette année. N'hésitez pas à vous engager avec nous dans l'événement majeur de Decathlon afin de nous aider à créer un Vitalsport de qualité grâce à des soutiens financiers. https://www.youtube.com/watch?v=lbjneaUDeJI Nous restons évidemment à votre disposition pour tout complément d'information. Nous sommes à l'écoute de toutes propositions et pouvons adapter nos offres selon vos envies pour votre participation. Nous serions ravi.e.s de pouvoir travailler avec vous ! Belle journée à vous, Sportivement -- Pierre-Loïc TALLUT Responsable adjoint Vitalsport Decathlon Brétigny 2, rue des Saugées, 91220 Brétigny sur Orge 06.95.22.57.10 </a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>JOEL</b> : J ECOUTE RADIO SOLEIL DES TROPIQUES DEPUIS LA GUADELOUPE</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>pierrot mon ami</b> : bsr a tos; dédicace à joel griffit de la part de pierrot pélage</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>juju de paris</b> : la radio que j ecoute et du bon son</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>arlete de marseille</b> : la radio qui vaut ecoute tout les jour de la bonne music</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>polo de martiniques</b> : bonne progammation et du bon son</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>roro de tahiti</b> : bonne radio a ecoute avec du bon son</a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>nègre gros sirow </b> : du tres bon son bravo </a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>nègre gros sirow </b> : du tres bon son bravo </a></li> <li style="color: rgba(255,255,255,0.99);"><a><b>Julien</b> : RADIO AU TOP</a></li> </ul> </div> <div class="bn-controls"> <button><span class="bn-arrow bn-prev"></span></button> <button><span class="bn-action"></span></button> <button><span class="bn-arrow bn-next"></span></button> </div> </div> <div id="page-content">  </div> </div> </div> </div> </div> </section>  </div> <ul id="social-sidebar"> <li> <a class="sbar-facebook" href="https://www.facebook.com/RadioSoleilDesTropiquesParis" target="_blank"><i class="fab fa-facebook"></i><span>Facebook</span></a> </li> <li> <a class="sbar-twitter" href="https://twitter.com/des_radio?fbclid=IwAR171kaio5f0e7aNlVRTHJMRHH3VMhXn4hbHskto3tgbMFrDzuX0KNHxAI8" target="_blank"><i class="fab fa-twitter"></i><span>Twitter</span></a> </li> <li> <a class="sbar-youtube" href="https://www.youtube.com/channel/UCrcYHF6quQTSljWJCIqcc7w" target="_blank"><i class="fab fa-youtube"></i><span>YouTube</span></a> </li> <li> <a class="sbar-instagrem" href="https://www.instagram.com/https://www.instagram.com/radiosoleildestropiques2/" target="_blank"><i class="fab fa-instagram"></i><span>Instagram</span></a> </li> <li> <a class="sbar-linkedin" href="https://www.linkedin.com/feed/" target="_blank"><i class="fab fa-linkedin"></i><span>LinkedIn</span></a> </li> <li> <a class="sbar-paper-plane" href="nous_contacter"><i class="fa fa-paper-plane"></i><span>Contact</span></a> </li> </ul>  <section class="razo-app-download-area section-padding-80-0 bg-img bg-overlay jarallax" style="width:100%width:80%;margin: 0 auto;"> <div class="container"> <div class="row align-items-center">  <div class="col-12 col-md-6"> <div class="app-thumbnail "> <center> <img src="/img/upload/applimobilersdt.png" alt="" style="max-height: 400px;padding-bottom: 50px;"></center> </div> </div>  <div class="col-12 col-md-6" style="margin-top: -20px;"> <div class="app-download-text " style="padding-bottom: 20px" > <span>TÉLÉCHARGEZ NOTRE APPLICATION SUR VOTRE SMARTPHONE</span> <h2 style="text-transform: uppercase;">Radio soleil soleil des tropiques </h2> <p style="text-align: justify;" ><p><img alt="" src="https://mobile.streamantille.fr/application/device/check/app_id/33" />Emportez votre radio dans votre poche partout avec vous ! Téléchargez notre application pour votre smartphone <strong>gratuitement </strong>et dès maintenant sur votre mobile Android ou iOS ! </p> </p> <div class="app-download-btn"> <a href=" https://play.google.com/store/apps/details?id=com.rsdt.mobi2398541001736" target="_blank"><img src="img/google-play-badge.png" style="width: 141px;height: 42px;" alt=""></a> <a href="https://apps.apple.com/fr/app/rsdt/id6474763121" target="_blank"><img src="img/App_Store_Badge.png" style="width: 141px;height: 42px;" alt=""></a> </div> </div> </div> </div> </div> </section>  <section class="razo-app-download-area section-padding-50-0" style="background-image: linear-gradient(to right top, rgba(35,35,35,1), rgba(25,25,25,1)); width:100%width:80%;margin: 0 auto;"> <div style="padding-right: 100px;padding-left: 100px;"> <div class="row">  <div class="col-12 col-md-4" > <div class="single-footer-widget "> <link href="panel/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> <h4 class="widget-title" style="color: rgba(255,255,255,0.57)">La radio</h4> <div class="single-razo-event-area d-flex flex-wrap align-items-center mb-50 wow fadeInUp" data-wow-delay="100ms"> <p><span style="color:#ecf0f1"><strong><img alt="" src="https://radio-soleil-des-tropiques.fr/img/upload/logosoleil19.png" style="float:left; height:170px; margin-left:5px; margin-right:5px; width:175px" />Radio soleil des tropiques</strong> , se doit être un élément important de l’animation musicale et de retransmission d’information socioculturel artistique , afin de permettre l’échange et le développement multiculturel à travers ses diffusions , ses reportages, ses émissions portant sur l’actualité, la culture et la promotion musicale.<br /> De ce fait permettre d’atteindre tout objectif similaire ou complémentaires .</span></p> <p> </p> </div> </div> </div>   <div class="col-12 col-md-4" > <div class="single-footer-widget "> <h4 class="widget-title" style="color: rgba(255,255,255,0.57)">Agenda</h4> <div class="trending-news-area mb-50"> <div class="razo-single-post d-flex mb-30"> <div class="post-thumbnail"> <a href="agenda?id=100" onclick="scrollWin()"><img src="/img/upload/6820baec9facf.jpg" alt=""></a> </div> <div class="post-content"> <div class="post-meta"> <a href="#" style="color: rgba(255,255,255,0.57)"><i class="fa fa-calendar" aria-hidden="true"></i> du 28/06/2025 au 29/06/2025</a> <a href="#" style="color: rgba(255,255,255,0.57)"><i class="fa fa-map-marker" aria-hidden="true"></i> DOMAINE DE PONCY 1 CHEMIN DU BOIS DE PONCY 78300 PONCY</a> </div> <a href="agenda?id=100" class="post-title" onclick="scrollWin()" style="color: rgba(255,255,255,0.57)">L ASSOCIATION RALIEZOT EN COLLABORATION AVEC LEA PROD VOUS PRESENTENT LE SAMEDI 28 JUIN 2025 LE SUMMERFIE FIESTA LOVE</a><br> <font style="color: rgba(255,255,255,0.57)">L ASSOCIATION RALIEZOT EN COLLABORATION AVEC LEA PROD VOUS PRESENTENT LE SAMEDI 28 JUIN 2025 LE SUMMERFIE FIESTA LOVE</font> </div> </div> <div class="razo-single-post d-flex mb-30"> <div class="post-thumbnail"> <a href="agenda?id=99" onclick="scrollWin()"><img src="/img/upload/681e8e82addd4.jpg" alt=""></a> </div> <div class="post-content"> <div class="post-meta"> <a href="#" style="color: rgba(255,255,255,0.57)"><i class="fa fa-calendar" aria-hidden="true"></i> du 07/06/2025 au 08/06/2025</a> <a href="#" style="color: rgba(255,255,255,0.57)"><i class="fa fa-map-marker" aria-hidden="true"></i> SALLE ANDRE MALRAUX 9 Rue Marcellin Berthelot, 77380 Combs-la-Ville</a> </div> <a href="agenda?id=99" class="post-title" onclick="scrollWin()" style="color: rgba(255,255,255,0.57)">RDV RDV RDV LE 7 JUIN ENTRÉE GRATUITE OUVERTURE 14H00 JOURNÉE CULTUREL EXPOSITION SPECTACLE JEU EX RESTAURATION BUVETTES ET DE 23H00 À L'AUBE CONCERT LIVE ARTISTES INVITÉS SA KÉY CHOOOOOO 15€ RÉSERVATION POUR</a><br> <font style="color: rgba(255,255,255,0.57)">RDV RDV RDV LE 7 JUIN ENTRÉE GRATUITE OUVERTURE 14H00 JOURNÉE CULTUREL EXPOSITION SPECTACLE JEU EX RESTAURATION BUVETTES ET DE 23H00 À L'AUBE CONCERT LIVE ARTISTES INVITÉS SA KÉY CHOOOOOO 15€ RÉSERVATION POUR LA RESTAURATION CONSEILLÉE LES INFOS SUR LE FLYER Réservation BIZOUK R.G ÉLÉGANCE EVENTS FRANCE & MYEL & CO</font> </div> </div> </div> </div> </div>   <div class="col-12 col-md-4" > <div class="single-footer-widget "> <h4 class="widget-title" style="color: rgba(255,255,255,0.57)">Laissez une dédicace !</h4> <div class="razo-contact-form mb-30"> <script type="text/javascript"> $(function() { $( '.toggle-button' ).on( 'click', function() { // À décommenter si tu veux masquer toutes les autres div // $( '.togglable' ).not( this.getAttribute( 'data-target' ) ).hide( 'slow' ); $( this.getAttribute( 'data-target' ) ).toggle( 'slow' ); }); }); </script> <script> function addEmoji(a) { b = document.getElementById('dedimsg').value; document.getElementById('dedimsg').value = b+a; } $(function(){ // Enables popover $("[data-toggle=popover]").popover(); }); </script> <form id="message" enctype="multipart/form-data" method="POST"> <div class="row"> <div class="col-lg-12"> <input type="text" name="pseudo" class="form-control mb-30" placeholder="Votre prénom ou pseudo *" required> </div> <div class="col-lg-12"> <textarea name="message" id="dedimsg" class="form-control" placeholder="Votre message (dédicace à l'antenne) *" required></textarea> <br> <div style="float: right;margin-top: -20px; margin-right: -10px"> <a tabindex="0" style="background-color: transparent;border: 0" class="btn " role="button" data-html="true" data-toggle="popover" data-trigger="focus" title="Cliquez sur l'émoji pour l'ajouter" data-content=' <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f600.svg" onclick="addEmoji(`:1f600 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f600.svg" onclick="addEmoji(`:1f600 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f601.svg" onclick="addEmoji(`:1f601 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f602.svg" onclick="addEmoji(`:1f602 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f603.svg" onclick="addEmoji(`:1f603 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f604.svg" onclick="addEmoji(`:1f604 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f605.svg" onclick="addEmoji(`:1f605 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f606.svg" onclick="addEmoji(`:1f606 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f607.svg" onclick="addEmoji(`:1f607 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f608.svg" onclick="addEmoji(`:1f608 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f609.svg" onclick="addEmoji(`:1f609 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f610.svg" onclick="addEmoji(`:1f610 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f611.svg" onclick="addEmoji(`:1f611 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f612.svg" onclick="addEmoji(`:1f612 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f613.svg" onclick="addEmoji(`:1f613 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f614.svg" onclick="addEmoji(`:1f614 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f615.svg" onclick="addEmoji(`:1f615 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f616.svg" onclick="addEmoji(`:1f616 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f617.svg" onclick="addEmoji(`:1f617 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f618.svg" onclick="addEmoji(`:1f618 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f619.svg" onclick="addEmoji(`:1f619 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f620.svg" onclick="addEmoji(`:1f620 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f621.svg" onclick="addEmoji(`:1f621 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f622.svg" onclick="addEmoji(`:1f622 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f623.svg" onclick="addEmoji(`:1f623 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f624.svg" onclick="addEmoji(`:1f624 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f625.svg" onclick="addEmoji(`:1f625 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f626.svg" onclick="addEmoji(`:1f626 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f627.svg" onclick="addEmoji(`:1f627 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f628.svg" onclick="addEmoji(`:1f628 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f629.svg" onclick="addEmoji(`:1f629 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f630.svg" onclick="addEmoji(`:1f630 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f631.svg" onclick="addEmoji(`:1f631 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f632.svg" onclick="addEmoji(`:1f632 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f633.svg" onclick="addEmoji(`:1f633 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f634.svg" onclick="addEmoji(`:1f634 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f635.svg" onclick="addEmoji(`:1f635 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f636.svg" onclick="addEmoji(`:1f636 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f637.svg" onclick="addEmoji(`:1f637 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f641.svg" onclick="addEmoji(`:1f641 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f642.svg" onclick="addEmoji(`:1f642 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f643.svg" onclick="addEmoji(`:1f643 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f644.svg" onclick="addEmoji(`:1f644 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f910.svg" onclick="addEmoji(`:1f910 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f911.svg" onclick="addEmoji(`:1f911 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f912.svg" onclick="addEmoji(`:1f912 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f913.svg" onclick="addEmoji(`:1f913 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f914.svg" onclick="addEmoji(`:1f914 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f915.svg" onclick="addEmoji(`:1f915 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f917.svg" onclick="addEmoji(`:1f917 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f920.svg" onclick="addEmoji(`:1f920 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f921.svg" onclick="addEmoji(`:1f921 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f922.svg" onclick="addEmoji(`:1f922 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f923.svg" onclick="addEmoji(`:1f923 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f924.svg" onclick="addEmoji(`:1f924 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f925.svg" onclick="addEmoji(`:1f925 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f927.svg" onclick="addEmoji(`:1f927 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f928.svg" onclick="addEmoji(`:1f928 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f929.svg" onclick="addEmoji(`:1f929 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f970.svg" onclick="addEmoji(`:1f970 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f971.svg" onclick="addEmoji(`:1f971 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f973.svg" onclick="addEmoji(`:1f973 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f974.svg" onclick="addEmoji(`:1f974 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f975.svg" onclick="addEmoji(`:1f975 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/1f976.svg" onclick="addEmoji(`:1f976 `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/263a.svg" onclick="addEmoji(`:263a `);"> <img class="emoji" style="padding-left:5px" src="/img/emoticons/2639.svg" onclick="addEmoji(`:2639 `);"> '><i class="fas fa-smile" alt="Ajouter émoji" style="color: rgba(255,77,0,1);font-size: 14px;"></i></a> </div> </div> <div class="col-12"> <input type="submit" name="action" id="action" class="btn razo-btn btn-3 mt-15 mb-3 " style="float: right;margin-right: 30px;margin-top: -10px;" value="ENVOYER"> <input type="hidden" name="operation" id="operation" value="insert"/> </div> </div> </form> </div> </div> </div>  </div> </div> </section> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script src="src/js/breaking-news-ticker.js"></script> <script src="js/owl.carousel.min.js"></script> <footer class="footer-area" style=" width:100%width:80%;margin: 0 auto;"> <div class="copywrite-area" style="background-image: linear-gradient(to right top, rgba(255,77,0,1), rgba(255,77,0,1));"> <div class="container"> <div class="row"> <div class="col-12"> <div class="copywrite-text"> <p><font style="color:rgba(255,255,255,1);size:6px;"><b>Radio soleil soleil des tropiques</b></a> - Copyright © <script>document.write(new Date().getFullYear());</script> |<a href=" mentions_legales" onclick="scrollWin()"> <font style="color:rgba(255,255,255,1);size:6px;">Nos mentions légales</font></a> </p> </div> </div> </div> </div> </div> </footer> <script> function scrollWin() { window.scrollTo(0, 0); } </script> <script src='https://www.jqueryscript.net/demo/Instagram-Photos-Without-API-instagramFeed/jquery.instagramFeed.js'></script> <script> const css='\n.insta-feed {\n width: 100%;\n /* background-color: gray; */\n font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",\n sans-serif;\n border: 0px solid rgba(58, 58, 58, 0.3);\n border-radius: 5px;\n}\n.insta-feed-user-info-container {\n padding: ;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: left;\n margin-bottom: 2px;\n}\n.insta-feed-user-img img {\n width: 80px;\n border-radius: 50%;\n margin: 2px;\n}\n.insta-feed-user-info {\n margin-left: 10px;\n}\n.insta-feed-user-info h3 {\n margin: 0;color: rgba(35,35,35,1);\n}\n.insta-feed-user-info p {\n font-size: 20px;color: rgba(35,35,35,1);\n margin: 0;\n margin-top: 2px;\n}\n.insta-feed-follow-button button {\n cursor: pointer;\n border: none;\n outline: none;\n background-color: dodgerblue;\n color: white;\n padding: 5px 15px;\n margin-top: 5px;\n border-radius: 3px;\n}\n.insta-feed-follow-button button:hover {\n background-color: rgb(0, 106, 212);\n}\n.insta-feed-user-stats {\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n border-bottom: 0px solid rgba(58, 58, 58, 0.3);\n}\n.insta-feed-user-stats div {\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n margin: 10px 0;\n text-align: center;\n}\n.insta-feed-user-stats div h3 {\n margin: 0;color: rgba(35,35,35,1);\n}\n.insta-feed-user-stats div p {\n text-align: center; color: rgba(35,35,35,1); \n margin: 0;\n}\n.insta-feed-user-posts {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n max-height: 500px;\n overflow: auto;\n align-items:center;\n justify-content:center;\n}\n.insta-feed-user-post-single img {\n width: 100%;\n vertical-align: top;\n}\n.insta-feed-user-post-single:after {\n content: "";\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background: rgba(0, 0, 0, 0.6);\n opacity: 0;\n transition: all 0.3s;\n -webkit-transition: all 0.3s;\n}\n.insta-feed-user-post-single {\n max-width: 32%;\n margin: 1px;\n position: relative;\n}\n.insta-feed-user-post-single:hover:after {\n opacity: 0.6;\n}\n',template=document.createElement("template");template.innerHTML=`\n<style>\n${css}\n</style>\n<div class="insta-feed">\n <div class="insta-feed-user-info-container">\n <div class="insta-feed-user-img">\n <h3 style="color: rgba(35,35,35,1)">Chargement...</h4>\n </div>\n <div class="insta-feed-user-info">\n \n </div>\n </div>\n <div class="insta-feed-user-stats">\n \n </div>\n <div class="insta-feed-user-posts">\n \n </div>\n </div>\n`;class InstaFeed extends HTMLElement{constructor(){super(),this._shadowRoot=this.attachShadow({mode:"open"}),this._shadowRoot.appendChild(template.content.cloneNode(!0))}connectedCallback(){this.username=this.getAttribute("username"),this.render()}async fetchData(n){const e=await fetch(`https://instagram.com/${n}?__a=1`);return await e.json()}renderPosts(n=[]){n.forEach((n,e)=>{this._shadowRoot.querySelector(".insta-feed-user-posts").innerHTML+=`\n <a href="https://instagram.com/p/${n.node.shortcode}" target="_blank" class="insta-feed-user-post-single"> \n <div>\n <img src="${n.node.display_url}"/>\n </div>\n </a>\n `})}renderInformation(n){this._shadowRoot.querySelector(".insta-feed-user-img").innerHTML=``,this._shadowRoot.querySelector(".insta-feed-user-info").innerHTML=` `,this._shadowRoot.querySelector(".insta-feed-user-stats").innerHTML=` `}renderError(n){this._shadowRoot.querySelector(".insta-feed-user-img").innerHTML="\n <h3>404 ERREUR DE COMPTE</h3>\n "}async render(){try{const{graphql:n}=await this.fetchData(this.username);this.renderInformation(n.user),this.renderPosts(n.user.edge_owner_to_timeline_media.edges)}catch(n){this.renderError(n)}}}customElements.define("insta-feed",InstaFeed); </script> <script> $(document).ready(function() { $("#testimonial-slider2").owlCarousel({ items: 4, itemsDesktop:[1000,3], itemsDesktopSmall:[979,2], itemsTablet:[768, 2], itemsMobile:[1000, 3], pagination: false, autoPlay: true }); });</script> <script> $(document).ready(function() { $("#testimonial-slider").owlCarousel({ items: 4, itemsDesktop:[1000,3], itemsDesktopSmall:[979,2], itemsTablet:[768, 2], itemsMobile:[1000, 3], pagination: false, autoPlay: true }); });</script> <script> $(document).ready(function() { $("#testimonial-slider6").owlCarousel({ items: 4, itemsDesktop:[1000,3], itemsDesktopSmall:[979,2], itemsTablet:[768, 2], itemsMobile:[1000, 3], pagination: false, autoPlay: true }); });</script> <script> $(document).ready(function(){ $('#newsTicker9').breakingNews({ effect: 'slide-left' }); }); </script> <script src="js/app.js"></script>   <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/play.js"></script> <script src="js/default-assets/active.js"></script> <script src="js/ajaxify.js"></script> <script src="js/app.js"></script> <script type="text/javascript"> var frm = $('#tchat'); frm.submit(function (e) { e.preventDefault(); $.ajax({ type: frm.attr('method'), url: frm.attr('action'), data: frm.serialize(), success: function (data) { console.log('Submission was successful.'); console.log(data); }, error: function (data) { console.log('An error occurred.'); console.log(data); }, }); }); } </script>  <script> $('#page-content').ajaxify({ selector: "a:not(.no-ajaxy)", requestDelay: 0, fade: 0, pop: 0, squeeze: 0, verbosity: 0, deltas: true, inline: false, inlinehints: false, style: false, forms: true, prefetch: false, turbo: false, previewoff: true, memoryoff: true, canonical: false, cb: null, pluginon: true }); </script> </div> </body> </html>