

{"id":1094,"date":"2024-11-12T09:20:55","date_gmt":"2024-11-12T08:20:55","guid":{"rendered":"https:\/\/radiostreamr.com\/radio-france\/?p=1094"},"modified":"2024-11-12T09:35:56","modified_gmt":"2024-11-12T08:35:56","slug":"podcast-dis-moi-ce-que-tu-chantes","status":"publish","type":"post","link":"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/","title":{"rendered":"\ud83d\udde3\ufe0f Podcast et Replay &#8211; Dis-moi ce que tu chantes de Didier Barbelivien &#8211; Europe 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1094\" class=\"elementor elementor-1094\" 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><meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n    .rtl-podcast-player * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n        font-family: 'Roboto', sans-serif;\n    }\n\n  .rtl-podcast-player #pagination {\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    gap: 5px !important;\n    width: 100% !important;\n}\n\n@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\n.rtl-podcast-player body {\n    background: linear-gradient(-45deg, #0a192f, #172a45, #1a365d, #102235);\n    background-size: 400% 400%;\n    animation: gradientBG 15s ease infinite;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    color: #fff;\n    width: 100%;\n    max-width: 100%;\n    overflow-x: hidden;\n    margin: 0;\n    padding: 0;\n}\n\n    .rtl-podcast-player .container {\n        display: grid;\n        grid-template-columns: 1.2fr 2.8fr;\n        gap: 20px;\n        margin: 0 auto;\n        padding: 50px 150px !important;\n        width: 100%;\n        background: linear-gradient(-45deg, #000000, #001a1a, #003333, #004d4d);\n        background-size: 400% 400%;\n        animation: gradientBG 15s ease infinite;\n        border-radius: 0;\n        box-shadow: 0 0 30px rgba(0, 255, 255, 0.2);\n    }\n\n\n    @media (max-width: 1024px) {\n        .rtl-podcast-player .container {\n            padding: 30px 45px;\n            grid-template-columns: 1fr 2fr;\n        }\n        \n        .rtl-podcast-player h1 {\n            font-size: 2em;\n        }\n    }\n\n\n    @media (max-width: 768px) {\n        .rtl-podcast-player .container {\n            padding: 20px !important; \/* Override padding *\/\n            margin: 0 !important; \/* Reset margin *\/\n            width: 100% !important;\n            max-width: 100% !important;\n            grid-template-columns: 1fr;\n            overflow-x: hidden; \/* Prevent horizontal scroll *\/\n        }\n        \n        .rtl-podcast-player #episode-grid,\n        .rtl-podcast-player .episode,\n        .rtl-podcast-player #featured-episode,\n        .rtl-podcast-player .host-biography,\n        .rtl-podcast-player .social-share-buttons {\n            width: 100% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n            padding: 15px !important;\n        }\n        \n        .rtl-podcast-player h1,\n        .rtl-podcast-player h2,\n        .rtl-podcast-player p {\n            padding-left: 10px !important;\n            padding-right: 10px !important;\n            text-align: center;\n        }\n\n        .rtl-podcast-player #episode-grid {\n            grid-template-columns: 1fr !important; \/* Force single column *\/\n            gap: 20px;\n        }\n        \n        .rtl-podcast-player .episode {\n            width: 100% !important;\n            margin: 0 auto !important;\n        }\n    }\n\n\n@media (max-width: 480px) {\n    .rtl-podcast-player .container {\n        padding: 10px !important;\n    }\n    \n    .rtl-podcast-player #featured-episode,\n    .rtl-podcast-player .episode {\n        padding: 15px !important;\n        width: 100% !important;\n        margin: 0 auto !important;\n    }\n}\n\n.rtl-podcast-player h1 {\n    color: #00ffff;\n    text-align: center;\n    font-size: 2.3em;\n    margin-bottom: 40px;\n    font-weight: 700;\n    width: 100%;\n    grid-column: 1 \/ -1;\n    text-shadow: 0 0 10px rgba(0, 255, 255, 0.3);\n}\n\n  #fixed-player-bar {\n        display: flex;               \/* Assure l'affichage en flex *\/\n        flex-direction: column;       \/* Organisation en colonne *\/\n        align-items: center;          \/* Centre les \u00e9l\u00e9ments *\/\n        padding: 10px;\n        gap: 10px;                    \/* Espace entre chaque ligne *\/\n        background: rgba(26, 26, 26, 0.95); \/* Conserve l\u2019arri\u00e8re-plan *\/\n        display: none;                \/* Masqu\u00e9 par d\u00e9faut *\/\n    }\n\n    \/* Ligne 1 : Titre de l'\u00e9pisode *\/\n    #fixed-player-title {\n        display: block;               \/* Force l'affichage sur une ligne compl\u00e8te *\/\n        text-align: center;\n        font-size: 1.2em;\n        color: #00ffff;\n        width: 100%;                  \/* Prend la largeur compl\u00e8te *\/\n    }\n\n    \/* Ligne 2 : Player audio *\/\n    #fixed-player-audio {\n        display: block;               \/* Force l'affichage sur une ligne compl\u00e8te *\/\n        width: 100%;\n    }\n\n    \/* Ligne 3 : Conteneur pour les boutons Chromecast et fermeture *\/\n    .audio-controls-container {\n        display: flex;\n        justify-content: center;\n        gap: 20px;\n        width: 100%;                  \/* Assure une disposition sur toute la largeur *\/\n    }\n\n    \/* Styles des boutons *\/\n    #chromecast-button, #close-fixed-player {\n        width: 40px;\n        height: 40px;\n        border: none;\n        cursor: pointer;\n    }\n}\n\n  @media (max-width: 768px) {\n    .rtl-podcast-player h1 {\n        margin-top: 0px !important; \/* Ajustez la valeur selon vos besoins *\/\n    }\n}\n  \n.rtl-podcast-player #featured-episode {\n    \/* Remplacer ces styles *\/\n    display: flex;\n    flex-direction: column;\n    height: 100%; \/* Ajout de cette ligne *\/\n    padding: 30px;\n    border-radius: 15px;\n    background-color: transparent;\n    color: #ffffff;\n    transition: all 0.3s ease;\n}\n\n.rtl-podcast-player #featured-episode:hover {\n    transform: translateY(-5px);\n}\n\n.rtl-podcast-player #featured-episode h3 {\n    color: #00ffff;\n    margin-bottom: 15px;\n    font-weight: 500;\n}\n\n.rtl-podcast-player #featured-episode button, .rtl-podcast-player .episode button {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    padding: 0;\n    background-image: url('https:\/\/static.vecteezy.com\/system\/resources\/thumbnails\/017\/196\/540\/small\/3d-play-button-icon-transparent-background-free-png.png');\n    background-size: 35px;\n    background-position: center;\n    background-repeat: no-repeat;\n    font-size: 0;\n    position: relative;\n}\n\n    .rtl-podcast-player .date-badge {\n        background: rgba(0, 255, 255, 0.1);\n        border: 2px solid #00ffff;\n        border-radius: 8px;\n        padding: 8px 15px;\n        color: #00ffff;\n        font-weight: bold;\n        text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);\n        box-shadow: \n            0 0 5px rgba(0, 255, 255, 0.2),\n            0 0 10px rgba(0, 255, 255, 0.2),\n            0 0 15px rgba(0, 255, 255, 0.2),\n            0 0 20px rgba(0, 255, 255, 0.2);\n        animation: neonPulse 1.5s ease-in-out infinite;\n        margin: 15px auto 20px auto; \/* Increased bottom margin *\/\n        display: block; \/* Changed from inline-block to block *\/\n        width: fit-content;\n    }\n\n    @keyframes neonPulse {\n        0%, 100% {\n            box-shadow: \n                0 0 5px rgba(0, 255, 255, 0.2),\n                0 0 10px rgba(0, 255, 255, 0.2),\n                0 0 15px rgba(0, 255, 255, 0.2),\n                0 0 20px rgba(0, 255, 255, 0.2);\n        }\n        50% {\n            box-shadow: \n                0 0 10px rgba(0, 255, 255, 0.4),\n                0 0 20px rgba(0, 255, 255, 0.4),\n                0 0 30px rgba(0, 255, 255, 0.4),\n                0 0 40px rgba(0, 255, 255, 0.4);\n        }\n    }\n\n\n.rtl-podcast-player #featured-episode img,\n.rtl-podcast-player .episode img {\n    border-radius: 15px;\n    object-fit: cover;\n}\n\n.rtl-podcast-player .modal-content img {\n    border-radius: 15px;\n    object-fit: cover;\n}\n\n.rtl-podcast-player .episode button:hover::after,\n.rtl-podcast-player #featured-episode button:hover::after {\n    content: \"Ecouter ce podcast\";\n    position: absolute;\n    bottom: -35px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: rgba(0, 0, 0, 0.8);\n    color: #fff;\n    padding: 5px 10px;\n    border-radius: 5px;\n    font-size: 14px;\n    white-space: nowrap;\n    z-index: 1000;\n}\n\n.rtl-podcast-player #featured-episode button:hover {\n    background-color: #00cccc;\n    box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);\n}\n\n.rtl-podcast-player #episode-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n}\n\n    .rtl-podcast-player .episode {\n        padding: 20px;\n        border-radius: 15px;\n        box-shadow: 0 0 15px rgba(0, 255, 255, 0.1);\n        text-align: center;\n        background-color: #1a1a1a;\n        transition: all 0.3s ease;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .rtl-podcast-player .episode p {\n        color: #ffffff;\n    }\n\n\n.rtl-podcast-player .episode:hover {\n    box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);\n    transform: translateY(-3px);\n}\n\n.rtl-podcast-player .episode h5 {\n    margin-bottom: 10px;\n    color: #00ffff;\n}\n\n.rtl-podcast-player .episode a {\n    color: #00ffff;\n    text-decoration: none;\n}\n\n    .rtl-podcast-player .episode button:hover {\n        background-color: #00cccc;\n        box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);\n    }\n    \n    .search-filter-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 30px;\n        width: 100%;\n    }\n\n    .search-filter-container input,\n    .search-filter-container select {\n        padding: 10px 15px;\n        border: 2px solid #00ffff;\n        border-radius: 8px;\n        background: rgba(0, 0, 0, 0.3);\n        color: #fff;\n        font-size: 16px;\n        width: 200px;\n    }\n\n    .search-filter-container input::placeholder {\n        color: rgba(255, 255, 255, 0.6);\n    }\n\n    .search-filter-container input:focus,\n    .search-filter-container select:focus {\n        outline: none;\n        box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);\n    }\n\n    .search-filter-container select {\n        cursor: pointer;\n    }\n\n    .search-filter-container select option {\n        background-color: #1a1a1a;\n        color: #fff;\n    }\n\n    @media (max-width: 768px) {\n        .search-filter-container {\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .search-filter-container input,\n        .search-filter-container select {\n            width: 100%;\n            max-width: 300px;\n        }\n    }\n\n    color: #000;\n    border: none;\n    padding: 8px 20px;\n    border-radius: 20px;\n    cursor: pointer;\n    font-weight: 500;\n    transition: all 0.3s ease;\n    margin-top: 10px; \/* Add space above button *\/\n    display: block; \/* Ensure block-level display *\/\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.rtl-podcast-player .episode button:hover {\n    background-color: #00cccc;\n    box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);\n}\n\n.rtl-podcast-player .pagination {\n    text-align: center !important;\n    margin-top: 30px !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    gap: 5px !important;\n    width: auto !important;\n}\n\n  .rtl-podcast-player #page-numbers {\n    display: flex !important;\n    gap: 5px !important;\n    margin: 0 5px !important;\n}\n  \n.rtl-podcast-player .pagination button,\n.rtl-podcast-player .pagination #prev-btn,\n.rtl-podcast-player .pagination #next-btn {\n    margin: 0 !important;  \/* Chang\u00e9 de 5px \u00e0 0 *\/\n    padding: 8px 16px;\n    font-size: 1em;\n    background-color: #1a1a1a;\n    color: #00ffff;\n    border: 1px solid #00ffff;\n    border-radius: 5px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    float: none !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n}\n\n.rtl-podcast-player .pagination button:hover {\n    background-color: #00ffff;\n    color: #000;\n    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);\n}\n\n.rtl-podcast-player .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.8);\n    backdrop-filter: blur(8px);\n}\n\n.rtl-podcast-player .modal-content {\n    background-color: #1a1a1a;\n    padding: 40px;\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 40px rgba(0, 255, 255, 0.3);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    overflow-y: auto;\n    color: white;\n}\n\n.rtl-podcast-player .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\n.rtl-podcast-player .close:hover {\n    color: #00cccc;\n    text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);\n}\n\n.rtl-podcast-player #chromecast-button {\n    background-color: #00ffff;\n    border: none;\n    padding: 10px 20px;\n    border-radius: 5px;\n    cursor: pointer;\n    color: #000;\n    margin-top: 20px;\n    font-weight: bold;\n    display: inline-block;\n}\n\n.rtl-podcast-player audio::-webkit-media-controls-panel {\n    background-color: #2a2a2a;\n}\n\n.rtl-podcast-player audio::-webkit-media-controls-current-time-display,\n.rtl-podcast-player audio::-webkit-media-controls-time-remaining-display {\n    color: #000000;\n}\n\n.rtl-podcast-player #fixed-player-bar {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    background: rgba(26, 26, 26, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 10px 20px;\n    z-index: 999;\n    border-top: 2px solid #00ffff;\n}\n\n.rtl-podcast-player .fixed-player-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    max-width: 1200px;\n    margin: 0 auto;\n    gap: 20px;\n}\n\n\n.rtl-podcast-player #fixed-player-title {\n    color: #00ffff;\n    font-size: 1em;\n    margin: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n}\n\n.rtl-podcast-player #fixed-player-audio {\n    flex: 2;\n    max-width: 500px;\n}\n\n.episode-card {\n    background: rgba(0, 0, 0, 0.3);\n    border: 1px solid rgba(0, 255, 255, 0.3);\n    border-radius: 15px;\n    padding: 20px;\n    margin-bottom: 20px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n}\n\n.episode-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 5px 15px rgba(0, 255, 255, 0.2);\n}\n\n.episode-card img {\n    width: 100%;\n    max-width: 200px;\n    border-radius: 10px;\n    margin: 10px 0;\n}\n\n.episode-card button {\n    margin-top: 10px;\n}\n  \n\/* Conserve les styles des boutons play et mute *\/\naudio::-webkit-media-controls-play-button,\naudio::-webkit-media-controls-mute-button {\n    background-color: #40E0D0 !important; \/* Bleu turquoise *\/\n    border-radius: 50% !important;\n    transition: all 0.3s ease !important;\n}\n\naudio::-webkit-media-controls-play-button:hover,\naudio::-webkit-media-controls-mute-button:hover {\n    background-color: #5FECEC !important; \/* Bleu turquoise plus clair au survol *\/\n    box-shadow: 0 0 15px rgba(0, 255, 255, 0.5) !important;\n}\n\n\/* Tentative pour changer la couleur du trait de progression *\/\naudio::-webkit-media-controls-timeline {\n    color: #a6a6a6 !important; \/* Essaye de cibler le trait turquoise *\/\n}\n\n\/* Modifie la couleur des trois petits points *\/\naudio::-webkit-media-controls-panel {\n    background-color: transparent !important; \/* Assure que le fond ne prend pas de couleur *\/\n    color: #40E0D0 !important; \/* Forcer la couleur turquoise pour les trois points *\/\n}\n\n\/* Tentative suppl\u00e9mentaire pour cibler le trait du curseur de progression *\/\naudio::-webkit-slider-runnable-track {\n    background-color: #40E0D0 !important; \/* Bleu turquoise pour la piste *\/\n}\n\naudio::-webkit-slider-thumb {\n    background-color: #a6a6a6 !important; \/* Plus clair pour le curseur lui-m\u00eame *\/\n}\n\n\n@media (max-width: 768px) {\n    .rtl-podcast-player .fixed-player-content {\n        flex-direction: column;\n        gap: 10px;\n        padding: 15px;\n    }\n\n    .rtl-podcast-player #fixed-player-audio {\n        width: 100%;\n        max-width: 100%;\n    }\n\n    .rtl-podcast-player #fixed-player-title {\n        width: 100%;\n        text-align: center;\n        font-size: 0.9em;\n    }\n}\n\n.rtl-podcast-player .social-button {\n    width: 45px;\n    height: 45px;\n    border-radius: 50%;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.2s ease-in-out;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n}\n\n.rtl-podcast-player .social-button:hover {\n    transform: scale(1.1);\n}\n\n@media (max-width: 768px) {\n    .rtl-podcast-player .social-share-buttons {\n        gap: 10px;\n    }\n    \n    .rtl-podcast-player .social-button {\n        width: 40px;\n        height: 40px;\n    }\n    \n    .rtl-podcast-player .social-button svg {\n        width: 20px;\n        height: 20px;\n    }\n}\n\n.navigation-buttons {\n    position: absolute;\n    width: 100%;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n    display: flex;\n    justify-content: space-between;\n    padding: 0 10px;\n    pointer-events: none;\n    z-index: 1000;\n}\n\n.nav-button {\n    background: rgba(0, 0, 0, 0.7);\n    border: 2px solid #00ffff;\n    border-radius: 50%;\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    pointer-events: auto;\n}  \n\n.nav-button:hover {\n    background: rgba(0, 255, 255, 0.2);\n    transform: scale(1.1);\n}\n\n.nav-button svg {\n    width: 24px;\n    height: 24px;\n}\n\n@media (max-width: 768px) {\n    .nav-button {\n        width: 35px;\n        height: 35px;\n    }\n    \n    .nav-button svg {\n        width: 20px;\n        height: 20px;\n    }\n}\n<\/style>\n<script type=\"text\/javascript\" src=\"\/\/www.gstatic.com\/cv\/js\/sender\/v1\/cast_sender.js\"><\/script>\n\n<\/head><body>\n<div class=\"rtl-podcast-player\">\n    <div class=\"container\" style=\"background: linear-gradient(-45deg, #000000, #001a1a, #003333, #004d4d);\n    background-size: 400% 400%;\n    animation: gradientBG 15s ease infinite;\n    border-radius: 0; \/* Changed from 20px to 0 *\/\n    box-shadow: 0 0 30px rgba(0, 255, 255, 0.2);\">\n    <h1 style=\"color: #00ffff; text-align: center; font-size: 2.1em; margin-bottom: 40px; font-weight: 700; width: 100%; grid-column: 1 \/ -1; text-shadow: 0 0 10px rgba(0, 255, 255, 0.3); padding: 0 15px; display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap;\">\nDis moi ce que tu chantes anim\u00e9 par Didier Barbelivien - \u00c9coutez tous les podcasts Europe 1 en rediffusion\n<img decoding=\"async\" src=\"https:\/\/cdn-europe1.lanmedia.fr\/var\/europe1\/storage\/images\/europe1\/animateurs\/europe-12\/53472641-3-fre-FR\/Europe-1.png\" alt=\"Logo Europe 1\" style=\"width: 60px; height: 60px; border-radius: 50%; padding: 5px; background: white; box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);\">\n<\/h1>\n    <div class=\"social-share-buttons\" style=\"display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 30px; width: 100%; grid-column: 1 \/ -1;\">\n    <button onclick=\"shareOnX()\" class=\"social-button\" style=\"background-color: #000;\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#fff\">\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    <\/button>\n    <button onclick=\"shareOnWhatsapp()\" class=\"social-button\" style=\"background-color: #25D366;\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#fff\">\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.298-.347.446-.52.149-.174.198-.298.298-.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    <\/button>\n    <button onclick=\"shareOnFacebook()\" class=\"social-button\" style=\"background-color: #1877F2;\">  \n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#fff\">\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    <\/button>\n    <button onclick=\"shareOnLinkedIn()\" class=\"social-button\" style=\"background-color: #0A66C2;\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"#fff\">\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    <\/button>\n<\/div>\n      \n    <div id=\"featured-episode\" style=\"display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: space-between; gap: 20px; height: 100%; position: relative; padding-top: 20px; cursor: pointer;\">\n  <div class=\"features-episode\" style=\"width: 100%; height: 100%;\">\n    <!-- Premi\u00e8re carte (derni\u00e8re \u00e9mission) -->\n    <div class=\"episode-card\">\n      <h3 style=\"color: #00ffff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;\"><\/h3>\n      <p style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 3em; \/* Strictement limit\u00e9 \u00e0 180 caract\u00e8res *\/\" class=\"truncate-text\"><\/p>\n      <div class=\"date-badge\"><\/div>\n      <button onclick=\"openModal('', '')\"><\/button>\n    <\/div>\n            \n    <!-- Deuxi\u00e8me carte (avant-derni\u00e8re \u00e9mission) -->\n    <div class=\"episode-card\">\n      <h3 style=\"color: #00ffff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;\"><\/h3>\n      <p style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 3em; \/* Strictement limit\u00e9 \u00e0 180 caract\u00e8res *\/\" class=\"truncate-text\"><\/p>\n      <div class=\"date-badge\"><\/div>\n      <button onclick=\"openModal('', '')\"><\/button>\n    <\/div>\n  <\/div>\n<\/div>\n    <div>\n    <div class=\"search-filter-container\">\n        <input type=\"text\" id=\"podcast-search\" placeholder=\"Rechercher un podcast...\" oninput=\"filterAndDisplayEpisodes()\">\n        <select id=\"podcast-filter\" onchange=\"filterAndDisplayEpisodes()\">\n            <option value=\"newest\">Plus r\u00e9cents<\/option>\n            <option value=\"oldest\">Plus anciens<\/option>\n        <\/select>\n    <\/div>\n    <div id=\"episode-grid\">\n        <style>\n            .episode {\n                cursor: pointer;\n            }\n            \n            .episode > * {\n                pointer-events: none;\n            }\n            \n            .episode button {\n                pointer-events: auto;\n            }\n        <\/style>\n    <\/div>\n    <div class=\"pagination\" id=\"pagination\">\n    <button id=\"prev-btn\" onclick=\"changePage('prev')\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M15 18l-6-6 6-6\"><\/path>\n        <\/svg>\n    <\/button>\n    <span id=\"page-numbers\"><\/span>\n    <button id=\"next-btn\" onclick=\"changePage('next')\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M9 18l6-6-6-6\"><\/path>\n        <\/svg>\n    <\/button>\n<\/div>\n\n      <div class=\"ad-banner\" style=\"width: 100%; max-width: 508px; margin: 20px auto; text-align: center; grid-column: 1 \/ -1; background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; border: 1px solid rgba(0, 255, 255, 0.2); transition: transform 0.3s ease;\">\n    <p style=\"color: #666; font-size: 12px; margin-bottom: 10px;\">Publicit\u00e9<\/p>\n    <a href=\"https:\/\/universal-academy.com\/recruter-des-alternants-dans-le-tourisme\/\" target=\"_blank\" style=\"display: inline-block;\">\n        <img decoding=\"async\" src=\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/Design-sans-titre-2024-11-06T134332.299.webp\" alt=\"Banni\u00e8re publicitaire RTL\" style=\"width: 100%; max-width: 700px; height: auto; border-radius: 8px; transition: transform 0.3s ease;\" onmouseover=\"this.style.transform='scale(1.02)'\" onmouseout=\"this.style.transform='scale(1)'\">\n    <\/a>\n<\/div>\n\n    <script>\n        \/\/ Ajouter un event listener pour les cartes d'\u00e9pisodes\n        document.getElementById('episode-grid').addEventListener('click', (e) => {\n            const episodeCard = e.target.closest('.episode');\n            if (episodeCard) {\n                \/\/ Trouver le bouton dans la carte et simuler un clic dessus\n                const button = episodeCard.querySelector('button');\n                if (button) {\n                    button.click();\n                }\n            }\n        });\n    <\/script>\n<\/div>\n    \n    <div class=\"host-biography\" style=\"grid-column: 1 \/ -1; background: rgba(0, 0, 0, 0.3); padding: 30px; border-radius: 15px; margin-top: 30px; border: 1px solid rgba(0, 255, 255, 0.2);\">\n    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\">\n        <!-- Media query pour passer en une colonne sur mobile -->\n        <style>\n            @media (max-width: 768px) {\n                .host-biography > div {\n                    grid-template-columns: 1fr !important;\n                }\n            }\n        <\/style>\n\n      <div class=\"host-biography\" style=\"grid-column: 1 \/ -1; padding: 30px; border-radius: 15px; margin-top: 30px;\">\n    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\">\n      <div style=\"grid-column: 1 \/ -1; margin-bottom: 30px; text-align: center;\">\n    <h2 style=\"color: #00ffff; margin-bottom: 20px; text-align: center;\">Dis moi ce que tu chantes - Didier Barbelivien d\u00e9crypte l'actualit\u00e9 musicale sur Europe 1<\/h2>\n\n    <!-- Nouveaux boutons de r\u00e9seaux sociaux -->\n    <div style=\"display: flex; justify-content: center; align-items: center; gap: 20px; margin: 20px 0;\">\n        <a href=\"https:\/\/www.facebook.com\/Europe1\/?locale=fr_FR\" target=\"_blank\" style=\"position: relative; width: 50px; height: 50px; background: #1877F2; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; cursor: pointer;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 24 24\" fill=\"#ffffff\">\n        <path d=\"M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z\"><\/path>\n    <\/svg>\n    <span style=\"position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 12px; white-space: nowrap; opacity: 0; transition: opacity 0.3s ease; pointer-events: none;\">Voir leur Facebook<\/span>\n<\/a>\n\n        <a href=\"https:\/\/www.instagram.com\/europe1\/\" target=\"_blank\" style=\"position: relative; width: 50px; height: 50px; background: #E4405F; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; cursor: pointer;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 24 24\" fill=\"#ffffff\">\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    <span style=\"position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 12px; white-space: nowrap; opacity: 0; transition: opacity 0.3s ease; pointer-events: none;\">Voir leur Instagram<\/span>\n<\/a>\n\n        <a href=\"https:\/\/www.europe1.fr\/\" target=\"_blank\" style=\"position: relative; width: 50px; height: 50px; background: #00ffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; cursor: pointer;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 24 24\" fill=\"#000000\">\n        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"><\/path>\n    <\/svg>\n    <span style=\"position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 12px; white-space: nowrap; opacity: 0; transition: opacity 0.3s ease; pointer-events: none;\">Voir leur site web<\/span>\n<\/a>\n    <\/div>\n\n    <style>\n        \/* Hover effects pour les boutons *\/\n        .host-biography a:hover {\n            transform: scale(1.1);\n            box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);\n        }\n        \n        .host-biography a:hover span {\n            opacity: 1;\n        }\n\n        \/* Media queries pour le responsive *\/\n        @media (max-width: 768px) {\n            .host-biography div[style*=\"display: flex\"] {\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 15px;\n            }\n        }\n    <\/style>\n\n    <p style=\"color: #ffffff; line-height: 1.6; text-align: center; max-width: 1200px; margin: 0 auto;\">\n    Chaque week-end dans \"Dis-moi ce que tu chantes\", Didier Barbelivien vous fait d\u00e9couvrir l'actualit\u00e9 musicale avec passion et expertise. Cette \u00e9mission d'Europe 1 est devenue un rendez-vous incontournable pour les amoureux de la musique. \u00c0 travers des interviews d'artistes, des analyses de chansons et des discussions passionnantes, Didier Barbelivien partage sa passion pour la musique et met en lumi\u00e8re les nouveaut\u00e9s du monde musical. Son approche accessible et son analyse fine permettent aux auditeurs de d\u00e9couvrir des \u0153uvres vari\u00e9es, des grands classiques de la chanson fran\u00e7aise aux nouveaux talents \u00e9mergents. En conjuguant culture musicale et divertissement, \"Dis-moi ce que tu chantes\" offre un espace unique o\u00f9 la musique se d\u00e9voile sous toutes ses formes, enrichissant ainsi notre compr\u00e9hension du paysage musical contemporain et classique.\n<\/p>\n    \n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; padding: 20px;\">\n        <!-- Les 6 cartes existantes restent inchang\u00e9es -->\n        <!-- Carte 1 -->\n        <div style=\"background: rgba(0, 0, 0, 0.4); padding: 20px; border-radius: 15px; border: 1px solid rgba(0, 255, 255, 0.3); transition: transform 0.3s ease; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 15px;\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00ffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"><\/path>\n                <path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"><\/path>\n            <\/svg>\n            <p style=\"color: #ffffff; margin: 0;\">\u00c9couter gratuitement tous les podcasts en streaming<\/p>\n        <\/div>\n\n        <!-- Carte 2 -->\n        <div style=\"background: rgba(0, 0, 0, 0.4); padding: 20px; border-radius: 15px; border: 1px solid rgba(0, 255, 255, 0.3); transition: transform 0.3s ease; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 15px;\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00ffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n            <\/svg>\n            <p style=\"color: #ffffff; margin: 0;\">T\u00e9l\u00e9charger les \u00e9pisodes pour une \u00e9coute hors-ligne<\/p>\n        <\/div>\n\n        <!-- Carte 3 -->\n        <div style=\"background: rgba(0, 0, 0, 0.4); padding: 20px; border-radius: 15px; border: 1px solid rgba(0, 255, 255, 0.3); transition: transform 0.3s ease; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 15px;\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00ffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6\"><\/path>\n                <line x1=\"2\" y1=\"20\" x2=\"2\" y2=\"20\"><\/line>\n            <\/svg>\n            <p style=\"color: #ffffff; margin: 0;\">Diffuser sur votre Chromecast ou appareil compatible<\/p>\n        <\/div>\n\n        <!-- Carte 4 -->\n        <div style=\"background: rgba(0, 0, 0, 0.4); padding: 20px; border-radius: 15px; border: 1px solid rgba(0, 255, 255, 0.3); transition: transform 0.3s ease; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 15px;\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00ffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <polygon points=\"10 8 16 12 10 16 10 8\"><\/polygon>\n            <\/svg>\n            <p style=\"color: #ffffff; margin: 0;\">Acc\u00e9der \u00e0 toutes les rediffusions des \u00e9missions pr\u00e9c\u00e9dentes<\/p>\n        <\/div>\n\n        <!-- Carte 5 -->\n        <div style=\"background: rgba(0, 0, 0, 0.4); padding: 20px; border-radius: 15px; border: 1px solid rgba(0, 255, 255, 0.3); transition: transform 0.3s ease; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 15px;\" onmouseover=\"this.style.transform='translateY(-5px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00ffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n        <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n    <\/svg>\n    <p style=\"color: #ffffff; margin: 0;\">D\u00e9couvrez \"Dis-moi ce que tu chantes\", l'\u00e9mission musicale d'Europe 1 anim\u00e9e par Didier Barbelivien. Il explore l'actualit\u00e9 de la musique avec des artistes et propose des analyses passionnantes de leurs chansons.<\/p>\n<\/div>\n\n        <!-- Carte 6 -->\n        <div style=\"background: rgba(0, 0, 0, 0.4); padding: 20px; border-radius: 15px; border: 1px solid rgba(0, 255, 255, 0.3); transition: transform 0.3s ease; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 15px; position: relative;\" onmouseover=\"this.style.transform='translateY(-5px)'; document.getElementById('live-tooltip').style.opacity='1'\" onmouseout=\"this.style.transform='translateY(0)'; document.getElementById('live-tooltip').style.opacity='0'\" onclick=\"window.location.href='https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-europe1\/'\">\n    <div id=\"live-tooltip\" style=\"position: absolute; top: -40px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.8); color: #fff; padding: 8px 15px; border-radius: 5px; font-size: 14px; white-space: nowrap; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; border: 1px solid #00ffff; box-shadow: 0 0 10px rgba(0, 255, 255, 0.2);\">\n        Cliquez pour \u00e9couter en direct \"Europe 1 13h\"\n    <\/div>\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00ffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M4 12h1\"><\/path>\n        <path d=\"M9 12h1\"><\/path>\n        <path d=\"M14 12h1\"><\/path>\n        <path d=\"M19 12h1\"><\/path>\n        <rect x=\"2\" y=\"8\" width=\"20\" height=\"12\" rx=\"2\"><\/rect>\n        <path d=\"M6 8V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v4\"><\/path>\n        <circle cx=\"12\" cy=\"14\" r=\"4\"><\/circle>\n        <path d=\"M12 10v8\"><\/path>\n        <path d=\"M8 14h8\"><\/path>\n    <\/svg>\n    <p style=\"color: #ffffff; margin: 0;\">Ou \u00e9couter en direct \"Dis moi ce que tu chantes\" sur Europe 1, l'\u00e9mission musicale anim\u00e9e par Didier Barbelivien qui vous fait d\u00e9couvrir toute l'actualit\u00e9 de la musique \u00e0 travers des interviews d'artistes et des analyses passionnantes de chansons<\/p>\n    <p style=\"color: #00ffff; margin-top: 10px; font-weight: bold; font-size: 0.8em;\">\n    17H00 - 18H00 : Dimanche\n<\/p>\n<\/div>\n    <\/div>\n<\/div>\n        \n        <!-- Histoire de l'\u00e9mission -->\n        <div style=\"padding: 20px; text-align: center;\">\n    <h2 style=\"color: #00ffff; margin-bottom: 20px; text-align: center;\">L'Histoire de \"Dis moi ce que tu chantes\" sur Europe 1<\/h2>\n    <p style=\"color: #ffffff; line-height: 1.6; text-align: center;\">\n        \"Dis moi ce que tu chantes\" est l'\u00e9mission musicale phare d'Europe 1 anim\u00e9e par Didier Barbelivien. Chaque dimanche, cette \u00e9mission culturelle incontournable propose aux auditeurs une plong\u00e9e passionnante dans l'actualit\u00e9 musicale, m\u00ealant interviews d'artistes, analyses de chansons et d\u00e9couvertes musicales.\n    <\/p>\n    <p style=\"color: #ffffff; line-height: 1.6; margin-top: 15px; text-align: center;\">\n        Diffus\u00e9e le dimanche de 18h \u00e0 19h, l'\u00e9mission offre un espace privil\u00e9gi\u00e9 o\u00f9 la musique se d\u00e9voile sous toutes ses formes. Didier Barbelivien, avec son expertise d'auteur-compositeur et sa passion communicative pour la musique, guide les auditeurs \u00e0 travers les nouveaut\u00e9s musicales et les grands moments de la chanson fran\u00e7aise.\n    <\/p>\n    <p style=\"color: #ffffff; line-height: 1.6; margin-top: 15px; text-align: center;\">\n        L'\u00e9mission s'est impos\u00e9e comme un rendez-vous culturel majeur gr\u00e2ce \u00e0 son format dynamique et sa capacit\u00e9 \u00e0 rendre la musique accessible \u00e0 tous. \u00c0 travers des rencontres privil\u00e9gi\u00e9es avec les artistes, des analyses pertinentes et des \u00e9changes enrichissants, \"Dis moi ce que tu chantes\" offre chaque semaine une exp\u00e9rience radiophonique unique qui c\u00e9l\u00e8bre la richesse et la diversit\u00e9 du monde musical.\n    <\/p>\n    <div style=\"margin-top: 30px;\">\n        <img decoding=\"async\" src=\"https:\/\/cdn-europe1.lanmedia.fr\/var\/europe1\/storage\/images\/europe1\/emissions\/dis-moi-ce-que-tu-chantes\/57531069-3-fre-FR\/Dis-moi-ce-que-tu-chantes.jpg\" alt=\"Dis moi ce que tu chantes\" style=\"width: 96%; max-width: 360px; height: auto; border-radius: 15px; object-fit: cover;\">\n    <\/div>\n<\/div>\n\n        <!-- Biographie de Laurent Ruquier -->\n        <div style=\"display: flex; flex-direction: column; align-items: center; gap: 20px;\">\n    <div style=\"width: 200px; height: 200px; border-radius: 50%; overflow: hidden; border: 3px solid #00ffff;\">\n        <img decoding=\"async\" src=\"https:\/\/barbelivien.com\/wp-content\/uploads\/2023\/02\/MR-7887.jpg\" alt=\"Portrait de Nicolas Carreau, style professionnel\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <\/div>\n    <div style=\"text-align: center;\">\n        <h2 style=\"color: #00ffff; margin-bottom: 20px;\">Didier Barbelivien - Le passionn\u00e9 de musique d'Europe 1<\/h2>\n        <p style=\"color: #ffffff; line-height: 1.8;\">\nDidier Barbelivien est une figure embl\u00e9matique de la chanson fran\u00e7aise qui anime avec passion \"Dis-moi ce que tu chantes\" sur Europe 1. Chaque dimanche, il partage son amour de la musique avec les auditeurs \u00e0 travers une \u00e9mission riche en d\u00e9couvertes et en analyses musicales.\n\nFort de son exp\u00e9rience d'auteur-compositeur-interpr\u00e8te, Didier Barbelivien apporte une expertise unique dans son approche des chansons. Ses interviews d'artistes sont empreintes de sa profonde connaissance du m\u00e9tier et de sa sensibilit\u00e9 artistique, offrant aux auditeurs un regard \u00e0 la fois professionnel et passionn\u00e9 sur la musique.\n\nDans \"Dis-moi ce que tu chantes\", il excelle particuli\u00e8rement dans l'art de d\u00e9crypter les chansons, d'en r\u00e9v\u00e9ler les subtilit\u00e9s et d'en partager les histoires cach\u00e9es. Son approche \u00e0 la fois experte et accessible permet aux auditeurs de d\u00e9couvrir ou red\u00e9couvrir la richesse de la musique sous un angle toujours renouvel\u00e9.\n\nSon style d'animation, chaleureux et authentique, a contribu\u00e9 \u00e0 faire de \"Dis-moi ce que tu chantes\" un rendez-vous hebdomadaire incontournable pour les amateurs de musique. Sa capacit\u00e9 \u00e0 cr\u00e9er un v\u00e9ritable dialogue entre les artistes et les auditeurs fait de chaque \u00e9mission un moment privil\u00e9gi\u00e9 de partage et de d\u00e9couverte musicale. Sa longue carri\u00e8re dans la musique fran\u00e7aise et son talent d'auteur-compositeur apportent une dimension unique \u00e0 ses analyses et ses entretiens.\n        <\/p>\n    <\/div>\n<\/div>\n\n        <!-- Sources (span across both columns) -->\n        <div style=\"grid-column: 1 \/ -1; margin-top: 20px; padding: 15px; background: rgba(0, 0, 0, 0.2); border-radius: 10px; text-align: center;\">\n    <h3 style=\"color: #00ffff; margin-bottom: 10px; font-size: 1.2em;\">Sources :<\/h3>\n    <ul style=\"list-style: none; padding: 0; text-align: center; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;\">\n        <li>\n            <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Didier_Barbelivien\" target=\"_blank\" style=\"color: #00ffff; text-decoration: none; transition: all 0.3s; padding: 5px 10px; border-radius: 5px; display: inline-block; &amp;:hover { background: rgba(0, 255, 255, 0.1); transform: translateY(-2px); box-shadow: 0 0 15px rgba(0, 255, 255, 0.3); }\">\u2022 Biographie Didier Barbelivien<\/a>\n        <\/li>\n    <\/ul>\n<\/div>\n    <\/div>\n<\/div>\n\n<\/div>\n\n    <div id=\"player-modal\" class=\"modal\">\n        <div class=\"modal-content\">\n    <span class=\"close\" onclick=\"closeModal()\">\u00d7<\/span>\n    <div class=\"navigation-buttons\">\n        <button id=\"prev-episode\" onclick=\"navigateEpisode('prev')\" class=\"nav-button\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00ffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M15 18l-6-6 6-6\"><\/path>\n            <\/svg>\n        <\/button>\n        <button id=\"next-episode\" onclick=\"navigateEpisode('next')\" class=\"nav-button\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00ffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M9 18l6-6-6-6\"><\/path>\n            <\/svg>\n        <\/button>\n    <\/div>\n    <div id=\"player-content\">\n    <style>\n        \/* Styles existants *\/\n        .modal-content {\n            background-color: #1a1a1a;\n            padding: 40px;\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 40px rgba(0, 255, 255, 0.3);\n            position: fixed; \/* Chang\u00e9 de absolute \u00e0 fixed *\/\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%) !important; \/* Ajout de !important *\/\n            overflow-y: auto;\n            color: white;\n        }\n\n        \/* Change la couleur du timing en noir *\/\n        audio::-webkit-media-controls-time-display {\n            color: #000000 !important;\n        }\n\n        \/* Ajout de media queries pour le mobile *\/\n        @media (max-width: 768px) {\n            .modal-content {\n                padding: 30px;\n                width: 95%;\n                margin: 0 auto;\n                position: fixed;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%) !important;\n            }\n        }\n\n        @media (max-height: 600px) {\n            .modal-content {\n                max-height: 85vh;\n            }\n        }\n    <\/style>\n<\/div>\n    <button id=\"chromecast-button\" onclick=\"startChromecast()\" style=\"width: 60px; height: 60px; border-radius: 50%; padding: 0; background-image: url('https:\/\/cdn-icons-png.flaticon.com\/512\/8819\/8819177.png'); background-size: 35px; background-position: center; background-repeat: no-repeat; font-size: 0;\"><\/button>\n<\/div>\n    <\/div>\n\n    <div id=\"fixed-player-bar\" class=\"rtl-podcast-player\" style=\"display: none;\">\n    <div class=\"fixed-player-content\">\n        <h3 id=\"fixed-player-title\"><\/h3>\n        <div class=\"audio-controls-container\" style=\"display: flex; align-items: center; justify-content: center; gap: 20px; width: 100%; max-width: 800px; margin: 0 auto;\">\n            <audio id=\"fixed-player-audio\" controls=\"\">\n                <source src=\"\" type=\"audio\/mpeg\">\n            <\/audio>\n            <button onclick=\"startChromecast()\" style=\"width: 40px; height: 40px; min-width: 40px; border-radius: 50%; padding: 0; background: #ffffff url('https:\/\/cdn-icons-png.flaticon.com\/512\/8819\/8819177.png') center\/25px no-repeat; border: 2px solid #00ffff; font-size: 0; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 0 10px rgba(0, 255, 255, 0.2);\">Cast to Chromecast<\/button>\n            <button id=\"close-fixed-player\" onclick=\"closeFixedPlayer()\" style=\"background: none; border: none; color: #00ffff; font-size: 24px; cursor: pointer; padding: 5px; min-width: 24px; display: flex; align-items: center; justify-content: center;\">\u00d7<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n    <script>\n    (function RTLPodcastPlayer() {\n        \/\/ Initialize cast api\n        window.__onGCastApiAvailable = function(isAvailable) {\n            if (!isAvailable) return;\n\n            const initializeCastApi = function() {\n                const sessionRequest = new chrome.cast.SessionRequest(chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID);\n                const apiConfig = new chrome.cast.ApiConfig(\n                    sessionRequest,\n                    sessionListener,\n                    receiverListener\n                );\n                chrome.cast.initialize(apiConfig, onInitSuccess, onError);\n            };\n\n            const sessionListener = function(session) {\n                console.log('Session listener', session);\n            };\n\n            const receiverListener = function(availability) {\n                console.log('Receiver listener', availability);\n            };\n\n            const onInitSuccess = function() {\n                console.log('Cast initialization success');\n            };\n\n            const onError = function(error) {\n                console.error('Cast initialization error', error);\n            };\n\n            if (!chrome.cast || !chrome.cast.isAvailable) {\n                setTimeout(initializeCastApi, 1000);\n            } else {\n                initializeCastApi();\n            }\n        };\n\n        const rssUrl = \"https:\/\/www.europe1.fr\/rss\/podcasts\/on-connait-la-musique-le-mag.xml\";\n        const proxyUrl = `https:\/\/api.rss2json.com\/v1\/api.json?rss_url=${encodeURIComponent(rssUrl)}&api_key=int3lqiwwrpnsvem6yki0mtwki2f4qcvcxtrlyea&count=200`;\n        const episodesPerPage = 4;\n        let currentPage = 1;\n        let currentAudioUrl = '';\n        let totalPages = 0;\n\n        \/\/ Ajouter ces variables au d\u00e9but du script\n        let currentEpisodeIndex = 0;\n        let allEpisodes = [];\n        let filteredEpisodes = [];\n\n        fetch(proxyUrl)\n            .then(response => response.json())\n            .then(data => {\n                if (data.status !== \"ok\") {\n                    throw new Error(\"Erreur de chargement du flux RSS.\");\n                }\n                allEpisodes = data.items;\n                filteredEpisodes = [...allEpisodes];\n                displayFeaturedEpisode(allEpisodes[0]);\n                displayEpisodes(currentPage, filteredEpisodes);\n                setupPagination(allEpisodes);\n            })\n            .catch(error => {\n                document.getElementById(\"featured-episode\").innerHTML = \"<p>Impossible de charger le flux RSS. Veuillez r\u00e9essayer plus tard.<\/p>\";\n            });\n\n        function truncateDescription(description, maxLength = 180) {\n    \/\/ Cr\u00e9e un \u00e9l\u00e9ment temporaire pour d\u00e9coder les entit\u00e9s HTML\n    const tempElement = document.createElement(\"div\");\n    tempElement.innerHTML = description;\n    \n    \/\/ R\u00e9cup\u00e8re le texte brut de la description\n    let plainText = tempElement.innerText || tempElement.textContent || '';\n\n    \/\/ Tronque le texte si n\u00e9cessaire\n    if (plainText.length <= maxLength) return plainText.trim();\n    return plainText.substring(0, maxLength).trim() + '...';\n}\n\nfunction displayFeaturedEpisode(episode) {\n    const featuredEpisode = document.getElementById(\"featured-episode\");\n    \n    \/\/ Cr\u00e9er le HTML pour les deux premi\u00e8res \u00e9missions\n    featuredEpisode.innerHTML = `\n    <div class=\"features-episode\" style=\"width: 100%; height: 100%;\">\n        <!-- Premi\u00e8re carte (derni\u00e8re \u00e9mission) -->\n        <div class=\"episode-card\" onclick=\"openModal('${sanitizeString(allEpisodes[0].enclosure.link)}', '${sanitizeString(allEpisodes[0].title)}')\">\n            <h3 style=\"color: #00ffff;\">${sanitizeString(allEpisodes[0].title)}<\/h3>\n            ${allEpisodes[0].thumbnail ? `<img decoding=\"async\" src=\"${allEpisodes[0].thumbnail}\" alt=\"Image de la derni\u00e8re \u00e9mission\">` : \"\"}\n            <div class=\"description\" style=\"color: white;\">${truncateDescription(allEpisodes[0].description)}<\/div>\n            <div class=\"date-badge\">\n                ${new Date(allEpisodes[0].pubDate).toLocaleDateString('fr-FR', {\n                    day: '2-digit',\n                    month: '2-digit',\n                    year: '2-digit'\n                })}\n            <\/div>\n            <button><\/button>\n        <\/div>\n        \n        <!-- Deuxi\u00e8me carte (avant-derni\u00e8re \u00e9mission) -->\n        <div class=\"episode-card\" onclick=\"openModal('${sanitizeString(allEpisodes[1].enclosure.link)}', '${sanitizeString(allEpisodes[1].title)}')\">\n            <h3 style=\"color: #00ffff;\">${sanitizeString(allEpisodes[1].title)}<\/h3>\n            ${allEpisodes[1].thumbnail ? `<img decoding=\"async\" src=\"${allEpisodes[1].thumbnail}\" alt=\"Image de l'avant-derni\u00e8re \u00e9mission\">` : \"\"}\n            <div class=\"description\" style=\"color: white;\">${truncateDescription(allEpisodes[1].description)}<\/div>\n            <div class=\"date-badge\">\n                ${new Date(allEpisodes[1].pubDate).toLocaleDateString('fr-FR', {\n                    day: '2-digit',\n                    month: '2-digit',\n                    year: '2-digit'\n                })}\n            <\/div>\n            <button><\/button>\n        <\/div>\n    <\/div>\n    `;\n}\n\nfunction displayEpisodes(page, episodes) {\n    const episodeGrid = document.getElementById(\"episode-grid\");\n    episodeGrid.innerHTML = \"\";\n    const episodesWithoutFeatured = episodes.slice(2);\n    const start = (page - 1) * episodesPerPage;  \n    const end = start + episodesPerPage;\n    \n    episodesWithoutFeatured.slice(start, end).forEach(item => {\n        \/\/ IMPORTANT : Encode les titres pour \u00e9viter les probl\u00e8mes avec les apostrophes\n        const encodedTitle = encodeURIComponent(item.title);\n        const encodedUrl = encodeURIComponent(item.enclosure.link);\n        \n        episodeGrid.innerHTML += `\n    <div class=\"episode\">\n        <h5 style=\"color: #00ffff;\">${sanitizeString(item.title)}<\/h5>\n        ${item.thumbnail ? `<img decoding=\"async\" src=\"${item.thumbnail}\" alt=\"Image de l'\u00e9pisode\" style=\"width: 100%; max-width: 150px;\">` : \"\"}\n        <div class=\"description\" style=\"color: white;\">${truncateDescription(item.description)}<\/div>\n        <div class=\"date-badge\">\n            ${new Date(item.pubDate).toLocaleDateString('fr-FR', {\n                day: '2-digit',\n                month: '2-digit',\n                year: '2-digit'\n            })}\n        <\/div>\n        <button onclick=\"openModal('${sanitizeString(item.enclosure.link)}', '${sanitizeString(item.title)}')\"><\/button>\n    <\/div>\n`;\n    });\n    updatePaginationButtons();\n}\n\n        function setupPagination(episodes) {\n    \/\/ Soustrait les 2 \u00e9pisodes featured au lieu d'un seul\n    totalPages = Math.ceil((episodes.length - 2) \/ episodesPerPage);\n    const pageNumbers = document.getElementById(\"page-numbers\");\n    pageNumbers.innerHTML = \"\";\n\n    \/\/ Calcule quels num\u00e9ros afficher\n    let start = currentPage;\n    if (currentPage === totalPages) {\n        start = totalPages - 2;\n    } else if (currentPage === 1) {\n        start = 1;\n    } else {\n        start = currentPage - 1;\n    }\n\n    \/\/ S'assure que start n'est jamais inf\u00e9rieur \u00e0 1\n    start = Math.max(1, start);\n    \n    \/\/ Affiche 3 boutons \u00e0 partir de start\n    for (let i = start; i < start + 3 && i <= totalPages; i++) {\n        const button = document.createElement(\"button\");\n        button.textContent = i;\n        button.addEventListener(\"click\", () => {\n            currentPage = i;\n            displayEpisodes(currentPage, episodes);\n            setupPagination(episodes); \/\/ Important : rafra\u00eechit la pagination\n        });\n        pageNumbers.appendChild(button);\n    }\n\n    \/\/ R\u00e9active la fonctionnalit\u00e9 des boutons pr\u00e9c\u00e9dent\/suivant\n    window.changePage = function(direction) {\n        if (direction === 'prev' && currentPage > 1) {\n            currentPage--;\n        } else if (direction === 'next' && currentPage < totalPages) {\n            currentPage++;\n        }\n        displayEpisodes(currentPage, filteredEpisodes);\n        setupPagination(episodes); \/\/ Rafra\u00eechit la pagination\n        updatePaginationButtons();\n    }\n\n    updatePaginationButtons();\n}\n\n        function updatePaginationButtons() {\n            const prevBtn = document.getElementById('prev-btn');\n            const nextBtn = document.getElementById('next-btn');\n            \n            prevBtn.disabled = currentPage === 1;\n            nextBtn.disabled = currentPage === totalPages;\n            \n            prevBtn.style.opacity = currentPage === 1 ? '0.5' : '1';\n            nextBtn.style.opacity = currentPage === totalPages ? '0.5' : '1';\n            \n            const pageButtons = document.querySelectorAll('#page-numbers button');\n            pageButtons.forEach((button, index) => {\n                if (index + 1 === currentPage) {\n                    button.style.backgroundColor = '#00ffff';\n                    button.style.color = '#000';\n                } else {\n                    button.style.backgroundColor = '#1a1a1a';\n                    button.style.color = '#00ffff';\n                }\n            });\n        }\n\n        window.openModal = function(audioUrl, title) {\n            const playerContent = document.getElementById(\"player-content\");\n            \n            \/\/ Find the episode data from allEpisodes based on the audioUrl\n            const currentEpisode = allEpisodes.find(ep => ep.enclosure.link === audioUrl);\n            \n            \/\/ Get the thumbnail from the episode data directly\n            const thumbnail = currentEpisode?.thumbnail;\n\n            \/\/ Trouve l'index de l'\u00e9pisode actuel\n            currentEpisodeIndex = allEpisodes.findIndex(ep => ep.enclosure.link === audioUrl);\n            \n            playerContent.innerHTML = `\n                <h2>${title}<\/h2>\n                ${thumbnail ? `<img decoding=\"async\" src=\"${thumbnail}\" alt=\"Image de l'\u00e9pisode\" style=\"width: 100%; max-width: 300px; margin: 15px 0;\">` : ''}\n                <audio controls style=\"width: 100%; margin-top: 10px;\" id=\"modal-audio\">\n                    <source src=\"${audioUrl}\" type=\"audio\/mpeg\">\n                    Votre navigateur ne supporte pas la lecture audio.\n                <\/audio>\n            `;\n            \n            \/\/ Mise \u00e0 jour de la visibilit\u00e9 des boutons de navigation\n            updateNavigationButtons();\n            \n            currentAudioUrl = audioUrl;\n            document.getElementById(\"player-modal\").style.display = \"block\";\n            \n            \/\/ Store current title for fixed player\n            window.currentEpisodeTitle = title;\n            \n            \/\/ Setup audio element for fixed player\n            const modalAudio = document.getElementById('modal-audio');\n            modalAudio.addEventListener('play', () => {\n                window.isPlaying = true;\n            });\n            modalAudio.addEventListener('pause', () => {\n                window.isPlaying = false;\n            });\n        }\n\n    window.navigateEpisode = function(direction) {\n        let newIndex = direction === 'prev' ? currentEpisodeIndex - 1 : currentEpisodeIndex + 1;\n        \n        if (newIndex >= 0 && newIndex < allEpisodes.length) {\n            const episode = allEpisodes[newIndex];\n            openModal(episode.enclosure.link, episode.title);\n        }\n    }\n\n      function sanitizeString(str) {\n    return str.replace(\/['\"\\\\<>]\/g, \"\");\n}\n\n\n    function updateNavigationButtons() {\n        const prevButton = document.getElementById('prev-episode');\n        const nextButton = document.getElementById('next-episode');\n        \n        prevButton.style.display = currentEpisodeIndex === 0 ? 'none' : 'flex';\n        nextButton.style.display = currentEpisodeIndex === allEpisodes.length - 1 ? 'none' : 'flex';\n    }\n\n        window.closeModal = function() {\n            const modalAudio = document.getElementById('modal-audio');\n            const fixedPlayerBar = document.getElementById('fixed-player-bar');\n            const fixedPlayerAudio = document.getElementById('fixed-player-audio');\n            const fixedPlayerTitle = document.getElementById('fixed-player-title');\n            \n            if (window.isPlaying) {\n                \/\/ Pause modal audio first\n                modalAudio.pause();\n                \n                \/\/ Set up fixed player\n                fixedPlayerBar.style.display = 'block';\n                fixedPlayerTitle.textContent = window.currentEpisodeTitle;\n                fixedPlayerAudio.src = currentAudioUrl;\n                fixedPlayerAudio.currentTime = modalAudio.currentTime;\n                fixedPlayerAudio.play();\n            }\n            \n            document.getElementById(\"player-modal\").style.display = \"none\";\n        }\n\n    \/\/ Add close fixed player function\n    window.closeFixedPlayer = function() {\n        const fixedPlayerBar = document.getElementById('fixed-player-bar');\n        const fixedPlayerAudio = document.getElementById('fixed-player-audio');\n        fixedPlayerAudio.pause();\n        fixedPlayerBar.style.display = 'none';\n    }\n\n        window.startChromecast = function() {\n            if (!chrome.cast || !chrome.cast.isAvailable) {\n                console.log('Cast API not available');\n                return;\n            }\n\n            chrome.cast.requestSession(\n                function(session) {\n                    if (currentAudioUrl) {\n                        const mediaInfo = new chrome.cast.media.MediaInfo(currentAudioUrl, 'audio\/mpeg');\n                        mediaInfo.metadata = new chrome.cast.media.GenericMediaMetadata();\n                        mediaInfo.metadata.title = document.querySelector('#player-content h2').textContent;\n\n                        const request = new chrome.cast.media.LoadRequest(mediaInfo);\n                        session.loadMedia(request).then(\n                            () => console.log('Lecture Chromecast d\u00e9marr\u00e9e'),\n                            errorCode => console.error('Erreur Chromecast: ' + errorCode)\n                        );\n                    }\n                },\n                function(error) {\n                    console.error('Erreur lors de la cr\u00e9ation de la session:', error);\n                }\n            );\n        }\n\n        window.shareOnX = function() {\n            const text = \"\u00c9coutez les podcasts : Dis moi ce que tu chantes d'Europe 1 avec RadiostreamR !\";\n            const url = window.location.href;\n            window.open(`https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(url)}`, '_blank');\n        };\n\n        window.shareOnWhatsapp = function() {\n            const text = \"\u00c9coutez les podcasts : Dis moi ce que tu chantes d'Europe 1 avec RadiostreamR !\";\n            const url = window.location.href;\n            window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(text + ' ' + url)}`, '_blank');\n        };\n\n        window.shareOnFacebook = function() {\n          const text = \"\u00c9coutez les podcasts : Dis moi ce que tu chantes d'Europe 1 avec RadiostreamR !\";\n            const url = window.location.href;\n            window.open(`https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(url)}`, '_blank');\n        };\n\n        window.shareOnLinkedIn = function() {\n          const text = \"\u00c9coutez les podcasts : Dis moi ce que tu chantes d'Europe 1 avec RadiostreamR !\";\n            const url = window.location.href;\n            window.open(`https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=${encodeURIComponent(url)}`, '_blank');\n        };\n\n        window.filterAndDisplayEpisodes = function() {\n            const searchTerm = document.getElementById('podcast-search').value.toLowerCase();\n            const filterValue = document.getElementById('podcast-filter').value;\n            \n            \/\/ Filter episodes based on search term\n            filteredEpisodes = allEpisodes.filter(episode => \n                episode.title.toLowerCase().includes(searchTerm) || \n                episode.description.toLowerCase().includes(searchTerm)\n            );\n            \n            \/\/ Sort episodes based on filter value\n            if (filterValue === 'oldest') {\n                filteredEpisodes.sort((a, b) => new Date(a.pubDate) - new Date(b.pubDate));\n            } else {\n                filteredEpisodes.sort((a, b) => new Date(b.pubDate) - new Date(a.pubDate));\n            }\n            \n            \/\/ Reset pagination to first page when filtering\n            currentPage = 1;\n            \n            \/\/ Update display\n            if (filteredEpisodes.length > 0) {\n                displayFeaturedEpisode(filteredEpisodes[0]);\n                displayEpisodes(currentPage, filteredEpisodes);\n                setupPagination(filteredEpisodes);\n            } else {\n                \/\/ Handle no results\n                document.getElementById('episode-grid').innerHTML = '<p style=\"color: #fff; text-align: center; grid-column: 1\/-1;\">Aucun r\u00e9sultat trouv\u00e9<\/p>';\n                document.getElementById('page-numbers').innerHTML = '';\n            }\n        }\n    })();\n<\/script>\n<\/div>\n<\/div><\/div><\/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-9e9820f e-con-full e-flex e-con e-parent\" data-id=\"9e9820f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4246d5 elementor-widget elementor-widget-html\" data-id=\"d4246d5\" 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><base>\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: auto;\n      width: 100%;\n      position: relative;\n      padding: 50px 150px; \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    .rs-radio-tag i {\n      margin-right: 5px;\n      color: #00ffff;\n      text-shadow: 0 0 5px #00ffff,\n                   0 0 10px #00ffff,\n                   0 0 15px #00ffff;\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\n    \/* Add this CSS inside the existing <style> tag *\/\n    .rs-all-podcasts-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      padding: 12px 24px;\n      margin: 30px auto 20px;\n      background: linear-gradient(45deg, #00ffff, #00cccc);\n      border: none;\n      border-radius: 25px;\n      color: #000;\n      font-size: 1rem;\n      font-weight: 600;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);\n      position: relative;\n      overflow: hidden;\n      cursor: pointer;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .rs-all-podcasts-btn:hover {\n      transform: translateY(-2px) scale(1.05);\n      box-shadow: \n        0 0 20px rgba(0, 255, 255, 0.5),\n        0 0 40px rgba(0, 255, 255, 0.2);\n    }\n\n    .rs-all-podcasts-btn::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      left: -50%;\n      width: 200%;\n      height: 200%;\n      background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, transparent 65%);\n      transform: scale(0);\n      transition: transform 0.6s ease-out;\n    }\n\n    .rs-all-podcasts-btn:hover::before {\n      transform: scale(1) rotate(45deg);\n    }\n\n    .rs-all-podcasts-btn i {\n      font-size: 1.2rem;\n      color: #000;\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"rs-carousel-section\" id=\"radiostreamr-carousel-section\">\n    <h2 class=\"rs-title\" id=\"radiostreamr-title\" style=\"font-size: 28px; 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; padding-left: 15px; padding-right: 15px;\">\n  Ecoutez les meilleurs podcasts de la chaine Europe 1 :\n<\/h2>\n    \n    <div class=\"rs-carousel-container\" id=\"radiostreamr-container\">\n      <button class=\"rs-carousel-button rs-prev\" id=\"radiostreamr-prev-button\">\n        <i class=\"fas fa-chevron-left\"><\/i>\n      <\/button>\n      \n      <div class=\"rs-carousel\" id=\"radiostreamr-carousel\" style=\"gap: 25px;\">\n\n        <!-- Skyrock -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-hondelatte\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/hondelatte-raconte-podcast.webp\" alt=\"Hondelatte raconte\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px; margin: 10px auto 15px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-music\"><\/i>Histoire prenante<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Hondelatte raconte<\/span>\n            <span>Podcasts Hondelatte raconte<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-hondelatte-raconte\/\" 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=\"radiostreamr-card-On-marche-sur-la-t\u00eate\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/europe1-podcast-on-marche-sur-la-tete-cyril-hanouna-radiostreamr.webp\" alt=\"On marche sur la t\u00eate logo\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-laugh\"><\/i>Humour<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>On marche sur la t\u00eate<\/span>\n            <span>Podcasts On marche sur la t\u00eate<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-on-marche-sur-la-tete\/\" 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=\"radiostreamr-card-Europe-1-Matin\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/europe-1-matin-podcast.webp\" alt=\"FIP Radio\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-newspaper\"><\/i>Informations<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Europe 1 Matin<\/span>\n            <span>Podcasts Europe 1 Matin<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-europe1-matin\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n        \n        <!-- Add after the FIP card and before RMC -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-le-grand-rendez-vous\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/0x1900-000000-80-0-0.webp\" alt=\"Le grand rendez-vous\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-newspaper\"><\/i>Informations<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Le Grand Rendez-vous<\/span>\n            <span>Podcasts Le Grand Rendez-vous<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-le-grand-rendez-vous\/\/\" 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=\"radiostreamr-card-pascal-praud\" 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          \n          <img decoding=\"async\" src=\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/pascal-praud-podcast.webp\" alt=\"Pascal Praud et vous\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-newspaper\"><\/i>Actualit\u00e9<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Pascal Praud et vous<\/span>\n            <span>Podcasts Pascal Praud et vous<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-pascal-praud\/\" 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=\"radiostreamr-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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/europe-1-logo-radio-en-ligne.webp\" alt=\"Charlotte d'Ornellas - Les signatures d'Europe 1\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-newspaper\"><\/i>Chronique actualit\u00e9<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Charlotte d'Ornellas<\/span>\n            <span>Podcasts Charlotte d'Ornellas<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-chronique-charlotte-dornellas\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- La Libre Antenne -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-libre-antenne\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/libre-antenne.webp\" alt=\"La Libre Antenne\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-comments\"><\/i>Discussion<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>La Libre Antenne<\/span>\n            <span>Podcasts La Libre Antenne<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-olivier-delacroix\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- Il n'y a qu'une vie dans la vie -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-isabelle-morizet\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/isabelle-morizet-podcast.webp\" alt=\"Il n'y a qu'une vie dans la vie\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-user-friends\"><\/i>Interview<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Il n'y a qu'une vie dans la vie<\/span>\n            <span>Podcasts Isabelle Morizet<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-isabelle-morizet\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- Europe 1 Soir -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-europe1-soir\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/europe1-soir-podcasts.webp\" alt=\"Europe 1 Soir\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-newspaper\"><\/i>Actualit\u00e9<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Europe 1 Soir<\/span>\n            <span>Podcasts Europe 1 Soir<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-europe1-soir\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- Europe 1 13h -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-europe1-13h\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/europe1-13h-podcast.webp\" alt=\"Europe 1 13h\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-newspaper\"><\/i>Actualit\u00e9<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Europe 1 13h<\/span>\n            <span>Podcasts Europe 1 13h<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-europe1-13h\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- Le Studio des L\u00e9gendes -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-studio-legendes\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/le-studio-des-legendes-podcast.webp\" alt=\"Le Studio des L\u00e9gendes\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-star\"><\/i>Culture<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Le Studio des L\u00e9gendes<\/span>\n            <span>Podcasts Le Studio des L\u00e9gendes<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-studio-des-legendes\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- Europe Soir Week-end -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-europe-soir-weekend\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/europe-soir-week-end-podcast.webp\" alt=\"Europe Soir Week-end\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-newspaper\"><\/i>Actualit\u00e9<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Europe Soir Week-end<\/span>\n            <span>Podcasts Europe Soir Week-end<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-europe-soir-week-end\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- L'heure des Pros -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-heure-pros\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/lheure-des-pros-podcast.webp\" alt=\"L'heure des Pros\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-newspaper\"><\/i>Actualit\u00e9<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>L'heure des Pros<\/span>\n            <span>Podcasts L'heure des Pros<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-lheure-des-pros\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- Les ann\u00e9es Top 50 -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-top-50\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/les-annees-top-50-podcast-europe1-1.webp\" alt=\"Les ann\u00e9es Top 50\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-music\"><\/i>Musique<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Les ann\u00e9es Top 50<\/span>\n            <span>Podcasts Les ann\u00e9es Top 50<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-top-50\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- Face \u00e0 Philippe de Villiers -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-philippe-villiers\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/philippe-de-villiers-podcast-europe1.webp\" alt=\"Face \u00e0 Philippe de Villiers\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-user-tie\"><\/i>Politique<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Face \u00e0 Philippe de Villiers<\/span>\n            <span>Podcasts Face \u00e0 Philippe de Villiers<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-face-a-philippe-de-villiers\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- Les histoires d'amour extraordinaires -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-histoires-amour\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/sophie-davant-podcast.webp\" alt=\"Les histoires d'amour extraordinaires\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-heart\"><\/i>Romance<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Les histoires d'amour extraordinaires<\/span>\n            <span>Podcasts Les histoires d'amour extraordinaires<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-histoires-damour-extraordinaires\/\" class=\"rs-listen-button\">\n            <i class=\"fas fa-play\" style=\"font-size: 0.75rem\"><\/i>\n          <\/a>\n        <\/div>\n\n        <!-- Au Coeur de l'Histoire -->\n        <div class=\"rs-radio-card\" id=\"radiostreamr-card-coeur-histoire\" 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:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/podcast-au-coeur-de-lhistoire.webp\" alt=\"Au Coeur de l'Histoire\" class=\"rs-radio-logo\" style=\"width: 105px; height: 105px;\">\n          <span class=\"rs-radio-tag\"><i class=\"fas fa-book-open\"><\/i>Histoire<\/span>\n          <h2 class=\"rs-radio-name\">\n            <span>Au Coeur de l'Histoire<\/span>\n            <span>Podcasts Au Coeur de l'Histoire<\/span>\n          <\/h2>\n          <a href=\"https:\/\/radiostreamr.com\/radio-france\/podcast-au-coeur-de-lhistoire\/\" 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=\"radiostreamr-next-button\">\n        <i class=\"fas fa-chevron-right\"><\/i>\n      <\/button>\n    <\/div>\n    <a href=\"https:\/\/radiostreamr.com\/radio-france\/ecoutez-en-direct-europe1\/podcast-europe1\" class=\"rs-all-podcasts-btn\">\n      <i class=\"fas fa-podcast\"><\/i>\n      Voir tous les podcasts\n    <\/a>\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.allCards = Array.from(this.container.querySelectorAll('.rs-radio-card')); \/\/ Store all cards\n          this.prevButton = this.container.querySelector('.rs-carousel-button.rs-prev');\n\n          \/\/ Select random 9 cards\n          this.selectRandomCards();\n          \n          \/\/ Initialize properties after cards are selected\n          this.cards = Array.from(this.container.querySelectorAll('.rs-radio-card'));\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          this.nextButton = this.container.querySelector('.rs-carousel-button.rs-next');\n\n          this.init();\n        }\n\n        selectRandomCards() {\n          \/\/ Remove all cards from carousel\n          this.allCards.forEach(card => card.remove());\n\n          \/\/ Randomly select 9 cards\n          const shuffled = [...this.allCards].sort(() => 0.5 - Math.random());\n          const selected = shuffled.slice(0, 14);\n          \n          \/\/ Add selected cards back to carousel\n          selected.forEach(card => {\n            this.carousel.appendChild(card);\n          });\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-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>Dis moi ce que tu chantes anim\u00e9 par Didier Barbelivien &#8211; \u00c9coutez tous les podcasts Europe 1 en rediffusion Plus r\u00e9centsPlus anciens Publicit\u00e9 Dis moi ce que tu chantes &#8211; Didier Barbelivien d\u00e9crypte l&rsquo;actualit\u00e9 musicale sur Europe 1 Voir leur Facebook Voir leur Instagram Voir leur site web Chaque week-end dans \u00ab\u00a0Dis-moi ce que tu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1098,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[8,6],"tags":[],"class_list":["post-1094","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-europe-1","category-podcast"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\ud83d\udde3\ufe0f Podcast et Replay - Dis-moi ce que tu chantes de Didier Barbelivien - Europe 1<\/title>\n<meta name=\"description\" content=\"\u00c9coutez &quot; Dis-moi ce que tu chantes &quot; de Didier Barbelivien sur Europe 1. Retrouvez chaque \u00e9pisode en podcast et replay gratuitement !\" \/>\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\/podcast-dis-moi-ce-que-tu-chantes\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\ud83d\udde3\ufe0f Podcast et Replay - Dis-moi ce que tu chantes de Didier Barbelivien - Europe 1\" \/>\n<meta property=\"og:description\" content=\"\u00c9coutez &quot; Dis-moi ce que tu chantes &quot; de Didier Barbelivien sur Europe 1. Retrouvez chaque \u00e9pisode en podcast et replay gratuitement !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/\" \/>\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-12T08:20:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-12T08:35:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/dis-moi-ce-que-tu-chantes-podcast.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\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=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/\",\"url\":\"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/\",\"name\":\"\ud83d\udde3\ufe0f Podcast et Replay - Dis-moi ce que tu chantes de Didier Barbelivien - Europe 1\",\"isPartOf\":{\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/dis-moi-ce-que-tu-chantes-podcast.webp\",\"datePublished\":\"2024-11-12T08:20:55+00:00\",\"dateModified\":\"2024-11-12T08:35:56+00:00\",\"author\":{\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/#\/schema\/person\/8109b41ba8df99078005b58e0274a646\"},\"description\":\"\u00c9coutez \\\" Dis-moi ce que tu chantes \\\" de Didier Barbelivien sur Europe 1. Retrouvez chaque \u00e9pisode en podcast et replay gratuitement !\",\"breadcrumb\":{\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/#primaryimage\",\"url\":\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/dis-moi-ce-que-tu-chantes-podcast.webp\",\"contentUrl\":\"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/dis-moi-ce-que-tu-chantes-podcast.webp\",\"width\":1000,\"height\":1000,\"caption\":\"\u00c9coutez Dis-moi ce que tu chantes de Didier Barbelivien sur Europe 1. Retrouvez chaque \u00e9pisode en podcast et replay.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/radiostreamr.com\/radio-france\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\ud83d\udde3\ufe0f Podcast et Replay &#8211; Dis-moi ce que tu chantes de Didier Barbelivien &#8211; Europe 1\"}]},{\"@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":"\ud83d\udde3\ufe0f Podcast et Replay - Dis-moi ce que tu chantes de Didier Barbelivien - Europe 1","description":"\u00c9coutez \" Dis-moi ce que tu chantes \" de Didier Barbelivien sur Europe 1. Retrouvez chaque \u00e9pisode en podcast et replay gratuitement !","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\/podcast-dis-moi-ce-que-tu-chantes\/","og_locale":"fr_FR","og_type":"article","og_title":"\ud83d\udde3\ufe0f Podcast et Replay - Dis-moi ce que tu chantes de Didier Barbelivien - Europe 1","og_description":"\u00c9coutez \" Dis-moi ce que tu chantes \" de Didier Barbelivien sur Europe 1. Retrouvez chaque \u00e9pisode en podcast et replay gratuitement !","og_url":"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/","og_site_name":"RadioStreamR - Ecoutez la Radio fran\u00e7aise en ligne en direct","article_published_time":"2024-11-12T08:20:55+00:00","article_modified_time":"2024-11-12T08:35:56+00:00","og_image":[{"width":1000,"height":1000,"url":"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/dis-moi-ce-que-tu-chantes-podcast.webp","type":"image\/webp"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"admin","Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/","url":"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/","name":"\ud83d\udde3\ufe0f Podcast et Replay - Dis-moi ce que tu chantes de Didier Barbelivien - Europe 1","isPartOf":{"@id":"https:\/\/radiostreamr.com\/radio-france\/#website"},"primaryImageOfPage":{"@id":"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/#primaryimage"},"image":{"@id":"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/#primaryimage"},"thumbnailUrl":"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/dis-moi-ce-que-tu-chantes-podcast.webp","datePublished":"2024-11-12T08:20:55+00:00","dateModified":"2024-11-12T08:35:56+00:00","author":{"@id":"https:\/\/radiostreamr.com\/radio-france\/#\/schema\/person\/8109b41ba8df99078005b58e0274a646"},"description":"\u00c9coutez \" Dis-moi ce que tu chantes \" de Didier Barbelivien sur Europe 1. Retrouvez chaque \u00e9pisode en podcast et replay gratuitement !","breadcrumb":{"@id":"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/#primaryimage","url":"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/dis-moi-ce-que-tu-chantes-podcast.webp","contentUrl":"https:\/\/radiostreamr.com\/radio-france\/wp-content\/uploads\/2024\/11\/dis-moi-ce-que-tu-chantes-podcast.webp","width":1000,"height":1000,"caption":"\u00c9coutez Dis-moi ce que tu chantes de Didier Barbelivien sur Europe 1. Retrouvez chaque \u00e9pisode en podcast et replay."},{"@type":"BreadcrumbList","@id":"https:\/\/radiostreamr.com\/radio-france\/podcast-dis-moi-ce-que-tu-chantes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/radiostreamr.com\/radio-france\/"},{"@type":"ListItem","position":2,"name":"\ud83d\udde3\ufe0f Podcast et Replay &#8211; Dis-moi ce que tu chantes de Didier Barbelivien &#8211; Europe 1"}]},{"@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\/1094","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=1094"}],"version-history":[{"count":7,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/posts\/1094\/revisions"}],"predecessor-version":[{"id":1105,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/posts\/1094\/revisions\/1105"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/media\/1098"}],"wp:attachment":[{"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/media?parent=1094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/categories?post=1094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/radiostreamr.com\/radio-france\/wp-json\/wp\/v2\/tags?post=1094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}