{"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-05-28T11:29:44","modified_gmt":"2026-05-28T09:29:44","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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"hero-ccr-accueil\">\n  <div class=\"hero-ccr-contenu\">\n    <div class=\"hero-ccr-badge\">Depuis 1932 \u00b7 Reims<\/div>\n    <h2 class=\"hero-ccr-titre\">Cyclo Club R\u00e9mois<\/h2>\n    <p class=\"hero-ccr-slogan\">Le plaisir du v\u00e9lo, ensemble.<\/p>\n    <div class=\"hero-ccr-boutons\">\n      <a href=\"https:\/\/cycloclubremois.com\/index.php\/licences-2025\/#lic-inscrip\" class=\"hero-ccr-btn-rouge\">Nous rejoindre<\/a>\n      <a href=\"https:\/\/cycloclubremois.com\/index.php\/53594-2\/\" class=\"hero-ccr-btn-blanc\">Nos sorties<\/a>\n<a href=\"https:\/\/cycloclubremois.com\/index.php\/espace-adherents\/\" class=\"hero-ccr-btn-rouge\">Espace adh\u00e9rents<\/a>\n    <\/div>\n  <\/div>\n<\/div>\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&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;)<\/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&rsquo;\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&rsquo;arr\u00eater aux <strong>feux tricolores<\/strong> et aux <strong>stops<\/strong> \u2014 m\u00eame lorsqu&rsquo;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&rsquo;est s&rsquo;exposer \u00e0 une <strong>r\u00e9ponse n\u00e9gative<\/strong> \u00e0 nos demandes d&rsquo;autorisation d&rsquo;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  <!-- 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\">Les parcours de Juin 2026 sont en ligne<\/p>\n                <div class=\"ccr-card-links\">\n                    <a class=\"ccr-card-link\" href=\"https:\/\/cycloclubremois.com\/index.php\/53594-2\/\">\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<!-- CARTE : Vente v\u00eatements \u00e9t\u00e9 2026 -->\n<div class=\"ccr-card\">\n    <div class=\"ccr-card-img-placeholder\" style=\"display:flex; background: linear-gradient(135deg, #1565c0, #42a5f5); font-size: 56px;\">\ud83d\udc55<\/div>\n    <div class=\"ccr-card-body\">\n        <span class=\"ccr-card-tag\" style=\"background:#e3f2fd; color:#1565c0; border:1px solid #90caf9;\">\ud83d\udc55 V\u00eatements<\/span>\n        <p class=\"ccr-card-title\">Commande tenues \u00e9t\u00e9 2026<\/p>\n        <span style=\"font-size:12px; color:#666; line-height:1.6; display:block; margin-bottom:10px;\">\n            Vous \u00eates cordialement invit\u00e9s \u00e0 commander les tenues d&rsquo;\u00e9t\u00e9 2026.<br><br>\n            \ud83d\udcc5 <strong>Samedi 18 avril \u00e0 partir de 17h00<\/strong><br>\n            \ud83d\udccd Au si\u00e8ge du club<br><br>\n            Pour les nouveaux membres, un essayage avant commande sera organis\u00e9.\n        <\/span>\n        <div class=\"ccr-card-links\">\n            <a class=\"ccr-card-link\" href=\"https:\/\/cycloclubremois.com\/index.php\/divers\/ventes-vetements-ccr\/\">\ud83d\udc55 Voir les v\u00eatements CCR<\/a>\n        <\/div>\n    <\/div>\n<\/div>\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 &#8211; 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&rsquo;int\u00e9rieur d&rsquo;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            \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&#8230;<\/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&rsquo;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&rsquo;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&rsquo;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 16 juin 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\/05\/attention_sortie_reportee.png\"\/>\n\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&rsquo;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&rsquo;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&rsquo;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>Depuis 1932 \u00b7 Reims Cyclo Club R\u00e9mois Le plaisir du v\u00e9lo, ensemble. Nous rejoindre Nos sorties Espace adh\u00e9rents 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&#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":311,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages\/51176\/revisions"}],"predecessor-version":[{"id":53622,"href":"https:\/\/cycloclubremois.com\/index.php\/wp-json\/wp\/v2\/pages\/51176\/revisions\/53622"}],"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}]}}