{"id":51176,"date":"2026-02-28T11:43:23","date_gmt":"2026-02-28T10:43:23","guid":{"rendered":"https:\/\/cycloclubremois.com\/?page_id=51176"},"modified":"2026-04-14T09:19:07","modified_gmt":"2026-04-14T07:19:07","slug":"accueil_v2","status":"publish","type":"page","link":"https:\/\/cycloclubremois.com\/","title":{"rendered":"Accueil CCR 2026"},"content":{"rendered":"\n<span id=\"top-page\"><\/span>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"463\" src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2025\/12\/053-depart.jpg\" alt=\"\" class=\"wp-image-48714\" style=\"aspect-ratio:1.727933541017653;width:365px;height:auto\" srcset=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2025\/12\/053-depart.jpg 800w, https:\/\/cycloclubremois.com\/wp-content\/uploads\/2025\/12\/053-depart-300x174.jpg 300w, https:\/\/cycloclubremois.com\/wp-content\/uploads\/2025\/12\/053-depart-768x444.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">Cyclo Club R\u00e9mois<\/h1>\n\n\n\n<style>\n.ccr-securite * { box-sizing: border-box; margin: 0; padding: 0; }\n.ccr-securite {\n  font-family: 'Lato', 'Segoe UI', sans-serif;\n  max-width: 860px; margin: 0 auto;\n}\n\n\/* \u2500\u2500 CARTE PRINCIPALE \u2500\u2500 *\/\n.ccr-sec-card {\n  background: white;\n  border-radius: 14px;\n  overflow: hidden;\n  box-shadow: 0 4px 18px rgba(198,40,40,0.1);\n  border: 1px solid #ffcdd2;\n}\n\n\/* \u2500\u2500 EN-T\u00caTE \u2500\u2500 *\/\n.ccr-sec-header {\n  background: linear-gradient(135deg, #b71c1c, #e53935);\n  padding: 18px 24px;\n  display: flex; align-items: center; gap: 14px;\n}\n.ccr-sec-header-ico {\n  font-size: 36px; flex-shrink: 0;\n}\n.ccr-sec-header-txt .titre {\n  font-family: 'Rajdhani', sans-serif;\n  font-size: 18px; font-weight: 800;\n  text-transform: uppercase; letter-spacing: 2px;\n  color: white; line-height: 1.1;\n}\n.ccr-sec-header-txt .sous {\n  font-size: 12px; color: rgba(255,255,255,0.75);\n  margin-top: 3px; font-weight: 500;\n}\n\n\/* \u2500\u2500 CORPS \u2500\u2500 *\/\n.ccr-sec-body {\n  padding: 20px 24px;\n}\n.ccr-sec-texte {\n  font-size: 14px; color: #37474f;\n  line-height: 1.75; margin-bottom: 16px;\n}\n\n\/* \u2500\u2500 POINTS CL\u00c9S \u2500\u2500 *\/\n.ccr-sec-points {\n  background: #fff8f8;\n  border-radius: 10px;\n  padding: 14px 16px;\n  margin-bottom: 16px;\n  border: 1px solid #ffcdd2;\n  display: flex; flex-direction: column; gap: 8px;\n}\n.ccr-sec-point {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 13px; color: #37474f; line-height: 1.5;\n}\n.ccr-sec-point-ico { font-size: 16px; flex-shrink: 0; margin-top: 1px; }\n\n\/* \u2500\u2500 MESSAGE FORT \u2500\u2500 *\/\n.ccr-sec-cta {\n  background: linear-gradient(135deg, #b71c1c, #e53935);\n  border-radius: 10px;\n  padding: 16px 20px;\n  text-align: center;\n}\n.ccr-sec-cta .msg {\n  font-family: 'Rajdhani', sans-serif;\n  font-size: 20px; font-weight: 800;\n  text-transform: uppercase; letter-spacing: 2px;\n  color: white; line-height: 1.2;\n}\n.ccr-sec-cta .sousmsg {\n  font-size: 12px; color: rgba(255,255,255,0.8);\n  margin-top: 6px;\n}\n\n\/* \u2500\u2500 BADGE FFVELO \u2500\u2500 *\/\n.ccr-sec-footer {\n  padding: 12px 24px;\n  border-top: 1px solid #ffcdd2;\n  background: #fff8f8;\n  display: flex; align-items: center; gap: 10px;\n  font-size: 12px; color: #78909c;\n}\n.ccr-sec-footer a {\n  color: #e53935; font-weight: 700; text-decoration: none;\n}\n.ccr-sec-footer a:hover { text-decoration: underline; }\n<\/style>\n\n<div class=\"ccr-securite\">\n  <div class=\"ccr-sec-card\">\n\n    <!-- En-t\u00eate -->\n    <div class=\"ccr-sec-header\">\n      <div class=\"ccr-sec-header-ico\">\ud83d\udea6<\/div>\n      <div class=\"ccr-sec-header-txt\">\n        <div class=\"titre\">Message important \u2014 S\u00e9curit\u00e9<\/div>\n        <div class=\"sous\">\u00c0 l'attention de tous les membres du Cyclo Club R\u00e9mois et toutes les personnes participant \u00e0 une activit\u00e9 du club (Rallye des neiges, Brevets, BCMR, ...)<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Corps -->\n    <div class=\"ccr-sec-body\">\n\n      <p class=\"ccr-sec-texte\">\n        Au d\u00e9part de Saint-R\u00e9mi lors de nos sorties hebdomadaires, nous avons tous pu constater que certains cyclos s'\u00e9mancipent des r\u00e8gles du code de la route dans la travers\u00e9e de Reims. Ce faisant, non seulement ils mettent en danger leur propre s\u00e9curit\u00e9 <em>(voiture contre v\u00e9lo, devinez qui sort le plus amoch\u00e9 !)<\/em> mais ils contribuent aussi \u00e0 donner une mauvaise image de notre sport.\n      <\/p>\n\n      <div class=\"ccr-sec-points\">\n        <div class=\"ccr-sec-point\">\n          <span class=\"ccr-sec-point-ico\">\ud83d\uded1<\/span>\n          <span>S'arr\u00eater aux <strong>feux tricolores<\/strong> et aux <strong>stops<\/strong> \u2014 m\u00eame lorsqu'une partie du groupe a d\u00e9j\u00e0 r\u00e9ussi \u00e0 passer.<\/span>\n        <\/div>\n        <div class=\"ccr-sec-point\">\n          <span class=\"ccr-sec-point-ico\">\u26a0\ufe0f<\/span>\n          <span>Ne pas respecter le code de la route, c'est s'exposer \u00e0 une <strong>r\u00e9ponse n\u00e9gative<\/strong> \u00e0 nos demandes d'autorisation d'organisation.<\/span>\n        <\/div>\n        <div class=\"ccr-sec-point\">\n          <span class=\"ccr-sec-point-ico\">\ud83e\udd1d<\/span>\n          <span>Chaque cycliste est <strong>ambassadeur<\/strong> de notre club et de notre sport aupr\u00e8s des automobilistes et des riverains.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"ccr-sec-cta\">\n        <div class=\"msg\">\ud83d\udeb4 Respectons le code de la route !<\/div>\n        <div class=\"sousmsg\">Ne prenons pas de risques inutiles \u2014 il en va tout simplement de notre s\u00e9curit\u00e9.<\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Pied -->\n    <div class=\"ccr-sec-footer\" style=\"flex-direction:column; align-items:flex-start; gap:8px;\">\n  <div style=\"display:flex; align-items:center; gap:10px;\">\n    <img decoding=\"async\" src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/03\/logo-ffv-symbol.png\"\n         alt=\"FF V\u00e9lo\" style=\"height:24px; width:auto;\">\n    <span>En savoir plus sur la s\u00e9curit\u00e9 \u00e0 v\u00e9lo :\n      <a href=\"https:\/\/ffvelo.fr\/\" target=\"_blank\">ffvelo.fr<\/a>\n    <\/span>\n  <\/div>\n  <a href=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/03\/MEMORANDUM_SECURITE_BD-5.pdf\" target=\"_blank\"\n     style=\"display:inline-flex; align-items:center; gap:8px; background:#e53935; color:white; font-size:13px; font-weight:700; padding:8px 16px; border-radius:20px; text-decoration:none;\">\n    \ud83d\udcc4 T\u00e9l\u00e9charger le m\u00e9morandum de la FFCT\n  <\/a>\n<\/div>\n\n <\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- ========================================\n     BLOC \"C'EST TOUT NOUVEAU\" - CCR 2026\n     Coller dans un bloc HTML personnalis\u00e9 WordPress\n     ======================================== -->\n\n<style>\n.ccr-nouveau {\n    font-family: 'Lato', sans-serif;\n    margin: 30px 0;\n}\n.ccr-nouveau-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n}\n.ccr-titre {\n    font-family: 'Rajdhani', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0;\n    padding: 0;\n    color: #1565c0;\n    background: none;\n    border: none;\n    line-height: 1.2;\n}\n.ccr-pulse {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: #e74c3c;\n    flex-shrink: 0;\n    animation: ccr-pulse 1.8s infinite;\n}\n@keyframes ccr-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50%       { opacity: 0.4; transform: scale(0.65); }\n}\n.ccr-badge-new {\n    background: #e3f2fd;\n    color: #1565c0;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    padding: 4px 11px;\n    border: 1.5px solid #90caf9;\n    border-radius: 20px;\n    flex-shrink: 0;\n}\n.ccr-cards {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n}\n@media (max-width: 768px) {\n    .ccr-cards {\n        grid-template-columns: 1fr;\n    }\n}\n.ccr-card {\n    background: #ffffff;\n    border: 1px solid #e8e8e8;\n    border-radius: 12px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.07);\n    transition: box-shadow 0.25s, transform 0.25s;\n}\n.ccr-card:hover {\n    box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    transform: translateY(-3px);\n}\n.ccr-card-img {\n    width: 100%;\n    height: 120px;\n    object-fit: cover;\n    display: block;\n}\n.ccr-card-img-placeholder {\n    width: 100%;\n    height: 120px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 36px;\n}\n.ccr-card-body {\n    padding: 14px 16px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n.ccr-card-tag {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    padding: 3px 9px;\n    border-radius: 6px;\n    width: fit-content;\n}\n.ccr-card-tag.photos   { background: #e3f2fd; color: #1565c0; }\n.ccr-card-tag.parcours { background: #e8f5e9; color: #2e7d32; }\n.ccr-card-tag.annonce  { background: #fff3e0; color: #bf360c; }\n\n.ccr-card-title {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin: 0;\n    line-height: 1.35;\n}\n.ccr-card-links {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n    margin-top: 4px;\n}\n.ccr-card-link {\n    font-size: 12px;\n    font-weight: 600;\n    color: #1565c0;\n    text-decoration: none;\n    padding: 5px 11px;\n    border: 1.5px solid #90caf9;\n    border-radius: 7px;\n    white-space: nowrap;\n    transition: background 0.2s;\n}\n.ccr-card-link:hover {\n    background: #e3f2fd;\n    text-decoration: none;\n    color: #1565c0;\n}\n<\/style>\n\n<div class=\"ccr-nouveau\">\n\n    <div class=\"ccr-nouveau-header\">\n        <div class=\"ccr-pulse\"><\/div>\n        <div class=\"ccr-titre\">Les derni\u00e8res informations<\/div>\n        <span class=\"ccr-badge-new\">NEW<\/span>\n    <\/div>\n\n    <div class=\"ccr-cards\">\n\n\n<!-- CARTE : Vid\u00e9o Brevet Jean-Yves -->\n<div class=\"ccr-card\">\n    <img decoding=\"async\" class=\"ccr-card-img\"\n         src=\"https:\/\/img.youtube.com\/vi\/lO0Pa_7K8Lw\/hqdefault.jpg\"\n         alt=\"Vid\u00e9o Brevet 2026\"\n         onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n    <div class=\"ccr-card-img-placeholder\" style=\"display:none; background:#fff3e0;\">\ud83c\udfac<\/div>\n    <div class=\"ccr-card-body\">\n        <span class=\"ccr-card-tag\" style=\"background:#fff3e0; color:#e65100; border:1px solid #ffcc80;\">\ud83c\udfac Vid\u00e9o<\/span>\n        <p class=\"ccr-card-title\">Brevet 150  km - 2026 \u2014 par Jean-Yves<\/p>\n<span style=\"font-size:12px; color:#666; line-height:1.5; display:block; margin-bottom:8px;\">Notre ami Jean Yves nous offre ici une tr\u00e8s belle vid\u00e9o de l'int\u00e9rieur d'un peloton de courageux face au d\u00e9fi du brevet de 150 km. Entre monuments historiques, humour et commentaires sportives, cette vid\u00e9o se consomme sans aucune mod\u00e9ration<\/span>\n        <div class=\"ccr-card-links\">\n            <a class=\"ccr-card-link\" href=\"https:\/\/www.youtube.com\/watch?v=lO0Pa_7K8Lw\" target=\"_blank\">\u25b6\ufe0f Voir la vid\u00e9o<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n  <!-- CARTE 1 : Photos & Compte-rendu RDN -->\n        <!-- Remplacez l'URL de l'image par la photo de la derni\u00e8re \u00e9tape -->\n        <div class=\"ccr-card\">\n            <img decoding=\"async\" class=\"ccr-card-img\"\n                 src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/03\/IMG-20260329-WA0002-1-e1774801716769.jpg\"\n                 alt=\"\u00c9tape 13 RDN 2026\"\n                 onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n            <div class=\"ccr-card-img-placeholder\" style=\"display:none; background:#e3f2fd;\">\ud83d\udcf8<\/div>\n            <div class=\"ccr-card-body\">\n                <span class=\"ccr-card-tag photos\">Photos &amp; Compte-rendu<\/span>\n                <p class=\"ccr-card-title\">RDN 2026 \u2014 \u00c9tape 13<\/p>\n                <div class=\"ccr-card-links\">\n                    <a class=\"ccr-card-link\" href=\"https:\/\/cycloclubremois.com\/index.php\/rdn2026_etape13-page\/\">\ud83d\udcf7 Voir les photos<\/a>\n                    <a class=\"ccr-card-link\" href=\"https:\/\/cycloclubremois.com\/index.php\/etape-13-beine-nauroy-la-derniere\/#compterendu\">\ud83d\udcdd Compte-rendu<\/a>\n                    <a class=\"ccr-card-link\" href=\"https:\/\/cycloclubremois.com\/index.php\/etape-13-beine-nauroy-la-derniere\/#commentaires\">\ud83d\udcac Commentaires<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\n\n              <!-- CARTE 2 : Parcours du mois -->\n        <!-- Remplacez le mois et l'URL selon le mois en cours -->\n        <div class=\"ccr-card\">\n            <img decoding=\"async\" class=\"ccr-card-img\"\n                 src=\"https:\/\/images.winalist.com\/blog\/wp-content\/uploads\/2025\/01\/24163351\/adobestock-177683409-1500x1009.jpeg\"\n                 alt=\"Parcours du mois\"\n                 onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n            <div class=\"ccr-card-body\">\n                <span class=\"ccr-card-tag parcours\">Parcours du mois<\/span>\n                <p class=\"ccr-card-title\">Parcours d'avril 2026 en ligne<\/p>\n                <div class=\"ccr-card-links\">\n                    <a class=\"ccr-card-link\" href=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/parcoursmensuels\/2026\/avril\/parcours-template-avril2026.html\">\ud83d\uddfa\ufe0f Consulter les parcours<\/a>\n                <\/div>\n            <\/div>\n<img decoding=\"async\" src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/04\/badge_ccr.svg\"\/>\n\n        <\/div>\n\n\n        <!-- CARTE 3 : Information-->\n\n<div class=\"ccr-card\">\n    <div class=\"ccr-card-img-placeholder\" style=\"display:flex; background: linear-gradient(135deg, #b71c1c, #e53935); font-size: 56px;\">\ud83e\uddba<\/div>\n    <div class=\"ccr-card-body\">\n        <span class=\"ccr-card-tag\" style=\"background:#fdecea; color:#c62828; border:1px solid #ef9a9a;\">\u26a0\ufe0f S\u00e9curit\u00e9<\/span>\n        <p class=\"ccr-card-title\">M\u00e9morandum S\u00e9curit\u00e9 FFCT<\/p>\n        <div style=\"display:flex; align-items:center; gap:10px; margin: 6px 0 10px;\">\n            <a href=\"https:\/\/ffvelo.fr\/\" target=\"_blank\">\n                <img decoding=\"async\" src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/03\/logo-ffv-symbol.png\"\n                     alt=\"Logo FF V\u00e9lo\" style=\"height:36px; width:auto; display:block;\">\n            <\/a>\n            <p style=\"font-size:13px; color:#555; line-height:1.5; margin:0;\">\n                La F\u00e9d\u00e9ration Fran\u00e7aise de Cyclotourisme vient de publier un m\u00e9morandum sur la s\u00e9curit\u00e9 \u00e0 v\u00e9lo. Un document essentiel pour tous les cyclistes.\n            <\/p>\n        <\/div>\n        <div style=\"display:flex; align-items:center; gap:10px; margin-bottom:10px;\">\n            <a href=\"https:\/\/ffvelo.fr\/\" target=\"_blank\">\n                <img decoding=\"async\" src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/03\/logo-ffv-symbol.png\"\n                     alt=\"Logo FF V\u00e9lo\" style=\"height:40px; width:auto; display:block;\">\n            <\/a>\n            <span style=\"font-size:12px; color:#888;\">F\u00e9d\u00e9ration Fran\u00e7aise de V\u00e9lo<\/span>\n        <\/div>\n        <div class=\"ccr-card-links\">\n            <a class=\"ccr-card-link\" style=\"background:#c62828; color:white; border-color:#c62828;\"\n               href=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/03\/MEMORANDUM_SECURITE_BD-5.pdf\" target=\"_blank\">\n               \ud83d\udcc4 T\u00e9l\u00e9charger le m\u00e9morandum\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"ccr-card\" id=\"meteo-card\">\n    <div class=\"ccr-card-img-placeholder\" id=\"meteo-bg\" style=\"display:flex; background: linear-gradient(135deg, #01579b, #0288d1); font-size: 56px;\">\ud83c\udf24\ufe0f<\/div>\n    <div class=\"ccr-card-body\">\n        <span class=\"ccr-card-tag\" style=\"background:#e1f5fe; color:#0277bd; border:1px solid #81d4fa;\">\ud83c\udf24\ufe0f M\u00e9t\u00e9o week-end<\/span>\n        <p class=\"ccr-card-title\">Pr\u00e9visions \u00e0 Reims<\/p>\n        <div id=\"meteo-content\" style=\"font-size:13px; color:#555; margin: 6px 0 10px; line-height:1.8;\">\n            <span style=\"color:#90a4ae;\">\u23f3 Chargement...<\/span>\n        <\/div>\n        <p style=\"font-size:11px; color:#90a4ae; margin-bottom:10px;\">\n            Source : Open-Meteo \u00b7 Mise \u00e0 jour automatique\n        <\/p>\n        <div class=\"ccr-card-links\">\n            <a class=\"ccr-card-link\" style=\"background:#0277bd; color:white; border-color:#0277bd;\"\n               href=\"https:\/\/www.meteofrance.com\/previsions-meteo-france\/reims\/51100\" target=\"_blank\">\n               \ud83c\udf10 M\u00e9t\u00e9o France \u2014 Reims\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    \/\/ Coordonn\u00e9es de Reims\n    var lat = 49.2583;\n    var lon = 4.0317;\n\n    \/\/ Codes m\u00e9t\u00e9o \u2192 emoji + description\n    function getMeteo(code, isDay) {\n        var meteos = {\n            0:  { emoji: isDay ? '\u2600\ufe0f' : '\ud83c\udf19', desc: 'Ciel d\u00e9gag\u00e9' },\n            1:  { emoji: '\ud83c\udf24\ufe0f', desc: 'Peu nuageux' },\n            2:  { emoji: '\u26c5', desc: 'Partiellement nuageux' },\n            3:  { emoji: '\u2601\ufe0f', desc: 'Couvert' },\n            45: { emoji: '\ud83c\udf2b\ufe0f', desc: 'Brouillard' },\n            48: { emoji: '\ud83c\udf2b\ufe0f', desc: 'Brouillard givrant' },\n            51: { emoji: '\ud83c\udf26\ufe0f', desc: 'Bruine l\u00e9g\u00e8re' },\n            53: { emoji: '\ud83c\udf26\ufe0f', desc: 'Bruine mod\u00e9r\u00e9e' },\n            55: { emoji: '\ud83c\udf27\ufe0f', desc: 'Bruine dense' },\n            61: { emoji: '\ud83c\udf27\ufe0f', desc: 'Pluie l\u00e9g\u00e8re' },\n            63: { emoji: '\ud83c\udf27\ufe0f', desc: 'Pluie mod\u00e9r\u00e9e' },\n            65: { emoji: '\ud83c\udf27\ufe0f', desc: 'Pluie forte' },\n            71: { emoji: '\ud83c\udf28\ufe0f', desc: 'Neige l\u00e9g\u00e8re' },\n            73: { emoji: '\ud83c\udf28\ufe0f', desc: 'Neige mod\u00e9r\u00e9e' },\n            75: { emoji: '\u2744\ufe0f', desc: 'Neige forte' },\n            80: { emoji: '\ud83c\udf26\ufe0f', desc: 'Averses l\u00e9g\u00e8res' },\n            81: { emoji: '\ud83c\udf27\ufe0f', desc: 'Averses mod\u00e9r\u00e9es' },\n            82: { emoji: '\u26c8\ufe0f', desc: 'Averses fortes' },\n            95: { emoji: '\u26c8\ufe0f', desc: 'Orage' },\n            96: { emoji: '\u26c8\ufe0f', desc: 'Orage avec gr\u00eale' },\n            99: { emoji: '\u26c8\ufe0f', desc: 'Orage violent' },\n        };\n        return meteos[code] || { emoji: '\ud83c\udf21\ufe0f', desc: 'Variable' };\n    }\n\n    function getJour(dateStr) {\n        var jours = ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'];\n        var d = new Date(dateStr);\n        return jours[d.getDay()];\n    }\n\n    function getProchainWeekEnd(dates) {\n        \/\/ Trouve le samedi et dimanche \u00e0 venir\n        var today = new Date();\n        today.setHours(0,0,0,0);\n        var resultats = [];\n        for (var i = 0; i < dates.length; i++) {\n            var d = new Date(dates[i]);\n            var jour = d.getDay();\n            if (d >= today && (jour === 6 || jour === 0)) {\n                resultats.push(i);\n                if (resultats.length === 2) break;\n            }\n        }\n        return resultats;\n    }\n\n    var url = 'https:\/\/api.open-meteo.com\/v1\/forecast?latitude=' + lat + '&longitude=' + lon\n        + '&daily=weathercode,temperature_2m_max,temperature_2m_min,windspeed_10m_max,precipitation_probability_max'\n        + '&timezone=Europe%2FParis&forecast_days=10';\n\n    fetch(url)\n        .then(function(r) { return r.json(); })\n        .then(function(data) {\n            var daily = data.daily;\n            var indices = getProchainWeekEnd(daily.time);\n\n            if (indices.length === 0) {\n                document.getElementById('meteo-content').innerHTML = '<span style=\"color:#90a4ae;\">Donn\u00e9es indisponibles<\/span>';\n                return;\n            }\n\n            var html = '';\n            indices.forEach(function(i) {\n                var meteo = getMeteo(daily.weathercode[i], true);\n                var jour = getJour(daily.time[i]);\n                var tmax = Math.round(daily.temperature_2m_max[i]);\n                var tmin = Math.round(daily.temperature_2m_min[i]);\n                var vent = Math.round(daily.windspeed_10m_max[i]);\n                var pluie = daily.precipitation_probability_max[i];\n\n                html += '<div style=\"display:flex; align-items:center; gap:8px; padding:6px 0; border-bottom:1px solid #f0f4f8;\">'\n                    + '<span style=\"font-size:22px;\">' + meteo.emoji + '<\/span>'\n                    + '<div style=\"flex:1;\">'\n                    + '<strong style=\"color:#1a2332;\">' + jour + '<\/strong>'\n                    + ' <span style=\"color:#6b7280; font-size:12px;\">\u2014 ' + meteo.desc + '<\/span><br>'\n                    + '<span style=\"color:#e67e22; font-weight:700;\">' + tmax + '\u00b0C<\/span>'\n                    + ' <span style=\"color:#90a4ae;\">\/ ' + tmin + '\u00b0C<\/span>'\n                    + ' &nbsp;\ud83d\udca8 ' + vent + ' km\/h'\n                    + ' &nbsp;\ud83d\udca7 ' + pluie + '%'\n                    + '<\/div>'\n                    + '<\/div>';\n            });\n\n            document.getElementById('meteo-content').innerHTML = html;\n\n            \/\/ Adapter le fond selon la m\u00e9t\u00e9o du samedi\n            var code = daily.weathercode[indices[0]];\n            var bg = document.getElementById('meteo-bg');\n            if (code <= 1) {\n                bg.style.background = 'linear-gradient(135deg, #f57f17, #ffb300)';\n                bg.textContent = '\u2600\ufe0f';\n            } else if (code <= 3) {\n                bg.style.background = 'linear-gradient(135deg, #546e7a, #78909c)';\n                bg.textContent = '\u26c5';\n            } else if (code >= 61 && code <= 82) {\n                bg.style.background = 'linear-gradient(135deg, #1565c0, #1976d2)';\n                bg.textContent = '\ud83c\udf27\ufe0f';\n            } else if (code >= 95) {\n                bg.style.background = 'linear-gradient(135deg, #212121, #424242)';\n                bg.textContent = '\u26c8\ufe0f';\n            }\n        })\n        .catch(function() {\n            document.getElementById('meteo-content').innerHTML\n                = '<span style=\"color:#90a4ae;\">\u26a0\ufe0f M\u00e9t\u00e9o temporairement indisponible<\/span>';\n        });\n})();\n<\/script>\n\n\n        <!-- CARTE 3 : Petite annonce -->\n        <!-- Supprimez cette carte ou adaptez-la quand il n'y a pas d'annonce -->\n<div class=\"ccr-card\" style=\"display: none;\">\n<img decoding=\"async\" class=\"ccr-card-img\"\n                 src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/03\/IMG_1632-scaled.jpg\"\n                 alt=\"V\u00e9lo \u00e0 vendre\"\n                 onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n            <div class=\"ccr-card-body\">\n                <span class=\"ccr-card-tag annonce\">Petite annonce<\/span>\n                <p class=\"ccr-card-title\">Pinarello Gan S \u2014 1 000 \u20ac<\/p>\n                <div class=\"ccr-card-links\">\n                    <a class=\"ccr-card-link\" href=\"https:\/\/cycloclubremois.com\/index.php\/divers\/petites-annonces\/\">\ud83c\udff7\ufe0f Voir l'annonce \u2192<\/a>\n                <\/div>\n            <\/div>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/03\/360_F_104897246_6blfr0Ec1SYTSrtjzjDkMkLRi0pswA4s.jpg\"\n             width=\"100\" height=\"85\"\/>\n    <\/div>\n                \n\n\n        <\/div>\n\n\n    <\/div>\n<\/div>\n\n\n\n<div style=\"height: 10px;\">&nbsp;<\/div>\n\n\n\n<p><!-- Bouton \"Retour en haut\" --><\/p>\n\n<div style=\"position: fixed; bottom: 30px; right: 30px; z-index: 9999;\"><a style=\"display: block; width: 45px; height: 45px; background-color: #e74c3c; color: white; border-radius: 50%; text-align: center; line-height: 45px; text-decoration: none; font-size: 20px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); font-weight: bold; transition: all 0.3s ease;\" href=\"#top-page\">\u2191<\/a><\/div>\n\n<p><!-- Ancre en haut de page (\u00e0 placer tout en haut de ta page) --><\/p>\n\n<div id=\"top-page\">&nbsp;<\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-51176_2fa447-9c .kt-block-spacer{height:26px;}.wp-block-kadence-spacer.kt-block-spacer-51176_2fa447-9c .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-51176_2fa447-9c\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<style>\n.ccr-proch {\n    font-family: 'Lato', sans-serif;\n    margin: 30px 0;\n}\n.ccr-proch-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n}\n.ccr-proch-titre {\n    font-family: 'Rajdhani', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0;\n    padding: 0;\n    color: #1a1a1a;\n    background: none;\n    border: none;\n    line-height: 1.2;\n}\n.ccr-proch-card {\n    background: #ffffff;\n    border: 1px solid #e8e8e8;\n    border-radius: 12px;\n    overflow: hidden;\n    display: grid;\n    grid-template-columns: 280px 1fr;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.07);\n}\n@media (max-width: 768px) {\n    .ccr-proch-card { grid-template-columns: 1fr; }\n}\n.ccr-proch-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    min-height: 180px;\n}\n.ccr-proch-img-placeholder {\n    width: 100%;\n    min-height: 180px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 48px;\n    background: #f3e5f5;\n}\n.ccr-proch-body {\n    padding: 20px 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    justify-content: center;\n}\n.ccr-proch-tag {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    padding: 3px 10px;\n    border-radius: 20px;\n    background: #f3e5f5;\n    color: #6a1b9a;\n    width: fit-content;\n}\n.ccr-proch-nom {\n    font-size: 20px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin: 0;\n    line-height: 1.2;\n}\n.ccr-proch-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    font-size: 13px;\n    color: #555;\n}\n.ccr-proch-meta span {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n}\n.ccr-proch-btns {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 4px;\n}\n.ccr-proch-btn {\n    font-size: 13px;\n    font-weight: 600;\n    text-decoration: none;\n    padding: 7px 16px;\n    border-radius: 20px;\n    transition: background 0.2s;\n    color: #6a1b9a;\n    border: 1.5px solid #ce93d8;\n}\n.ccr-proch-btn:hover {\n    background: #f3e5f5;\n    text-decoration: none;\n    color: #6a1b9a;\n}\n.ccr-proch-btn.plein {\n    background: #6a1b9a;\n    color: #fff;\n    border-color: #6a1b9a;\n}\n.ccr-proch-btn.plein:hover {\n    background: #4a148c;\n    color: #fff;\n    text-decoration: none;\n}\n<\/style>\n\n<div class=\"ccr-proch\">\n\n    <div class=\"ccr-proch-header\">\n        <div class=\"ccr-proch-titre\">\u23f0 Prochain \u00e9v\u00e9nement<\/div>\n    <\/div>\n\n    <div class=\"ccr-proch-card\">\n        <img decoding=\"async\" class=\"ccr-proch-img\"\n             src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/03\/illustration_brevets.jpeg\"\n             alt=\"Brevets 2026\"\n             onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n        <div class=\"ccr-proch-img-placeholder\" style=\"display:none;\">\ud83c\udf38<\/div>\n\n        <div class=\"ccr-proch-body\">\n            <span class=\"ccr-proch-tag\">\ud83c\udf38 Avril 2026<\/span>\n            <p class=\"ccr-proch-nom\">Brevets 2026<\/p>\n            <div class=\"ccr-proch-meta\">\n                <span>\ud83d\udcc5 \u00c0 partir du 5 avril 2026<\/span>\n                <span>\ud83d\udccd D\u00e9part Basilique Saint-R\u00e9mi<\/span>\n                <span>\ud83d\udee3\ufe0f 100 \u00b7 150 \u00b7 200 km<\/span>\n            <\/div>\n            <div class=\"ccr-proch-btns\">\n                <a class=\"ccr-proch-btn plein\" href=\"https:\/\/cycloclubremois.com\/index.php\/brevets\/\">Voir les brevets<\/a>\n                <a class=\"ccr-proch-btn\" href=\"https:\/\/cycloclubremois.com\/index.php\/brevets\/#brev-inscrip\">S'inscrire<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-51176_ea57e8-7c .kt-block-spacer{height:30px;}.wp-block-kadence-spacer.kt-block-spacer-51176_ea57e8-7c .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-51176_ea57e8-7c\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<!-- ========================================\n     BLOC \"\u00c9V\u00c9NEMENTS \u00c0 VENIR\" - CCR 2026\n     Coller dans un bloc HTML personnalis\u00e9 WordPress\n     ======================================== -->\n\n<style>\n.ccr-ev {\n    font-family: 'Lato', sans-serif;\n    margin: 30px 0;\n}\n.ccr-ev-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n}\n.ccr-ev-titre {\n    font-family: 'Rajdhani', sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin: 0;\n    padding: 0;\n    color: #1a1a1a;\n    background: none;\n    border: none;\n    line-height: 1.2;\n}\n.ccr-ev-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n}\n@media (max-width: 768px) {\n    .ccr-ev-grid {\n        grid-template-columns: 1fr;\n    }\n}\n.ccr-ev-card {\n    background: #ffffff;\n    border: 1px solid #e8e8e8;\n    border-radius: 12px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.07);\n    transition: box-shadow 0.25s, transform 0.25s;\n}\n.ccr-ev-card:hover {\n    box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n    transform: translateY(-3px);\n}\n.ccr-ev-card-img {\n    width: 100%;\n    height: 130px;\n    object-fit: cover;\n    display: block;\n}\n.ccr-ev-card-img-placeholder {\n    width: 100%;\n    height: 130px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 36px;\n}\n.ccr-ev-card-body {\n    padding: 14px 16px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 7px;\n}\n.ccr-ev-periode {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n    color: #666;\n}\n.ccr-ev-nom {\n    font-size: 16px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin: 0;\n    line-height: 1.25;\n}\n.ccr-ev-desc {\n    font-size: 13px;\n    color: #555;\n    margin: 0;\n    line-height: 1.5;\n}\n.ccr-ev-btn {\n    display: inline-block;\n    margin-top: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    text-decoration: none;\n    padding: 6px 14px;\n    border-radius: 20px;\n    width: fit-content;\n    transition: background 0.2s;\n    \/* Bleu - RDN *\/\n    color: #1565c0;\n    border: 1.5px solid #90caf9;\n}\n.ccr-ev-btn:hover {\n    background: #e3f2fd;\n    text-decoration: none;\n    color: #1565c0;\n}\n.ccr-ev-btn.orange {\n    color: #bf360c;\n    border-color: #ffcc80;\n}\n.ccr-ev-btn.orange:hover {\n    background: #fff3e0;\n    color: #bf360c;\n}\n.ccr-ev-btn.vert {\n    color: #2e7d32;\n    border-color: #a5d6a7;\n}\n.ccr-ev-btn.vert:hover {\n    background: #e8f5e9;\n    color: #2e7d32;\n}\n<\/style>\n\n<div class=\"ccr-ev\">\n\n    <div class=\"ccr-ev-header\">\n        <div class=\"ccr-ev-titre\">\ud83c\udfaf \u00c9v\u00e9nements \u00e0 venir<\/div>\n    <\/div>\n\n    <div class=\"ccr-ev-grid\">\n<div style=\"display:none;\">\n\n\n        <!-- CARTE 1 : Brevets 2026 -->\n        <div class=\"ccr-ev-card\">\n<img decoding=\"async\" class=\"ccr-ev-card-img\"\n                 src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/03\/illustration_brevets.jpeg\"\n                 alt=\"Brevets\"\n                 onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n            <div class=\"ccr-ev-card-body\">\n                <span class=\"ccr-ev-periode\">\ud83c\udf38 Avril 2026<\/span>\n                <p class=\"ccr-ev-nom\">Brevets 2026<\/p>\n                <p class=\"ccr-ev-desc\">Les brevets randonneurs de la saison sont ouverts. Inscrivez-vous d\u00e8s maintenant.<\/p>\n                <a class=\"ccr-ev-btn\" style=\"color:#6a1b9a; border-color:#ce93d8;\" href=\"https:\/\/cycloclubremois.com\/index.php\/brevets\/\">Voir les brevets<\/a> <a class=\"ccr-ev-btn\" style=\"color:#6a1b9a; border-color:#ce93d8;\" href=\"https:\/\/cycloclubremois.com\/index.php\/brevets\/#brev-inscrip\">S'inscrire<\/a>\n            <\/div>\n        <\/div>         <\/div>\n\n\n        <!-- ============================================================\n             CARTE RDN \u2014 PR\u00caTE POUR 2027\n             En janvier : supprimer la carte Brevets ci-dessus\n             et d\u00e9commenter ce bloc\n             ============================================================\n        <div class=\"ccr-ev-card\">\n            <img decoding=\"async\" class=\"ccr-ev-card-img\"\n                 src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2025\/12\/image-ccr-_rdn.png\"\n                 alt=\"Rallye des Neiges 2027\"\n                 onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n            <div class=\"ccr-ev-card-img-placeholder\" style=\"display:none; background:#e3f2fd;\">\u2744\ufe0f<\/div>\n            <div class=\"ccr-ev-card-body\">\n                <span class=\"ccr-ev-periode\">\u2744\ufe0f Janvier \u2014 Mars 2027<\/span>\n                <p class=\"ccr-ev-nom\">Rallye des Neiges 2027<\/p>\n                <p class=\"ccr-ev-desc\">13 \u00e9tapes chaque dimanche matin. Ouvert \u00e0 tous les cyclos.<\/p>\n                <a class=\"ccr-ev-btn\" href=\"https:\/\/cycloclubremois.com\/index.php\/rdn-4\/\">En savoir plus<\/a>\n            <\/div>\n        <\/div>\n        -->\n<!-- CARTE 3 : Sorties sp\u00e9ciales -->\n        <div class=\"ccr-ev-card\">\n<img decoding=\"async\" class=\"ccr-ev-card-img\"\n                 src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/04\/20250411-114348.jpg\"\n                 alt=\"Ain\u00e9s 2026\"\n                 onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n            <div class=\"ccr-ev-card-body\">\n                <span class=\"ccr-ev-periode\">\ud83d\udeb4 Sortie sp\u00e9ciale r\u00e9serv\u00e9e aux adh\u00e9rents CCR<\/span>\n                <p class=\"ccr-ev-nom\">Sortie des ain\u00e9s du 5 mai 2026<\/p>\n                <a class=\"ccr-ev-btn vert\" href=\"https:\/\/cycloclubremois.com\/index.php\/53224-2\/\">Renseignements et inscription<\/a>\n            <\/div>\n<img decoding=\"async\" src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/04\/badge_ccr.svg\"\/>\n        <\/div>\n\n\n        <!-- CARTE 2 : BCMR -->\n        <!-- Mettez \u00e0 jour l'ann\u00e9e et le lien chaque ann\u00e9e -->\n        <div class=\"ccr-ev-card\">\n            <img decoding=\"async\" class=\"ccr-ev-card-img\"\n                 src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2025\/12\/bcmr-1024x683.jpg\"\n                 alt=\"BCMR 2026\"\n                 onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n            <div class=\"ccr-ev-card-img-placeholder\" style=\"display:none; background:#fff3e0;\">\ud83c\udfd4\ufe0f<\/div>\n            <div class=\"ccr-ev-card-body\">\n                <span class=\"ccr-ev-periode\">\ud83c\udf1e Juin 2026<\/span>\n                <p class=\"ccr-ev-nom\">BCMR 2026<\/p>\n                <p class=\"ccr-ev-desc\">Le Brevet Cyclotouriste de la Montagne de Reims. 1 000 \u00e0 1 500 cyclos attendus.<\/p>\n                <a class=\"ccr-ev-btn orange\" href=\"https:\/\/cycloclubremois.com\/index.php\/50999-2\/\">D\u00e9couvrir<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- CARTE 3 : Sorties hebdomadaires (permanent, ne change pas) -->\n        <div class=\"ccr-ev-card\">\n<img decoding=\"async\" class=\"ccr-ev-card-img\"\n                 src=\"https:\/\/remeng.rosselcdn.net\/sites\/default\/files\/dpistyles_v2\/rem_16_9_1124w\/2024\/06\/27\/node_665037\/14431226\/public\/2024\/06\/27\/20303682.jpeg?itok=TVqZmr-U1732631279\"\n                 alt=\"Rallye des Neiges 2027\"\n                 onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n            <div class=\"ccr-ev-card-body\">\n                <span class=\"ccr-ev-periode\">\ud83d\udeb4 Toute l'ann\u00e9e<\/span>\n                <p class=\"ccr-ev-nom\">Sorties hebdomadaires<\/p>\n                <p class=\"ccr-ev-desc\">Chaque mercredi et dimanche \u2014 r\u00e9serv\u00e9es aux adh\u00e9rents du CCR.<\/p>\n                <a class=\"ccr-ev-btn vert\" href=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/parcoursmensuels\/2026\/avril\/parcours-template-avril2026.html\">Voir les parcours du mois<\/a>\n            <\/div>\n<img decoding=\"async\" src=\"https:\/\/cycloclubremois.com\/wp-content\/uploads\/2026\/04\/badge_ccr.svg\"\/>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-51176_de28b8-b5 .kt-block-spacer{height:30px;}.wp-block-kadence-spacer.kt-block-spacer-51176_de28b8-b5 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-51176_de28b8-b5\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<!-- ========================================\n     BLOC \"H\u00c9RO\" - CCR 2026\n     Coller dans un bloc HTML personnalis\u00e9 WordPress\n     ======================================== -->\n\n<style>\n.ccr-hero {\n    font-family: 'Lato', sans-serif;\n    background: linear-gradient(135deg, #fff5f5 0%, #fffbf0 100%);\n    border-radius: 16px;\n    border-left: 5px solid #e74c3c;\n    padding: 40px 48px;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin: 30px 0;\n}\n.ccr-hero-eyebrow {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #e74c3c;\n}\n.ccr-hero-titre {\n    font-family: 'Rajdhani', sans-serif;\n    font-size: 38px;\n    font-weight: 700;\n    line-height: 1.1;\n    margin: 0;\n    padding: 0;\n    color: #1a1a1a;\n    background: none;\n    border: none;\n}\n.ccr-hero-titre span {\n    color: #e74c3c;\n}\n.ccr-hero-sous {\n    font-size: 15px;\n    color: #444;\n    margin: 0;\n    line-height: 1.6;\n    max-width: 540px;\n}\n.ccr-hero-btns {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 6px;\n}\n.ccr-hero-btn {\n    font-size: 14px;\n    font-weight: 700;\n    text-decoration: none;\n    padding: 11px 24px;\n    border-radius: 25px;\n    transition: all 0.2s;\n    white-space: nowrap;\n}\n.ccr-hero-btn.bcmr {\n    background: #e74c3c;\n    color: #fff;\n    border: 2px solid #e74c3c;\n}\n.ccr-hero-btn.bcmr:hover {\n    background: #c0392b;\n    border-color: #c0392b;\n    text-decoration: none;\n    color: #fff;\n}\n.ccr-hero-btn.brevets {\n    background: #fff;\n    color: #c0392b;\n    border: 2px solid #f39c12;\n}\n.ccr-hero-btn.brevets:hover {\n    background: #fffbf0;\n    text-decoration: none;\n    color: #c0392b;\n}\n.ccr-hero-btn.rejoindre {\n    background: #fff;\n    color: #c0392b;\n    border: 2px solid #e74c3c;\n}\n.ccr-hero-btn.rejoindre:hover {\n    background: #fff5f5;\n    text-decoration: none;\n    color: #c0392b;\n}\n.ccr-hero-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 28px;\n    padding-top: 20px;\n    border-top: 1px solid rgba(231,76,60,0.15);\n    margin-top: 4px;\n}\n.ccr-hero-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n.ccr-hero-stat-val {\n    font-family: 'Rajdhani', sans-serif;\n    font-size: 24px;\n    font-weight: 700;\n    color: #e74c3c;\n}\n.ccr-hero-stat-label {\n    font-size: 12px;\n    color: #666;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n<\/style>\n\n<div class=\"ccr-hero\">\n    <div class=\"ccr-hero-eyebrow\">Cyclotourisme depuis 1932 \u00b7 Reims<\/div>\n\n    <!-- Le titre ne change pas -->\n    <div class=\"ccr-hero-titre\">Cyclo Club <span>R\u00e9mois<\/span><\/div>\n\n    <!-- Adaptez le texte selon la saison si besoin -->\n    <p class=\"ccr-hero-sous\">Chaque dimanche et mercredi, p\u00e9dalez avec nous sur les routes de Champagne. Brevets, randonn\u00e9es, BCMR \u2014 une saison 2026 bien charg\u00e9e vous attend.<\/p>\n\n    <div class=\"ccr-hero-btns\">\n <!-- Bouton 2 : Brevets -->\n        <a class=\"ccr-hero-btn brevets\" href=\"https:\/\/cycloclubremois.com\/index.php\/brevets\/#inscriptions\">\ud83c\udfc5 S'inscrire aux brevets<\/a>       \n <!-- Bouton 1 : BCMR (rouge plein - action principale) -->\n        <a class=\"ccr-hero-btn bcmr\" href=\"https:\/\/cycloclubremois.com\/index.php\/50999-2\/\">\ud83c\udfd4\ufe0f S'inscrire au BCMR 2026<\/a>\n        <!-- Bouton 2 : Qui (contour or) -->\n        <a class=\"ccr-hero-btn brevets\" href=\"https:\/\/cycloclubremois.com\/index.php\/qui-sommes-nous\/\">\ud83c\udfc5 Qui sommes nous ?<\/a>\n        <!-- Bouton 3 : Nous rejoindre (contour rouge) -->\n        <a class=\"ccr-hero-btn rejoindre\" href=\"https:\/\/cycloclubremois.com\/index.php\/licences-2025\/\">\ud83d\udeb4 Nous rejoindre<\/a>\n    <\/div>\n\n    <!-- Chiffres cl\u00e9s \u2014 \u00e0 mettre \u00e0 jour si n\u00e9cessaire -->\n    <div class=\"ccr-hero-stats\">\n        <div class=\"ccr-hero-stat\">\n            <span class=\"ccr-hero-stat-val\">1932<\/span>\n            <span class=\"ccr-hero-stat-label\">Fondation<\/span>\n        <\/div>\n        <div class=\"ccr-hero-stat\">\n            <span class=\"ccr-hero-stat-val\">~100<\/span>\n            <span class=\"ccr-hero-stat-label\">Adh\u00e9rents<\/span>\n        <\/div>\n        <div class=\"ccr-hero-stat\">\n            <span class=\"ccr-hero-stat-val\">13<\/span>\n            <span class=\"ccr-hero-stat-label\">\u00c9tapes RDN<\/span>\n        <\/div>\n        <div class=\"ccr-hero-stat\">\n            <span class=\"ccr-hero-stat-val\">1 <\/span>\n            <span class=\"ccr-hero-stat-label\">BCMR<\/span>\n        <\/div>\n<div class=\"ccr-hero-stat\">\n            <span class=\"ccr-hero-stat-val\">2 <\/span>\n            <span class=\"ccr-hero-stat-label\">Sorties Club hebdo<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div style=\"position: fixed; bottom: 30px; right: 30px; z-index: 9999;\"><a style=\"display: block; width: 45px; height: 45px; background-color: #e74c3c; color: white; border-radius: 50%; text-align: center; line-height: 45px; text-decoration: none; font-size: 20px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); font-weight: bold; transition: all 0.3s ease;\" href=\"#top-page\">\u2191<\/a><\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Cyclo Club R\u00e9mois \ud83d\udea6 Message important \u2014 S\u00e9curit\u00e9 \u00c0 l&rsquo;attention de tous les membres du Cyclo Club R\u00e9mois et toutes les personnes participant \u00e0 une activit\u00e9 du club (Rallye des neiges, Brevets, BCMR, &#8230;) Au d\u00e9part de Saint-R\u00e9mi lors de nos sorties hebdomadaires, nous avons tous pu constater que certains cyclos s&rsquo;\u00e9mancipent des r\u00e8gles du&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"ngg_post_thumbnail":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"folder":[],"class_list":["post-51176","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages\/51176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/comments?post=51176"}],"version-history":[{"count":289,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages\/51176\/revisions"}],"predecessor-version":[{"id":53290,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages\/51176\/revisions\/53290"}],"wp:attachment":[{"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/media?parent=51176"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/folder?post=51176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}