Saravadio -  <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(25,148,172,1), rgba(25,148,172,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"> $(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, dataType: "json", success: function(response) { if (response.status === "success") { Swal.fire({ icon: "success", title: "Demande enregistrée", text: response.message, confirmButtonText: "Fermer" }); $('#demandecontact')[0].reset(); } else { let texte = response.message || "Une erreur inconnue est survenue."; if (response.debug) { texte += "\n\nDétail technique : " + response.debug; } Swal.fire({ icon: "error", title: "Enregistrement impossible", text: texte, confirmButtonText: "Fermer" }); } }, error: function(xhr) { let message = "Une erreur inconnue est survenue."; if (xhr.responseJSON && xhr.responseJSON.message) { message = xhr.responseJSON.message; if (xhr.responseJSON.debug) { message += "\n\nDétail technique : " + xhr.responseJSON.debug; } } else if (xhr.status === 400) { message = "Le formulaire contient des données invalides."; } else if (xhr.status === 405) { message = "Méthode non autorisée."; } else if (xhr.status === 500) { message = "Erreur serveur lors de l’enregistrement."; } else if (xhr.status === 0) { message = "Impossible de contacter le serveur."; } Swal.fire({ icon: "error", title: "Erreur", text: message, 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"> $(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, dataType: "json", success: function(response) { if (response.status === "success") { Swal.fire({ title: "Message envoyé", text: response.message, icon: "success", confirmButtonText: "Fermer" }); $('#message')[0].reset(); } else { let texte = response.message || "Une erreur inconnue est survenue."; if (response.debug) { texte += "\n\nDétail technique : " + response.debug; } Swal.fire({ title: "Erreur", text: texte, icon: "error", confirmButtonText: "Fermer" }); } }, error: function(xhr) { let message = "Une erreur inconnue est survenue."; if (xhr.responseJSON && xhr.responseJSON.message) { message = xhr.responseJSON.message; if (xhr.responseJSON.debug) { message += "\n\nDétail technique : " + xhr.responseJSON.debug; } } else if (xhr.status === 400) { message = "Le formulaire contient des données invalides ou la réponse de sécurité est incorrecte."; } else if (xhr.status === 405) { message = "Méthode non autorisée."; } else if (xhr.status === 500) { message = "Erreur serveur lors de l’enregistrement du message."; } else if (xhr.status === 0) { message = "Impossible de contacter le serveur."; } Swal.fire({ title: "Erreur", text: message, icon: "error", 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(50,112,207,0.61);">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="hidden" name="secu" class="form-control mb-30" value="10"> <input type="submit" name="action" id="action" class="btn btn-primary" style="background-color: rgba(50,112,207,0.61);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>  <div class="bn-breaking-news" id="newsTicker9"> <div class="bn-label">DÉDICACES</div> <div class="bn-news"> <ul> <li style="color: rgba(233,233,233,0.75);"><a><b>Lee Hooker slam expérience</b> : Un grand bonjour à l'équipe de Saravadio !</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Michel</b> : Bisous</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Link</b> : Coucou !</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Jeanne et Fabrice </b> : Bonne première écoute à Caroline qui va découvrir Saravadio pour la première fois avec l'émission LOOP IN.</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Le Cosmonaute </b> : Dominique Van De Velde est le Maître du Monde ! ????</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Jean</b> : Bisous tout le monde !</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Magali Lebut </b> : Je viens de découvrir votre radio. Une belle programmation. Merci pour ces beaux moments</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Buko</b> : Chouette découverte ! Continuez comme ça </a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Golgoth 11</b> : Merci aux différents animateurs pour leurs émissions ! Au top ! </a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>François</b> : Salut à toi Marc, bravo pour ces belles émissions... et merci pour festin! Passer après les grand(e)s Townes Van Zandt, Lou et D. Annegarn, on se sent minus mais en merveilleuse compagnie, merci pour la petite lumière dans la nuit. Courage et Vive SARAVADIO!</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>making off</b> : Décollage- 15mn ????</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Dom</b> : Reims salue le cosmonaute !</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Carlito</b> : Bises de Nice grand beau arrière goût d'été avec arôme de jasmin et fleurs d'orangers dans les rues . </a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>PB</b> : Enfin de la vraie musique ! </a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Carlito</b> : BisES de Nice à tous les artésiennes et artésiens que je connais. Nice in Nice des stranglers en tête bien-sûr.</a></li> <li style="color: rgba(233,233,233,0.75);"><a><b>Marc</b> : Bienvenue à toutes et tous !</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> <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(215,237,247,1), rgba(215,237,247,1));"> <div class="container"> <nav class="classy-navbar justify-content-between" id="razoNav">  <a class="nav-brand" href="index"><img src="/img/upload/SARAVADIOlocaleetmusicale512.png" style="max-height:110px;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="equipe" onclick="scrollWin()">Notre équipe</a></li> <li><a href="c-etait-quoi" onclick="scrollWin()">C'était quoi ?</a></li> <li><a href="top_auditeurs" onclick="scrollWin()">Votes des auditeurs</a></li> <li><a href="radio?idpages=27" onclick="scrollWin()">Comment nous écouter ?</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="evenements" onclick="scrollWin()">Agenda</a></li> </ul> </li> <li> <a href="#"> <font size="4px"><i class="fas fa-camera-retro"></i></font> podcasts</a> <ul class="dropdown" style="width: 250px;"> <li><a href="videos" onclick="scrollWin()">Vidéos</a></li> <li><a href="podcasts" onclick="scrollWin()">Podcasts/replays</a></li> <li><a href="radio?idpages=26" onclick="scrollWin()">Podcasts application</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="#"> <font size="4px"><i class="fas fa-info"></i></font> A propos</a> <ul class="dropdown" style="width: 250px;"> <li><a href="nos_partenaires" onclick="scrollWin()">Nos partenaires</a></li> <li><a href="radio?idpages=1" onclick="scrollWin()">Qui sommes-nous ?</a></li> </ul> </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(25,148,172,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(241,113,0,1), rgba(241,113,0,1)); border-bottom: solid 2pxrgba(25,148,172,1); border-color: rgba(25,148,172,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(51,51,51,1); } #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(255,255,255,1); } #boutonPlay:hover { border: solid 0pxrgba(255,255,255,1); } #boutonPlay > i { margin: 0px 0 0 0px; color: rgba(255,255,255,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(51,51,51,1); 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(25,148,172,1); z-index: 9999999999; } #player .nomSite { color: rgba(255,255,255,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(51,51,51,1); 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(25,148,172,1); transition: .3s ease-in-out; border: solid 1px #890500; border-color: rgba(25,148,172,1); float: left; margin-top: 7px; } #logo_casque:hover { border: solid 2pxrgba(51,51,51,1); } #logo_casque > i { margin: 8px 0 0 7px; color: rgba(51,51,51,1); 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(25,148,172,1); text-transform: uppercase; font-size: 17px; } #titre { color: rgba(255,255,255,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(25,148,172,1); text-decoration: none; } #vote_block a:hover { color: #fff; } #bouton_popup { width: 38px; height: 38px; border-radius: 20px; background: #890500; background-color: rgba(25,148,172,1); transition: .3s ease-in-out; border: solid 1px #890500; border-color: rgba(25,148,172,1); margin: 7px 0 0 15px; float: left; } #bouton_popup:hover { border: solid 1pxrgba(51,51,51,1); } #bouton_popup > i { margin: 7px 0 0 7px; color: rgba(51,51,51,1); cursor: pointer; } #bouton_dedicaces2 { width: auto; height: 40px; border-radius: 20px; background-color: rgba(25,148,172,1); transition: .3s ease-in-out; border-color: rgba(25,148,172,1); margin: 7px 0 0 15px; float: left; display: block; } #bouton_dedicaces { width: auto; height: 40px; border-radius: 20px; background-color: rgba(25,148,172,1); transition: .3s ease-in-out; border-color: rgba(25,148,172,1); margin: 7px 0 0 15px; float: left; display: block } #bouton_dedicaces:hover { border: solid 2pxrgba(51,51,51,1); color: rgba(51,51,51,1); } #bouton_dedicaces > i { margin: 7px 0 0 7px; color: rgba(51,51,51,1); cursor: pointer; } #bouton_dedicaces > span { font-size: 16px; position: absolute; margin: 9px 0 0 2px; color: rgba(51,51,51,1); 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(25,148,172,1); } #formDEDI .input:focus { border-color: rgba(25,148,172,1); } #formDEDI .textarea { padding: 5px; height: 80px; } #formDEDI .bouton { background-image: linear-gradient(to right top, rgba(241,113,0,1), rgba(241,113,0,1)); width: 110px; height: 35px; border: none; cursor: pointer; <br /> <b>Notice</b>: Undefined variable: theme in <b>/var/www/vhosts/saravadio.fr/public_html/player.php</b> on line <b>385</b><br /> <br /> <b>Notice</b>: Undefined variable: theme in <b>/var/www/vhosts/saravadio.fr/public_html/player.php</b> on line <b>387</b><br /> } #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(25,148,172,1); border-top: none; position: absolute; background-image: linear-gradient(to right top, rgba(241,113,0,1), rgba(241,113,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(255,255,255,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(255,255,255,1); } #fenetreHISTO .download { width: 40px; height: 40px; padding-top: 10px; float: left; } #fenetreHISTO .download > i { font-size: 25px; font-weight: bold; color: rgba(255,255,255,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(25,148,172,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(25,148,172,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(255,255,255,1); } </style> <section id="player"> <div class="contener">  <div class="multiflux" style="margin-top: 5px; max-width: 12%;"> <select id="selection" class="select">  <option selected="selected" value="https://manager8.streamradio.fr:3355/stream/manager/manager8.streamradio.fr:3340/1/"> saravadio - HD+ </option> <option value="https://manager8.streamradio.fr:3085/stream/manager/manager8.streamradio.fr:3340/2/"> saravadio - SD </option> <option value="https://manager8.streamradio.fr:1155/stream/manager/manager8.streamradio.fr:3340/3/"> saravadio - SD </option>  </select> </div>  <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://manager8.streamradio.fr:3355/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" 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(255,255,255,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(25,148,172,1)">history</i> <div style="margin-top: 0px;margin-left: -20px;"><font style="font-size: 22px;font-weight: bold;color: rgba(25,148,172,1)">Derniers titres diffusés</font> </a></div> </div> </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(25,148,172,1)">11:08</h6></span> </div> <div class="pochette"> <img src="https://manager8.streamradio.fr:3340/media/tracks/trackImage198340_large.jpg" /> </div> <div class="track"> <span><font face="Arial"><b>mikael máni ásmundsson</b></font></span> <span><font face="Arial">maturing backwards</font></span> </div>  </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(25,148,172,1)">11:03</h6></span> </div> <div class="pochette"> <img src="https://manager8.streamradio.fr:3340/media/tracks/trackImage198294_large.jpg" /> </div> <div class="track"> <span><font face="Arial"><b>pale saints</b></font></span> <span><font face="Arial">a thousand stars burst open </font></span> </div>  </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(25,148,172,1)">10:58</h6></span> </div> <div class="pochette"> <img src="https://manager8.streamradio.fr:3340/media/tracks/trackImage198910_large.jpg" /> </div> <div class="track"> <span><font face="Arial"><b>paolo fresu</b></font></span> <span><font face="Arial">fucsia</font></span> </div>  </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(25,148,172,1)">10:46</h6></span> </div> <div class="pochette"> <img src="https://manager8.streamradio.fr:3340/media/tracks/trackImage194375_large.jpg" /> </div> <div class="track"> <span><font face="Arial"><b>carl craig</b></font></span> <span><font face="Arial">meditation one</font></span> </div>  </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(25,148,172,1)">10:43</h6></span> </div> <div class="pochette"> <img src="https://manager8.streamradio.fr:3340/media/tracks/trackImage194714_large.png" /> </div> <div class="track"> <span><font face="Arial"><b>another sunny day</b></font></span> <span><font face="Arial">rio</font></span> </div>  </div> <div class="ligne"> <div class="heure"><span><h6 style="color: rgba(25,148,172,1)">10:40</h6></span> </div> <div class="pochette"> <img src="https://manager8.streamradio.fr:3340/media/tracks/trackImage198138_large.jpg" /> </div> <div class="track"> <span><font face="Arial"><b>the durutti column</b></font></span> <span><font face="Arial">the sweet cheat gone</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/manager.php?url=https://manager8.streamradio.fr:3340&server=1"; 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/SARAVADIOlocaleetmusicale512.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(""); a.pause(); }); </script>    </div> </div> <script> $(document).ready(function(){ $('#newsTicker9').breakingNews({ effect: 'slide-left' }); }); </script> </div> </header> <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/saravadio62" target="_blank"><i class="fab fa-facebook"></i><span>Facebook</span></a> </li> <li> <a class="sbar-twitch" href="https://www.twitch.tv/saravadio" target="_blank"><i class="fab fa-twitch"></i><span>twitch</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: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/saravadio1200 × 375 px2.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>Ecoutez nous sur votre smartphone</span> <h2 style="text-transform: uppercase;">Saravadio </h2> <p style="text-align: justify;" ><p><span style="font-size:16px">Emportez votre radio dans votre poche partout avec vous ! Écoutez-nous avec l'application pour votre smartphone <strong>gratuitement </strong>et dès maintenant sur votre mobile Android ou Apple !</span></p> </p> <div class="app-download-btn"> <a href="https://streamapp.fr/SARAVADIO" target="_blank"><img src="img/streamapps1.png" style="max-width: 201px;max-height: 80px;" 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(25,148,172,1), rgba(25,148,172,1)); 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 "> <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=28" onclick="scrollWin()"><img src="/img/upload/69f1d0a212cc1.jpeg" 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 2026-06-17 au 2026-07-31</a> <a href="#" style="color: rgba(255,255,255,0.57)"><i class="fa fa-map-marker" aria-hidden="true"></i> 342 rue de la mairie 62810 Berlencourt le Cauroy</a> </div> <a href="agenda?id=28" class="post-title" onclick="scrollWin()" style="color: rgba(255,255,255,0.57)">Partir en livre</a><br> <font style="color: rgba(255,255,255,0.57)">Lecture</font> </div> </div> </div> </div> </div>   <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)">Soutenez Saravadio</h4> <div class="single-razo-event-area d-flex flex-wrap align-items-center mb-50 wow fadeInUp" data-wow-delay="100ms"> <p style="text-align:center"><a class="tipeee-project-cart-simple" href="https://fr.tipeee.com/saravadio"><span style="color:#dddddd">Soutenez Saravadio sur Tipeee</span></a></p> <p><a href="https://fr.tipeee.com/saravadio"><img alt="Soutenez saravadio sur Tipeee" src="https://fr.tipeee.com/_static/promo-kit/logos/png/tipeee_tip_btn.png" style="height:140px; width:240px" /></a></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)">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(50,112,207,0.61);font-size: 14px;"></i></a> </div> </div> <div class="col-lg-12"> <input type="number" name="secu" class="form-control mb-30" placeholder="Sécurité : Combien font 5 + 5 ?" required> </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:80%;margin: 0 auto;"> <div class="copywrite-area" style="background-image: linear-gradient(to right top, rgba(25,148,172,1), rgba(25,148,172,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>Saravadio</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> | par </font><a href="https://streamradio.fr/" target="_blank"><font style="color:rgba(255,255,255,1);size:6px;"><b>Stream Radio</b></font></a></p> </div> </div> </div> </div> </div> </footer> <script> function scrollWin() { window.scrollTo(0, 0); } </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" defer></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>