{"id":188,"date":"2026-08-16T23:31:21","date_gmt":"2026-08-16T21:31:21","guid":{"rendered":"https:\/\/codep11-badminton.fr\/?page_id=188"},"modified":"2026-08-17T00:05:59","modified_gmt":"2026-08-16T22:05:59","slug":"sur-les-reseaux","status":"publish","type":"page","link":"https:\/\/codep11-badminton.fr\/index.php\/sur-les-reseaux\/","title":{"rendered":"Sur les r\u00e9seaux"},"content":{"rendered":"\n<!-- BANDEAU DE NAVIGATION HAUT DE PAGE - CODEP 11 -->\n<div class=\"codep-navbar-fixed-top\">\n    <div class=\"codep-navbar-container\">\n        \n        <!-- LOGO \/ BRANDING -->\n        <a href=\"https:\/\/codep11-badminton.fr\/\" class=\"codep-nav-brand\">\n            <span class=\"brand-badge\">CODEP 11<\/span>\n            <span class=\"brand-title\">Badminton Aude<\/span>\n        <\/a>\n\n        <!-- MENUS & BOUTONS -->\n        <nav class=\"codep-nav-menu\">\n            <a href=\"https:\/\/codep11-badminton.fr\/\" class=\"nav-link\">\n                <span class=\"nav-icon\">\ud83c\udfdb\ufe0f<\/span> Le Comit\u00e9\n            <\/a>\n            <a href=\"https:\/\/codep11-badminton.fr\/index.php\/114-2\/\" class=\"nav-link\">\n                <span class=\"nav-icon\">\ud83d\udcc5<\/span> Agenda\n            <\/a>\n            <a href=\"https:\/\/codep11-badminton.fr\/index.php\/le-projet-jeunes\/\" class=\"nav-link\">\n                <span class=\"nav-icon\">\ud83c\udfbe<\/span> Projet Jeunes\n            <\/a>\n            <a href=\"https:\/\/codep11-badminton.fr\/index.php\/partenaires\/\" class=\"nav-link\">\n                <span class=\"nav-icon\">\ud83e\udd1d<\/span> Les Clubs\n            <\/a>\n            <a href=\"https:\/\/codep11-badminton.fr\/index.php\/sur-les-reseaux\/\" class=\"nav-link\">\n                <span class=\"nav-icon\">\ud83d\udcf1<\/span> Sur les r\u00e9seaux\n            <\/a>\n            <a href=\"https:\/\/codep11-badminton.fr\/index.php\/les-interclubs\/\" class=\"nav-link btn-highlight\">\n                <span class=\"nav-icon\">\ud83c\udfc6<\/span> Les Interclubs\n            <\/a>\n        <\/nav>\n\n    <\/div>\n<\/div>\n\n<!-- ESPACEUR POUR \u00c9VITER QUE LE MENU CACHE LE HAUT DE VOTRE PAGE -->\n<div class=\"codep-navbar-spacer\"><\/div>\n\n<style>\n\/* MASQUAGE COMPLET DE L'ANCIEN HEADER ET DE LA BARRE DE RECHERCHE DU TH\u00c8ME *\/\nheader, \n#masthead, \n.site-header, \n.header-wrapper, \n#header, \n.search-form, \nform[role=\"search\"],\n.widget_search {\n    display: none !important;\n}\n\n\/* --- CONTENEUR DU MENU FIXE EN HAUT DE PAGE --- *\/\n.codep-navbar-fixed-top {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    width: 100% !important;\n    height: 70px !important;\n    background: rgba(10, 25, 47, 0.95) !important;\n    backdrop-filter: blur(12px) !important;\n    -webkit-backdrop-filter: blur(12px) !important;\n    border-bottom: 2px solid rgba(0, 140, 227, 0.4) !important;\n    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.25) !important;\n    z-index: 999999 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    font-family: 'Montserrat', 'Inter', system-ui, -apple-system, sans-serif !important;\n    box-sizing: border-box !important;\n}\n\n\/* COMPENSATION DE HAUTEUR POUR LE RESTE DU CONTENU *\/\n.codep-navbar-spacer {\n    height: 75px !important;\n    display: block !important;\n}\n\n\/* LAYOUT INTERNE *\/\n.codep-navbar-container {\n    max-width: 1200px !important;\n    height: 100% !important;\n    margin: 0 auto !important;\n    padding: 0 20px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    box-sizing: border-box !important;\n}\n\n\/* BRANDING \/ LOGO AU SURVOL *\/\n.codep-nav-brand {\n    display: flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n    text-decoration: none !important;\n    transition: transform 0.2s ease !important;\n}\n\n.codep-nav-brand:hover {\n    transform: scale(1.03) !important;\n}\n\n.brand-badge {\n    background: linear-gradient(135deg, #008CE3 0%, #00B4DB 100%) !important;\n    color: #FFFFFF !important;\n    font-weight: 800 !important;\n    font-size: 0.8rem !important;\n    padding: 4px 10px !important;\n    border-radius: 8px !important;\n    letter-spacing: 0.8px !important;\n}\n\n.brand-title {\n    color: #FFFFFF !important;\n    font-weight: 700 !important;\n    font-size: 1.1rem !important;\n    letter-spacing: -0.3px !important;\n}\n\n\/* LISTE DES BOUTONS DE NAVIGATION *\/\n.codep-nav-menu {\n    display: flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n}\n\n\/* BOUTONS D'ACTION CLASSIQUES *\/\n.nav-link {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n    color: #E2E8F0 !important;\n    text-decoration: none !important;\n    font-size: 0.9rem !important;\n    font-weight: 600 !important;\n    padding: 8px 16px !important;\n    border-radius: 50px !important;\n    background: rgba(255, 255, 255, 0.05) !important;\n    border: 1px solid rgba(255, 255, 255, 0.1) !important;\n    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n    white-space: nowrap !important;\n}\n\n.nav-link:hover {\n    color: #FFFFFF !important;\n    background: rgba(0, 140, 227, 0.3) !important;\n    border-color: rgba(0, 140, 227, 0.6) !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 4px 12px rgba(0, 140, 227, 0.2) !important;\n}\n\n\/* BOUTON MIS EN AVANT (INTERCLUBS) *\/\n.nav-link.btn-highlight {\n    background: linear-gradient(135deg, #E86D00 0%, #FF8C00 100%) !important;\n    color: #FFFFFF !important;\n    border: none !important;\n    box-shadow: 0 4px 12px rgba(232, 109, 0, 0.3) !important;\n}\n\n.nav-link.btn-highlight:hover {\n    transform: translateY(-2px) scale(1.03) !important;\n    box-shadow: 0 6px 18px rgba(232, 109, 0, 0.5) !important;\n    background: linear-gradient(135deg, #FF8C00 0%, #E86D00 100%) !important;\n}\n\n.nav-icon {\n    font-size: 0.95rem !important;\n}\n\n\/* RESPONSIVE DESIGN (MOBILES & TABLETTES) *\/\n@media (max-width: 900px) {\n    .codep-navbar-fixed-top {\n        height: auto !important;\n        padding: 10px 0 !important;\n    }\n    .codep-navbar-container {\n        flex-direction: column !important;\n        gap: 10px !important;\n    }\n    .codep-nav-menu {\n        flex-wrap: wrap !important;\n        justify-content: center !important;\n        gap: 6px !important;\n    }\n    .nav-link {\n        font-size: 0.8rem !important;\n        padding: 6px 12px !important;\n    }\n    .codep-navbar-spacer {\n        height: 110px !important;\n    }\n}\n<\/style>\n\n\n\n<!-- BLOC TITRE R\u00c9SEAUX SOCIAUX & CLUBS -->\n<div class=\"rs-header-block\">\n    <div class=\"rs-header-content\">\n        <span class=\"rs-badge\">COMMUNICATION &#038; COMMUNAUT\u00c9<\/span>\n        <h1>Le Comit\u00e9 Audois de Badminton sur les R\u00e9seaux<\/h1>\n        <p class=\"rs-subtitle\">\n            Suivez l&rsquo;actualit\u00e9 en temps r\u00e9el du CODEP 11 et gardez le contact avec l&rsquo;ensemble des 5 clubs de l&rsquo;Aude.\n        <\/p>\n        \n        <!-- TAGS REGROUPANT LES 5 CLUBS AUDOIS -->\n        <div class=\"rs-clubs-tags\">\n            <span class=\"club-tag\">BCCA \u2022 Castelnaudary<\/span>\n            <span class=\"club-tag\">BCN \u2022 Narbonne<\/span>\n            <span class=\"club-tag\">BTC \u2022 Tr\u00e8bes \/ Carcassonne<\/span>\n            <span class=\"club-tag\">LBHV \u2022 Limoux<\/span>\n            <span class=\"club-tag\">LZV \u2022 L\u00e9zignan<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* --- STYLES BLOC TITRE R\u00c9SEAUX SOCIAUX --- *\/\n.rs-header-block {\n    position: relative;\n    max-width: 1000px;\n    margin: 20px auto 30px auto;\n    padding: 35px 25px;\n    background: linear-gradient(135deg, #008CE3 0%, #1A202C 100%);\n    border-radius: 16px;\n    color: #FFFFFF;\n    text-align: center;\n    box-shadow: 0 10px 25px rgba(0, 140, 227, 0.18);\n    overflow: hidden;\n    font-family: 'Montserrat', system-ui, -apple-system, sans-serif;\n    box-sizing: border-box;\n}\n\n\/* Filigrane discret d'arri\u00e8re-plan *\/\n.rs-header-block::before {\n    content: \"\ud83d\udcf2\";\n    position: absolute;\n    right: -15px;\n    bottom: -25px;\n    font-size: 9rem;\n    opacity: 0.12;\n    pointer-events: none;\n    transform: rotate(-10deg);\n}\n\n.rs-header-content {\n    position: relative;\n    z-index: 2;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.rs-badge {\n    display: inline-block;\n    background: rgba(232, 109, 0, 0.9);\n    color: #FFFFFF;\n    font-size: 0.72rem;\n    font-weight: 800;\n    padding: 5px 14px;\n    border-radius: 50px;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n}\n\n.rs-header-block h1 {\n    color: #FFFFFF !important;\n    font-size: 1.75rem !important;\n    font-weight: 900 !important;\n    margin: 0 0 10px 0 !important;\n    line-height: 1.25 !important;\n    letter-spacing: -0.3px;\n}\n\n.rs-subtitle {\n    font-size: 0.92rem !important;\n    color: #E2E8F0 !important;\n    margin: 0 0 20px 0 !important;\n    line-height: 1.5 !important;\n    font-weight: 400;\n}\n\n\/* Tags badges pour les clubs *\/\n.rs-clubs-tags {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.club-tag {\n    background: rgba(255, 255, 255, 0.12);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    backdrop-filter: blur(4px);\n    color: #FFFFFF;\n    font-size: 0.72rem;\n    font-weight: 700;\n    padding: 4px 12px;\n    border-radius: 50px;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 600px) {\n    .rs-header-block {\n        padding: 25px 15px;\n    }\n    \n    .rs-header-block h1 {\n        font-size: 1.3rem !important;\n    }\n    \n    .rs-subtitle {\n        font-size: 0.85rem !important;\n    }\n    \n    .club-tag {\n        font-size: 0.65rem;\n        padding: 3px 10px;\n    }\n}\n<\/style>\n\n\n\n<!-- BLOC MIXTE : COMIT\u00c9 & CLUBS AUDOIS (TRI\u00c9 PAR SIGLE) -->\n<div class=\"fb-mix-container\">\n    <div class=\"fb-mix-grid\">\n\n        <!-- 1. ENCART COMIT\u00c9 (CODEP 11) -->\n        <div class=\"fb-mix-column\">\n            <div class=\"fb-button-wrapper\">\n                <a href=\"https:\/\/www.facebook.com\/profile.php?id=61579537270202\" target=\"_blank\" class=\"btn-facebook-bad11\">\n                    <svg class=\"icon-fb\" viewBox=\"0 0 24 24\"><path d=\"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z\"><\/path><\/svg>\n                    Rejoignez-nous sur Facebook\n                <\/a>\n            <\/div>\n\n            <div class=\"fb-card-box\">\n                <div class=\"fb-card-header\">\n                    <span class=\"badge-live\">EN DIRECT<\/span>\n                    <h3>Fil d&rsquo;actualit\u00e9s CODEP 11<\/h3>\n                <\/div>\n                <div class=\"fb-widget-wrapper\">\n                    <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D61579537270202&amp;tabs=timeline&amp;width=500&amp;height=500&amp;small_header=false&amp;adapt_container-width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId\" width=\"100%\" height=\"500\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 2. ENCART DES 5 CLUBS AUDOIS -->\n        <div class=\"fb-mix-column\">\n            <!-- Onglets Desktop (BCCA > BCN > BTC > LBHV > LZV) -->\n            <div class=\"clubs-tabs-desktop\">\n                <button type=\"button\" class=\"club-tab active\" onclick=\"switchClubTab(this, 'feed-bcca')\">BCCA<\/button>\n                <button type=\"button\" class=\"club-tab\" onclick=\"switchClubTab(this, 'feed-bcn')\">BCN<\/button>\n                <button type=\"button\" class=\"club-tab\" onclick=\"switchClubTab(this, 'feed-btc')\">BTC<\/button>\n                <button type=\"button\" class=\"club-tab\" onclick=\"switchClubTab(this, 'feed-lbhv')\">LBHV<\/button>\n                <button type=\"button\" class=\"club-tab\" onclick=\"switchClubTab(this, 'feed-lzv')\">LZV<\/button>\n            <\/div>\n\n            <!-- S\u00e9lecteur Mobile -->\n            <div class=\"clubs-select-mobile\">\n                <select id=\"club-feed-select\" onchange=\"switchClubSelect(this.value)\">\n                    <option value=\"feed-bcca\">BCCA &#8211; Castelnaudary<\/option>\n                    <option value=\"feed-bcn\">BCN &#8211; Narbonne<\/option>\n                    <option value=\"feed-btc\">BTC &#8211; Tr\u00e8bes Carcassonne<\/option>\n                    <option value=\"feed-lbhv\">LBHV &#8211; Limoux<\/option>\n                    <option value=\"feed-lzv\">LZV &#8211; L\u00e9zignan-Corbi\u00e8res<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"fb-card-box\">\n                <div class=\"fb-card-header\">\n                    <span class=\"badge-club\">CLUBS AUDOIS<\/span>\n                    <h3 id=\"current-club-title\">BCCA &#8211; Castelnaudary<\/h3>\n                <\/div>\n                \n                <div class=\"fb-widget-wrapper\">\n                    <!-- 1. BCCA -->\n                    <div id=\"feed-bcca\" class=\"club-feed-panel active\" data-title=\"BCCA - Castelnaudary\">\n                        <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2FBadmintonCastelnaudary&amp;tabs=timeline&amp;width=500&amp;height=500&amp;small_header=true&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=false\" width=\"100%\" height=\"500\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n                    <\/div>\n\n                    <!-- 2. BCN -->\n                    <div id=\"feed-bcn\" class=\"club-feed-panel\" data-title=\"BCN - Narbonne\">\n                        <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fbadminton.narbonne&amp;tabs=timeline&amp;width=500&amp;height=500&amp;small_header=true&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=false\" width=\"100%\" height=\"500\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n                    <\/div>\n\n                    <!-- 3. BTC -->\n                    <div id=\"feed-btc\" class=\"club-feed-panel\" data-title=\"BTC - Tr\u00e8bes Carcassonne\">\n                        <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2FBadmintonClubTrebes&amp;tabs=timeline&amp;width=500&amp;height=500&amp;small_header=true&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=false\" width=\"100%\" height=\"500\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n                    <\/div>\n\n                    <!-- 4. LBHV -->\n                    <div id=\"feed-lbhv\" class=\"club-feed-panel\" data-title=\"LBHV - Limoux\">\n                        <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Flimouxbadminton&amp;tabs=timeline&amp;width=500&amp;height=500&amp;small_header=true&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=false\" width=\"100%\" height=\"500\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n                    <\/div>\n\n                    <!-- 5. LZV -->\n                    <div id=\"feed-lzv\" class=\"club-feed-panel\" data-title=\"LZV - L\u00e9zignan-Corbi\u00e8res\">\n                        <iframe loading=\"lazy\" src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D61552925956645&amp;tabs=timeline&amp;width=500&amp;height=500&amp;small_header=true&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=false\" width=\"100%\" height=\"500\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n\/* Conteneur principal *\/\n.fb-mix-container {\n    max-width: 1000px;\n    margin: 30px auto;\n    padding: 0 10px;\n    font-family: 'Montserrat', system-ui, -apple-system, sans-serif;\n    box-sizing: border-box;\n}\n\n.fb-mix-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n    align-items: start;\n}\n\n.fb-mix-column {\n    display: flex;\n    flex-direction: column;\n}\n\n.fb-button-wrapper {\n    text-align: center;\n    margin-bottom: 12px;\n}\n\n.btn-facebook-bad11 {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 8px !important;\n    width: 100% !important;\n    box-sizing: border-box !important;\n    background: #008CE3 !important;\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n    font-weight: 700 !important;\n    font-size: 0.82rem !important;\n    padding: 9px 16px !important;\n    border-radius: 50px !important;\n    box-shadow: 0 4px 12px rgba(0, 140, 227, 0.2) !important;\n    transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;\n}\n\n.btn-facebook-bad11:hover {\n    background: #0070B8 !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 6px 16px rgba(0, 140, 227, 0.3) !important;\n}\n\n.icon-fb {\n    width: 16px;\n    height: 16px;\n    fill: #FFFFFF !important;\n}\n\n\/* --- ONGLETS DES CLUBS --- *\/\n.clubs-tabs-desktop {\n    display: flex !important;\n    gap: 6px !important;\n    justify-content: space-between !important;\n    margin-bottom: 12px !important;\n}\n\n\/* Style de base des onglets (Bleu fonc\u00e9 inactif) *\/\n.fb-mix-container button.club-tab {\n    flex: 1 !important;\n    padding: 10px 4px !important;\n    border-radius: 50px !important;\n    font-size: 0.8rem !important;\n    font-weight: 800 !important;\n    cursor: pointer !important;\n    text-align: center !important;\n    line-height: 1 !important;\n    outline: none !important;\n    transition: all 0.2s ease !important;\n    background-color: #0A2540 !important;\n    color: #FFFFFF !important;\n    border: 1px solid #1E3A8A !important;\n    box-shadow: none !important;\n    transform: none !important;\n    opacity: 0.85;\n}\n\n.fb-mix-container button.club-tab:hover {\n    opacity: 1 !important;\n    background-color: #123356 !important;\n}\n\n\/* Style de l'onglet SELECTIONN\u00c9 \/ ACTIF (Bleu Vif Lumineux) *\/\n.fb-mix-container button.club-tab.active {\n    background-color: #008CE3 !important;\n    color: #FFFFFF !important;\n    border-color: #008CE3 !important;\n    box-shadow: 0 4px 14px rgba(0, 140, 227, 0.5) !important;\n    transform: translateY(-2px) !important;\n    opacity: 1 !important;\n}\n\n\/* S\u00e9lecteur Mobile *\/\n.clubs-select-mobile {\n    display: none;\n    margin-bottom: 12px;\n}\n\n.clubs-select-mobile select {\n    width: 100% !important;\n    padding: 10px 12px !important;\n    border-radius: 50px !important;\n    border: 1px solid #008CE3 !important;\n    font-family: inherit !important;\n    font-weight: 700 !important;\n    font-size: 0.82rem !important;\n    background: #0A2540 !important;\n    color: #FFFFFF !important;\n}\n\n\/* Cartes & En-t\u00eates *\/\n.fb-card-box {\n    width: 100%;\n    background: #FFFFFF;\n    border-radius: 16px;\n    border: 1px solid #E2E8F0;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\n    overflow: hidden;\n}\n\n.fb-card-header {\n    background-color: #F8FAFC;\n    padding: 12px 16px;\n    border-bottom: 1px solid #E2E8F0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    height: 45px;\n    box-sizing: border-box;\n}\n\n.fb-card-header h3 {\n    margin: 0 !important;\n    font-size: 0.88rem !important;\n    font-weight: 800 !important;\n    color: #1A202C !important;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.badge-live {\n    background-color: #E86D00;\n    color: #FFFFFF;\n    font-size: 0.62rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    padding: 3px 8px;\n    border-radius: 50px;\n    letter-spacing: 0.8px;\n    animation: blinker 2s linear infinite;\n}\n\n.badge-club {\n    background-color: #008CE3;\n    color: #FFFFFF;\n    font-size: 0.62rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    padding: 3px 8px;\n    border-radius: 50px;\n    letter-spacing: 0.8px;\n}\n\n.fb-widget-wrapper {\n    background: #FFFFFF url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 50 50\"><path fill=\"%23008CE3\" d=\"M25 1C11.75 1 1 11.75 1 25c0 11.98 8.78 21.91 20.25 23.7V31.88h-5.94V25h5.94v-5.24c0-5.87 3.49-9.11 8.84-9.11 2.56 0 5.25.46 5.25.46v5.77h-2.96c-2.91 0-3.81 1.81-3.81 3.66V25h6.5l-1.04 6.88h-5.46v16.82C40.22 46.91 49 36.98 49 25 49 11.75 38.25 1 25 1z\"\/><\/svg>') no-repeat center 40%;\n    background-size: 45px;\n    min-height: 500px;\n}\n\n.club-feed-panel {\n    display: none;\n}\n\n.club-feed-panel.active {\n    display: block;\n}\n\n@keyframes blinker {\n    50% { opacity: 0.4; }\n}\n\n@media (max-width: 768px) {\n    .fb-mix-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n    .clubs-tabs-desktop { display: none !important; }\n    .clubs-select-mobile { display: block !important; }\n}\n<\/style>\n\n<script>\nfunction switchClubTab(btn, panelId) {\n    \/\/ 1. R\u00e9initialiser la classe active sur tous les onglets\n    var tabs = document.querySelectorAll('.club-tab');\n    tabs.forEach(function(tab) { \n        tab.classList.remove('active'); \n    });\n    \n    \/\/ 2. Ajouter la classe active sur l'onglet cliqu\u00e9\n    if (btn) {\n        btn.classList.add('active');\n    }\n    \n    \/\/ 3. Masquer tous les panneaux Facebook\n    var panels = document.querySelectorAll('.club-feed-panel');\n    panels.forEach(function(panel) { \n        panel.classList.remove('active'); \n    });\n    \n    \/\/ 4. Afficher le panneau du club s\u00e9lectionn\u00e9\n    var activePanel = document.getElementById(panelId);\n    if (activePanel) {\n        activePanel.classList.add('active');\n        document.getElementById('current-club-title').innerText = activePanel.getAttribute('data-title');\n    }\n    \n    \/\/ Synchroniser le menu mobile si pr\u00e9sent\n    var select = document.getElementById('club-feed-select');\n    if (select) select.value = panelId;\n}\n\nfunction switchClubSelect(panelId) {\n    var panels = document.querySelectorAll('.club-feed-panel');\n    panels.forEach(function(panel) { \n        panel.classList.remove('active'); \n    });\n    \n    var activePanel = document.getElementById(panelId);\n    if (activePanel) {\n        activePanel.classList.add('active');\n        document.getElementById('current-club-title').innerText = activePanel.getAttribute('data-title');\n    }\n    \n    \/\/ Synchroniser aussi l'onglet desktop correspondant\n    var tabs = document.querySelectorAll('.club-tab');\n    tabs.forEach(function(tab) {\n        tab.classList.remove('active');\n        if (tab.getAttribute('onclick') && tab.getAttribute('onclick').includes(panelId)) {\n            tab.classList.add('active');\n        }\n    });\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>CODEP 11 Badminton Aude \ud83c\udfdb\ufe0f Le Comit\u00e9 \ud83d\udcc5 Agenda \ud83c\udfbe Projet Jeunes \ud83e\udd1d Les Clubs \ud83d\udcf1 Sur les r\u00e9seaux \ud83c\udfc6 Les Interclubs COMMUNICATION &#038; COMMUNAUT\u00c9 Le Comit\u00e9 Audois de Badminton sur les R\u00e9seaux Suivez l&rsquo;actualit\u00e9 en temps r\u00e9el du CODEP 11 et gardez le contact avec l&rsquo;ensemble des 5 clubs de l&rsquo;Aude. BCCA \u2022 Castelnaudary <a href=\"https:\/\/codep11-badminton.fr\/index.php\/sur-les-reseaux\/\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  Sur les r\u00e9seaux<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-188","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/codep11-badminton.fr\/index.php\/wp-json\/wp\/v2\/pages\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codep11-badminton.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codep11-badminton.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codep11-badminton.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codep11-badminton.fr\/index.php\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":8,"href":"https:\/\/codep11-badminton.fr\/index.php\/wp-json\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":205,"href":"https:\/\/codep11-badminton.fr\/index.php\/wp-json\/wp\/v2\/pages\/188\/revisions\/205"}],"wp:attachment":[{"href":"https:\/\/codep11-badminton.fr\/index.php\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}