Comment écouter la radio ?

Ajoutez Stereo Gang Radio sur vos solutions d’écoute préférées

Lire sur ton player favoris

Télécharger le fichier .M3U

Lire sur ton enceinte connectée

Copier le flux

Intégrer notre player à votre site web

Copier le code suivant :

</p></body></html> </div> </div> </div> </div> </div> <audio id="webradio-audio" preload="none"></audio> <div id="footer-webradio" class="fixed-bottom py-2 py-md-3 px-1 shadow-5-strong bg-secondary text-light"> <div id="footer-webradio-scroller" style="z-index: 2000;display: none;background-color:#707070" class="w-100 position-absolute text-pointer"> <div id="footer-webradio-scroller-progress-bar" style="width:0px;background-color:#d97400"></div> </div> <div class="container-back-live"> <span class="badge badge-dark back-live text-pointer" style="display: none;"> Retour Live </span> <span class="badge badge-primary badge-stream-type"> Live </span> </div> <div class="container d-flex justify-content-between align-items-center"> <div class="d-flex align-items-center"> <div class="d-none d-md-inline-block me-3 me-md-3 me-lg-4"> <img class="player-track-img"> </div> <button id="webradio-live-play-pause" class="btn btn-primary btn-floating play-live me-3 me-md-3 me-lg-4"> <div class="spinner-outer" style="display: none"> <div class="spinner-border" role="status"> <span class="visually-hidden">Loading...</span> </div> </div> <i class="fal fa-play"></i> </button> <div class="d-inline-block"> <div class="player-track-name fw-600 mb-0 text-ellipsis"></div> <div class="player-track-artist fw-100 text-ellipsis"></div> </div> </div> </div> </div> <div class="modal text-dark" id="modal-checkout" tabindex="-1" aria-labelledby="modal-checkout-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <div class="container d-flex align-items-center justify-content-between"> <h5 class="modal-title fw-bolder" id="modal-checkout-label">Mon panier</h5> <button type="button" class="btn-close p-md-0 m-md-0" data-mdb-dismiss="modal" aria-label="Close" style="background: none;height: auto;"> <span class="far fa-times fa-2x"></span> </button> </div> </div> <div class="modal-body"> <div class="container"> <h5 class="mb-3 fw-bolder">Contenu du panier</h5> <div id="cart" class="mb-5"></div> <div class="row-checkout-address"> <h5 class="mb-3 fw-bolder" id="title-checkout-address">Adresse de livraison</h5> <div class="p-4 shadow-2-strong rounded-2 mb-5 d-flex align-items-center justify-content-between checkout-address pe-pointer"></div> </div> <div class="row-checkout-shipping"> <h5 class="mb-3 fw-bolder" id="title-checkout-shipping">Moyens de livraison</h5> <div class="p-4 shadow-2-strong rounded-2 mb-5 d-flex align-items-center justify-content-between checkout-shipping pe-pointer"></div> </div> <div class="row-checkout-paiement"> <h5 class="mb-3 fw-bolder" id="title-checkout-paiement">Moyens de paiement</h5> <div class="p-4 shadow-2-strong rounded-2 mb-5 d-flex align-items-center justify-content-between checkout-paiement pe-pointer"></div> </div> <hr> <div class="d-flex align-items-center justify-content-between mb-3 footer-total-shipping"> <div>Livraison : </div> <div class="total-shipping-cart fw-bolder">Gratuite</div> </div> <div class="d-flex align-items-center justify-content-between mb-3"> <div>Total : </div> <div class="subtotal-cart fw-bolder"></div> </div> </div> </div> <div class="modal-footer justify-content-center"> <button type="button" class="btn btn-lg btn-block btn-primary disabled checkout-confirm-order" style="max-width:320px;">Commander</button> </div> </div> </div> </div> <div class="modal" id="modal-checkout-address" tabindex="-1" aria-labelledby="modal-checkout-address-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <div class="container d-flex align-items-center justify-content-between"> <h5 class="modal-title fw-bolder" id="modal-checkout-address-label">Adresse de livraison</h5> <button type="button" class="btn-close p-md-0 m-md-0" data-mdb-dismiss="modal" aria-label="Close" style="background: none;height: auto;"> <span class="far fa-times fa-2x"></span> </button> </div> </div> <div class="modal-body"> <div class="container pt-2 pt-md-4"> <form action="https://www.stereogang.fr/catalog/checkoutAddress" mehod="post" id="form-checkout-address" autocomplete="off" class="px-3 py-4 px-md-5 py-md-5 rounded-3 shadow-2-strong"> <div class="mb-3 form-outline" data-mdb-input-init> <input type="text" name="company" id="checkout-shipping-company" class="form-control form-control-lg" autocomplete="chrome-off"> <label for="checkout-shipping-company" class="form-label">Société</label> </div> <div class="mb-3 form-outline" data-mdb-input-init> <input type="text" name="lastname" id="checkout-shipping-lastname" class="form-control form-control-lg" autocomplete="chrome-off"> <label for="checkout-shipping-lastname" class="form-label">Nom</label> </div> <div class="mb-3 form-outline" data-mdb-input-init> <input type="text" name="firstname" id="checkout-shipping-firstname" class="form-control form-control-lg" autocomplete="chrome-off"> <label for="checkout-shipping-firstname" class="form-label">Prénom</label> </div> <div class="mb-3 form-outline" data-mdb-input-init> <textarea name="address" id="checkout-shipping-address" class="form-control form-control-lg" rows="3" autocomplete="chrome-off"></textarea> <label for="checkout-shipping-address" class="form-label">Adresse</label> </div> <div class="mb-3 form-outline" data-mdb-input-init> <input type="text" name="postcode" id="checkout-shipping-postcode" class="form-control form-control-lg" autocomplete="chrome-off"> <label for="checkout-shipping-postcode" class="form-label">Code postal</label> </div> <div class="mb-3 form-outline" data-mdb-input-init> <input type="text" name="city" id="checkout-shipping-city" class="form-control form-control-lg" autocomplete="chrome-off"> <label for="checkout-shipping-city" class="form-label">Ville</label> </div> <div> <select data-size="lg" name="countries_id" id="checkout-shipping-countries-id" data-mdb-placeholder="Sélectionnez votre pays" data-mdb-container="#modal-checkout-address" data-mdb-filter="true"> <option value="" hidden selected></option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/af.png" value="231">Afghanistan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/za.png" value="30">Afrique du Sud</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ax.png" value="244">Åland, Îles</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/al.png" value="230">Albanie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/dz.png" value="38">Algérie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/de.png" value="1">Allemagne</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ad.png" value="40">Andorre</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ao.png" value="41">Angola</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ai.png" value="42">Anguilla</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ag.png" value="43">Antigua et Barbuda</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/an.png" value="157">Antilles Néerlandaises</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sa.png" value="188">Arabie Saoudite</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ar.png" value="44">Argentine</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/am.png" value="45">Arménie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/aw.png" value="46">Aruba</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/au.png" value="24">Australie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/at.png" value="2">Autriche</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/az.png" value="47">Azerbaïdjan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bs.png" value="48">Bahamas</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bh.png" value="49">Bahreïn</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bd.png" value="50">Bangladesh</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bb.png" value="51">Barbade</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/by.png" value="52">Bélarus</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/be.png" value="3">Belgique</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bz.png" value="53">Belize</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bj.png" value="54">Bénin</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bm.png" value="55">Bermudes</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bt.png" value="56">Bhoutan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bo.png" value="34">Bolivie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ba.png" value="233">Bosnie-Herzégovine</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bw.png" value="57">Botswana</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bv.png" value="234">Bouvet, Île</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/br.png" value="58">Brésil</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bn.png" value="59">Brunéi Darussalam</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bg.png" value="236">Bulgarie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bf.png" value="60">Burkina Faso</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mm.png" value="61">Burma (Myanmar)</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bi.png" value="62">Burundi</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ky.png" value="237">Caïmans, Îles</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/kh.png" value="63">Cambodge</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cm.png" value="64">Cameroun</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ca.png" value="4">Canada</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cv.png" value="65">Cap-Vert</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cf.png" value="66">Centrafricaine, République</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cl.png" value="68">Chili</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cn.png" value="5">Chine</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cy.png" value="76">Chypre</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cc.png" value="239">Cocos (Keeling), Îles</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/co.png" value="69">Colombie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/km.png" value="70">Comores</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cg.png" value="72">Congo</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ck.png" value="240">Cook, Îles</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/kr.png" value="28">Corée du Sud</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cr.png" value="73">Costa Rica</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ci.png" value="32">Côte d'Ivoire</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/hr.png" value="74">Croatie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cu.png" value="75">Cuba</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/dk.png" value="20">Danemark</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/dj.png" value="77">Djibouti</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/dm.png" value="78">Dominica</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/eg.png" value="82">Égypte</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ie.png" value="26">Eire</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sv.png" value="83">El Salvador</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ae.png" value="217">Émirats Arabes Unis</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ec.png" value="81">Équateur</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/er.png" value="85">Érythrée</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/es.png" value="6">Espagne</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ee.png" value="86">Estonie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/us.png" value="21">États-Unis</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/et.png" value="87">Éthiopie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/fj.png" value="90">Fidji</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/fi.png" value="7">Finlande</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/fr.png" value="246">France</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ga.png" value="91">Gabon</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gm.png" value="92">Gambie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ge.png" value="93">Géorgie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gh.png" value="94">Ghana</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gi.png" value="97">Gibraltar</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gr.png" value="9">Grèce</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gd.png" value="95">Grenade</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gl.png" value="96">Groenland</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gp.png" value="98">Guadeloupe</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gu.png" value="99">Guam</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gt.png" value="100">Guatemala</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gn.png" value="102">Guinée</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gq.png" value="84">Guinée Équatoriale</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gw.png" value="103">Guinée-Bissau</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gy.png" value="104">Guyana</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gf.png" value="241">Guyane Française</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ht.png" value="105">Haîti</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/hn.png" value="108">Honduras</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/hk.png" value="22">Hong-Kong</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/hu.png" value="143">Hongrie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/re.png" value="176">Île de la Réunion</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mu.png" value="35">Ile Maurice</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mp.png" value="163">Îles Mariannes du Nord</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mh.png" value="140">Îles Marshall</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/vg.png" value="223">Îles Vierges Britanniques</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/vi.png" value="224">Îles Vierges des États-Unis</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/in.png" value="110">Inde</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/id.png" value="111">Indonésie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ir.png" value="112">Iran</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/iq.png" value="113">Iraq</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/is.png" value="109">Islande</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/il.png" value="29">Israël</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/it.png" value="10">Italie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/jm.png" value="115">Jamaique</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/jp.png" value="11">Japon</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/jo.png" value="117">Jordanie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/kz.png" value="118">Kazakhstan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ke.png" value="119">Kenya</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/kg.png" value="123">Kirghizistan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ki.png" value="120">Kiribati</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/kw.png" value="122">Koweït</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/la.png" value="124">Laos</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ls.png" value="127">Lesotho</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/lv.png" value="125">Lettonie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/lb.png" value="126">Liban</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/lr.png" value="128">Libéria</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ly.png" value="129">Libya</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/li.png" value="130">Liechtenstein</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/lt.png" value="131">Lituanie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/lu.png" value="12">Luxembourg</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mo.png" value="132">Macao</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mk.png" value="133">Macédoine</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mg.png" value="134">Madagascar</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/my.png" value="136">Malaisie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mw.png" value="135">Malawi</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mv.png" value="137">Maldives</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ml.png" value="138">Mali</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mt.png" value="139">Malte</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ma.png" value="152">Maroc</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mq.png" value="141">Martinique</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mr.png" value="142">Mauritanie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/yt.png" value="144">Mayotte</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mx.png" value="145">Mexique</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/fm.png" value="146">Micronésie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/md.png" value="147">Moldova</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mc.png" value="148">Monaco</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mn.png" value="149">Mongolie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/me.png" value="150">Monténégro</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ms.png" value="151">Montserrat</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mz.png" value="153">Mozambique</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/na.png" value="154">Namibie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/nr.png" value="155">Nauru</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/np.png" value="156">Népal</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ni.png" value="159">Nicaragua</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ne.png" value="160">Niger</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ng.png" value="31">Nigeria</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/nu.png" value="161">Niué</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/nf.png" value="162">Norfolk, Île</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/no.png" value="23">Norvège</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/nc.png" value="158">Nouvelle-Calédonie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/nz.png" value="27">Nouvelle-Zélande</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/om.png" value="164">Oman</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ug.png" value="215">Ouganda</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/uz.png" value="219">Ouzbékistan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pk.png" value="165">Pakistan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pw.png" value="166">Palaos</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ps.png" value="167">Palestinien</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pa.png" value="168">Panama</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pg.png" value="169">Papouasie-Nouvelle-Guinée</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/py.png" value="170">Paraguay</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/nl.png" value="13">Pays-bas</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pe.png" value="171">Pérou</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ph.png" value="172">Philippines</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pn.png" value="173">Pitcairn</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pl.png" value="14">Pologne</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pf.png" value="242">Polynésie Française</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pr.png" value="174">Porto Rico</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pt.png" value="15">Portugal</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/qa.png" value="175">Qatar</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/do.png" value="79">République Dominicaine</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/cz.png" value="16">République Tchèque</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ro.png" value="36">Roumanie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/gb.png" value="17">Royaume-Uni</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ru.png" value="177">Russie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/rw.png" value="178">Rwanda</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/eh.png" value="226">Sahara Occidental</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/bl.png" value="179">Saint-Barthélemy</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/kn.png" value="180">Saint-Kitts-et-Nevis</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sm.png" value="186">Saint-Marin</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/mf.png" value="182">Saint-Martin</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/pm.png" value="183">Saint-Pierre-et-Miquelon</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/va.png" value="107">Saint-Siege (État de la Cité du Vatican)</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/vc.png" value="184">Saint-Vincent-et-Les Grenadines</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/lc.png" value="181">Sainte-Lucie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sb.png" value="194">Salomon, Îles</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ws.png" value="185">Samoa</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/as.png" value="39">Samoa Américaines</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/st.png" value="187">Sao Tomé-et-Principe</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sn.png" value="189">Sénégal</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/rs.png" value="190">Serbie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sc.png" value="191">Seychelles</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sl.png" value="192">Sierra Leone</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sg.png" value="25">Singapour</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sk.png" value="37">Slovaquie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/si.png" value="193">Slovénie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/so.png" value="195">Somalie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sd.png" value="198">Soudan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/lk.png" value="197">Sri Lanka</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sh.png" value="247">St. Helena</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/se.png" value="18">Suède</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ch.png" value="19">Suisse</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sr.png" value="199">Suriname</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sj.png" value="200">Svalbard et Île Jan Mayen</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sz.png" value="201">Swaziland</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/sy.png" value="202">Syrienne</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tj.png" value="204">Tadjikistan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tw.png" value="203">Taïwan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tz.png" value="205">Tanzanie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/td.png" value="67">Tchad</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tf.png" value="243">Terres Australes Françaises</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/io.png" value="235">Territoire Britannique de L'Océan Indien</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/th.png" value="206">Thaïlande</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tl.png" value="80">Timor oriental</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tg.png" value="33">Togo</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tk.png" value="207">Tokelau</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/to.png" value="208">Tonga</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tt.png" value="209">Trinité-et-Tobago</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tn.png" value="210">Tunisie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tm.png" value="212">Turkménistan</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tc.png" value="213">Turks et Caiques, Îles</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tr.png" value="211">Turquie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/tv.png" value="214">Tuvalu</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ua.png" value="216">Ukraine</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/uy.png" value="218">Uruguay</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/vu.png" value="220">Vanuatu</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ve.png" value="221">Venezuela</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/vn.png" value="222">Vietnam</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/wf.png" value="225">Wallis et Futuna</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/ye.png" value="227">Yémen</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/zm.png" value="228">Zambie</option> <option data-mdb-icon="https://www.stereogang.fr/assets/img/flags/zw.png" value="229">Zimbabwe</option> </select> </div> <hr> <div class="mb-3 form-outline" data-mdb-input-init> <input type="email" name="email" id="checkout-shipping-email" class="form-control form-control-lg" autocomplete="chrome-off"> <label for="checkout-shipping-email" class="form-label">Email</label> </div> <div class="mb-3 form-outline" data-mdb-input-init> <input type="tel" name="phone" id="checkout-shipping-phone" class="form-control form-control-lg" autocomplete="chrome-off"> <label for="checkout-shipping-phone" class="form-label">Téléphone</label> </div> </form> </div> </div> <div class="modal-footer justify-content-center"> <button type="button" class="btn btn-lg btn-block btn-primary checkout-save-address" data-form-id="form-checkout-address" style="max-width:320px;">Enregistrer</button> </div> </div> </div> </div> <div class="modal text-dark" id="modal-checkout-shipping" tabindex="-1" aria-labelledby="modal-checkout-shipping-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <div class="container d-flex align-items-center justify-content-between"> <h5 class="modal-title fw-bolder" id="modal-checkout-shipping-label">Adresse de livraison</h5> <button type="button" class="btn-close p-md-0 m-md-0" data-mdb-dismiss="modal" aria-label="Close" style="background: none;height: auto;"> <span class="far fa-times fa-2x"></span> </button> </div> </div> <div class="modal-body"></div> </div> </div> </div> <div class="modal text-dark" id="modal-checkout-paiement" tabindex="-1" aria-labelledby="modal-checkout-paiement-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <div class="container d-flex align-items-center justify-content-between"> <h5 class="modal-title fw-bolder" id="modal-checkout-paiement-label">Paiement</h5> <button type="button" class="btn-close p-md-0 m-md-0" data-mdb-dismiss="modal" aria-label="Close" style="background: none;height: auto;"> <span class="far fa-times fa-2x"></span> </button> </div> </div> <div class="modal-body"></div> </div> </div> </div> <div class="modal fade text-dark" id="modal-checkout-confirm" tabindex="-1" aria-labelledby="modal-checkout-confirm-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <div class="container d-flex align-items-center justify-content-between"> <h5 class="modal-title fw-bolder" id="modal-checkout-confirm-label">Confirmation de commande</h5> <button type="button" class="btn-close p-0 m-0" data-mdb-dismiss="modal" aria-label="Close" style="background: none;height: auto;"> <span class="far fa-times fa-2x"></span> </button> </div> </div> <div class="modal-body"> <div class="container"> <div id="cart" class="mb-5"></div> <h5 class="mb-3 fw-bolder">Adresse de livraison</h5> <div class="p-4 shadow-2-strong rounded-2 mb-5 d-flex align-items-center justify-content-between checkout-confirm-address"></div> <h5 class="mb-3 fw-bolder" id="title-checkout-confirm-shipping">Livraison</h5> <div class="p-4 shadow-2-strong rounded-2 mb-5 d-flex align-items-center justify-content-between checkout-confirm-shipping"></div> <h5 class="mb-3 fw-bolder" id="title-checkout-confirm-paiement">Paiement</h5> <div class="p-4 shadow-2-strong rounded-2 mb-5 d-flex align-items-center justify-content-between checkout-confirm-paiement"></div> </div> </div> <div class="modal-footer justify-content-center"> <div class="container"> <div class="d-flex align-items-center justify-content-between mb-3"> <div>Total HT : </div> <div class="subtotal-cart fw-bolder"></div> </div> <div class="d-flex align-items-center justify-content-between mb-3 footer-total-tva"> <div>TVA : </div> <div class="tva-cart fw-bolder"></div> </div> <div class="d-flex align-items-center justify-content-between mb-3 footer-total-shipping"> <div>Livraison : </div> <div class="total-shipping-cart fw-bolder">Gratuite</div> </div> <div class="d-flex align-items-center justify-content-between mb-3 footer-total-ttc"> <div>Total TTC : </div> <div class="total-cart fw-bolder"></div> </div> <button type="button" class="btn btn-lg btn-block btn-primary checkout-save-order" style="max-width:320px;margin:0 auto;display: block;">Confirmer la commande</button> </div> </div> </div> </div> </div> <div class="modal fade text-dark" id="modal-checkout-cgv-link" tabindex="-1" aria-labelledby="modal-checkout-cgv-link-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <div class="container d-flex align-items-center justify-content-between"> <h5 class="modal-title fw-bolder" id="modal-checkout-cgv-link-label">Conditions générales de vente</h5> <button type="button" class="btn-close p-md-0 m-md-0" data-mdb-dismiss="modal" aria-label="Close" style="background: none;height: auto;"> <span class="far fa-times fa-2x"></span> </button> </div> </div> <div class="modal-body""> <div class="container"> </div> </div> </div> </div> </div> <div class="modal fade text-dark" id="modal-checkout-cgv" tabindex="-1" aria-labelledby="modal-checkout-cgv-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <div class="container d-flex align-items-center justify-content-between"> <h5 class="modal-title fw-bolder" id="modal-checkout-cgv-label">Conditions générales de vente</h5> <button type="button" class="btn-close p-md-0 m-md-0" data-mdb-dismiss="modal" aria-label="Close" style="background: none;height: auto;"> <span class="far fa-times fa-2x"></span> </button> </div> </div> <div class="modal-body""> <div class="container"> </div> </div> <div class="modal-footer justify-content-center"> <button type="button" class="btn btn-lg btn-block btn-primary checkout-save-order" style="max-width:420px;">Accepter les conditions générales de vente</button> </div> </div> </div> </div> <div class="modal fade text-dark" id="modal-checkout-success" tabindex="-1" aria-labelledby="modal-checkout-success-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <div class="container d-flex align-items-center justify-content-between"> <h5 class="modal-title fw-bolder" id="modal-checkout-success-label">Commande enregistrée</h5> <button type="button" class="btn-close p-md-0 m-md-0" data-mdb-dismiss="modal" aria-label="Close" style="background: none;height: auto;"> <span class="far fa-times fa-2x"></span> </button> </div> </div> <div class="modal-body""> </div> </div> </div> </div> <div class="toast fade mx-auto" id="toast-error" role="alert" aria-live="assertive" aria-atomic="true" data-mdb-autohide="true" data-mdb-delay="3500" data-mdb-position="top-right" data-mdb-append-to-body="true" data-mdb-stacking="true" data-mdb-width="340px" data-mdb-color="danger" > <div class="toast-header"> <strong class="me-auto">Attention !</strong> <button type="button" class="btn-close" data-mdb-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body"></div> </div> <div class="toast fade mx-auto" id="toast-success" role="alert" aria-live="assertive" aria-atomic="true" data-mdb-autohide="true" data-mdb-delay="3500" data-mdb-position="top-right" data-mdb-append-to-body="true" data-mdb-stacking="true" data-mdb-width="340px" data-mdb-color="success" > <div class="toast-header"> <strong class="me-auto">Succès !</strong> <button type="button" class="btn-close" data-mdb-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body"></div> </div> <div class="toast fade mx-auto" id="toast-info" role="alert" aria-live="assertive" aria-atomic="true" data-mdb-autohide="true" data-mdb-delay="3500" data-mdb-position="top-right" data-mdb-append-to-body="true" data-mdb-stacking="true" data-mdb-width="340px" data-mdb-color="info" > <div class="toast-header"> <strong class="me-auto">Succès !</strong> <button type="button" class="btn-close" data-mdb-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body"></div> </div><div class="modal fade" id="modal-scanner-voucher" tabindex="-1" aria-labelledby="modal-scanner-voucher-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header bg-black" style="border:none;"> <h5 class="modal-title text-white" id="modal-scanner-voucher-label">Scanner le QRCODE</h5> <div class="text-white" data-mdb-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></div> </div> <div class="modal-body p-0 bg-dark"> <div id="qr-reader" class="w-100"></div> </div> </div> </div> </div> <div class="modal fade" id="modal-confirm-scan-voucher" tabindex="-1" aria-labelledby="modal-confirm-scan-voucher-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header bg-black" style="border:none;"> <h5 class="modal-title text-white" id="modal-confirm-scan-voucher-label">Confirmation</h5> <div class="text-white" data-mdb-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></div> </div> <div class="modal-body bg-dark" style="border:none;"> <form action="https://www.stereogang.fr/voucher/scan" method="post" id="form-confirm-scan-voucher" class="text-dark text-center"> <div class="fs-4 text-white">Souhaitez-vous valider<br>votre point ?</div> <input type="hidden" name="token" class="token-scan-voucher"> </form> </div> <div class="modal-footer bg-dark" style="border:none;"> <button type="button" class="btn btn-lg btn-block btn-success btn-form-submit-confirm-scan-voucher" data-form-id="form-confirm-scan-voucher">Confirmer</button> </div> </div> </div> </div> <div class="modal fade" id="modal-confirm-use-voucher" tabindex="-1" aria-labelledby="modal-confirm-use-voucher-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header bg-black" style="border:none;"> <h5 class="modal-title text-white" id="modal-confirm-use-voucher-label">Confirmation</h5> <div class="text-white" data-mdb-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></div> </div> <div class="modal-body bg-dark" style="border:none;"> <form action="https://www.stereogang.fr/voucher/use" method="post" id="form-confirm-use-voucher" class="text-dark text-center"> <div class="fs-4 text-white">Souhaitez-vous utiliser<br>vos points ?</div> <input type="hidden" name="token" class="token-scan-voucher"> </form> </div> <div class="modal-footer bg-dark" style="border:none;"> <button type="button" class="btn btn-lg btn-block btn-success btn-form-submit-confirm-use-voucher" data-form-id="form-confirm-use-voucher">Confirmer</button> </div> </div> </div> </div><div class="modal fade" id="modal-scan-qrcode" tabindex="-1" aria-labelledby="modal-scan-qrcode-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header bg-black" style="border:none;"> <h5 class="modal-title text-white" id="modal-scanner-qrcode-label">Scanner le QRCODE</h5> <div class="text-white" data-mdb-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></div> </div> <div class="modal-body p-0 bg-dark"> <div id="qr-scanner" class="w-100"></div> </div> </div> </div> </div> <div class="modal fade" id="modal-confirm-scan-qrcode" tabindex="-1" aria-labelledby="modal-confirm-scan-qrcode-label" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header bg-black" style="border:none;"> <h5 class="modal-title text-white" id="modal-confirm-scan-qrcode-label">Confirmation</h5> <div class="text-white" data-mdb-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></div> </div> <div class="modal-body bg-dark" style="border:none;"> <div class="fs-4 text-white text-center">Souhaitez-vous accéder<br>à cette url ?</div> </div> <div class="modal-footer bg-dark" style="border:none;"> <a href="" class="btn btn-lg btn-block btn-success btn-form-submit-confirm-scan-qrcode nofollow" target="_blank">Confirmer</a> </div> </div> </div> </div> <script> var SITE_URL = 'https://www.stereogang.fr/'; var SITE_ICON = 'https://www.stereogang.fr/medias/24074/icons/192_192/e1586370647f272f45469f0dee5b2845.png'; var SITE_LOGO = 'https://www.stereogang.fr/media/24074/logos/50cc9ef07791292177e91513d0a26efd.png'; var SITE_LOGO_REVERSE = 'https://www.stereogang.fr/media/24074/logos/afc54cd247471cafa1c1528cfb54b496.png'; var SITE_NAME = "Stereogang"; var CACHE_NAME = "calker-pwa-24074"; var MAPTILER_KEY = 'CiZlgAYwNnTaW8zIBeWn'; var RECAPTCHA_KEY = '6LdtjF4qAAAAAM1k6qgcpxsZ9LuBennRTm-fziWt'; var IS_PREVIEW = '0'; var IS_DESKTOP = '1'; var IS_PREVIEW_MOBILE_PERSISTENT = '0'; var CATALOG_DEVISE = '€'; var CATALOG_PRICE_WITH_TAX = '0'; var WEBRADIO_URL_STREAM = 'https://listen.radioking.com/radio/355045/stream/406612'; var WEBRADIO_URL_JSON = 'https://api.radioking.io/widget/radio/stereo-gang-radio/track/current'; var WEBRADIO_DEFAULT_COVER = 'https://cdn.creer-application.com/media/24074/480_480/ff9f0f3916eaa364d31bec77e5d18b70.png'; var WEBRADIO_DEFAULT_BOX_COVER = 'https://cdn.creer-application.com/media/24074/480_480/86e5cbe550e0a091fb4b84a876dab0aa.jpg'; var SHARE_BUTTON = 1; var PWA_INSTALL_PROMPT = '1'; var PWA_PUSH_PROMPT = '1'; var NOAJAX = true; var IS_LANDING = false; </script> <script src="https://www.google.com/recaptcha/api.js?render=6LdtjF4qAAAAAM1k6qgcpxsZ9LuBennRTm-fziWt"></script> <script src="https://www.stereogang.fr/assets/js/mdb.umd.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/file-upload.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/jquery.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/jquery-ui.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/jquery.fileupload.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/jquery.iframe-transport.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/jquery.bootstrap-touchspin.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/blockUI.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/leaflet.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/leaflet-gesture-handling.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/leaflet.markercluster.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/leaflet.fullscreen.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/leaflet-beautify-marker-icon.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/leaflet.featuregroup.subgroup.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/masonry.pkgd.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/video.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/owl.carousel.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/lazyload.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/signature_pad.umd.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/html5-qrcode.min.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/voucher.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/qrcode-scanner.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/app.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/desktop.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/notifications.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/webradio.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/cart.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/forms.js?v=1.3.4"></script> <script src="https://www.stereogang.fr/assets/js/recipes.js?v=1.3.4"></script> <div id="container-offline" style="display: none;" class="p-2 fixed-top bg-danger text-white text-center fw-100">OFFLINE</div> <div id="install-prompt-android" class="d-none shadow-5-strong fixed-top p-4 m-3 m-md-4 rounded-3 align-items-center justify-content-between pe-pointer bg-secondary text-light"> <i class="fal fa-times fa-2x position-absolute install-later" style="top:0.5rem;right:1rem;" title="Installer l'application plus tard"></i> <div class="text-center mt-5 mb-3"> <img src="https://cdn.creer-application.com/media/24074/icons/256_256/e1586370647f272f45469f0dee5b2845.png" class="rounded" alt="Stereogang" height="128" width="128"> </div> <div class="h4 text-center mb-5"> Stereogang </div> <p class="fs-4 mb-5" style="line-height: 30px;"> Installez cette application sur votre écran d'accueil pour un accès rapide et facile. </p> <div> <button type="button" title="Installer l'application" class="btn btn-lg btn-primary btn-block mb-2 install">Installer</button> <button type="button" title="Ne pas installer l'application" class="btn btn-lg btn-tertiary btn-block mb-2 no-install">Ne pas installer</button> <button type="button" title="Installer l'application plus tard" class="btn btn-lg btn-outline-primary btn-block install-later">Plus tard</button> </div> </div> <div id="install-prompt-ios" class="d-none shadow-5-strong fixed-top p-3 m-3 m-md-4 rounded-3 align-items-center justify-content-between pe-pointer"> <i class="fal fa-times fa-2x position-absolute install-later text-dark" style="top:0.5rem;right:1rem;" title="Installer l'application plus tard"></i> <div class="text-center mt-5 mb-3"> <img src="https://cdn.creer-application.com/media/24074/icons/256_256/e1586370647f272f45469f0dee5b2845.png" class="rounded" alt="Stereogang" height="128" width="128"> </div> <div class="h4 text-center text-dark mb-5"> Stereogang </div> <p class="fs-4 mb-5 text-dark text-install" style="line-height: 30px;"> Installez cette application sur votre écran d'accueil pour un accès rapide et facile. </p> <p class="fs-4 mb-5 text-dark text-install-copy-link" style="line-height: 30px;"> Pour installer cette application vous devez ouvrir <span style="color:#527AFB"><svg id="pwa-safari" viewBox="0 0 20.283 19.932" width="24" height="24"><g fill="currentColor"><path d="M9.96 19.922c5.45 0 9.962-4.522 9.962-9.961C19.922 4.51 15.4 0 9.952 0 4.511 0 0 4.512 0 9.96c0 5.44 4.521 9.962 9.96 9.962Zm0-1.66A8.26 8.26 0 0 1 1.67 9.96c0-4.61 3.672-8.3 8.281-8.3 4.61 0 8.31 3.69 8.31 8.3 0 4.61-3.69 8.3-8.3 8.3Z"></path><path d="m5.87 14.883 5.605-2.735a1.47 1.47 0 0 0 .683-.673l2.725-5.596c.312-.664-.166-1.182-.85-.84L8.447 7.764c-.302.136-.508.341-.674.673L5.03 14.043c-.312.645.196 1.152.84.84Zm4.09-3.72A1.19 1.19 0 0 1 8.77 9.97c0-.664.527-1.201 1.19-1.201a1.2 1.2 0 0 1 1.202 1.2c0 .655-.537 1.192-1.201 1.192Z"></path></g></svg></span> Safari et copier le lien <span class="text-primary text-pointer install-copy-link" data-url="https://www.stereogang.fr/" data-url="https://www.stereogang.fr/" data-mdb-tooltip-init title="Copié !">suivant</span>. </p> <div> <button class="btn btn-outline-dark btn-block btn-lg mb-2 btn-install-copy-link install-copy-link" data-url="https://www.stereogang.fr/" data-mdb-tooltip-init title="Copié !">Copier le lien</button> <button class="btn btn-outline-dark btn-block btn-lg mb-2 text-start toggle-install-helper">Ajouter à l'écran d'accueil<i class="far fa-square-plus float-end"></i></button> <div class="helper-description my-4" style="display: none;"> <div class="d-flex w-100 align-items-center mb-3 fw-600"> <div style="color:#527AFB"> <svg id="pwa-share" width="25" height="32" viewBox="0 0 17.695 26.475"><g fill="currentColor"><path d="M17.334 10.762v9.746c0 2.012-1.025 3.027-3.066 3.027H3.066C1.026 23.535 0 22.52 0 20.508v-9.746C0 8.75 1.025 7.734 3.066 7.734h2.94v1.573h-2.92c-.977 0-1.514.527-1.514 1.543v9.57c0 1.015.537 1.543 1.514 1.543h11.152c.967 0 1.524-.527 1.524-1.543v-9.57c0-1.016-.557-1.543-1.524-1.543h-2.91V7.734h2.94c2.04 0 3.066 1.016 3.066 3.028Z"></path><path d="M8.662 15.889c.42 0 .781-.352.781-.762V5.097l-.058-1.464.654.693 1.484 1.582a.698.698 0 0 0 .528.235c.4 0 .713-.293.713-.694 0-.205-.088-.361-.235-.508l-3.3-3.183c-.196-.196-.362-.264-.567-.264-.195 0-.361.069-.566.264L4.795 4.94a.681.681 0 0 0-.225.508c0 .4.293.694.703.694.186 0 .4-.079.538-.235l1.474-1.582.664-.693-.058 1.465v10.029c0 .41.351.762.771.762Z"></path></g></svg> </div> <div class="fs-8 ms-3">1- Appuyez sur Partager dans la barre de navigation</div> </div> <div class="d-flex w-100 align-items-center fw-600"> <div> <svg id="pwa-add" width="25" height="25"><g><path d="m23.40492,1.60784c-1.32504,-1.32504 -3.19052,-1.56912 -5.59644,-1.56912l-10.65243,0c-2.33622,0 -4.2017,0.24408 -5.5267,1.56912c-1.32504,1.34243 -1.56911,3.17306 -1.56911,5.50924l0,10.5827c0,2.40596 0.22665,4.254 1.55165,5.57902c1.34246,1.32501 3.19052,1.5691 5.59647,1.5691l10.60013,0c2.40592,0 4.2714,-0.24408 5.59644,-1.5691c1.325,-1.34245 1.55166,-3.17306 1.55166,-5.57902l0,-10.51293c0,-2.40596 -0.22666,-4.25401 -1.55166,-5.57901zm-0.38355,5.21289l0,11.24518c0,1.51681 -0.20924,2.94643 -1.02865,3.78327c-0.83683,0.83685 -2.30134,1.0635 -3.81815,1.0635l-11.33234,0c-1.51681,0 -2.96386,-0.22665 -3.80073,-1.0635c-0.83683,-0.83684 -1.04607,-2.26646 -1.04607,-3.78327l0,-11.19288c0,-1.5517 0.20924,-3.01617 1.02865,-3.85304c0.83687,-0.83683 2.31876,-1.04607 3.87042,-1.04607l11.28007,0c1.51681,0 2.98132,0.22666 3.81815,1.06353c0.81941,0.81941 1.02865,2.26645 1.02865,3.78327zm-10.53039,12.08205c0.64506,0 1.02861,-0.43586 1.02861,-1.13326l0,-4.34117l4.53294,0c0.66252,0 1.13326,-0.36613 1.13326,-0.99376c0,-0.64506 -0.43586,-1.02861 -1.13326,-1.02861l-4.53294,0l0,-4.53294c0,-0.6974 -0.38355,-1.13326 -1.02861,-1.13326c-0.62763,0 -0.99376,0.45332 -0.99376,1.13326l0,4.53294l-4.51552,0c-0.69737,0 -1.15069,0.38355 -1.15069,1.02861c0,0.62763 0.48817,0.99376 1.15069,0.99376l4.51552,0l0,4.34117c0,0.66252 0.36613,1.13326 0.99376,1.13326z"></path></g></svg> </div> <div class="fs-8 ms-3">2- Faites défiler vers le bas jusqu'à "Ajouter à l'écran d'accueil"</div> </div> </div> <button type="button" title="Ne pas installer l'application" class="btn btn-lg btn-outline-primary btn-block mb-2 no-install">Ne pas installer</button> <button type="button" title="Installer l'application plus tard" class="btn btn-lg btn-dark btn-block install-later">Plus tard</button> </div> </div> <div class="modal fade bottom" id="modal-push-confirmation" tabindex="-1" aria-labelledby="modal-push-confirmation-label" aria-hidden="true"> <div class="modal-dialog modal-frame modal-bottom"> <div class="modal-content rounded-0"> <div class="modal-header" style="border-radius:0;"> <h5 class="modal-title" id="modal-push-confirmation-label">Notifications</h5> <button type="button" class="btn-close btn-push-subscription" data-mdb-dismiss="modal" aria-label="Close" data-active="0"></button> </div> <div class="modal-body p-5 text-dark fs-5"> <div class="mb-4 position-relative d-inline-block"> <span style="background-color:#cc0000;color:#fff;display:block;border-radius: 50%;width:40px;height:40px;line-height: 40px;text-align: center;right:-10px;top:-10px;font-weight:700;" class="position-absolute">1</span> <img src="https://cdn.creer-application.com/media/24074/icons/128_128/e1586370647f272f45469f0dee5b2845.png" class="rounded" alt="Stereogang" height="64" width="64"> </div> <div class="h5 mb-3">Soyez notifié de nos nouvelles actualités en temps réel.</div> <p class="fs-6">Aucun email requis.</p> <p class="fs-6">Autorisez les notifications pour continuer.</p> </div> <div class="modal-footer justify-content-center"> <button type="button" class="btn btn-lg btn-dark btn-push-subscription" data-active="0">Non</button> <button type="button" class="btn btn-lg btn-primary btn-push-subscription" data-active="1">Oui</button> </div> </div> </div> </div> <script> if(IS_PREVIEW != 1) { window.isUpdateAvailable = new Promise(function(resolve, reject) { if ("serviceWorker" in navigator) { navigator.serviceWorker.register('/service-worker.js') .then(reg => { reg.onupdatefound = () => { const installingWorker = reg.installing; installingWorker.onstatechange = () => { switch (installingWorker.state) { case 'installed': if (navigator.serviceWorker.controller) { resolve(true); } else { resolve(false); } break; } }; }; }) .catch(err => console.error('[SW ERROR]', err)); } }); window['isUpdateAvailable'] .then(isAvailable => { if (isAvailable) { navigator.serviceWorker .getRegistration() .then(registration => { registration.waiting.postMessage("skipWaiting"); }); } }); } var userAgent = window.navigator.userAgent.toLowerCase(); var deferredPrompt; var laterTimestamp = localStorage.getItem('install-prompt-later'); var differTime = 5; var isIos = () => { return /iphone|ipad|ipod/.test(userAgent); } console.log('Navigateur:'+detectIOSBrowser()); function detectIOSBrowser() { if (!isIos()) { return "other"; } const isSafari = /Safari/i.test(userAgent) && !/CriOS|FxiOS|EdgiOS|OPiOS|Chrome|Firefox|Edge|OPR/i.test(userAgent) && /Version\/\d+/i.test(userAgent); if (isSafari) { return "ios_safari"; } else { return "ios_other"; } } $(document).ready(function() { if(detectIOSBrowser() != 'ios_safari') { $('#install-prompt-ios button.no-install').html('Ne plus afficher'); $('#install-prompt-ios .toggle-install-helper').addClass('d-none'); $('#install-prompt-ios .text-install').addClass('d-none'); } else { $('#install-prompt-ios .btn-install-copy-link').addClass('d-none'); $('#install-prompt-ios .text-install-copy-link').addClass('d-none'); } if (isIos()) { if(localStorage.getItem('install-prompt-ios') != 1) { if(localStorage.getItem('install-prompt-ios') == 2) { if (laterTimestamp) { var currentTime = Date.now(); var timeElapsedMinutes = (currentTime - parseInt(laterTimestamp)) / (1000 * 60); if (timeElapsedMinutes >= differTime) { console.log("Plus de "+differTime+" minutes se sont écoulées depuis 'Plus tard'."); $('#install-prompt-ios').removeClass('d-none').addClass('d-block'); if(!$('#modal-backdrop-install-prompt').length) $('body').append('<div class="modal-backdrop fade show" id="modal-backdrop-install-prompt"></div>'); } else { console.log("Moins de "+differTime+" minutes se sont écoulées. Ne pas réafficher le prompt."); } } } else { $('#install-prompt-ios').removeClass('d-none').addClass('d-block'); if(!$('#modal-backdrop-install-prompt').length) $('body').append('<div class="modal-backdrop fade show" id="modal-backdrop-install-prompt"></div>'); } } } if (!isIos()) { if(localStorage.getItem('install-prompt-android') != 1) { if(localStorage.getItem('install-prompt-android') == 2) { if (laterTimestamp) { var currentTime = Date.now(); var timeElapsedMinutes = (currentTime - parseInt(laterTimestamp)) / (1000 * 60); if (timeElapsedMinutes >= differTime) { console.log("Plus de "+differTime+" minutes se sont écoulées depuis 'Plus tard'."); window.addEventListener('beforeinstallprompt', (e) => { e.preventDefault(); deferredPrompt = e; $('#install-prompt-android').removeClass('d-none').addClass('d-block'); if(!$('#modal-backdrop-install-prompt').length) $('body').append('<div class="modal-backdrop fade show" id="modal-backdrop-install-prompt"></div>'); }); } else { console.log("Moins de "+differTime+" minutes se sont écoulées. Ne pas réafficher le prompt."); } } } else { window.addEventListener('beforeinstallprompt', (e) => { e.preventDefault(); deferredPrompt = e; $('#install-prompt-android').removeClass('d-none').addClass('d-block'); if(!$('#modal-backdrop-install-prompt').length) $('body').append('<div class="modal-backdrop fade show" id="modal-backdrop-install-prompt"></div>'); }); } } else { window.addEventListener('beforeinstallprompt', (e) => { e.preventDefault(); }); } window.addEventListener('appinstalled', async () => { fetch(SITE_URL+'installations/save', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ install_id: getInstallId() }) }); }); } $(document).on('click', '#install-prompt-android .install', function (e) { e.preventDefault(); $('#install-prompt-android').removeClass('d-block').addClass('d-none'); deferredPrompt.prompt(); deferredPrompt.userChoice.then((choiceResult) => { if (choiceResult.outcome === 'accepted') { localStorage.setItem('install-prompt-android', 1); } deferredPrompt = null; }); }); $(document).on('click', '#install-prompt-ios .install-later', function (e) { e.preventDefault(); localStorage.setItem('install-prompt-ios', 2); localStorage.setItem('install-prompt-later', Date.now().toString()); $('#install-prompt-ios').removeClass('d-block').addClass('d-none'); $('#modal-backdrop-install-prompt').remove(); }); $(document).on('click', '#install-prompt-ios .no-install', function (e) { e.preventDefault(); localStorage.setItem('install-prompt-ios', 1); $('#install-prompt-ios').removeClass('d-block').addClass('d-none'); $('#modal-backdrop-install-prompt').remove(); }); $(document).on('click', '#install-prompt-android .install-later', function (e) { e.preventDefault(); localStorage.setItem('install-prompt-android', 2); localStorage.setItem('install-prompt-later', Date.now().toString()); $('#install-prompt-android').removeClass('d-block').addClass('d-none'); $('#modal-backdrop-install-prompt').remove(); }); $(document).on('click', '#install-prompt-android .no-install', function (e) { e.preventDefault(); localStorage.setItem('install-prompt-android', 1); $('#install-prompt-android').removeClass('d-block').addClass('d-none'); $('#modal-backdrop-install-prompt').remove(); }); $(document).on('click', '.toggle-install-helper', function (e) { $('.helper-description').toggle(); }); $(document).on('click', '.install-copy-link', function (e) { e.preventDefault(); var value = $(this).data('url'); var tooltip = new mdb.Tooltip(this); navigator.clipboard.writeText(value).then(() => { tooltip.show(); setTimeout(() => { tooltip.hide(); }, 1500); }); }); function getInstallId() { let installId = localStorage.getItem('pwa_install_id'); if (!installId) { installId = crypto.randomUUID(); localStorage.setItem('pwa_install_id', installId); } return installId; } }); </script> <div id="launch-cookie" class="shadow-4-strong rounded-circle bg-tertiary text-light" style="display: none;"> <i class="far fa-cookie-bite fa-xl"></i> </div> <div id="card-cookie" class="shadow-3-strong rounded-4 bg-tertiary text-light" style="display: none;"> <div class="p-4" id="card-cookie-body"> <p class="fw-600">Coucou !</p> <p class="h3">C'est nous les cookies !</p> <p>Nous avons attendu de nous assurer que vous étiez intéressé par le contenu de ce site avant de vous déranger, mais nous serions ravis d'être vos compagnons lors de votre visite...</p> <p class="\\\\\\\\\\\\\\\\">Etes-vous d'accord ?</p> <div id="card-cookie-actions" style="display: none;"> <div class="d-flex justify-content-between pt-3"> <div class="form-check form-switch"> <input class="form-check-input" type="checkbox" role="switch" id="switch-cookie-creer-application" checked disabled/> <label class="form-check-label" for="switch-cookie-creer-application">Fonctionnement du site (obligatoire)</label> </div> <i class="fa fa-info-circle text-pointer text- ms-3 modal-cookies"></i> </div> </div> </div> <div class="p-2 bg-tertiary text-light" id="card-cookie-footer" style="border-bottom-left-radius: .375rem!important;border-bottom-right-radius: .375rem!important;border-top:1px solid #303046;"> <div class="row g-1"> <div class="col-4"> <button class="btn btn-block px-2 btn-primary accept-cookie-none">Non merci</button> </div> <div class="col-3"> <button class="btn btn-block px-2 btn-primary switch-cookie-select">Choisir</button> </div> <div class="col-5"> <button class="btn btn-block px-2 btn-primary accept-cookie-all">Tout accepter</button> </div> </div> </div> </div> <div class="modal fade" id="modal-cookies" tabindex="-1" aria-labelledby="modal-cookies-label" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <div class="container d-flex align-items-center justify-content-between"> <h5 class="modal-title" id="modal-cookies-label">Fonctionnement du site</h5> <button type="button" class="btn-close" data-mdb-ripple-init data-mdb-dismiss="modal" aria-label="Close"></button> </div> </div> <div class="modal-body px-3 px-md-4"> <p>Lorem ipsum, or lipsum as it is sometimes known,my text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins with:</p> <p>Lorem ipsum, or lipsum as it is sometimes known, is dummy used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins with:</p> <p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought ed parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. It usually begins with:</p> </div> <div class="modal-footer justify-content-center"> <button type="button" class="btn btn-lg btn-block btn-primary accept-cookie-all" style="max-width:320px;">Accepter</button> </div> </div> </div> </div> <script> var current_pages_rows_id; window.addEventListener( "message", function (e) { if (e.origin === window.location.origin) { if(e.data.forceCookieBox == 1) { $('#card-cookie').toggle(); $('#launch-cookie').show(); toogleCookieIcon(); } if(e.data.forceInstallBox == 1) { $('#install-prompt-android').removeClass('d-none').addClass('d-block'); if(!$('#modal-backdrop-install-prompt').length) $('body').append('<div class="modal-backdrop fade show" id="modal-backdrop-install-prompt"></div>'); } if(e.data.previewMask == 1) { var pages_rows_id = e.data.pages_rows_id; if(current_pages_rows_id != pages_rows_id) { var allParents = $('#main').children(); allParents.push($('#navbar-mobile-top-outer')); $('.preview-mask').remove(); $.each(allParents, function(index, value) { var $this = $(this); if($this.attr('id') != 'page-row-'+pages_rows_id) { $this.addClass('position-relative'); var offset = $this.offset(); // Obtenir les coordonnées de l'élément var width = $this.outerWidth(); // Largeur de l'élément var height = $this.outerHeight(); // Hauteur de l'élément var offsetCurrent = $this.offset().top+height;// Offset du block en cours var offsetNext = ($this.next().length ? $this.next().offset().top : 0);// Offset du block suivant var diff = offsetNext-offsetCurrent;// Hauteur de la marge height = height + diff;// Hauteur réel du block // Créer un masque var mask = $('<div class="preview-mask"></div>').css({ position: 'absolute', top: '0px', left: offset.left + 'px', width: width + 'px', height: height + 'px', background: 'rgba(0, 0, 0, 0.90)', // Masque semi-transparent zIndex: 5000 // S'assurer que le masque est au-dessus de tout }); // Ajouter le masque au body $this.children().append(mask); } }); current_pages_rows_id = pages_rows_id; } else { $('.preview-mask').remove(); current_pages_rows_id = 0; } $('html, body').animate({ scrollTop: $("#page-row-" + pages_rows_id).offset().top }, 400); } } }, false ); </script> </body> </html>

Comment écouter la radio ?

Installe sur ton ordinateur

Lire sur ton player favoris

Lire sur ton enceinte connectée

Intégrer notre player à votre site web