

{"id":310,"date":"2024-11-01T13:20:24","date_gmt":"2024-11-01T12:20:24","guid":{"rendered":"https:\/\/radiostreamr.com\/radio-france\/?p=310"},"modified":"2024-11-03T14:50:51","modified_gmt":"2024-11-03T13:50:51","slug":"ecoutez-en-direct-nostalgie","status":"publish","type":"post","link":"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/","title":{"rendered":"Nostalgie \ud83c\udfb6 &#8211; Ecoutez en direct les Webradios"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"310\" class=\"elementor elementor-310\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dce457e e-con-full e-flex e-con e-parent\" data-id=\"dce457e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f9be1c 1995 elementor-widget elementor-widget-html\" data-id=\"9f9be1c\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"1995\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html><html><head>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self' https:; script-src 'self' https: 'unsafe-inline' 'unsafe-eval'; style-src 'self' https: 'unsafe-inline'; img-src 'self' https: data:;\">\n<meta http-equiv=\"X-Frame-Options\" content=\"DENY\">\n<meta http-equiv=\"X-XSS-Protection\" content=\"1; mode=block\">\n<meta http-equiv=\"X-Content-Type-Options\" content=\"nosniff\">\n<meta http-equiv=\"Referrer-Policy\" content=\"strict-origin-when-cross-origin\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&amp;display=swap\" rel=\"stylesheet\">\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/css\/select2.min.css\" rel=\"stylesheet\">\n<style>\n  .pacific-web-radios {\n    font-family: 'Roboto', sans-serif;\n    margin: 0;\n    padding: 0;\n    background: linear-gradient(45deg, #1a1a1a, #2c2c2c, #0e4d4d);\n    background-size: 400% 400%;\n    animation: gradientBG 15s ease infinite;\n    color: #ffffff;\n    width: 100vw;\n    margin-left: -50vw;\n    left: 50%;\n    position: relative;\n    overflow-x: hidden;\n  }\n  .pacific-web-radios @keyframes gradientBG {\n    0% {\n      background-position: 0% 50%;\n    }\n    50% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  }\n  .pacific-web-radios .first-block {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    min-height: 100vh;\n    padding-bottom: 60px;\n  }\n  .pacific-web-radios .first-block::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    z-index: 1;\n  }\n  .pacific-web-radios .background-slideshow {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n  }\n  .pacific-web-radios .slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    transition: opacity 1s ease-in-out;\n    background-size: cover;\n    background-position: center;\n  }\n  .pacific-web-radios .slide.active {\n    opacity: 1;\n  }\n  .pacific-web-radios .first-block-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 90%;\n    max-width: 800px;\n    padding: 20px;\n    position: relative;\n    z-index: 2;\n    border-radius: 10px;\n    margin: 0 auto;\n    padding-bottom: 60px;\n  }\n  .pacific-web-radios .content-wrapper {\n    padding-top: 50px;\n    padding-left: 250px;\n    padding-right: 250px;\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n    box-sizing: border-box;\n  }\n  @media (max-width: 1024px) {\n    .pacific-web-radios .content-wrapper {\n      padding-left: 40px;\n      padding-right: 40px;\n    }\n  }\n  @media (max-width: 600px) {\n    .pacific-web-radios .content-wrapper {\n      padding-left: 15px;\n      padding-right: 15px;\n    }\n  }\n  .pacific-web-radios .first-block-content,\n  .pacific-web-radios #results-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n  .pacific-web-radios .search-and-filter-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n  .pacific-web-radios #search-container,\n  .pacific-web-radios #category-filter-container {\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    margin: 5px;\n    min-width: 200px;\n  }\n  .pacific-web-radios .select2-container {\n    min-width: 200px !important;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--single,\n  .pacific-web-radios .select2-container--default .select2-selection--multiple {\n    background-color: rgba(255, 255, 255, 0.1);\n    border: 2px solid #00ffff;\n    border-radius: 5px;\n    color: #ffffff;\n    padding: 10px;\n    font-size: 1em;\n    height: auto;\n    box-shadow: 0 0 10px #00ffff;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--single .select2-selection__rendered,\n  .pacific-web-radios .select2-container--default .select2-selection--multiple .select2-selection__rendered {\n    color: #ffffff;\n    line-height: normal;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--single .select2-selection__arrow {\n    height: 100%;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--multiple .select2-selection__choice {\n    background-color: #00ffff;\n    color: #000;\n    border: none;\n    padding: 5px 10px;\n    border-radius: 15px;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n    color: #000;\n    margin-right: 5px;\n  }\n  .pacific-web-radios .select2-container--default .select2-search--inline .select2-search__field {\n    color: #ffffff;\n  }\n  .pacific-web-radios .select2-dropdown {\n    background-color: #2c2c2c;\n    border: 2px solid #00ffff;\n  }\n  .pacific-web-radios .select2-container--default .select2-results__option--highlighted[aria-selected] {\n    background-color: #00ffff;\n    color: #000;\n  }\n  .pacific-web-radios .select2-container--default .select2-results__option[aria-selected=true] {\n    background-color: #008080;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--single::placeholder,\n  .pacific-web-radios .select2-container--default .select2-selection--multiple::placeholder,\n  .pacific-web-radios .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {\n    color: #ffffff;\n  }\n  .pacific-web-radios .container {\n    max-width: none;\n    width: 100%;\n    padding: 20px;\n    text-align: center;\n    box-sizing: border-box;\n  }\n  .pacific-web-radios h1 {\n    text-align: center;\n    font-size: 2em;\n    margin-bottom: 20px;\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff;\n  }\n  .pacific-web-radios .subtitle {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 20px;\n    font-size: 1em;\n    line-height: 1.5;\n    color: #ffffff;\n  }\n  .pacific-web-radios .results-count {\n    text-align: center;\n    margin: 60px 0 10px;\n    font-size: 1.1em;\n    color: #00ffff;\n  }\n  .pacific-web-radios .category-vignettes-container {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin: 20px 0;\n  }\n  .pacific-web-radios .category-vignettes {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  .pacific-web-radios .tag-vignette {\n    display: inline-block;\n    background-color: rgba(0, 255, 255, 0.2);\n    color: #00ffff;\n    padding: 5px 10px;\n    margin: 5px;\n    border-radius: 15px;\n    font-size: 14px;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n  }\n  .pacific-web-radios .tag-vignette:hover {\n    background-color: rgba(0, 255, 255, 0.4);\n  }\n  .pacific-web-radios .tabs {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 10;\n  }\n  .pacific-web-radios .tab {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    padding: 10px 20px;\n    background-color: transparent;\n    border: 2px solid #00ffff;\n    color: #00ffff;\n    cursor: pointer;\n    transition: background-color 0.3s, color 0.3s;\n  }\n  .pacific-web-radios .tab img {\n    width: 20px;\n    height: 20px;\n    filter: invert(1);\n  }\n  .pacific-web-radios .tab:hover, .pacific-web-radios .tab.active {\n    background-color: #00ffff;\n    color: #000;\n  }\n  .pacific-web-radios .tab:hover img, .pacific-web-radios .tab.active img {\n    filter: none;\n  }\n  .pacific-web-radios .tab:first-child {\n    border-top-left-radius: 5px;\n    border-bottom-left-radius: 5px;\n  }\n  .pacific-web-radios .tab:last-child {\n    border-top-right-radius: 5px;\n    border-bottom-right-radius: 5px;\n  }\n  .pacific-web-radios #results-container {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    margin-top: 20px;\n  }\n  .pacific-web-radios .station-card {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-radius: 5px;\n    padding: 15px;\n    margin-bottom: 15px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: center;\n    width: calc(20% - 10px);\n    box-sizing: border-box;\n    border: 1px solid #00ffff;\n    box-shadow: 0 0 10px rgba(0, 255, 255, 0.3);\n    position: relative;\n    overflow: hidden;\n  }\n  .pacific-web-radios .favorite-button {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    width: 30px;\n    height: 30px;\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-image: url('https:\/\/pacific-webtools.com\/radio-online\/wp-content\/uploads\/2024\/10\/logo-10.webp');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    transition: transform 0.2s;\n  }\n  .pacific-web-radios .favorite-button.active {\n    background-image: url('https:\/\/pacific-webtools.com\/radio-online\/wp-content\/uploads\/2024\/10\/logo-11.webp');\n  }\n  .pacific-web-radios .favorite-button img {\n    display: none;\n  }\n  .pacific-web-radios .station-info {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    margin-bottom: 10px;\n  }\n  .pacific-web-radios .station-logo {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .pacific-web-radios .station-details {\n    width: 100%;\n    text-align: center;\n  }\n  .pacific-web-radios .station-details h2 {\n    margin: 10px 0;\n    color: #ffffff;\n    font-size: 1.2em;\n  }\n  .pacific-web-radios .station-details p {\n    margin: 5px 0;\n    font-size: 0.9em;\n  }\n  .pacific-web-radios .play-button {\n    width: 40px;\n    height: 40px;\n    margin-top: 10px;\n    background-color: #00ffff;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    padding: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: background-color 0.3s ease;\n  }\n  .pacific-web-radios .play-button:hover {\n    background-color: #00cccc;\n  }\n  .pacific-web-radios .play-button img {\n    width: 20px;\n    height: 20px;\n    filter: invert(1);\n  }\n  .pacific-web-radios .search-and-filter-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n  .pacific-web-radios #search-container {\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    margin-right: 10px;\n    min-width: 200px;\n  }\n  .pacific-web-radios #category-filter-container {\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: center;\n    margin: 5px;\n    min-width: 150px;\n  }\n  .pacific-web-radios #search-input {\n    width: 100%;\n    padding: 10px;\n    font-size: 1em;\n    border: 2px solid #00ffff;\n    border-radius: 5px;\n    background-color: rgba(255, 255, 255, 0.1);\n    color: #ffffff;\n    box-shadow: 0 0 10px #00ffff;\n  }\n  .pacific-web-radios #search-input::placeholder {\n    color: #ffffff;\n  }\n  .pacific-web-radios #search-button {\n    padding: 10px;\n    font-size: 1em;\n    border: none;\n    border-radius: 5px;\n    background-color: #00ffff;\n    color: #000;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n    box-shadow: 0 0 10px #00ffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .pacific-web-radios #search-button img {\n    width: 20px;\n    height: 20px;\n    filter: invert(1);\n  }\n  .pacific-web-radios #search-button:hover {\n    background-color: #00cccc;\n  }\n  .pacific-web-radios .popular-radios-section {\n    margin-top: 40px;\n    background-color: rgba(255, 255, 255, 0.1);\n    border-radius: 10px;\n  }\n  @media (min-width: 1024px) {\n  .popular-radios-section {\n    padding: 50px 250px; \/* 50px pour le haut et le bas, 250px pour la gauche et la droite *\/\n  }\n}\n  @media (min-width: 768px) and (max-width: 1023px) {\n  .popular-radios-section {\n    padding: 35px; \/* 35px pour tous les c\u00f4t\u00e9s (haut, bas, gauche, droite) *\/\n  }\n}\n  @media (max-width: 767px) {\n  .popular-radios-section {\n    padding: 15px; \/* 15px pour tous les c\u00f4t\u00e9s (haut, bas, gauche, droite) *\/\n  }\n}\n  .pacific-web-radios .popular-radios-section h2 {\n    color: #00ffff;\n    font-size: 24px;\n    margin-bottom: 10px;\n  }\n  .pacific-web-radios .popular-radios-section h3 {\n    color: #ffffff;\n    font-size: 18px;\n    margin-bottom: 20px;\n  }\n  .pacific-web-radios #popular-radios-list-france {\n    list-style-type: none;\n    padding: 0;\n  }\n  @media (max-width: 767px) {\n  .pacific-web-radios #popular-radios-list-france {\n    text-align: center; \/* Centre le contenu des cartes *\/\n    justify-content: center; \/* Centre tout contenu flex interne si n\u00e9cessaire *\/\n  }\n}\n  .pacific-web-radios #popular-radios-list-france li {\n    margin-bottom: 10px;\n    padding: 10px;\n    background-color: rgba(0, 255, 255, 0.1);\n    border-radius: 5px;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n  }\n  .pacific-web-radios #popular-radios-list-france li:hover {\n    background-color: rgba(0, 255, 255, 0.2);\n  }\n  \/* Loading Animation styles *\/\n  .loading-animation {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.7);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    z-index: 9999;\n  }\n  .spinner {\n    width: 50px;\n    height: 50px;\n    border: 5px solid #00ffff;\n    border-top: 5px solid transparent;\n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n  }\n  @keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n  .loading-animation p {\n    margin-top: 20px;\n    color: #00ffff;\n    font-size: 18px;\n  }\n  \/* Modal styles *\/\n  .pacific-web-radios .modal {\n    display: none;\n    position: fixed;\n    z-index: 1000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    background-color: rgba(0,0,0,0.4);\n    backdrop-filter: blur(5px);\n  }\n  .pacific-web-radios .modal-content {\n    background-color: #2c2c2c;\n    padding: 30px;\n    border: 2px solid #00ffff;\n    width: 90%;\n    max-width: 500px;\n    max-height: 90vh;\n    border-radius: 20px;\n    text-align: center;\n    box-shadow: 0 0 30px rgba(0, 255, 255, 0.5);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    overflow-y: auto;\n  }\n  .pacific-web-radios .modal-header {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 20px;\n  }\n  .pacific-web-radios #station-logo {\n    width: 150px;\n    height: 150px;\n    border-radius: 50%;\n    margin-bottom: 15px;\n    box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);\n  }\n  .pacific-web-radios #station-name {\n    margin-bottom: 5px;\n    color: #00ffff;\n    font-size: 24px;\n  }\n  .pacific-web-radios #station-country {\n    margin-bottom: 10px;\n    color: #ffffff;\n    font-size: 16px;\n  }\n  .pacific-web-radios #station-description {\n    margin-bottom: 15px;\n    color: #cccccc;\n    font-size: 14px;\n  }\n  .pacific-web-radios #station-tags {\n    margin-bottom: 10px;\n  }\n  .pacific-web-radios .tag-vignette {\n    display: inline-block;\n    background-color: rgba(0, 255, 255, 0.2);\n    color: #00ffff;\n    padding: 5px 10px;\n    margin: 2px;\n    border-radius: 15px;\n    font-size: 12px;\n    cursor: pointer;\n  }\n  .pacific-web-radios #station-info {\n    display: flex;\n    justify-content: center;\n    gap: 15px;\n    margin-bottom: 20px;\n    color: #00ffff;\n    font-size: 14px;\n  }\n  .pacific-web-radios #audio-controls {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 20px;\n  }\n  .pacific-web-radios .control-button {\n    width: 50px;\n    height: 50px;\n    background-color: #00ffff;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: background-color 0.3s ease, transform 0.1s ease;\n  }\n  .pacific-web-radios .control-button:hover {\n    background-color: #00cccc;\n    transform: scale(1.1);\n  }\n  .pacific-web-radios .control-button img {\n    width: 25px;\n    height: 25px;\n    filter: invert(1);\n  }\n  .pacific-web-radios #volume-slider {\n    width: 120px;\n    accent-color: #00ffff;\n  }\n  .pacific-web-radios .close {\n    position: absolute;\n    top: 10px;\n    right: 20px;\n    color: #00ffff;\n    font-size: 35px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: color 0.3s;\n  }\n  .pacific-web-radios .close:hover {\n    color: #00cccc;\n  }\n  \/* Select2 Styles *\/\n  .pacific-web-radios .select2-container {\n    min-width: 200px !important;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--single,\n  .pacific-web-radios .select2-container--default .select2-selection--multiple {\n    background-color: rgba(255, 255, 255, 0.1);\n    border: 2px solid #00ffff;\n    border-radius: 5px;\n    color: #ffffff;\n    padding: 10px;\n    font-size: 1em;\n    height: auto;\n    box-shadow: 0 0 10px #00ffff;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--single .select2-selection__rendered,\n  .pacific-web-radios .select2-container--default .select2-selection--multiple .select2-selection__rendered {\n    color: #ffffff;\n    line-height: normal;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--single .select2-selection__arrow {\n    height: 100%;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--multiple .select2-selection__choice {\n    background-color: #00ffff;\n    color: #000;\n    border: none;\n    padding: 5px 10px;\n    border-radius: 15px;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n    color: #000;\n    margin-right: 5px;\n  }\n  .pacific-web-radios .select2-container--default .select2-search--inline .select2-search__field {\n    color: #ffffff;\n  }\n  .pacific-web-radios .select2-dropdown {\n    background-color: #2c2c2c;\n    border: 2px solid #00ffff;\n  }\n  .pacific-web-radios .select2-container--default .select2-results__option--highlighted[aria-selected] {\n    background-color: #00ffff;\n    color: #000;\n  }\n  .pacific-web-radios .select2-container--default .select2-results__option[aria-selected=true] {\n    background-color: #008080;\n  }\n  .pacific-web-radios .select2-container--default .select2-selection--single::placeholder,\n  .pacific-web-radios .select2-container--default .select2-selection--multiple::placeholder,\n  .pacific-web-radios .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {\n    color: #ffffff;\n  }\n  \/* Pagination styles *\/\n  .pacific-web-radios .pagination {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 20px;\n    margin-bottom: 50px;\n  }\n  .pacific-web-radios .round-button {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background-color: transparent;\n    border: 2px solid #00ffff;\n    color: #00ffff;\n    font-size: 16px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    margin: 0 5px;\n    transition: all 0.3s ease;\n    box-shadow: 0 0 10px rgba(0, 255, 255, 0.3);\n  }\n  .pacific-web-radios .round-button:hover {\n    background-color: #00ffff;\n  }\n  .pacific-web-radios .round-button:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .pacific-web-radios #page-numbers {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .pacific-web-radios .page-number {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background-color: transparent;\n    border: 2px solid #00ffff;\n    color: #00ffff;\n    font-size: 14px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    margin: 0 3px;\n    transition: all 0.4s ease;\n  }\n  .pacific-web-radios .page-number.active {\n    background-color: #00ffff;\n    color: #000;\n  }\n  \/* Update the existing media queries for mobile *\/\n  @media (max-width: 600px) {\n    .pacific-web-radios .content-wrapper {\n      padding-left: 15px;\n      padding-right: 15px;\n      width: 100%;\n      box-sizing: border-box;\n    }\n    .pacific-web-radios .first-block-content,\n    .pacific-web-radios #results-container {\n      width: 100%;\n      padding-left: 15px;\n      padding-right: 15px;\n    }\n    .pacific-web-radios .station-card {\n      width: calc(100% - 30px);\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .pacific-web-radios .search-and-filter-container {\n      flex-direction: column;\n      align-items: stretch;\n    }\n    .pacific-web-radios #search-container,\n    .pacific-web-radios #category-filter-container {\n      width: 100%;\n      margin: 5px 0;\n    }\n    .pacific-web-radios .select2-container {\n      width: 100% !important;\n    }\n  }\n  \/* Add a new media query for very small screens *\/\n  @media (max-width: 480px) {\n    .pacific-web-radios .content-wrapper {\n      padding-left: 10px;\n      padding-right: 10px;\n    }\n    .pacific-web-radios .first-block-content {\n      padding: 10px;\n    }\n    .pacific-web-radios .station-card {\n      width: calc(100% - 20px);\n      padding: 10px;\n    }\n  }\n  \/* Add this new CSS rule for the country flag *\/\n  .pacific-web-radios .country-flag {\n    width: 20px;\n    height: 15px;\n    object-fit: contain;\n    margin-right: 5px;\n    vertical-align: middle;\n  }\n  .pacific-web-radios .favorite-button img,\n  .pacific-web-radios .round-button img {\n    width: 20px;\n    height: 20px;\n    filter: invert(48%) sepia(94%) saturate(456%) hue-rotate(140deg) brightness(101%) contrast(101%);\n  }\n  .pacific-web-radios .favorite-button.active img {\n    filter: none;\n  }\n  .pacific-web-radios .round-button:disabled img {\n    opacity: 0.5;\n  }\n  .pacific-web-radios #chromecast-button {\n    background-color: #00ffff;\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: background-color 0.3s ease, transform 0.1s ease;\n    width: 50px;\n    height: 50px;\n  }\n  .pacific-web-radios #chromecast-button:hover {\n    background-color: #00cccc;\n    transform: scale(1.1);\n  }\n  .pacific-web-radios #chromecast-button img {\n    width: 25px;\n    height: 25px;\n    filter: invert(1);\n  }\n  @keyframes zoomInOut {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.1); }\n  }\n  .background-slideshow .slide {\n    animation: zoomInOut 20s ease-in-out infinite;\n  }\n  .background-slideshow .slide:nth-child(2) {\n    animation-delay: -6.66s;\n  }\n  .background-slideshow .slide:nth-child(3) {\n    animation-delay: -13.33s;\n  }\n  .radio-presentation {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 2rem;\n    margin: 2rem 0;\n  }\n\n  .main-radio-logo {\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    box-shadow: 0 0 30px rgba(0, 255, 255, 0.5);\n  }\n\n  .play-button-large {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    padding: 1rem 2rem;\n    font-size: 1.2rem;\n    background-color: #00ffff;\n    border: none;\n    border-radius: 50px;\n    color: #000;\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n\n  .play-button-large:hover {\n    background-color: #00cccc;\n    transform: scale(1.05);\n  }\n\n  .play-button-large img {\n    width: 24px;\n    height: 24px;\n    filter: invert(1);\n  }\n\n  .radio-history, .popular-shows {\n    margin: 4rem 0;\n    padding: 2rem;\n    background-color: rgba(0, 255, 255, 0.1);\n    border-radius: 10px;\n    box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);\n  }\n\n  .shows-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n    gap: 2rem;\n    margin-top: 2rem;\n  }\n\n  .show-card {\n    padding: 1.5rem;\n    background-color: rgba(0, 0, 0, 0.3);\n    border: 1px solid #00ffff;\n    border-radius: 10px;\n    transition: all 0.3s ease;\n  }\n\n  .show-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 5px 15px rgba(0, 255, 255, 0.3);\n  }\n\n  .show-card h3 {\n    color: #00ffff;\n    margin-bottom: 0.5rem;\n  }\n\n  .show-card p {\n    color: #ffffff;\n    margin: 0.5rem 0;\n  }\n<\/style>\n<script src=\"https:\/\/www.gstatic.com\/cv\/js\/sender\/v1\/cast_sender.js?loadCastFramework=1\"><\/script>\n<\/head>\n<body>\n  <div class=\"pacific-web-radios\">\n    <div id=\"player-modal\" class=\"modal\">\n      <div class=\"modal-content\">\n  <span class=\"close\">\u00d7<\/span>\n  <div class=\"modal-header\">\n    <img decoding=\"async\" id=\"station-logo\" src=\"\" alt=\"Logo de la station\" class=\"station-logo\">\n    <h2 id=\"station-name\"><\/h2>\n    <p id=\"station-country\"><\/p>\n  <\/div>\n  <div id=\"station-info\">\n    <span id=\"station-tags\"><\/span>\n  <\/div>\n\n  <div id=\"audio-controls\">\n    <button id=\"play-pause\" class=\"control-button\">\n      <img decoding=\"async\" src=\"https:\/\/pacific-webtools.com\/radio-online\/wp-content\/uploads\/2024\/10\/logo-16.webp\" alt=\"Ic\u00f4ne de lecture\">\n    <\/button>\n    <input type=\"range\" id=\"volume-slider\" min=\"0\" max=\"1\" step=\"0.1\" value=\"1\">\n    <button id=\"chromecast-button\" class=\"control-button\">\n      <img decoding=\"async\" src=\"https:\/\/pacific-webtools.com\/radio-online\/wp-content\/uploads\/2024\/10\/logo-20.webp\" alt=\"Ic\u00f4ne Chromecast\" style=\"width: 16px; height: 16px;\">\n    <\/button>\n  <\/div>\n\n  \n<\/div>\n    <\/div>\n    <div class=\"first-block\">\n  <div class=\"background-slideshow\">\n    <div class=\"slide active\" style=\"background-image: url('https:\/\/img.nrj.fr\/DIwc6YUOE9exqYzLhONQMV41Gfc=\/610x229\/smart\/medias%2F2020%2F01%2Fbanniere-emissions-nostalgie-disco-fever_5e2869dfb1915.jpg');\"><\/div>\n    <div class=\"slide\" style=\"background-image: url('https:\/\/img.nrj.fr\/SOnGLcS6fAOp_5F4OCPOrljpY8U=\/610x343\/smart\/medias%2F2022%2F11%2F6365327e49850_63653280bedf9.jpg');\"><\/div>\n    <div class=\"slide\" style=\"background-image: url('https:\/\/cdn-img.nrjaudio.fm\/podcasts\/fr\/4\/216\/bc56c1c4-cae2-4909-8c73-0c473b7262d2.jpg');\"><\/div>\n  <\/div>\n  <div class=\"content-wrapper\" style=\"@media (max-width: 767px) { padding-left: 15px; padding-right: 15px; }\">\n    <div class=\"first-block-content\">\n      <h1>\u00c9couter radio en ligne Nostalgie et toutes ses webradios en direct gratuitement<\/h1>\n      <div class=\"radio-presentation\">\n  <img decoding=\"async\" src=\"https:\/\/play-lh.googleusercontent.com\/9h9jwQQONGEHGuKQ9nBAcXeorzgJZnStMvLZ4DNBVxb4XK3TMww-7sw3_mgjXEw3Gtk\" alt=\"Logo RTL\" class=\"main-radio-logo\">\n\n  <div style=\"display: flex; gap: 20px; align-items: center; flex-wrap: wrap; justify-content: center;\">\n    <button id=\"listen-live\" class=\"play-button-large\" style=\"animation: vibrate 1s infinite;\">\n      <img decoding=\"async\" src=\"https:\/\/pacific-webtools.com\/radio-online\/wp-content\/uploads\/2024\/10\/logo-16.webp\" alt=\"\u00c9couter en direct\">\n      \u00c9couter en direct\n    <\/button>\n\n    <button onclick=\"document.querySelector('.popular-radios-section h2').scrollIntoView({behavior: 'smooth'});\" class=\"play-button-large\" style=\"background-color: #00cccc;\">\n      <img decoding=\"async\" src=\"https:\/\/play-lh.googleusercontent.com\/9h9jwQQONGEHGuKQ9nBAcXeorzgJZnStMvLZ4DNBVxb4XK3TMww-7sw3_mgjXEw3Gtk\" alt=\"Voir les webradios\" style=\"width: 24px; height: 24px; border-radius: 50%; background-color: white; padding: 2px;\">\n      Toutes les Webradios\n    <\/button>\n  <\/div>\n  \n  <div class=\"social-share-buttons\" style=\"display: flex; gap: 15px; margin: 20px 0; flex-wrap: wrap; justify-content: center;\">\n    <!-- X (Twitter) -->\n    <a href=\"javascript:void(0)\" onclick=\"window.open('https:\/\/twitter.com\/intent\/tweet?text=' + encodeURIComponent('Je d\u00e9couvre Nostalgie, la radio des plus grands tubes ! \ud83c\udfb5 Des ann\u00e9es 60 aux ann\u00e9es 2000, retrouvez tous vos hits pr\u00e9f\u00e9r\u00e9s ! #Nostalgie #Radio') + '&amp;url=' + encodeURIComponent(window.location.href), '_blank', 'width=550,height=420')\" class=\"social-button\" style=\"background: #000; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; position: relative;\" title=\"Partager sur X (Twitter)\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#ffffff\">\n        <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"><\/path>\n      <\/svg>\n    <\/a>\n\n    <!-- WhatsApp -->\n    <a href=\"javascript:void(0)\" onclick=\"window.open('https:\/\/api.whatsapp.com\/send?text=' + encodeURIComponent('Red\u00e9couvre les plus grands tubes sur Nostalgie ! \ud83c\udfb6 Des hits l\u00e9gendaires 24h\/24 pour revivre tes meilleurs souvenirs musicaux ! ' + window.location.href), '_blank', 'width=550,height=420')\" class=\"social-button\" style=\"background: #25D366; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; position: relative;\" title=\"Partager sur WhatsApp\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#ffffff\">\n        <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.151-.174.2-.298.3-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"><\/path>\n      <\/svg>\n    <\/a>\n\n    <!-- Facebook -->\n    <a href=\"javascript:void(0)\" onclick=\"window.open('https:\/\/www.facebook.com\/sharer\/sharer.php?u=' + encodeURIComponent(window.location.href) + '&amp;quote=' + encodeURIComponent('\u00c9coutez Nostalgie en direct ! \ud83c\udfb5 Plus de 3,2 millions d\\'auditeurs chaque jour pour red\u00e9couvrir les plus grands tubes de tous les temps ! De la vari\u00e9t\u00e9 fran\u00e7aise aux hits internationaux, revivez vos plus beaux souvenirs musicaux !'), '_blank', 'width=550,height=420')\" class=\"social-button\" style=\"background: #1877F2; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; position: relative;\" title=\"Partager sur Facebook\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#ffffff\">\n        <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"><\/path>\n      <\/svg>\n    <\/a>\n\n    <!-- LinkedIn -->\n    <a href=\"javascript:void(0)\" onclick=\"window.open('https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=' + encodeURIComponent(window.location.href) + '&amp;title=' + encodeURIComponent('Nostalgie - La radio des plus grands tubes') + '&amp;summary=' + encodeURIComponent('D\u00e9couvrez Nostalgie, la radio qui fait vibrer plus de 3,2 millions d\\'auditeurs chaque jour ! Une programmation musicale unique qui traverse les d\u00e9cennies, des ann\u00e9es 60 aux ann\u00e9es 2000. Le meilleur de la musique populaire fran\u00e7aise et internationale r\u00e9uni sur une seule station !'), '_blank', 'width=550,height=420')\" class=\"social-button\" style=\"background: #0A66C2; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; position: relative;\" title=\"Partager sur LinkedIn\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#ffffff\">\n        <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"><\/path>\n      <\/svg>\n    <\/a>\n  <\/div>\n\n  <img decoding=\"async\" src=\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/10\/radio-online-chromecast.webp\" alt=\"Radio Online Chromecast\" style=\"height: 90px; margin: 10px 0;\">\n  \n  <p style=\"text-align: center;\">\n<\/p>\n<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n    <div class=\"content-wrapper\">\n      <section class=\"radio-history\" style=\"text-align: center; padding: 40px; margin: 40px auto;\">\n  <h2 style=\"color: #00ffff; font-size: 2.5em; margin-bottom: 30px; text-shadow: 0 0 10px rgba(0, 255, 255, 0.5); @media (max-width: 767px) { font-size: 25px; }\">Nostalgie : Plus de 40 ans de musique populaire et de hits inoubliables en France<\/h2>\n        \n  <!-- Social Media Buttons -->\n  <div style=\"display: flex; justify-content: center; gap: 20px; margin: 20px 0; flex-wrap: wrap;\">\n    <a href=\"https:\/\/www.facebook.com\/radionostalgie\/?locale=fr_FR\" target=\"_blank\" style=\"background: #1877F2; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; display: flex; align-items: center; gap: 10px; min-width: 120px; justify-content: center;\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"white\">\n        <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"><\/path>\n      <\/svg>\n      Facebook\n    <\/a>\n    \n    <a href=\"https:\/\/www.instagram.com\/nostalgie\/\" target=\"_blank\" style=\"background: #E4405F; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; display: flex; align-items: center; gap: 10px; min-width: 120px; justify-content: center;\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"white\">\n        <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"><\/path>\n      <\/svg>\n      Instagram\n    <\/a>\n    \n    <a href=\"https:\/\/www.nostalgie.fr\" target=\"_blank\" style=\"background: #00ffff; color: black; padding: 10px 20px; border-radius: 5px; text-decoration: none; display: flex; align-items: center; gap: 10px; min-width: 120px; justify-content: center;\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"black\">\n        <path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 16.057v-3.057h2.994c-.059 1.143-.212 2.24-.456 3.279-.823-.12-1.674-.188-2.538-.222zm1.957 2.162c-.499 1.33-1.159 2.497-1.957 3.456v-3.62c.666.028 1.319.081 1.957.164zm-1.957-7.219v-3.015c.868-.034 1.721-.103 2.548-.224.238 1.027.389 2.111.446 3.239h-2.994zm0-5.014v-3.661c.806.969 1.471 2.15 1.971 3.496-.642.084-1.3.137-1.971.165zm2.703-3.267c1.237.496 2.354 1.228 3.29 2.146-.642.234-1.311.442-2.019.607-.344-.992-.775-1.91-1.271-2.753zm-7.241 13.56c-.244-1.039-.398-2.136-.456-3.279h2.994v3.057c-.865.034-1.714.102-2.538.222zm2.538 1.776v3.62c-.798-.959-1.458-2.126-1.957-3.456.638-.083 1.291-.136 1.957-.164zm-2.994-7.055c.057-1.128.207-2.212.446-3.239.827.121 1.68.19 2.548.224v3.015h-2.994zm1.024-5.179c.5-1.346 1.165-2.527 1.97-3.496v3.661c-.671-.028-1.329-.081-1.97-.165zm-2.005-.35c-.708-.165-1.377-.373-2.018-.607.937-.918 2.053-1.65 3.29-2.146-.496.844-.927 1.762-1.272 2.753zm-.549 1.918c-.264 1.151-.434 2.36-.492 3.611h-3.933c.165-1.658.739-3.197 1.617-4.518.88.361 1.816.67 2.808.907zm.009 9.262c-.988.236-1.92.542-2.797.9-.89-1.328-1.471-2.879-1.637-4.551h3.934c.058 1.265.231 2.488.5 3.651zm.553 1.917c.342.976.768 1.881 1.257 2.712-1.223-.49-2.326-1.211-3.256-2.115.636-.229 1.299-.435 1.999-.597zm9.924 0c.7.163 1.362.367 1.999.597-.931.903-2.034 1.625-3.257 2.116.489-.832.915-1.737 1.258-2.713zm.553-1.917c.27-1.163.442-2.386.501-3.651h3.934c-.167 1.672-.748 3.223-1.638 4.551-.877-.358-1.81-.664-2.797-.9zm.501-5.651c-.058-1.251-.229-2.46-.492-3.611.992-.237 1.929-.546 2.809-.907.877 1.321 1.451 2.86 1.616 4.518h-3.933z\"><\/path>\n      <\/svg>\n      Site Web\n    <\/a>\n  <\/div>\n\n  <!-- Social Media Stats -->\n  <div style=\"display: flex; justify-content: center; gap: 20px; margin: 20px 0; flex-wrap: wrap;\">\n    <div style=\"display: inline-block; padding: 15px 30px; border: 2px solid #00ffff; border-radius: 10px; background-color: rgba(0, 255, 255, 0.1); box-shadow: 0 0 20px rgba(0, 255, 255, 0.5); margin-bottom: 30px;\">\n      <span style=\"font-size: 24px; color: #00ffff;\">Audience quotidienne moyenne<\/span>\n      <div style=\"font-size: 36px; font-weight: bold; color: #ffffff; margin-top: 10px;\">3.5 millions<\/div>\n    <\/div>\n  <\/div>\n\n  <div style=\"display: flex; justify-content: center; gap: 20px; margin: 20px 0;\">\n    <div style=\"display: inline-block; padding: 25px; border: 2px solid #00ffff; border-radius: 50%; background-color: rgba(0, 255, 255, 0.1); box-shadow: 0 0 20px rgba(0, 255, 255, 0.5); width: 150px; height: 150px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n      <span style=\"font-size: 18px; color: #00ffff; margin-bottom: 5px;\">Cr\u00e9ation<\/span>\n      <strong style=\"font-size: 20px; color: #ffffff;\">1983<\/strong>\n    <\/div>\n    \n    <div style=\"display: inline-block; padding: 25px; border: 2px solid #00ffff; border-radius: 50%; background-color: rgba(0, 255, 255, 0.1); box-shadow: 0 0 20px rgba(0, 255, 255, 0.5); width: 150px; height: 150px; display: flex; flex-direction: column; justify-content: center; align-items: center;\">\n      <span style=\"font-size: 18px; color: #00ffff; margin-bottom: 5px;\">Fr\u00e9quence FM<\/span>\n      <strong style=\"font-size: 20px; color: #ffffff;\">90.4 MHz<\/strong>\n    <\/div>\n  <\/div>\n\n  <div style=\"display: flex; flex-wrap: wrap; gap: 30px; margin: 20px auto; max-width: 100%; padding: 20px 0;\">\n    <div style=\"background: rgba(0, 255, 255, 0.1); padding: 25px; border-radius: 15px; border: 1px solid rgba(0, 255, 255, 0.3); text-align: center; flex: 1 1 300px;\">\n      <div style=\"display: flex; justify-content: center; margin-bottom: 15px;\">\n        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"#00ffff\">\n          <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-14h2v7h-2zm0 8h2v2h-2z\"><\/path>\n        <\/svg>\n      <\/div>\n      <h3 style=\"color: #00ffff; margin-bottom: 15px;\">1983-1995 : Les d\u00e9buts de la nostalgie<\/h3>\n      <p>Cr\u00e9\u00e9e en 1983, Nostalgie r\u00e9volutionne le paysage radiophonique fran\u00e7ais en proposant une programmation ax\u00e9e sur les tubes des ann\u00e9es 60 et 70. La radio devient rapidement un succ\u00e8s avec son concept unique de faire revivre les plus grands succ\u00e8s de la musique populaire. Une formule qui s\u00e9duit imm\u00e9diatement un large public nostalgique de ces ann\u00e9es musicales inoubliables.<\/p>\n    <\/div>\n\n    <div style=\"background: rgba(0, 255, 255, 0.1); padding: 25px; border-radius: 15px; border: 1px solid rgba(0, 255, 255, 0.3); text-align: center; flex: 1 1 300px;\">\n      <div style=\"display: flex; justify-content: center; margin-bottom: 15px;\">\n        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"#00ffff\">\n          <path d=\"M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6zm-2 16c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"><\/path>\n        <\/svg>\n      <\/div>\n      <h3 style=\"color: #00ffff; margin-bottom: 15px;\">1995-2010 : L'\u00e2ge d'or<\/h3>\n      <p>Nostalgie s'impose comme la radio de r\u00e9f\u00e9rence des plus grands tubes. La station \u00e9largit sa playlist aux ann\u00e9es 80 et d\u00e9veloppe des \u00e9missions embl\u00e9matiques. Les concerts Nostalgie et les soir\u00e9es ann\u00e9es 80 deviennent des \u00e9v\u00e9nements incontournables. La radio consolide sa position avec une programmation qui fait la part belle aux tubes fran\u00e7ais et internationaux qui ont marqu\u00e9 plusieurs g\u00e9n\u00e9rations.<\/p>\n    <\/div>\n\n    <div style=\"background: rgba(0, 255, 255, 0.1); padding: 25px; border-radius: 15px; border: 1px solid rgba(0, 255, 255, 0.3); text-align: center; flex: 1 1 300px;\">\n      <div style=\"display: flex; justify-content: center; margin-bottom: 15px;\">\n        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"#00ffff\">\n          <path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM8 15c0-1.66 1.34-3 3-3 .35 0 .69.07 1 .18V6h5v2h-3v7.03c-.02 1.64-1.35 2.97-3 2.97-1.66 0-3-1.34-3-3z\"><\/path>\n        <\/svg>\n      <\/div>\n      <h3 style=\"color: #00ffff; margin-bottom: 15px;\">2010-2020 : L'\u00e8re digitale<\/h3>\n      <p>Nostalgie entre dans l'\u00e8re num\u00e9rique avec le lancement de son site web et son application mobile. La radio enrichit son offre avec des webradios th\u00e9matiques, proposant des d\u00e9clinaisons par d\u00e9cennie et par style. Le d\u00e9veloppement du streaming et des formats num\u00e9riques permet \u00e0 Nostalgie de toucher un public plus large, tout en restant fid\u00e8le \u00e0 son ADN musical.<\/p>\n    <\/div>\n\n    <div style=\"background: rgba(0, 255, 255, 0.1); padding: 25px; border-radius: 15px; border: 1px solid rgba(0, 255, 255, 0.3); text-align: center; flex: 1 1 300px;\">\n      <div style=\"display: flex; justify-content: center; margin-bottom: 15px;\">\n        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"#00ffff\">\n          <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v-2h-2v2zm0-4h2V7h-2v5z\"><\/path>\n        <\/svg>\n      <\/div>\n      <h3 style=\"color: #00ffff; margin-bottom: 15px;\">2020-aujourd'hui : L'\u00e9volution continue<\/h3>\n      <p>Avec plus de 3,2 millions d'auditeurs quotidiens, Nostalgie reste LA radio des plus grands tubes en France. La programmation musicale s'enrichit constamment, couvrant d\u00e9sormais les ann\u00e9es 60 jusqu'aux ann\u00e9es 2000, avec une s\u00e9lection pointue des meilleurs tubes de chaque \u00e9poque. La station continue d'innover avec des formats originaux, des \u00e9v\u00e9nements live et une pr\u00e9sence digitale renforc\u00e9e, tout en pr\u00e9servant son patrimoine musical unique.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n      <section class=\"popular-shows\">\n  <h2 style=\"text-align: center;\">Les \u00e9missions phares de Nostalgie, la radio des plus grands tubes<\/h2>\n  <div class=\"shows-grid\">\n    <div class=\"show-card\" style=\"text-align: center;\">\n  <div style=\"text-align: center;\">\n    <img decoding=\"async\" src=\"https:\/\/img.nrj.fr\/zXweQXKWfkyuZksp5x16X0DrSJ8=\/382x382\/smart\/filters:format(webp):quality(75)\/https%3A%2F%2Fcdn-img.nrjaudio.fm%2Fpodcasts%2Ffr%2F4%2F180%2F319b3754-79ee-474a-988f-45028ce5194f.jpg\" alt=\"Les Matins de Nostalgie\" style=\"width: 120px; height: 120px; border-radius: 50%; margin-bottom: 15px; object-fit: cover; border: 3px solid #00ffff; box-shadow: 0 0 15px rgba(0, 255, 255, 0.3); display: inline-block;\">\n<\/div>\n  <h3 style=\"text-align: center;\">Les Matins de Nostalgie<\/h3>\n  <p style=\"text-align: center;\"><strong>Du lundi au vendredi, 6h-9h<\/strong><\/p>\n  <p style=\"text-align: center;\">R\u00e9veillez-vous en musique avec Les Matins de Nostalgie ! Une \u00e9mission dynamique et chaleureuse qui vous accompagne d\u00e8s le petit matin avec les plus grands tubes des ann\u00e9es 60 \u00e0 90. Au programme : des hits incontournables, des infos, de la bonne humeur et des s\u00e9quences interactives avec les auditeurs. L'\u00e9mission matinale r\u00e9f\u00e9rence pour commencer la journ\u00e9e avec le sourire et retrouver les meilleures chansons qui ont marqu\u00e9 toutes les g\u00e9n\u00e9rations.<\/p>\n<\/div>\n\n    <div class=\"show-card\" style=\"text-align: center;\">\n  <div style=\"text-align: center;\">\n    <img decoding=\"async\" src=\"https:\/\/images.epagine.fr\/222\/0600753955222.jpg\" alt=\"Nostalgie G\u00e9n\u00e9ration 80\" style=\"width: 120px; height: 120px; border-radius: 50%; margin-bottom: 15px; object-fit: cover; border: 3px solid #00ffff; box-shadow: 0 0 15px rgba(0, 255, 255, 0.3); display: inline-block;\">\n  <\/div>\n  <h3 style=\"text-align: center;\">Nostalgie G\u00e9n\u00e9ration 80<\/h3>\n  <p style=\"text-align: center;\"><strong>Le vendredi, 20h-23h<\/strong><\/p>\n  <p style=\"text-align: center;\">Plongez dans l'ambiance des ann\u00e9es 80 tous les vendredis soir ! Trois heures de pure nostalgie avec les tubes qui ont marqu\u00e9 cette d\u00e9cennie mythique. De Madonna \u00e0 Michael Jackson, en passant par Jean-Jacques Goldman et Police, revivez les plus grands succ\u00e8s des eighties. Une programmation musicale festive qui vous fera danser et vous rappellera les meilleurs moments de cette \u00e9poque inoubliable.<\/p>\n<\/div>\n\n    <div class=\"show-card\" style=\"text-align: center;\">\n  <div style=\"text-align: center;\">\n    <img decoding=\"async\" src=\"https:\/\/fusion.molotov.tv\/arts\/i\/446x588\/Ch8SHQoUPCbRtKtGHLrQ7tW6fIQOu2cQu9oSA2pwZxgB\/jpg\" alt=\"La Folie des Ann\u00e9es 90\" style=\"width: 120px; height: 120px; border-radius: 50%; margin-bottom: 15px; object-fit: cover; border: 3px solid #00ffff; box-shadow: 0 0 15px rgba(0, 255, 255, 0.3); display: inline-block;\">\n  <\/div>\n  <h3 style=\"text-align: center;\">La Folie des Ann\u00e9es 90<\/h3>\n  <p style=\"text-align: center;\"><strong>Le samedi, 20h-23h<\/strong><\/p>\n  <p style=\"text-align: center;\">Revivez la magie des ann\u00e9es 90 tous les samedis soir avec \"La Folie des Ann\u00e9es 90\" ! Trois heures de pure nostalgie o\u00f9 vous retrouverez tous les tubes qui ont marqu\u00e9 cette d\u00e9cennie iconique. Des boys bands aux hits dance, en passant par la pop fran\u00e7aise et internationale, cette \u00e9mission vous fait revivre l'esprit festif des nineties. Une programmation explosive qui vous replongera dans vos plus beaux souvenirs avec les tubes de 2BE3, Worlds Apart, Spice Girls, ou encore Snap! et Dr. Alban.<\/p>\n<\/div>\n  <\/div>\n<\/section>\n\n<section class=\"presenter-profile\" style=\"padding: 40px 0; background-color: rgba(0, 255, 255, 0.1); margin-top: 40px; border-radius: 10px;\">\n  <h2 style=\"text-align: center; color: #00ffff; margin-bottom: 30px;\">Jean-Pierre Foucault - L'animateur l\u00e9gendaire qui a marqu\u00e9 l'histoire de Nostalgie<\/h2>\n  <div style=\"display: flex; gap: 30px; padding: 0 20px; flex-wrap: wrap; justify-content: center; align-items: center;\">\n    <img decoding=\"async\" src=\"https:\/\/img.nrj.fr\/ezspBhmdGAuMLV8uJ9mtgC33gp4=\/382x382\/smart\/filters:format(webp):quality(75)\/https%3A%2F%2Fcdn-img.nrjaudio.fm%2Fpodcasts%2Ffr%2F4%2F2263%2F4432af4a0c23bd77780ed12e772ba351.jpg\" alt=\"Jean-Pierre Foucault Nostalgie\" style=\"width: 200px; height: 200px; border-radius: 50%; object-fit: cover; border: 3px solid #00ffff; box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);\">\n    <div style=\"flex: 1; min-width: 300px; max-width: 600px;\">\n      <p style=\"color: #ffffff; line-height: 1.8; text-align: justify; margin-bottom: 15px;\">\n        Jean-Pierre Foucault, figure embl\u00e9matique de la radio et de la t\u00e9l\u00e9vision fran\u00e7aise, a marqu\u00e9 de son empreinte l'histoire de Nostalgie. Sa voix unique et son charisme naturel ont fait de lui l'une des personnalit\u00e9s les plus appr\u00e9ci\u00e9es des auditeurs de Nostalgie pendant de nombreuses ann\u00e9es.\n      <\/p>\n      \n      <p style=\"color: #ffffff; line-height: 1.8; text-align: justify; margin-bottom: 15px;\">\n        Durant son passage chez Nostalgie, Jean-Pierre Foucault a anim\u00e9 des \u00e9missions phares qui ont rassembl\u00e9 des millions d'auditeurs fid\u00e8les. Sa matinale est rest\u00e9e dans les m\u00e9moires comme un rendez-vous incontournable, m\u00e9langeant avec talent musique des ann\u00e9es 60 \u00e0 80, actualit\u00e9s et interviews d'artistes l\u00e9gendaires de la chanson fran\u00e7aise.\n      <\/p>\n\n      <p style=\"color: #ffffff; line-height: 1.8; text-align: justify; margin-bottom: 15px;\">\n        Sa programmation vari\u00e9e, centr\u00e9e sur les plus grands tubes de la vari\u00e9t\u00e9 fran\u00e7aise et internationale, a contribu\u00e9 \u00e0 faire de Nostalgie la radio de r\u00e9f\u00e9rence pour les amateurs de musique populaire. Son expertise musicale et sa capacit\u00e9 \u00e0 cr\u00e9er une ambiance chaleureuse ont durablement marqu\u00e9 l'identit\u00e9 de la station.\n      <\/p>\n\n      <p style=\"color: #ffffff; line-height: 1.8; text-align: justify;\">\n        Bien qu'il ait depuis diversifi\u00e9 ses activit\u00e9s, notamment \u00e0 la t\u00e9l\u00e9vision avec des \u00e9missions comme \"Qui veut gagner des millions ?\", l'h\u00e9ritage de Jean-Pierre Foucault continue d'inspirer la nouvelle g\u00e9n\u00e9ration d'animateurs de Nostalgie. Sa contribution au succ\u00e8s de la radio et \u00e0 la promotion de la musique populaire en France reste grav\u00e9e dans l'histoire de la radio.\n      <\/p>\n\n      <p style=\"color: #ffffff; font-size: 0.8em; margin-top: 20px;\">\n        Source : <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Jean-Pierre_Foucault\" style=\"color: #00ffff; text-decoration: underline;\" target=\"_blank\">Jean-Pierre Foucault - Wikipedia<\/a>\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n    <\/div>\n\n    <div id=\"loading-animation\" class=\"loading-animation\" style=\"display: none;\">\n      <div class=\"spinner\"><\/div>\n      <p>Chargement des stations de radio...<\/p>\n    <\/div>\n    \n    <div class=\"popular-radios-section\" style=\" box-sizing: border-box;\">\n      <h2 style=\"text-align: center;\">D\u00e9couvrez toutes les webradios Nostalgie<\/h2>\n      <h3 style=\"text-align: center; display: flex; justify-content: center; align-items: center;\">\n\u00c9coutez le meilleur des classiques de la chanson avec les webradios Nostalgie\n<\/h3>\n      <ul id=\"popular-radios-list-france\" style=\"list-style-type: none; padding: 0;\">\n        <li style=\"margin-bottom: 10px; padding: 10px; background-color: rgba(0, 255, 255, 0.1); border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease;\">\n          <img decoding=\"async\" src=\"path-to-logo.png\" alt=\"Radio Logo\" style=\"width: 65px; height: 65px; margin-right: 10px; border-radius: 50%; vertical-align: middle; box-shadow: 0 0 15px #00ffff;\">\n          <span style=\"text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff; font-size: 1.5em;\">Nom de la radio<\/span>\n          <p class=\"radio-description\" style=\"margin-top: 5px; color: #cccccc;\">Description de la radio<\/p>\n        <\/li>\n      <\/ul>\n      <style>\n        #popular-radios-list-france li img {\n          width: 65px !important;\n          height: 65px !important;\n        }\n        #popular-radios-list-france li span {\n          text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;\n          font-weight: 500;\n          font-size: 1.5em;\n        }\n      <\/style>\n      <script>\n        function fetchPopularRadios() {\n          const popularRadiosFrance = [\n            { \n              name: \"Nostalgie - 100 Plus Grandes Chansons\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30627\/mp3_128.mp3\",\n          description: \"Nostalgie - 100 Plus Grandes Chansons est la radio parfaite pour revivre les plus grands classiques de la musique, diffus\u00e9e en direct et en ligne. Retrouvez une s\u00e9lection des 100 plus belles chansons qui ont marqu\u00e9 l'histoire, avec des artistes embl\u00e9matiques tels que Johnny Hallyday, \u00c9dith Piaf, Michel Sardou, et bien d'autres. Cette station offre une plong\u00e9e dans les souvenirs, entre titres l\u00e9gendaires et morceaux incontournables qui ont travers\u00e9 les g\u00e9n\u00e9rations. \u00c9coutez gratuitement Nostalgie - 100 Plus Grandes Chansons et laissez-vous emporter par des m\u00e9lodies intemporelles qui r\u00e9veillent des moments pr\u00e9cieux et charg\u00e9s d'\u00e9motions.\",\n          favicon: \"https:\/\/www.jecoutelaradioenligne.com\/wp-content\/uploads\/logo-radio-nostalgie-100-plus-grandes-chansons-directe-live.jpg\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - 80 les N\u00b01\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/56726\/mp3_128.mp3\",\n          description: \"Nostalgie - 80 les N\u00b01 est la radio qui vous replonge dans les ann\u00e9es 80 avec les plus grands hits qui ont marqu\u00e9 cette d\u00e9cennie. Retrouvez une s\u00e9lection des titres num\u00e9ro 1 de cette \u00e9poque, interpr\u00e9t\u00e9s par des artistes embl\u00e9matiques tels que Madonna, Michael Jackson, Jean-Jacques Goldman, et bien d'autres. Cette station est parfaite pour revivre les ann\u00e9es 80, ses m\u00e9lodies inoubliables, et ses rythmes dansants. \u00c9coutez gratuitement Nostalgie - 80 les N\u00b01 et laissez-vous emporter par les hits qui ont fait vibrer le monde entier et sont devenus des classiques intemporels.\",\n          favicon: \"https:\/\/static.mytuner.mobi\/media\/tvos_radios\/147\/nostalgie-80-les-n-1.f1449192.jpg\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Best of 60s\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30615\/mp3_128.mp3\",\n          description: \"Nostalgie - Best of 60s est la radio id\u00e9ale pour revivre les grands moments musicaux des ann\u00e9es 60, diffus\u00e9e en direct et en ligne. Retrouvez les l\u00e9gendes de cette \u00e9poque mythique, avec des artistes comme The Beatles, \u00c9dith Piaf, Elvis Presley, et bien d'autres. Cette station vous plonge dans l'atmosph\u00e8re unique des sixties, entre rock'n'roll, chansons y\u00e9y\u00e9, et balades intemporelles qui ont marqu\u00e9 des g\u00e9n\u00e9rations. \u00c9coutez gratuitement Nostalgie - Best of 60s et laissez-vous emporter par les titres qui ont fa\u00e7onn\u00e9 l'histoire de la musique et fait vibrer les c\u0153urs des ann\u00e9es 60.\",\n          favicon: \"https:\/\/static.mytuner.mobi\/media\/tvos_radios\/606\/nostalgie-best-of-60s.89be3df2.jpg\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Best of 70s\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30613\/mp3_128.mp3\",\n          description: \"Nostalgie - Best of 70s est la radio parfaite pour replonger dans les sons mythiques des ann\u00e9es 70, diffus\u00e9e en direct et en ligne. Retrouvez les titres embl\u00e9matiques de cette \u00e9poque marqu\u00e9e par des artistes l\u00e9gendaires comme Queen, ABBA, The Rolling Stones, et Elton John. Cette station vous invite \u00e0 revivre l'\u00e2ge d'or du rock, du disco, et de la pop, avec des morceaux inoubliables qui ont marqu\u00e9 l'histoire de la musique. \u00c9coutez gratuitement Nostalgie - Best of 70s et laissez-vous emporter par les vibrations des ann\u00e9es 70, une \u00e9poque riche en cr\u00e9ativit\u00e9 et en \u00e9nergie musicale.\",\n          favicon: \"https:\/\/static.mytuner.mobi\/media\/tvos_radios\/607\/nostalgie-best-of-70s.0b9cbcf2.jpg\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Best of 80s\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30605\/mp3_128.mp3\",\n          description: \"Nostalgie - Best of 80s est la radio id\u00e9ale pour replonger dans les hits embl\u00e9matiques des ann\u00e9es 80, diffus\u00e9e en direct et en ligne. Retrouvez les artistes qui ont marqu\u00e9 cette d\u00e9cennie inoubliable, comme Michael Jackson, Madonna, Depeche Mode, et Bonnie Tyler. Cette station c\u00e9l\u00e8bre les ann\u00e9es 80, entre pop, rock et les d\u00e9buts de la musique \u00e9lectronique, avec des titres qui ont fait danser et vibrer des millions de fans. \u00c9coutez gratuitement Nostalgie - Best of 80s et laissez-vous emporter par les sons \u00e9nergiques et les m\u00e9lodies accrocheuses qui ont d\u00e9fini cette \u00e9poque.\",\n          favicon: \"https:\/\/static.mytuner.mobi\/media\/tvos_radios\/387\/nostalgie-best-of-80s.104521e3.jpg\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Blues\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30639\/mp3_128.mp3\",\n          description: \"Nostalgie - Blues est la radio incontournable pour les amateurs de blues, diffus\u00e9e en direct et en ligne. Plongez dans l'univers du blues, avec les classiques des l\u00e9gendes comme B.B. King, Muddy Waters, et Etta James, ainsi que des artistes contemporains qui perp\u00e9tuent l'\u00e2me de ce genre musical. Cette station vous propose une s\u00e9lection authentique qui c\u00e9l\u00e8bre les racines du blues, des riffs de guitare expressifs aux voix pleines de soul. \u00c9coutez gratuitement Nostalgie - Blues et laissez-vous emporter par la profondeur et l'\u00e9motion des morceaux qui ont marqu\u00e9 l'histoire du blues, o\u00f9 que vous soyez.\",\n          favicon: \"https:\/\/www.radio.fr\/300\/nostalgieblues.png?version=46f05ddeba3527f93b23d2d0b7511653\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Chansons\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30611\/mp3_128.mp3\",\n          description: \"Nostalgie - Chansons est la radio qui c\u00e9l\u00e8bre les plus belles chansons francophones, diffus\u00e9e en direct et en ligne. Retrouvez les artistes qui ont marqu\u00e9 la chanson fran\u00e7aise, tels que Charles Aznavour, \u00c9dith Piaf, Jacques Brel, et bien d'autres. Cette station vous plonge dans un univers de po\u00e9sie, de m\u00e9lodie, et d'\u00e9motions avec des titres intemporels qui ont touch\u00e9 des g\u00e9n\u00e9rations. \u00c9coutez gratuitement Nostalgie - Chansons et laissez-vous emporter par les plus belles voix et les textes \u00e9mouvants de la chanson fran\u00e7aise, pour un voyage musical riche en souvenirs et en \u00e9motions.\",\n          favicon: \"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcTBYhCduqSx4DEnV8ucVHYQsuyK1w2UunQj5g&s\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Disco Fever\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30617\/mp3_128.mp3\",\n          description: \"Nostalgie - Disco Fever est la radio qui vous fait revivre l'ambiance des ann\u00e9es disco, diffus\u00e9e en direct et en ligne. Retrouvez les plus grands titres qui ont fait vibrer les pistes de danse, avec des artistes l\u00e9gendaires comme Donna Summer, Bee Gees, Chic, et Gloria Gaynor. Cette station vous transporte directement dans les ann\u00e9es 70 et 80, avec une s\u00e9lection des meilleurs morceaux disco qui ont marqu\u00e9 l'\u00e9poque et continuent de faire danser le monde entier. \u00c9coutez gratuitement Nostalgie - Disco Fever et laissez-vous emporter par les rythmes groovy et l'\u00e9nergie festive de la musique disco.\",\n          favicon: \"https:\/\/m.media-amazon.com\/images\/I\/71TafYwqeTL._UF1000,1000_QL80_.jpg\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Fans des Ann\u00e9es 80\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/56373\/mp3_128.mp3\",\n          description: \"Nostalgie - Fans des Ann\u00e9es 80 est la radio d\u00e9di\u00e9e \u00e0 tous ceux qui adorent les hits de cette d\u00e9cennie iconique, diffus\u00e9e en direct et en ligne. Plongez dans l'univers des ann\u00e9es 80 avec des artistes embl\u00e9matiques comme Madonna, Michael Jackson, Depeche Mode, et Jean-Jacques Goldman. Cette station vous propose une s\u00e9lection inoubliable des meilleurs tubes, m\u00ealant pop, rock, new wave et funk, qui ont marqu\u00e9 l'\u00e9poque et continuent de faire vibrer les c\u0153urs. \u00c9coutez gratuitement Nostalgie - Fans des Ann\u00e9es 80 et retrouvez l'\u00e9nergie et l'esprit festif qui ont fait de cette d\u00e9cennie un moment magique de la musique.\",\n          favicon: \"https:\/\/www.radio.fr\/300\/nostalgiefansdesannees80.png?version=8900f71759465d61d5eb6cd2ce107355\",\n              isWebRadio: true\n            },\n            \n            { \n              name: \"Nostalgie - Fran\u00e7ais 80\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/56164\/mp3_128.mp3\",\n          description: \"Nostalgie - Fran\u00e7ais 80 est la radio id\u00e9ale pour revivre les plus grands succ\u00e8s de la chanson fran\u00e7aise des ann\u00e9es 80, diffus\u00e9e en direct et en ligne. Retrouvez les artistes qui ont marqu\u00e9 cette d\u00e9cennie inoubliable, tels que Jean-Jacques Goldman, France Gall, Michel Sardou, et Myl\u00e8ne Farmer. Cette station propose une s\u00e9lection des meilleurs titres qui ont d\u00e9fini l'esprit de cette \u00e9poque, avec des m\u00e9lodies accrocheuses et des paroles marquantes. \u00c9coutez gratuitement Nostalgie - Fran\u00e7ais 80 et laissez-vous emporter par la magie et la nostalgie des ann\u00e9es 80, \u00e0 travers les voix et les chansons qui ont marqu\u00e9 l'histoire de la musique fran\u00e7aise.\",\n          favicon: \"https:\/\/static.mytuner.mobi\/media\/tvos_radios\/643\/nostalgie-100-francais-80.35602a23.jpg\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Funk\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30607\/mp3_128.mp3\",\n          description: \"Nostalgie - Funk est la radio parfaite pour retrouver les rythmes groovy et entra\u00eenants du funk, diffus\u00e9e en direct et en ligne. Plongez dans l'univers du funk avec des artistes l\u00e9gendaires comme James Brown, Earth, Wind & Fire, Prince, et Kool & The Gang. Cette station vous transporte dans une ambiance festive et dynamique, id\u00e9ale pour faire monter l'\u00e9nergie et danser sans retenue. \u00c9coutez gratuitement Nostalgie - Funk et laissez-vous emporter par les lignes de basse percutantes, les cuivres explosifs, et l'\u00e9nergie unique de la musique funk, o\u00f9 que vous soyez.\",\n          favicon: \"https:\/\/www.radio.fr\/300\/nostalgiefunk.png?version=d1bac1a61da084371da1e8de57b6ad21\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - G\u00e9n\u00e9ration 80\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/55524\/mp3_128.mp3\",\n          description: \"Nostalgie - G\u00e9n\u00e9ration 80 est la radio qui c\u00e9l\u00e8bre les ann\u00e9es 80 et leur magie musicale, diffus\u00e9e en direct et en ligne. Revivez les meilleurs moments de cette d\u00e9cennie inoubliable avec des hits embl\u00e9matiques et les artistes qui ont marqu\u00e9 cette \u00e9poque, tels que Jean-Jacques Goldman, Madonna, Michael Jackson, et D\u00e9but de Soir\u00e9e. Cette station vous transporte dans l'univers des synth\u00e9tiseurs, des m\u00e9lodies pop entra\u00eenantes, et des morceaux devenus incontournables pour toute une g\u00e9n\u00e9ration. \u00c9coutez gratuitement Nostalgie - G\u00e9n\u00e9ration 80 et laissez-vous emporter par les souvenirs et l'\u00e9nergie positive des ann\u00e9es 80.\",\n          favicon: \"https:\/\/m.media-amazon.com\/images\/I\/91yE9DI2+IL._UF1000,1000_QL80_.jpg\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Italia\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30663\/mp3_128.mp3\",\n          description: \"Nostalgie - Italia est la radio qui c\u00e9l\u00e8bre les plus grands classiques de la musique italienne. Plongez dans l'univers des chansons italiennes avec des artistes embl\u00e9matiques tels qu'Eros Ramazzotti, Laura Pausini, Adriano Celentano, et Mina. Cette station vous invite \u00e0 red\u00e9couvrir les m\u00e9lodies intemporelles qui ont marqu\u00e9 l'Italie, entre ballades romantiques et morceaux entra\u00eenants. \u00c9coutez gratuitement Nostalgie - Italia et laissez-vous transporter par la passion et l'\u00e9motion de la musique italienne.\",\n          favicon: \"https:\/\/media.ngroup.be\/IMAGE\/IMAGE-S1-00009\/16674-cover-nostalgie-italia.png\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Jazz\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30641\/mp3_128.mp3\",\n          description: \"Nostalgie - Jazz est la radio id\u00e9ale pour tous les amateurs de jazz, diffus\u00e9e en direct et en ligne. D\u00e9couvrez les plus grands standards du jazz avec des artistes l\u00e9gendaires comme Miles Davis, Ella Fitzgerald, Louis Armstrong, et Nina Simone. Cette station vous plonge dans une ambiance raffin\u00e9e et intemporelle, entre jazz classique, swing, et ballades sophistiqu\u00e9es. Que vous soyez fan de piano jazz, de trompette ou des voix envo\u00fbtantes du jazz vocal, Nostalgie - Jazz est faite pour vous. \u00c9coutez gratuitement Nostalgie - Jazz et laissez-vous emporter par les improvisations et la magie du jazz, o\u00f9 que vous soyez.\",\n          favicon: \"https:\/\/media.ngroup.be\/IMAGE\/IMAGE-S1-00028\/280434-cover-nostalgie-jazz.png\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - L\u00e9gendes\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/55196\/mp3_128.mp3\",\n          description: \"Nostalgie - L\u00e9gendes est la radio qui rend hommage aux plus grands noms de la musique, diffus\u00e9e en direct et en ligne. Retrouvez les l\u00e9gendes qui ont marqu\u00e9 l'histoire, comme Elvis Presley, The Beatles, Queen, et Johnny Hallyday. Cette station propose une s\u00e9lection des morceaux qui ont d\u00e9fini des g\u00e9n\u00e9rations, avec des artistes intemporels dont la musique continue de faire vibrer le monde entier. \u00c9coutez gratuitement Nostalgie - L\u00e9gendes et plongez dans l'univers des titres incontournables qui ont fa\u00e7onn\u00e9 la culture musicale et laiss\u00e9 une empreinte ind\u00e9l\u00e9bile.\",\n          favicon: \"https:\/\/www.jecoutelaradioenligne.com\/wp-content\/uploads\/logo-radio-nostalgie-legendes-directe-live.jpg\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Les Plus Grands Slows\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30609\/mp3_128.mp3\",\n          description: \"Nostalgie - Les Plus Grands Slows est la radio parfaite pour revivre les moments de tendresse et d'\u00e9motion, diffus\u00e9e en direct et en ligne. Retrouvez les plus grands slows de tous les temps, avec des artistes tels que Lionel Richie, C\u00e9line Dion, Whitney Houston, et Richard Cocciante. Cette station vous offre une s\u00e9lection des plus belles balades, id\u00e9ales pour se relaxer, se souvenir ou partager un instant romantique. \u00c9coutez gratuitement Nostalgie - Les Plus Grands Slows et laissez-vous emporter par les m\u00e9lodies qui ont marqu\u00e9 des g\u00e9n\u00e9rations et fait battre des c\u0153urs \u00e0 travers le temps.\",\n          favicon: \"https:\/\/www.radio.fr\/300\/nostalgieslows.png?version=fae062538c9e77b23348eec413e61da7\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Les Plus Grands Tubes Fran\u00e7ais\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30705\/mp3_128.mp3\",\n          description:\"Nostalgie - Les Plus Grands Tubes Fran\u00e7ais est la radio qui c\u00e9l\u00e8bre les plus grands succ\u00e8s de la chanson fran\u00e7aise, diffus\u00e9e en direct et en ligne. Retrouvez les artistes qui ont marqu\u00e9 l'histoire de la musique francophone, comme Johnny Hallyday, France Gall, Michel Sardou, et Patrick Bruel. Cette station vous propose une s\u00e9lection des meilleurs tubes qui ont d\u00e9fini des g\u00e9n\u00e9rations, avec des m\u00e9lodies inoubliables et des paroles qui continuent de toucher les c\u0153urs. \u00c9coutez gratuitement Nostalgie - Les Plus Grands Tubes Fran\u00e7ais et plongez dans les titres embl\u00e9matiques qui ont marqu\u00e9 la culture musicale fran\u00e7aise.\",\n          favicon: \"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcR6ct6evbLTKb4LWLN_4wRf647N4wuasrnZ3Q&s\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - New Wave\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30703\/mp3_128.mp3\",\n          description: \"Nostalgie - New Wave est la radio parfaite pour revivre l'esprit des ann\u00e9es 80, avec la meilleure s\u00e9lection de titres new wave, diffus\u00e9e en direct et en ligne. Retrouvez les artistes qui ont marqu\u00e9 ce mouvement, comme Depeche Mode, The Cure, Duran Duran, et New Order. Cette station vous plonge dans l'univers des synth\u00e9tiseurs, des sonorit\u00e9s sombres et des rythmes entra\u00eenants qui ont d\u00e9fini la new wave et captiv\u00e9 toute une g\u00e9n\u00e9ration. \u00c9coutez gratuitement Nostalgie - New Wave et laissez-vous emporter par les sons qui ont marqu\u00e9 l'histoire de la musique alternative des ann\u00e9es 80.\",\n          favicon: \"https:\/\/media.ngroup.be\/IMAGE\/IMAGE-S1-00009\/16670-cover-nostalgie-new-wave.png\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Po\u00e8tes\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30619\/mp3_128.mp3\",\n          description: \"Nostalgie - Po\u00e8tes est la radio qui rend hommage aux plus grands po\u00e8tes et auteurs de la chanson fran\u00e7aise, diffus\u00e9e en direct et en ligne. Retrouvez des artistes l\u00e9gendaires tels que Georges Brassens, L\u00e9o Ferr\u00e9, Jacques Brel, et Serge Gainsbourg. Cette station c\u00e9l\u00e8bre la beaut\u00e9 des textes et l'\u00e9motion des chansons qui ont marqu\u00e9 des g\u00e9n\u00e9rations, avec une po\u00e9sie qui touche le c\u0153ur et l'esprit. \u00c9coutez gratuitement Nostalgie - Po\u00e8tes et laissez-vous transporter par les mots des plus grands paroliers fran\u00e7ais, pour un moment de pure \u00e9motion et de r\u00e9flexion.\",\n          favicon: \"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcSYM7WPWUwKp0ZV-XYo9ireI49ER8_J-bon3w&s\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Pop Rock 80\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/56718\/mp3_128.mp3\",\n          description: \"Nostalgie - Pop Rock 80 est la radio parfaite pour revivre le meilleur du pop rock des ann\u00e9es 80, diffus\u00e9e en direct et en ligne. Retrouvez les grands noms qui ont marqu\u00e9 cette d\u00e9cennie, comme Queen, INXS, U2, et The Police. Cette station vous plonge dans l'ambiance des eighties avec une s\u00e9lection des morceaux les plus embl\u00e9matiques qui ont fait vibrer les amateurs de pop rock. \u00c9coutez gratuitement Nostalgie - Pop Rock 80 et laissez-vous emporter par l'\u00e9nergie et les m\u00e9lodies inoubliables de cette p\u00e9riode l\u00e9gendaire du rock.\",\n          favicon: \"https:\/\/dvw7f7sqjk3ag.cloudfront.net\/images\/radio\/22276.png\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Printemps\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/57289\/mp3_128.mp3\",\n          description: \"Nostalgie - Printemps est la radio qui c\u00e9l\u00e8bre l'arriv\u00e9e des beaux jours avec une s\u00e9lection musicale fra\u00eeche et pleine de joie, diffus\u00e9e en direct et en ligne. Retrouvez des chansons qui \u00e9voquent le renouveau, la nature, et l'\u00e9nergie positive du printemps, avec des artistes comme Michel Fugain, Laurent Voulzy, et Joe Dassin. Cette station vous accompagne pendant la saison du renouveau avec des morceaux qui invitent \u00e0 la d\u00e9tente et \u00e0 la bonne humeur. \u00c9coutez gratuitement Nostalgie - Printemps et laissez-vous emporter par une atmosph\u00e8re l\u00e9g\u00e8re et pleine de vie, parfaite pour les journ\u00e9es ensoleill\u00e9es.\",\n          favicon: \"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcRZyq5F5z2rYkqZFLghFBjNNr_2ydKVfjN_Cg&s\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Queen\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/55678\/mp3_128.mp3\",\n          description: \"Nostalgie - Queen est la radio d\u00e9di\u00e9e aux fans de l'un des plus grands groupes de rock de tous les temps, diffus\u00e9e en direct et en ligne. Plongez dans l'univers l\u00e9gendaire de Queen avec des morceaux embl\u00e9matiques comme Bohemian Rhapsody, We Will Rock You, et Another One Bites the Dust. Cette station propose une immersion totale dans l'univers unique de Freddie Mercury, Brian May, Roger Taylor et John Deacon, en c\u00e9l\u00e9brant l'\u00e9nergie, la cr\u00e9ativit\u00e9, et le g\u00e9nie musical de Queen. \u00c9coutez gratuitement Nostalgie - Queen et laissez-vous emporter par la magie de leurs plus grands succ\u00e8s, o\u00f9 que vous soyez.\",\n          favicon: \"https:\/\/img.nrj.fr\/Wb8KotH53t2moarNKqKguhx8cJw=\/610x343\/smart\/http%3A%2F%2Fmedia.nostalgie.fr%2F436x327%2F2014%2F10%2Fcover-freddie-mercury-jpg9167_946472.jpg\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Rock\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30621\/mp3_128.mp3\",\n          description: \"Nostalgie - Rock est la radio id\u00e9ale pour les passionn\u00e9s de rock, diffus\u00e9e en direct et en ligne. Retrouvez les l\u00e9gendes du rock qui ont marqu\u00e9 l'histoire, comme The Rolling Stones, Led Zeppelin, AC\/DC, et The Who. Cette station vous propose une s\u00e9lection des morceaux les plus embl\u00e9matiques, des classiques intemporels aux titres qui ont fait vibrer des g\u00e9n\u00e9rations enti\u00e8res. \u00c9coutez gratuitement Nostalgie - Rock et laissez-vous emporter par l'\u00e9nergie brute, les riffs percutants, et l'attitude rebelle du rock, o\u00f9 que vous soyez.\",\n          favicon: \"https:\/\/static.tuneyou.com\/images\/logos\/500_500\/66\/866\/NostalgieRock.png\",\n              isWebRadio: true\n            },\n        { \n              name: \"Nostalgie - Route 66\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/56040\/mp3_128.mp3\",\n          description: \"Nostalgie - Route 66 est la radio id\u00e9ale pour les amoureux de la libert\u00e9 et du rock am\u00e9ricain, diffus\u00e9e en direct et en ligne. Embarquez pour un voyage musical le long de la mythique Route 66, avec des titres qui capturent l'essence de l'aventure, du voyage, et de la culture rock'n'roll. Retrouvez des artistes comme Bruce Springsteen, Creedence Clearwater Revival, et Lynyrd Skynyrd. \u00c9coutez gratuitement Nostalgie - Route 66 et laissez-vous transporter par les classiques du rock am\u00e9ricain, parfaits pour une vir\u00e9e sur les routes, o\u00f9 que vous soyez.\",\n          favicon: \"https:\/\/ecouterlaradio.fr\/uploads\/img\/nostalgie-route-66.png\",\n              isWebRadio: true\n            },\n        { \n              name: \"Nostalgie - Saturday Night\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30773\/mp3_128.mp3\",\n          description: \"Nostalgie - Saturday Night est la radio qui vous plonge dans l'ambiance festive des nuits de samedi, diffus\u00e9e en direct et en ligne. Retrouvez les meilleurs tubes disco, funk, et pop des ann\u00e9es 70 et 80 pour vous faire danser toute la nuit. Cette station est parfaite pour recr\u00e9er l'ambiance des bo\u00eetes de nuit de l'\u00e9poque, avec des artistes comme Donna Summer, Earth, Wind & Fire, et Michael Jackson. \u00c9coutez gratuitement Nostalgie - Saturday Night et laissez-vous emporter par des rythmes entra\u00eenants pour une soir\u00e9e pleine de nostalgie et d'\u00e9nergie, o\u00f9 que vous soyez.\",\n          favicon: \"https:\/\/www.radio.fr\/300\/nostalgiesaturdaynight.png?version=90f490d5a3064bc3afb9eb8087ac9a2e\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - SOUL\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/56953\/mp3_128.mp3\",\n          description: \"Nostalgie - Soul est la radio d\u00e9di\u00e9e \u00e0 la musique soul, diffus\u00e9e en direct et en ligne. Plongez dans l'univers des grandes voix et des \u00e9motions puissantes, avec des artistes l\u00e9gendaires tels qu'Aretha Franklin, Marvin Gaye, Stevie Wonder, et Otis Redding. Cette station vous propose une s\u00e9lection des plus beaux morceaux soul, des classiques intemporels aux titres qui ont d\u00e9fini un genre et inspir\u00e9 des g\u00e9n\u00e9rations. \u00c9coutez gratuitement Nostalgie - Soul et laissez-vous emporter par la passion et la profondeur des chansons qui ont marqu\u00e9 l'histoire de la musique soul.\",\n          favicon: \"https:\/\/ngroup.gumlet.io\/IMAGE\/IMAGE-S1-00009\/16662-cover-nostalgie-soul-party.png?w=100&dpr=2.6\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - Tous les Tubes Styles\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30699\/mp3_128.mp3\",\n          description: \"Nostalgie - Tous les Tubes Styles est la radio qui r\u00e9unit tous les plus grands tubes, quel que soit le genre, diffus\u00e9e en direct et en ligne. D\u00e9couvrez une programmation vari\u00e9e qui parcourt tous les styles musicaux : pop, rock, disco, vari\u00e9t\u00e9 fran\u00e7aise, funk, et bien plus encore. Retrouvez des artistes incontournables qui ont marqu\u00e9 leur \u00e9poque, avec une playlist \u00e9clectique qui vous fera vibrer et voyager \u00e0 travers les ann\u00e9es. \u00c9coutez gratuitement Nostalgie - Tous les Tubes Styles et profitez des plus grands hits de chaque genre, pour une exp\u00e9rience musicale compl\u00e8te et pleine de souvenirs.\",\n          favicon: \"https:\/\/ecouterlaradio.fr\/uploads\/img\/nostalgie-tous-les-tubes-tous-les-styles.png\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie - USA 80\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/56621\/mp3_128.mp3\",\n          description: \"Nostalgie - USA 80 est la radio id\u00e9ale pour revivre le meilleur de la musique am\u00e9ricaine des ann\u00e9es 80, diffus\u00e9e en direct et en ligne. Retrouvez les artistes embl\u00e9matiques qui ont d\u00e9fini cette d\u00e9cennie outre-Atlantique, comme Michael Jackson, Bruce Springsteen, Madonna, et Prince. Cette station vous plonge dans l'univers de la pop, du rock, et du funk qui ont fait des ann\u00e9es 80 une p\u00e9riode musicale mythique. \u00c9coutez gratuitement Nostalgie - USA 80 et laissez-vous emporter par l'\u00e9nergie et les hits inoubliables qui ont marqu\u00e9 les \u00c9tats-Unis durant cette d\u00e9cennie incroyable.\",\n          favicon: \"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcTrzZJpU8MF9po7Wu3wuh-64OxH33j4Nsc6Ew&s\",\n              isWebRadio: true\n            },\n            { \n              name: \"Nostalgie Summer 80\",\n          url: \"https:\/\/scdn.nrjaudio.fm\/adwz1\/fr\/30715\/mp3_128.mp3\",\n          description: \"Nostalgie - Summer 80 est la radio parfaite pour recr\u00e9er l'ambiance estivale des ann\u00e9es 80, diffus\u00e9e en direct et en ligne. Retrouvez les hits incontournables qui ont rythm\u00e9 les \u00e9t\u00e9s de cette d\u00e9cennie, avec des artistes comme Wham!, Bananarama, Madonna, et Bryan Adams. Cette station vous propose une playlist ensoleill\u00e9e qui vous plonge dans les souvenirs de vacances, les soir\u00e9es entre amis, et la joie insouciante des \u00e9t\u00e9s des eighties. \u00c9coutez gratuitement Nostalgie - Summer 80 et laissez-vous emporter par l'\u00e9nergie des plus grands tubes de l'\u00e9t\u00e9 des ann\u00e9es 80, o\u00f9 que vous soyez.\",\n          favicon: \"https:\/\/www.radio.de\/images\/broadcasts\/ef\/b9\/140985\/1\/c300.png\",\n              isWebRadio: true\n            }\n          ];\n\n          const popularRadiosListFrance = document.getElementById('popular-radios-list-france');\n          popularRadiosListFrance.innerHTML = '';\n\n          popularRadiosFrance.forEach((station, index) => {\n            const li = document.createElement('li');\n            li.innerHTML = `\n              <img decoding=\"async\" src=\"${station.favicon}\" alt=\"${station.name} logo\" style=\"width: 65px; height: 65px; margin-right: 10px; border-radius: 50%; vertical-align: middle;\">\n              <span style=\"font-size: 1.5em;\">${station.name}<\/span>\n              <p class=\"radio-description\">${station.description}<\/p>\n            `;\n\n            li.addEventListener('click', () => {\n              let stationToPlay = {\n                url_resolved: station.url,\n                name: station.name,\n                favicon: station.favicon || null,\n                description: station.description,\n                isWebRadio: station.isWebRadio \/\/ Ajout de la propri\u00e9t\u00e9 isWebRadio\n              };\n\n              const detailedStation = allStations.find(s => s.name.toLowerCase() === station.name.toLowerCase());\n              \n              if (detailedStation) {\n                stationToPlay.favicon = stationToPlay.favicon || detailedStation.favicon;\n                stationToPlay.tags = detailedStation.tags || '';\n              }\n\n              playStation(stationToPlay);\n\n              \/\/ Masquer la grille des programmes si c'est une webradio\n              const programGrid = document.querySelector('.program-grid');\n              if (programGrid) {\n                programGrid.style.display = stationToPlay.isWebRadio ? 'none' : 'block';\n              }\n            });\n\n            popularRadiosListFrance.appendChild(li);\n          });\n        }\n      <\/script>\n    <\/div>\n  <\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/axios\/0.21.1\/axios.min.js\"><\/script>\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/js\/select2.min.js\"><\/script>\n<script>\nlet favorites = JSON.parse(localStorage.getItem('favorites')) || [];\nlet history = JSON.parse(localStorage.getItem('history')) || [];\nlet currentTab = 'all';\n\nconst searchInput = document.getElementById('search-input');\nconst searchButton = document.getElementById('search-button');\nconst resultsContainer = document.getElementById('results-container');\nconst playerModal = document.getElementById('player-modal');\nconst paginationContainer = document.getElementById('pagination-container');\nconst prevButton = document.getElementById('prev-button');\nconst nextButton = document.getElementById('next-button');\nconst audioElement = new Audio();\nlet currentStation = null;\nlet currentPage = 1;\nlet stationsPerPage = 20;\nlet totalPages = 0;\nconst pageNumbersContainer = document.getElementById('page-numbers');\nconst playPauseButton = document.getElementById('play-pause');\nconst volumeSlider = document.getElementById('volume-slider');\nconst muteUnmuteButton = document.getElementById('mute-unmute');\nconst closeModalButton = document.querySelector('.close');\nconst chromecastButton = document.getElementById('chromecast-button');\n\ndocument.getElementById('listen-live').addEventListener('click', function() {\n  const sudRadioStation = {\n    name: \"NOSTALGIE\",\n    url_resolved: \"https:\/\/scdn.nrjaudio.fm\/audio1\/fr\/30601\/mp3_128.mp3\",\n    favicon: \"https:\/\/myradioendirect.fr\/public\/uploads\/radio_img\/nostalgie\/play_250_250.webp\",\n    description: \"Radio Nostalgie en ligne : \u00e9coutez en direct et gratuitement les plus grands tubes des ann\u00e9es 60, 70, 80, 90 et 2000.\",\n    tags: \"Nostalgie, Rock, Pop Rock, classique\",\n    bitrate: \"128\"\n  };\n  playStation(sudRadioStation);\n});\n\nfunction showLoadingAnimation() {\n  document.getElementById('loading-animation').style.display = 'flex';\n}\n\nfunction hideLoadingAnimation() {\n  document.getElementById('loading-animation').style.display = 'none';\n}\n\nfunction playStation(station) {\n  if (!station) return;\n\n  if (!station.url_resolved) {\n    station.url_resolved = `https:\/\/example.com\/stream\/${station.name.replace(\/\\s+\/g, '-').toLowerCase()}`;\n  }\n\n  audioElement.src = station.url_resolved;\n  audioElement.play().catch(error => console.error('Error playing audio:', error));\n  currentStation = station;\n  updateModalUI();\n  openModal();\n  addToHistory(station);\n}\n\nfunction handleTagClick(event) {\n  if (event.target.classList.contains('tag-vignette')) {\n    const tag = event.target.textContent.trim();\n    closeModal();\n    addCategoryToSelect(tag);\n    performSearch(tag);\n  }\n}\n\nfunction addCategoryToSelect(category) {\n  if (!$('#category-select').find(\"option[value='\" + category + \"']\").length) {\n    var newOption = new Option(category, category, true, true);\n    $('#category-select').append(newOption).trigger('change');\n  }\n}\n\nfunction extractCategories(stations) {\n  const categories = {};\n  stations.forEach(station => {\n    if (station.tags) {\n      station.tags.split(',').forEach(tag => {\n        const trimmedTag = tag.trim();\n        if (trimmedTag.length <= 20) {\n          categories[trimmedTag] = (categories[trimmedTag] || 0) + 1;\n        }\n      });\n    }\n  });\n  return Object.entries(categories)\n    .sort((a, b) => b[1] - a[1])\n    .slice(0, 10)\n    .map(([category]) => category);\n}\n\nfunction renderCategoryVignettes(categories) {\n  return `\n    <div class=\"category-vignettes\">\n      ${categories.map(category => `\n        <span class=\"tag-vignette\" onclick=\"performSearch('${category}')\">${category}<\/span>\n      `).join('')}\n    <\/div>\n  `;\n}\n\nfunction updateModalUI() {\n  if (!currentStation) return;\n\n  const stationLogo = document.getElementById('station-logo');\n  const stationName = document.getElementById('station-name');\n  const stationCountry = document.getElementById('station-country');\n  const stationDescription = document.getElementById('station-description');\n  const stationTags = document.getElementById('station-tags');\n  const stationBitrate = document.getElementById('station-bitrate');\n\n  if (stationLogo) stationLogo.src = currentStation.favicon || 'https:\/\/pacific-webtools.com\/radio-online\/wp-content\/uploads\/2024\/10\/logo-15.webp';\n  if (stationName) stationName.textContent = currentStation.name || 'Station inconnue';\n  if (stationCountry) stationCountry.textContent = 'France';\n  if (stationDescription) stationDescription.textContent = currentStation.homepage || 'Aucune description disponible';\n  \n  if (stationTags) {\n    const tags = currentStation.tags ? currentStation.tags.split(',') : [];\n    stationTags.innerHTML = tags.map(tag => `<span class=\"tag-vignette\">${tag.trim()}<\/span>`).join('');\n    stationTags.addEventListener('click', handleTagClick);\n  }\n  \n  if (stationBitrate) stationBitrate.textContent = `D\u00e9bit binaire : ${currentStation.bitrate || 'Inconnu'} kbps`;\n}\n\nfunction performSearch(tag) {\n  showLoadingAnimation();\n  const query = tag || (searchInput ? searchInput.value.trim() : '');\n  const category = $('#category-select').val();\n  let url = 'https:\/\/de1.api.radio-browser.info\/json\/stations\/search?limit=1000&country=France';\n  \n  if (query || category) {\n    if (query) {\n      if (tag) {\n        url += `&tag=${encodeURIComponent(query)}`;\n      } else {\n        url += `&name=${encodeURIComponent(query)}`;\n      }\n    }\n    if (category && !tag) {\n      url += `&tag=${encodeURIComponent(category)}`;\n    }\n  }\n\n  axios.get(url)\n    .then(response => {\n      if (response && response.data) {\n        allStations = response.data\n          .filter(station => station.url_resolved && station.url_resolved.startsWith('https:\/\/'))\n          .sort((a, b) => a.name.localeCompare(b.name));\n        totalPages = Math.ceil(allStations.length \/ stationsPerPage);\n        currentPage = 1;\n        currentTab = 'all';\n        document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\n        document.querySelector('.tab[data-tab=\"all\"]').classList.add('active');\n        displayResults();\n        updatePagination();\n        fetchPopularRadios(); \n      } else {\n        throw new Error('Invalid response data');\n      }\n    })\n    .catch(error => {\n      console.error('Error fetching radio stations:', error);\n      if (resultsContainer) {\n        resultsContainer.innerHTML = '<p>Erreur lors de la r\u00e9cup\u00e9ration des stations de radio. Veuillez r\u00e9essayer.<\/p>';\n      }\n      if (paginationContainer) {\n        paginationContainer.style.display = 'none';\n      }\n    })\n    .finally(() => {\n      hideLoadingAnimation();\n    });\n}\n\nfunction displayResults() {\n  if (!resultsContainer) return;\n\n  resultsContainer.innerHTML = '';\n  const categoryVignettesContainer = document.querySelector('.category-vignettes-container');\n  categoryVignettesContainer.innerHTML = '';\n  let stationsToShow = [];\n\n  if (currentTab === 'all') {\n    const startIndex = (currentPage - 1) * stationsPerPage;\n    const endIndex = startIndex + stationsPerPage;\n    stationsToShow = allStations.slice(startIndex, endIndex);\n  } else if (currentTab === 'favorites') {\n    const startIndex = (currentPage - 1) * stationsPerPage;\n    const endIndex = startIndex + stationsPerPage;\n    stationsToShow = favorites.slice(startIndex, endIndex);\n  } else if (currentTab === 'history') {\n    const startIndex = (currentPage - 1) * stationsPerPage;\n    const endIndex = startIndex + stationsPerPage;\n    stationsToShow = history.slice(startIndex, endIndex);\n  }\n\n  const totalStations = currentTab === 'all' ? allStations.length : \n                        currentTab === 'favorites' ? favorites.length : \n                        currentTab === 'history' ? history.length : 0;\n  const resultsCountElement = document.getElementById('results-count');\n  if (resultsCountElement) {\n    resultsCountElement.textContent = `${totalStations} station${totalStations !== 1 ? 's' : ''} de radio trouv\u00e9e${totalStations !== 1 ? 's' : ''}`;\n  }\n\n  const categories = extractCategories(stationsToShow);\n  const categoryVignettes = renderCategoryVignettes(categories);\n  categoryVignettesContainer.innerHTML = categoryVignettes;\n\n  if (stationsToShow.length === 0) {\n    resultsContainer.innerHTML += '<p>Aucune station trouv\u00e9e. Essayez une autre recherche ou un autre onglet.<\/p>';\n    if (paginationContainer) {\n      paginationContainer.style.display = 'none';\n    }\n    return;\n  }\n  \n  stationsToShow.forEach(station => {\n    if (!station) return;\n\n    const stationCard = document.createElement('div');\n    stationCard.className = 'station-card';\n    stationCard.innerHTML = `\n      <div class=\"station-info\">\n        <img decoding=\"async\" class=\"station-logo\" src=\"${station.favicon || 'https:\/\/pacific-webtools.com\/radio-online\/wp-content\/uploads\/2024\/10\/logo-15.webp'}\" alt=\"${station.name} logo\">\n      <\/div>\n      <div class=\"station-details\">\n        <h2>${station.name || 'Station inconnue'}<\/h2>\n        <p>\n          <img decoding=\"async\" class=\"country-flag\" src=\"https:\/\/flagcdn.com\/w20\/${(station.countrycode || '').toLowerCase()}.png\" alt=\"${station.country || 'Inconnu'} flag\">\n          ${station.country || 'France'}\n        <\/p>\n      <\/div>\n      <button class=\"play-button\" data-url=\"${station.url_resolved || ''}\">\n        <img decoding=\"async\" src=\"https:\/\/pacific-web-tools.com\/radio-online\/wp-content\/uploads\/2024\/10\/logo-16.webp\" alt=\"Ic\u00f4ne de lecture\">\n      <\/button>\n      <button class=\"favorite-button ${favorites.some(fav => fav.stationuuid === station.stationuuid) ? 'active' : ''}\">\n      <\/button>\n    `;\n    resultsContainer.appendChild(stationCard);\n\n    const playButton = stationCard.querySelector('.play-button');\n    if (playButton) {\n      playButton.addEventListener('click', () => playStation(station));\n    }\n\n    const favoriteButton = stationCard.querySelector('.favorite-button');\n    if (favoriteButton) {\n      favoriteButton.addEventListener('click', () => toggleFavorite(station));\n    }\n  });\n\n  updatePagination();\n}\n\nfunction toggleFavorite(station) {\n  const index = favorites.findIndex(fav => fav.stationuuid === station.stationuuid);\n  if (index === -1) {\n    favorites.push(station);\n  } else {\n    favorites.splice(index, 1);\n  }\n  localStorage.setItem('favorites', JSON.stringify(favorites));\n  displayResults();\n}\n\nfunction addToHistory(station) {\n  const index = history.findIndex(item => item.stationuuid === station.stationuuid);\n  if (index !== -1) {\n    history.splice(index, 1);\n  }\n  history.unshift(station);\n  if (history.length > 20) {\n    history.pop();\n  }\n  localStorage.setItem('history', JSON.stringify(history));\n}\n\nfunction updatePagination() {\n  if (!pageNumbersContainer) return;\n\n  const totalStations = currentTab === 'all' ? allStations.length : \n                        currentTab === 'favorites' ? favorites.length : \n                        currentTab === 'history' ? history.length : 0;\n\n  totalPages = Math.ceil(totalStations \/ stationsPerPage);\n\n  if (totalStations <= stationsPerPage) {\n    if (paginationContainer) paginationContainer.style.display = 'none';\n    return;\n  }\n\n  const maxVisiblePages = 5;\n  let startPage = Math.max(currentPage - Math.floor(maxVisiblePages \/ 2), 1);\n  let endPage = Math.min(startPage + maxVisiblePages - 1, totalPages);\n\n  if (endPage - startPage + 1 < maxVisiblePages) {\n    startPage = Math.max(endPage - maxVisiblePages + 1, 1);\n  }\n\n  pageNumbersContainer.innerHTML = '';\n\n  for (let i = startPage; i <= endPage; i++) {\n    const pageButton = document.createElement('button');\n    pageButton.classList.add('page-number');\n    pageButton.textContent = i;\n    if (i === currentPage) {\n      pageButton.classList.add('active');\n    }\n    pageButton.addEventListener('click', () => {\n      currentPage = i;\n      displayResults();\n      updatePagination();\n    });\n    pageNumbersContainer.appendChild(pageButton);\n  }\n\n  if (prevButton) prevButton.disabled = currentPage === 1;\n  if (nextButton) nextButton.disabled = currentPage === totalPages;\n\n  if (paginationContainer) paginationContainer.style.display = 'flex';\n}\n\nfunction fetchAllStations() {\n  showLoadingAnimation();\n  let url = 'https:\/\/de1.api.radio-browser.info\/json\/stations\/search?limit=1000&country=France';\n\n  axios.get(url)\n    .then(response => {\n      if (response && response.data) {\n        allStations = response.data\n          .filter(station => station.url_resolved && station.url_resolved.startsWith('https:\/\/'))\n          .sort((a, b) => a.name.localeCompare(b.name));\n        totalPages = Math.ceil(allStations.length \/ stationsPerPage);\n        currentPage = 1;\n        displayResults();\n        updatePagination();\n        fetchPopularRadios(); \n      } else {\n        throw new Error('Invalid response data');\n      }\n    })\n    .catch(error => {\n      console.error('Error fetching radio stations:', error);\n      if (resultsContainer) resultsContainer.innerHTML = '<p>Erreur lors de la r\u00e9cup\u00e9ration des stations de radio. Veuillez r\u00e9essayer.<\/p>';\n    })\n    .finally(() => {\n      hideLoadingAnimation();\n    });\n}\n\n$(document).ready(function() {\n  $('#category-select').select2({\n    placeholder: 'S\u00e9lectionner une cat\u00e9gorie',\n    allowClear: true,\n    tags: true,\n    ajax: {\n      url: 'https:\/\/de1.api.radio-browser.info\/json\/tags?country=France',\n      dataType: 'json',\n      delay: 250,\n      data: function (params) {\n        return {\n          search: params.term\n        };\n      },\n      processResults: function (data, params) {\n        const searchTerm = params.term ? params.term.toLowerCase() : '';\n        return {\n          results: data\n            .filter(tag => tag.name.toLowerCase().includes(searchTerm))\n            .map(tag => ({\n              id: tag.name,\n              text: tag.name\n            }))\n        };\n      },\n      cache: true\n    }\n  });\n\n  $('#category-select').on('select2:select select2:unselect', function(e) {\n    performSearch();\n  });\n  \n  document.querySelectorAll('.tab').forEach(tab => {\n    tab.addEventListener('click', () => {\n      document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\n      tab.classList.add('active');\n      currentTab = tab.dataset.tab;\n      currentPage = 1;\n      displayResults();\n    });\n  });\n\n  if (searchButton) {\n    searchButton.addEventListener('click', () => performSearch());\n  }\n\n  if (searchInput) {\n    searchInput.addEventListener('keypress', function(event) {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        performSearch();\n      }\n    });\n  }\n\n  if (prevButton) {\n    prevButton.addEventListener('click', () => {\n      if (currentPage > 1) {\n        currentPage--;\n        displayResults();\n        updatePagination();\n      }\n    });\n  }\n\n  if (nextButton) {\n    nextButton.addEventListener('click', () => {\n      if (currentPage < totalPages) {\n        currentPage++;\n        displayResults();\n        updatePagination();\n      }\n    });\n  }\n\n  fetchAllStations();  \n});\n\nlet allStations = [];\n\nfunction openModal() {\n  if (playerModal) playerModal.style.display = 'block';\n  if (window.chrome && window.chrome.cast && window.chrome.cast.isAvailable) {\n    initializeCastApi();\n  }\n}\n\nfunction closeModal() {\n  if (playerModal) playerModal.style.display = 'none';\n  audioElement.pause();\n}\n\nfunction startChromecast() {\n  if (!currentStation) return;\n\n  const castSession = cast.framework.CastContext.getInstance().getCurrentSession();\n  if (castSession) {\n    const mediaInfo = new chrome.cast.media.MediaInfo(currentStation.url_resolved, 'audio\/mp3');\n    mediaInfo.metadata = new chrome.cast.media.GenericMediaMetadata();\n    mediaInfo.metadata.title = currentStation.name;\n    mediaInfo.metadata.images = [{ url: currentStation.favicon || 'https:\/\/pacific-webtools.com\/radio-online\/wp-content\/uploads\/2024\/10\/logo-15.webp' }];\n\n    const request = new chrome.cast.media.LoadRequest(mediaInfo);\n    castSession.loadMedia(request).then(\n      function() { console.log('Load succeed'); },\n      function(errorCode) { console.log('Error code: ' + errorCode); }\n    );\n  } else {\n    cast.framework.CastContext.getInstance().requestSession();\n  }\n}\n\nif (chromecastButton) {\n  chromecastButton.addEventListener('click', startChromecast);\n}\n\n\/\/ Load the Cast framework\nwindow.__onGCastApiAvailable = function(isAvailable) {\n  if (isAvailable) {\n    initializeCastApi();\n  }\n};\n\n\/\/ Initialize the Cast API\nfunction initializeCastApi() {\n  cast.framework.CastContext.getInstance().setOptions({\n    receiverApplicationId: chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID,\n    autoJoinPolicy: chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED\n  });\n}\n\n\/\/ Player controls\nif (playPauseButton) playPauseButton.addEventListener('click', togglePlayPause);\nif (volumeSlider) volumeSlider.addEventListener('input', adjustVolume);\nif (muteUnmuteButton) muteUnmuteButton.addEventListener('click', toggleMute);\nif (closeModalButton) closeModalButton.addEventListener('click', closeModal);\nwindow.addEventListener('click', (event) => {\n  if (event.target == playerModal) {\n    closeModal();\n  }\n});\n\nfunction togglePlayPause() {\n  if (!playPauseButton) return;\n\n  if (audioElement.paused) {\n    audioElement.play().catch(error => console.error('Error playing audio:', error));\n    playPauseButton.querySelector('img').src = \"https:\/\/cdn-icons-png.freepik.com\/512\/4181\/4181135.png\";\n    playPauseButton.querySelector('img').alt = \"Ic\u00f4ne de pause\";\n  } else {\n    audioElement.pause();\n    playPauseButton.querySelector('img').src = \"https:\/\/cdn-icons-png.flaticon.com\/512\/2468\/2468825.png\";\n    playPauseButton.querySelector('img').alt = \"Ic\u00f4ne de lecture\";\n  }\n}\n\nfunction adjustVolume() {\n  if (volumeSlider) audioElement.volume = volumeSlider.value;\n}\n\n\/\/ Initialize volume\nadjustVolume();\n\n\/\/ Add background cycling function\nfunction cycleBackgroundImages() {\n  const slides = document.querySelectorAll('.background-slideshow .slide');\n  let currentSlide = 0;\n\n  setInterval(() => {\n    slides[currentSlide].classList.remove('active');\n    currentSlide = (currentSlide + 1) % slides.length;\n    slides[currentSlide].classList.add('active');\n  }, 5000);\n}\n\n\/\/ Call the cycling function when the document is ready\ndocument.addEventListener('DOMContentLoaded', cycleBackgroundImages);\n<\/script>\n\n\n\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa00fb9 e-con-full e-flex e-con e-parent\" data-id=\"fa00fb9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0121a51 elementor-widget elementor-widget-html\" data-id=\"0121a51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html><head>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n  <style>\n    .rs-carousel-section {\n      padding: 50px 0; \n      background: linear-gradient(45deg, #1a1a1a, #2c2c2c, #0e4d4d);\n      background-size: 400% 400%;\n      animation: rs-gradientBG 15s ease infinite;\n      color: #ffffff;\n      font-family: 'Roboto', sans-serif;\n      min-height: flex; \n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .rs-title {\n      color: #00ffff;\n      text-align: center;\n      margin: 2rem 0;\n      font-size: 2rem;\n      text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);\n    }\n\n    .rs-carousel-container {\n      max-width: 1200px;\n      width: 100%;\n      position: relative;\n      padding: 20px 50px; \n      box-sizing: border-box;\n      overflow: hidden;\n      margin: 0 auto; \n    }\n\n    .rs-carousel {\n      display: flex;\n      overflow: hidden;\n      scroll-behavior: smooth;\n      gap: 20px;\n      padding: 20px 0 0 0;\n      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .rs-radio-card {\n      min-width: 250px;\n      flex: 0 0 250px;\n      background: rgba(255, 255, 255, 0.1);\n      border-radius: 15px;\n      text-align: center;\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      border: 2px solid #00ffff;\n      box-shadow: 0 0 15px rgba(0, 255, 255, 0.2);\n      position: relative;\n      overflow: hidden;\n      transform-origin: center center;\n      padding: 20px 15px; \/* Add consistent padding *\/\n    }\n\n    .rs-radio-card.rs-scrolling {\n      transform: scale(0.95) rotate(-2deg);\n    }\n\n    .rs-radio-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: -100%;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.1), transparent);\n      transition: 0.5s;\n    }\n\n    .rs-radio-card:hover::before {\n      left: 100%;\n    }\n\n    .rs-radio-card:hover {\n      transform: translateY(-5px) scale(1.02);\n      box-shadow: 0 10px 30px rgba(0, 255, 255, 0.3);\n      z-index: 1;\n    }\n\n    .rs-radio-logo {\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      margin-bottom: 1rem;\n      border: 3px solid #00ffff;\n      box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);\n      transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n      cursor: pointer; \/* Add cursor pointer to indicate interactivity *\/\n    }\n\n    .rs-radio-logo:hover {\n      transform: rotateY(180deg) scale(1.15);\n      border-color: #ff00ff;\n      box-shadow: \n        0 0 25px rgba(0, 255, 255, 0.5),\n        0 0 50px rgba(255, 0, 255, 0.3);\n      animation: logoGlow 1.5s infinite alternate;\n    }\n\n    @keyframes logoGlow {\n      0% {\n        box-shadow: 0 0 25px rgba(0, 255, 255, 0.5),\n                    0 0 50px rgba(255, 0, 255, 0.3);\n      }\n      100% {\n        box-shadow: 0 0 35px rgba(0, 255, 255, 0.8),\n                    0 0 70px rgba(255, 0, 255, 0.6);\n      }\n    }\n\n    .rs-radio-name {\n      font-size: 1.2rem; \/* Reduced from 1.5rem *\/\n      margin: 15px 0;\n      color: #00ffff;\n      transition: all 0.3s ease;\n      position: relative; \/* Added *\/\n    }\n\n    \/* Add hover state for radio name span elements *\/\n    .rs-radio-name span:first-child {\n      display: inline-block;\n      transition: opacity 0.3s ease;\n    }\n\n    .rs-radio-name span:last-child {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      width: 100%;\n    }\n\n    .rs-radio-card:hover .rs-radio-name span:first-child {\n      opacity: 0;\n    }\n\n    .rs-radio-card:hover .rs-radio-name span:last-child {\n      opacity: 1;\n    }\n\n    .rs-listen-button {\n      position: relative; \/* Add this *\/\n      background: #00ffff;\n      color: #000;\n      width: 60px;\n      height: 60px;\n      border: none;\n      border-radius: 50%;\n      font-size: 1.5rem;\n      cursor: pointer;\n      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n      text-decoration: none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 1rem auto;\n      overflow: hidden;\n    }\n\n    .rs-listen-button:hover {\n      background: #00cccc;\n      transform: scale(1.1) rotate(360deg);\n      box-shadow: 0 0 20px rgba(0, 255, 255, 0.6);\n    }\n\n    .rs-listen-button::before {\n      content: \"Voir la webradio\";\n      position: absolute;\n      bottom: -30px;\n      left: 50%;\n      transform: translateX(-50%);\n      background: rgba(0, 255, 255, 0.9);\n      color: #000;\n      padding: 5px 10px;\n      border-radius: 4px;\n      font-size: 12px;\n      white-space: nowrap;\n      opacity: 0;\n      visibility: hidden;\n      transition: all 0.3s ease;\n    }\n\n    .rs-listen-button:hover::before {\n      opacity: 1;\n      visibility: visible;\n      bottom: -35px;\n    }\n\n    .rs-listen-button:hover i {\n      animation: rs-colorChange 2s infinite;\n    }\n\n    @keyframes rs-colorChange {\n      0% { color: #ff0000; }\n      20% { color: #ff7700; }\n      40% { color: #ffff00; }\n      60% { color: #00ff00; }\n      80% { color: #0000ff; }\n      100% { color: #ff0000; }\n    }\n\n    .rs-listen-button::after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      background: radial-gradient(circle, transparent 30%, rgba(255, 255, 255, 0.3) 70%);\n      animation: rs-pulseGlow 2s infinite;\n      opacity: 0;\n      transition: opacity 0.3s;\n    }\n\n    .rs-listen-button:hover::after {\n      opacity: 1;\n    }\n\n    @keyframes rs-pulseGlow {\n      0% {\n        transform: scale(0.95);\n        opacity: 0.5;\n      }\n      50% {\n        transform: scale(1.1);\n        opacity: 0.2;\n      }\n      100% {\n        transform: scale(0.95);\n        opacity: 0.5;\n      }\n    }\n\n    .rs-carousel-button {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      background: rgba(0, 255, 255, 0.2);\n      border: none;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #00ffff;\n      font-size: 1.5rem;\n      transition: all 0.3s ease;\n      z-index: 2;\n      overflow: hidden; \/* Add this for ripple effect *\/\n    }\n\n    .rs-carousel-button:hover {\n      background: rgba(0, 255, 255, 0.2);\n      transform: translateY(-50%) scale(1.1);\n      box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);\n    }\n\n    .rs-carousel-button::before {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      background: radial-gradient(circle at center, rgba(0, 255, 255, 0.8) 0%, transparent 70%);\n      transform: scale(0);\n      opacity: 0;\n      transition: transform 0.5s ease-out, opacity 0.3s ease;\n    }\n\n    .rs-carousel-button:hover::before {\n      transform: scale(2);\n      opacity: 0.3;\n    }\n\n    .rs-carousel-button:hover i {\n      animation: arrowBounce 0.5s ease infinite alternate;\n    }\n\n    @keyframes arrowBounce {\n      from {\n        transform: translateX(0);\n      }\n      to {\n        transform: translateX(3px);\n      }\n    }\n\n    .rs-carousel-button.rs-prev:hover i {\n      animation: arrowBounceLeft 0.5s ease infinite alternate;\n    }\n\n    @keyframes arrowBounceLeft {\n      from {\n        transform: translateX(0);\n      }\n      to {\n        transform: translateX(-3px);\n      }\n    }\n\n    .rs-carousel-button.rs-prev {\n      left: 0;\n    }\n\n    .rs-carousel-button.rs-next {\n      right: 0;\n    }\n\n    @keyframes rs-floatingNotesCard {\n      0% {\n        opacity: 0;\n        transform: translate(0, 0) rotate(0deg);\n      }\n      50% {\n        opacity: 1;\n      }\n      100% {\n        opacity: 0;\n        transform: translate(-50px, -50px) rotate(360deg);\n      }\n    }\n\n    .rs-card-notes {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0;\n      pointer-events: none;\n      opacity: 0;\n      transition: opacity 0.3s;\n    }\n\n    .rs-radio-card:hover .rs-card-notes {\n      opacity: 1;\n    }\n\n    .rs-card-note {\n      position: absolute;\n      font-size: 20px;\n      color: #00ffff;\n      animation: rs-floatingNotesCard 2s ease-out infinite;\n    }\n\n    .rs-card-note-1 { top: 10%; left: 10%; animation-delay: 0s; }\n    .rs-card-note-2 { top: 5%; left: 30%; animation-delay: 0.3s; }\n    .rs-card-note-3 { top: 15%; left: 50%; animation-delay: 0.6s; }\n    .rs-card-note-4 { top: 8%; left: 70%; animation-delay: 0.9s; }\n    .rs-card-note-5 { top: 12%; left: 90%; animation-delay: 1.2s; }\n\n    .rs-radio-tag {\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      padding: 5px 12px;\n      font-size: 0.8rem;\n      border-radius: 15px;\n      background: rgba(0, 0, 0, 0.7);\n      color: #fff;\n      border: 1px solid #00ffff;\n      box-shadow: 0 0 5px #00ffff,\n                  inset 0 0 5px #00ffff;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      transition: all 0.3s ease;\n      transform-style: preserve-3d;\n      perspective: 1000px;\n      cursor: pointer;\n    }\n\n    \/* Add hover effects *\/\n    .rs-radio-tag:hover {\n      transform: translateZ(20px) rotateX(10deg) rotateY(-10deg);\n      box-shadow: 0 0 15px #00ffff,\n                  inset 0 0 10px #00ffff,\n                  0 10px 20px rgba(0, 255, 255, 0.4);\n      background: rgba(0, 255, 255, 0.1);\n      letter-spacing: 2px;\n      animation: tagFloat 1s ease-in-out infinite alternate;\n    }\n\n    \/* Add new keyframe animation *\/\n    @keyframes tagFloat {\n      0% {\n        transform: translateZ(20px) rotateX(10deg) rotateY(-10deg);\n      }\n      100% {\n        transform: translateZ(30px) rotateX(15deg) rotateY(-15deg);\n        text-shadow: 2px 2px 4px rgba(0, 255, 255, 0.6);\n      }\n    }\n\n    \/* Add before\/after elements for 3D effect *\/\n    .rs-radio-tag::before {\n      content: '';\n      position: absolute;\n      inset: -2px;\n      background: linear-gradient(45deg, transparent, rgba(0, 255, 255, 0.3), transparent);\n      transform: translateZ(-1px);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n\n    .rs-radio-tag::after {\n      content: '';\n      position: absolute;\n      inset: -1px;\n      background: linear-gradient(-45deg, transparent, rgba(0, 255, 255, 0.2), transparent);\n      transform: translateZ(-2px);\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    }\n\n    .rs-radio-tag:hover::before,\n    .rs-radio-tag:hover::after {\n      opacity: 1;\n    }\n\n    @keyframes rs-floatingNotes {\n      0% {\n        transform: translateY(0) rotate(0deg) scale(1);\n        opacity: 0;\n      }\n      50% {\n        transform: translateY(-20px) rotate(180deg) scale(1.2);\n        opacity: 1;\n      }\n      100% {\n        transform: translateY(-40px) rotate(360deg) scale(1);\n        opacity: 0;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .rs-carousel-section {\n        padding: 30px 0;\n      }\n      .rs-carousel-container {\n        padding: 15px 20px; \n      }\n      .rs-radio-card {\n        min-width: 250px !important; \/* Reduced by 20% from original 312.5px *\/\n        flex: 0 0 250px !important; \/* Reduced by 20% from original 312.5px *\/\n      }\n      \/* Content size reductions *\/\n      .rs-radio-logo {\n        width: 84px !important;\n        height: 84px !important;\n      }\n      .rs-radio-name {\n        font-size: 1rem !important;\n      }\n      .rs-listen-button {\n        width: 48px;\n        height: 48px;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .rs-carousel-section {\n        padding: 20px 0;\n      }\n      .rs-carousel-container {\n        padding: 0 30px; \n      }\n      .rs-radio-card {\n        min-width: 200px !important; \/* Further reduced by 20% from tablet size *\/\n        flex: 0 0 200px !important; \/* Further reduced by 20% from tablet size *\/\n      }\n      \/* Further reduce content for smallest screens *\/\n      .rs-radio-logo {\n        width: 76px !important;\n        height: 76px !important;\n        margin: 8px auto 12px !important;\n      }\n      .rs-radio-name {\n        font-size: 0.9rem !important;\n      }\n      .rs-listen-button {\n        width: 40px;\n        height: 40px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"rs-carousel-section\" id=\"radioendirect-carousel-section\">\n    <h2 class=\"rs-title\" id=\"radioendirect-title\" style=\"font-size: 24px; animation: textGlow 2s infinite; text-shadow: 0 0 10px rgba(0, 255, 255, 0.5), 0 0 20px rgba(0, 255, 255, 0.3), 0 0 30px rgba(0, 255, 255, 0.2); position: relative;\">\n  Nos suggestions de radios fran\u00e7aises en direct :\n<\/h2>\n    \n    <div class=\"rs-carousel-container\" id=\"radioendirect-container\">\n      <button class=\"rs-carousel-button rs-prev\" id=\"radioendirect-prev-button\">\n        <i class=\"fas fa-chevron-left\"><\/i>\n      <\/button>\n      \n      <div class=\"rs-carousel\" id=\"radioendirect-carousel\" style=\"gap: 25px;\">\n        <!-- Nostalgie -->\n        <div class=\"rs-radio-card\" id=\"radioendirect-card-nostalgie\" style=\"min-width: 312.5px; flex: 0 0 312.5px;\">\n  <div class=\"rs-card-notes\">\n    <span class=\"rs-card-note rs-card-note-1\">\u266a<\/span>\n    <span class=\"rs-card-note rs-card-note-2\">\u266b<\/span>\n    <span class=\"rs-card-note rs-card-note-3\">\u266c<\/span>\n    <span class=\"rs-card-note rs-card-note-4\">\u266a<\/span>\n    <span class=\"rs-card-note rs-card-note-5\">\u266b<\/span>\n  <\/div>\n  <img decoding=\"async\" src=\"https:\/\/api.theatredelaville-paris.com\/assets\/w300-h300-q70\/4c672c18\/fip_logo.png\" alt=\"FIP Radio\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px; margin: 10px auto 15px;\">\n  <span class=\"rs-radio-tag\">Eclectique<\/span>\n  <h2 class=\"rs-radio-name\">\n    <span>FIP<\/span>\n    <span>Ecoutez en direct FIP<\/span>\n  <\/h2>\n  <a href=\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-fip\/\" class=\"rs-listen-button\" style=\"margin: 15px auto 10px;\">\n    <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n  <\/a>\n<\/div>\n\n        <!-- Oui FM -->\n        <div class=\"rs-radio-card\" id=\"radioendirect-card-ouifm\" style=\"min-width: 312.5px; flex: 0 0 312.5px;\">\n          <div class=\"rs-card-notes\">\n            <span class=\"rs-card-note rs-card-note-1\">\u266a<\/span>\n            <span class=\"rs-card-note rs-card-note-2\">\u266b<\/span>\n            <span class=\"rs-card-note rs-card-note-3\">\u266c<\/span>\n            <span class=\"rs-card-note rs-card-note-4\">\u266a<\/span>\n            <span class=\"rs-card-note rs-card-note-5\">\u266b<\/span>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/fr\/3\/33\/Oui_FM_2014_logo.png\" alt=\"OUI FM logo\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\">Rock<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>OUI FM<\/span>\n            <span>Ecoutez en direct OUI FM<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-oui-fm\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- FIP -->\n        <div class=\"rs-radio-card\" id=\"radioendirect-card-fip\" style=\"min-width: 312.5px; flex: 0 0 312.5px;\">\n  <div class=\"rs-card-notes\">\n    <span class=\"rs-card-note rs-card-note-1\">\u266a<\/span>\n    <span class=\"rs-card-note rs-card-note-2\">\u266b<\/span>\n    <span class=\"rs-card-note rs-card-note-3\">\u266c<\/span>\n    <span class=\"rs-card-note rs-card-note-4\">\u266a<\/span>\n    <span class=\"rs-card-note rs-card-note-5\">\u266b<\/span>\n  <\/div>\n  <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/fr\/1\/19\/RFM_logo_2011.png\" alt=\"Radio RFM\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n  <span class=\"rs-radio-tag\">Pop<\/span>\n  <h2 class=\"rs-radio-name\">\n    <span>RFM<\/span>\n    <span>Ecoutez en direct RFM<\/span>\n  <\/h2>\n  <a href=\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-rfm\/\" class=\"rs-listen-button\">\n    <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n  <\/a>\n<\/div>\n\n        <!-- Ch\u00e9rie FM -->\n        <div class=\"rs-radio-card\" id=\"radioendirect-card-cheriefm\" style=\"min-width: 312.5px; flex: 0 0 312.5px;\">\n          <div class=\"rs-card-notes\">\n            <span class=\"rs-card-note rs-card-note-1\">\u266a<\/span>\n            <span class=\"rs-card-note rs-card-note-2\">\u266b<\/span>\n            <span class=\"rs-card-note rs-card-note-3\">\u266c<\/span>\n            <span class=\"rs-card-note rs-card-note-4\">\u266a<\/span>\n            <span class=\"rs-card-note rs-card-note-5\">\u266b<\/span>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/static.mytuner.mobi\/media\/tvos_radios\/kxvWVQdPM5.png\" alt=\"Cherie fm\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\">Pop<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Ch\u00e9rie FM<\/span>\n            <span>Ecoutez en direct Ch\u00e9rie FM<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-cheriefm\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- RTL2 -->\n        <div class=\"rs-radio-card\" id=\"radioendirect-card-rtl2\" style=\"min-width: 312.5px; flex: 0 0 312.5px;\">\n          <div class=\"rs-card-notes\">\n            <span class=\"rs-card-note rs-card-note-1\">\u266a<\/span>\n            <span class=\"rs-card-note rs-card-note-2\">\u266b<\/span>\n            <span class=\"rs-card-note rs-card-note-3\">\u266c<\/span>\n            <span class=\"rs-card-note rs-card-note-4\">\u266a<\/span>\n            <span class=\"rs-card-note rs-card-note-5\">\u266b<\/span>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/fr\/thumb\/5\/51\/RTL2.png\/640px-RTL2.png\" alt=\"RTL2\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\">Hits<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>RTL2<\/span>\n            <span>Ecoutez en direct RTL2<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-rtl2\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- M Radio -->\n        <div class=\"rs-radio-card\" id=\"radioendirect-card-mradio\" style=\"min-width: 312.5px; flex: 0 0 312.5px;\">\n          <div class=\"rs-card-notes\">\n            <span class=\"rs-card-note rs-card-note-1\">\u266a<\/span>\n            <span class=\"rs-card-note rs-card-note-2\">\u266b<\/span>\n            <span class=\"rs-card-note rs-card-note-3\">\u266c<\/span>\n            <span class=\"rs-card-note rs-card-note-4\">\u266a<\/span>\n            <span class=\"rs-card-note rs-card-note-5\">\u266b<\/span>\n          <\/div>\n          <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/15\/Logo_Mradio.png\/800px-Logo_Mradio.png\" alt=\"M Radio\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\">Vari\u00e9t\u00e9<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>M Radio<\/span>\n            <span>Ecoutez en direct M Radio<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamer.com\/radio-france\/ecoutez-en-direct-mradio\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <button class=\"rs-carousel-button rs-next\" id=\"radioendirect-next-button\">\n        <i class=\"fas fa-chevron-right\"><\/i>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function() {\n      class RadioStreamrCarousel {\n        constructor(selector) {\n          this.container = document.querySelector(selector);\n          this.carousel = this.container.querySelector('.rs-carousel');\n          this.cards = this.container.querySelectorAll('.rs-radio-card');\n          this.prevButton = this.container.querySelector('.rs-carousel-button.rs-prev');\n          this.nextButton = this.container.querySelector('.rs-carousel-button.rs-next');\n\n          this.currentIndex = 0;\n          this.cardWidth = this.cards[0].offsetWidth + 20;\n          this.cardsPerView = Math.floor(this.carousel.offsetWidth \/ this.cardWidth);\n          this.maxIndex = this.cards.length - this.cardsPerView;\n\n          this.init();\n        }\n\n        init() {\n          this.bindEvents();\n        }\n\n        scrollToIndex(index) {\n          \/\/ Handle infinite loop\n          if (index < 0) {\n            this.currentIndex = this.cards.length - this.cardsPerView;\n          } else if (index > this.maxIndex) {\n            this.currentIndex = 0;\n          } else {\n            this.currentIndex = index;\n          }\n          \n          \/\/ Add scrolling class to cards\n          this.cards.forEach(card => {\n            card.classList.add('rs-scrolling');\n            setTimeout(() => card.classList.remove('rs-scrolling'), 500);\n          });\n\n          \/\/ Scroll with animation\n          this.carousel.scrollTo({\n            left: this.currentIndex * this.cardWidth,\n            behavior: 'smooth'\n          });\n\n          \/\/ Create floating notes effect\n          const notes = ['\u266a', '\u266b', '\u266c'];\n          for(let i = 0; i < 3; i++) {\n            const note = document.createElement('span');\n            note.textContent = notes[Math.floor(Math.random() * notes.length)];\n            note.style.cssText = `\n              position: absolute;\n              color: #00ffff;\n              font-size: 24px;\n              top: ${50 + Math.random() * 100}px;\n              left: ${50 + Math.random() * (this.carousel.offsetWidth - 100)}px;\n              animation: rs-floatingNotes 1s ease-out ${i * 0.2}s forwards;\n              pointer-events: none;\n            `;\n            this.carousel.appendChild(note);\n            setTimeout(() => note.remove(), 1000 + i * 200);\n          }\n        }\n\n        bindEvents() {\n          this.prevButton.addEventListener('click', () => this.scrollToIndex(this.currentIndex - 1));\n          this.nextButton.addEventListener('click', () => this.scrollToIndex(this.currentIndex + 1));\n\n          window.addEventListener('resize', () => {\n            const newCardsPerView = Math.floor(this.carousel.offsetWidth \/ this.cardWidth);\n            const newMaxIndex = this.cards.length - newCardsPerView;\n            this.currentIndex = Math.min(this.currentIndex, newMaxIndex);\n            this.scrollToIndex(this.currentIndex);\n          });\n        }\n      }\n\n      document.addEventListener('DOMContentLoaded', function() {\n        new RadioStreamrCarousel('.rs-carousel-section');\n      });\n    })();\n  <\/script>\n<\/body><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5b9107 e-con-full e-flex e-con e-parent\" data-id=\"d5b9107\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d0797d e-con-full e-flex e-con e-parent\" data-id=\"0d0797d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9260360 elementor-widget elementor-widget-shortcode\" data-id=\"9260360\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00d7 \u00c9couter radio en ligne Nostalgie et toutes ses webradios en direct gratuitement \u00c9couter en direct Toutes les Webradios Nostalgie : Plus de 40 ans de musique populaire et de hits inoubliables en France Facebook Instagram Site Web Audience quotidienne moyenne 3.5 millions Cr\u00e9ation 1983 Fr\u00e9quence FM 90.4 MHz 1983-1995 : Les d\u00e9buts de la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":311,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[4,5],"tags":[],"class_list":["post-310","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-radio-hits","category-radio-pop-rock"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Nostalgie \ud83c\udfb6 - Ecoutez en direct les Webradios<\/title>\n<meta name=\"description\" content=\"Radio Nostalgie en ligne : \u00e9coutez en direct et gratuitement les plus grands tubes des ann\u00e9es 60, 70, 80, 90 et 2000 avec toutes les webradios\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nostalgie \ud83c\udfb6 - Ecoutez en direct les Webradios\" \/>\n<meta property=\"og:description\" content=\"Radio Nostalgie en ligne : \u00e9coutez en direct et gratuitement les plus grands tubes des ann\u00e9es 60, 70, 80, 90 et 2000 avec toutes les webradios\" \/>\n<meta property=\"og:url\" content=\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/\" \/>\n<meta property=\"og:site_name\" content=\"RadioStreamR - Ecoutez la Radio fran\u00e7aise en ligne en direct\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-01T12:20:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-03T13:50:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/nostalgie-webradio-logo.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/\",\"url\":\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/\",\"name\":\"Nostalgie \ud83c\udfb6 - Ecoutez en direct les Webradios\",\"isPartOf\":{\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/nostalgie-webradio-logo.webp\",\"datePublished\":\"2024-11-01T12:20:24+00:00\",\"dateModified\":\"2024-11-03T13:50:51+00:00\",\"author\":{\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/#\/schema\/person\/8109b41ba8df99078005b58e0274a646\"},\"description\":\"Radio Nostalgie en ligne : \u00e9coutez en direct et gratuitement les plus grands tubes des ann\u00e9es 60, 70, 80, 90 et 2000 avec toutes les webradios\",\"breadcrumb\":{\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/#primaryimage\",\"url\":\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/nostalgie-webradio-logo.webp\",\"contentUrl\":\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/nostalgie-webradio-logo.webp\",\"width\":250,\"height\":250,\"caption\":\"\u00c9coutez Nostalgie en direct et d\u00e9couvrez les plus grands tubes des ann\u00e9es 60 \u00e0 2000. Une programmation inoubliable qui vous accompagne chaque jour avec la meilleure musique. Rejoignez les 3,5 millions d'auditeurs et revivez vos souvenirs !\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/radiostreamr.com\/radio-france\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nostalgie \ud83c\udfb6 &#8211; Ecoutez en direct les Webradios\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/#website\",\"url\":\"https:\/\/radiostreamr.com\/radio-france\/\",\"name\":\"RadioStreamR - Ecoutez la Radio fran\u00e7aise en ligne en direct\",\"description\":\"\u00c9coutez les meilleures stations de radio fran\u00e7aises en direct. Musique, actualit\u00e9s, et \u00e9missions locales - disponibles partout, \u00e0 tout moment.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/radiostreamr.com\/radio-france\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/#\/schema\/person\/8109b41ba8df99078005b58e0274a646\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/94a5a2d7ac834dce40e1e25743dcb576?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/94a5a2d7ac834dce40e1e25743dcb576?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/radiostreamr.com\/radio-france\"],\"url\":\"https:\/\/radiostreamr.com\/radio-france\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nostalgie \ud83c\udfb6 - Ecoutez en direct les Webradios","description":"Radio Nostalgie en ligne : \u00e9coutez en direct et gratuitement les plus grands tubes des ann\u00e9es 60, 70, 80, 90 et 2000 avec toutes les webradios","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/","og_locale":"fr_FR","og_type":"article","og_title":"Nostalgie \ud83c\udfb6 - Ecoutez en direct les Webradios","og_description":"Radio Nostalgie en ligne : \u00e9coutez en direct et gratuitement les plus grands tubes des ann\u00e9es 60, 70, 80, 90 et 2000 avec toutes les webradios","og_url":"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/","og_site_name":"RadioStreamR - Ecoutez la Radio fran\u00e7aise en ligne en direct","article_published_time":"2024-11-01T12:20:24+00:00","article_modified_time":"2024-11-03T13:50:51+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/nostalgie-webradio-logo.webp","type":"image\/webp"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"admin","Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/","url":"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/","name":"Nostalgie \ud83c\udfb6 - Ecoutez en direct les Webradios","isPartOf":{"@id":"https:\/\/radiostreamr.com\/radio-france\/#website"},"primaryImageOfPage":{"@id":"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/#primaryimage"},"image":{"@id":"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/#primaryimage"},"thumbnailUrl":"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/nostalgie-webradio-logo.webp","datePublished":"2024-11-01T12:20:24+00:00","dateModified":"2024-11-03T13:50:51+00:00","author":{"@id":"https:\/\/radiostreamr.com\/radio-france\/#\/schema\/person\/8109b41ba8df99078005b58e0274a646"},"description":"Radio Nostalgie en ligne : \u00e9coutez en direct et gratuitement les plus grands tubes des ann\u00e9es 60, 70, 80, 90 et 2000 avec toutes les webradios","breadcrumb":{"@id":"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/#primaryimage","url":"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/nostalgie-webradio-logo.webp","contentUrl":"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/nostalgie-webradio-logo.webp","width":250,"height":250,"caption":"\u00c9coutez Nostalgie en direct et d\u00e9couvrez les plus grands tubes des ann\u00e9es 60 \u00e0 2000. Une programmation inoubliable qui vous accompagne chaque jour avec la meilleure musique. Rejoignez les 3,5 millions d'auditeurs et revivez vos souvenirs !"},{"@type":"BreadcrumbList","@id":"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-nostalgie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/radiostreamr.com\/radio-france\/"},{"@type":"ListItem","position":2,"name":"Nostalgie \ud83c\udfb6 &#8211; Ecoutez en direct les Webradios"}]},{"@type":"WebSite","@id":"https:\/\/radiostreamr.com\/radio-france\/#website","url":"https:\/\/radiostreamr.com\/radio-france\/","name":"RadioStreamR - Ecoutez la Radio fran\u00e7aise en ligne en direct","description":"\u00c9coutez les meilleures stations de radio fran\u00e7aises en direct. Musique, actualit\u00e9s, et \u00e9missions locales - disponibles partout, \u00e0 tout moment.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/radiostreamr.com\/radio-france\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/radiostreamr.com\/radio-france\/#\/schema\/person\/8109b41ba8df99078005b58e0274a646","name":"admin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/radiostreamr.com\/radio-france\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/94a5a2d7ac834dce40e1e25743dcb576?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/94a5a2d7ac834dce40e1e25743dcb576?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/radiostreamr.com\/radio-france"],"url":"https:\/\/radiostreamr.com\/radio-france\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/posts\/310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/comments?post=310"}],"version-history":[{"count":44,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/posts\/310\/revisions"}],"predecessor-version":[{"id":474,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/posts\/310\/revisions\/474"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/media\/311"}],"wp:attachment":[{"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/media?parent=310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/categories?post=310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/tags?post=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}