{"id":4208,"date":"2014-11-24T22:15:36","date_gmt":"2014-11-25T03:15:36","guid":{"rendered":"http:\/\/cbf.ca\/fr\/join-the-cbf\/"},"modified":"2026-09-18T07:20:40","modified_gmt":"2026-09-18T11:20:40","slug":"joindre-la-fcb","status":"publish","type":"page","link":"https:\/\/test.cbf.ca\/fr\/joindre-la-fcb\/","title":{"rendered":"Joindre la FCB"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.cbf-membership-page {\n  --cbf-red: #c90000;\n  --cbf-red-dark: #9f0000;\n  --cbf-gold: #d7a920;\n  --cbf-cream: #f7f5f0;\n  --cbf-line: #ddd7cc;\n  --cbf-muted: #626262;\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 34px 20px 70px;\n  color: #151515;\n  line-height: 1.55;\n}\n\n.cbf-membership-page * { box-sizing: border-box; }\n\n.cbf-member-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 54px;\n  border-radius: 18px;\n  background: linear-gradient(125deg, #171717 0%, #2a1c1c 58%, #8d0000 100%);\n  color: #fff;\n}\n\n.cbf-member-hero::after {\n  content: \"\u2660  \u2665  \u2666  \u2663\";\n  position: absolute;\n  right: -20px;\n  bottom: -45px;\n  color: rgba(255, 255, 255, .07);\n  font-size: 140px;\n  font-weight: 900;\n  white-space: nowrap;\n}\n\n.cbf-member-eyebrow {\n  position: relative;\n  z-index: 1;\n  margin: 0 0 12px;\n  color: #f2c94c;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n.cbf-member-hero h1 {\n  position: relative;\n  z-index: 1;\n  max-width: 820px;\n  margin: 0 0 15px;\n  color: #fff;\n  font-size: clamp(38px, 5vw, 62px);\n  line-height: 1.02;\n  letter-spacing: -.035em;\n}\n\n.cbf-member-hero p:not(.cbf-member-eyebrow) {\n  position: relative;\n  z-index: 1;\n  max-width: 760px;\n  margin: 0 0 28px;\n  color: #eee;\n  font-size: 18px;\n}\n\n.cbf-member-actions {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 13px;\n}\n\n.cbf-member-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 50px;\n  padding: 12px 22px;\n  border: 2px solid transparent;\n  border-radius: 7px;\n  color: #fff !important;\n  font: inherit;\n  font-weight: 800;\n  cursor: pointer;\n  text-decoration: none !important;\n}\n\n.cbf-member-btn-primary { background: var(--cbf-red); }\n.cbf-member-btn-primary:hover { background: var(--cbf-red-dark); }\n.cbf-member-btn-secondary { border-color: #fff; background: transparent; }\n.cbf-member-btn-secondary:hover { background: #fff; color: #111 !important; }\n\n.cbf-member-section { padding-top: 48px; }\n.cbf-member-heading { max-width: 720px; margin: 0 auto 25px; text-align: center; }\n.cbf-member-heading h2 { margin: 0 0 8px; font-size: 32px; line-height: 1.15; }\n.cbf-member-heading p { margin: 0; color: var(--cbf-muted); }\n\n.cbf-member-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }\n\n.cbf-member-plan {\n  position: relative;\n  padding: 25px 22px;\n  border: 1px solid var(--cbf-line);\n  border-radius: 12px;\n  background: #fff;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, .06);\n  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;\n}\n\n.cbf-member-plan:hover {\n  transform: translateY(-5px);\n  border-color: #aaa196;\n  box-shadow: 0 15px 32px rgba(0, 0, 0, .13);\n}\n\n.cbf-member-plan.is-best {\n  padding: 20px 21px 24px;\n  border: 2px solid var(--cbf-red);\n  border-top: 6px solid var(--cbf-red);\n  box-shadow: 0 12px 30px rgba(150, 0, 0, .14);\n}\n\n.cbf-member-plan.is-selected {\n  outline: 4px solid var(--cbf-gold);\n  outline-offset: 2px;\n  background: #fffdf4;\n  box-shadow: 0 14px 34px rgba(0, 0, 0, .14);\n}\n\n.cbf-member-plan.is-selected::after {\n  content: attr(data-selected-label);\n  position: absolute;\n  top: 13px;\n  right: 14px;\n  padding: 4px 8px;\n  border-radius: 999px;\n  background: var(--cbf-gold);\n  color: #171717;\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .06em;\n}\n\n.cbf-member-label {\n  margin: 0;\n  color: #666;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: .09em;\n  text-transform: uppercase;\n}\n\n.cbf-member-plan.is-best .cbf-member-label { color: var(--cbf-red); }\n.cbf-member-plan h3 { margin: 5px 0 3px; font-size: 21px; }\n.cbf-member-price { margin: 0 0 12px; font-size: 34px; font-weight: 900; }\n.cbf-member-price span { color: #666; font-size: 14px; font-weight: 600; }\n.cbf-member-plan-copy { min-height: 50px; color: #555; font-size: 14px; }\n\n.cbf-member-link {\n  padding: 0;\n  border: 0;\n  background: none;\n  color: var(--cbf-red) !important;\n  font: inherit;\n  font-weight: 800;\n  cursor: pointer;\n  text-align: left;\n}\n\n.cbf-member-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }\n.cbf-member-choice-card { padding: 30px; border: 1px solid var(--cbf-line); border-radius: 13px; }\n.cbf-member-choice-card.is-renew { border-left: 5px solid var(--cbf-gold); background: var(--cbf-cream); }\n.cbf-member-choice-card h3 { margin: 0 0 7px; font-size: 25px; }\n.cbf-member-choice-card p { margin: 0 0 18px; color: #555; }\n.cbf-member-choice-card .cbf-member-btn-secondary { border-color: #222; color: #222 !important; }\n.cbf-member-choice-card .cbf-member-btn-secondary:hover { background: #222; color: #fff !important; }\n\n.cbf-member-form {\n  margin-top: 48px;\n  overflow: hidden;\n  border: 1px solid var(--cbf-line);\n  border-radius: 14px;\n  background: #fff;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, .07);\n}\n\n.cbf-member-form-head { padding: 26px 30px; border-bottom: 1px solid var(--cbf-line); background: #f5f5f5; }\n.cbf-member-form-head h2 { margin: 0 0 5px; font-size: 27px; }\n.cbf-member-form-head p { margin: 0; color: #666; }\n.cbf-member-form-body { padding: 22px 28px; }\n.cbf-member-widget { display: none; }\n.cbf-member-widget.is-active { display: block; }\n.cbf-member-widget iframe { display: block; width: 100%; max-width: 100%; border: 0; }\n\n@media (max-width: 850px) {\n  .cbf-membership-page { padding-right: 16px; padding-left: 16px; }\n  .cbf-member-plans, .cbf-member-choice { grid-template-columns: 1fr; }\n  .cbf-member-hero { padding: 38px 28px; }\n  .cbf-member-plan-copy { min-height: 0; }\n}\n\n@media (max-width: 520px) {\n  .cbf-membership-page { width: 100%; padding: 20px 12px 50px; }\n  .cbf-member-hero h1 { font-size: 37px; }\n  .cbf-member-btn { width: 100%; }\n}\n.cbf-member-plan {\n  cursor: pointer;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".cbf-membership-page\").forEach(function (page) {\n    var title = page.querySelector(\"[data-form-title]\");\n    var copy = page.querySelector(\"[data-form-copy]\");\n    var formSection = page.querySelector(\"#membership-application\");\n\n    function selectForm(key) {\n      var widget = page.querySelector('[data-cbf-widget=\"' + key + '\"]');\n\n      if (key === \"renew\" && widget) {\n        var renewalFrame = widget.querySelector(\"iframe\");\n        var correctRenewalSrc = page.getAttribute(\"data-renewal-src\");\n\n        if (\n          renewalFrame &&\n          correctRenewalSrc &&\n          renewalFrame.src !== correctRenewalSrc\n        ) {\n          renewalFrame.src = correctRenewalSrc;\n        }\n      }\n\n      page.querySelectorAll(\"[data-cbf-widget]\").forEach(function (item) {\n        item.classList.toggle(\n          \"is-active\",\n          item.getAttribute(\"data-cbf-widget\") === key\n        );\n      });\n\n      page.querySelectorAll(\"[data-cbf-plan]\").forEach(function (plan) {\n        plan.classList.toggle(\n          \"is-selected\",\n          plan.getAttribute(\"data-cbf-plan\") === key\n        );\n      });\n\n      if (widget && title && copy) {\n        title.textContent = widget.getAttribute(\"data-title\");\n        copy.textContent = widget.getAttribute(\"data-copy\");\n      }\n\n      if (formSection) {\n        formSection.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"start\"\n        });\n      }\n    }\n\n    \/\/ Existing buttons\n    page.querySelectorAll(\"[data-cbf-form]\").forEach(function (button) {\n      button.addEventListener(\"click\", function () {\n        selectForm(button.getAttribute(\"data-cbf-form\"));\n      });\n    });\n\n    \/\/ Make the entire membership card clickable\n    page.querySelectorAll(\"[data-cbf-plan]\").forEach(function (plan) {\n      plan.addEventListener(\"click\", function (event) {\n        \/\/ Prevent the card click from firing twice when clicking its button\n        if (event.target.closest(\"button\")) {\n          return;\n        }\n\n        selectForm(plan.getAttribute(\"data-cbf-plan\"));\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"cbf-membership-page\" data-renewal-src=\"https:\/\/widgets.cbf.ca\/feeds\/events\/event.aspx?id=167&amp;cid=1042&amp;wid=7501\">\n  <section class=\"cbf-member-hero\">\n    <p class=\"cbf-member-eyebrow\">Adh\u00e9sion \u00e0 la F\u00e9d\u00e9ration canadienne de bridge<\/p>\n    <h1>Rejoindre  la communaut\u00e9.<br>Soutenir le bridge canadien.<\/h1>\n    <p>Devenez membre de la FCB ou renouvelez votre adh\u00e9sion pour contribuer \u00e0 l&#8217;essor du bridge au Canada et rester en contact avec la communaut\u00e9 partout au Canada.<\/p>\n    <div class=\"cbf-member-actions\">\n      <button class=\"cbf-member-btn cbf-member-btn-primary\" type=\"button\" data-cbf-form=\"one\">Adh\u00e9rer \u00e0 la FCB<\/button>\n      <button class=\"cbf-member-btn cbf-member-btn-secondary\" type=\"button\" data-cbf-form=\"renew\">Renouveler mon adh\u00e9sion<\/button>\n    <\/div>\n  <\/section>\n\n  <section class=\"cbf-member-section\">\n    <div class=\"cbf-member-heading\">\n      <h2>Choisissez votre formule d&#8217;adh\u00e9sion<\/h2><p>Des options simples pour tous les joueurs de bridge canadiens.<\/p>\n    <\/div>\n    <div class=\"cbf-member-plans\">\n      <article class=\"cbf-member-plan is-selected\" data-cbf-plan=\"one\" data-selected-label=\"\u2713 S\u00c9LECTIONN\u00c9\">\n        <p class=\"cbf-member-label\">Option d\u2019un an<\/p><h3>1 an<\/h3><p class=\"cbf-member-price\">25 $ <span>CAD<\/span><\/p>\n        <p class=\"cbf-member-plan-copy\">Une ann\u00e9e d\u2019adh\u00e9sion \u00e0 la FCB.<\/p><button class=\"cbf-member-link\" type=\"button\" data-cbf-form=\"one\">Choisir 1 an \u2192<\/button>\n      <\/article>\n      <article class=\"cbf-member-plan\" data-cbf-plan=\"two\" data-selected-label=\"\u2713 S\u00c9LECTIONN\u00c9\">\n        <p class=\"cbf-member-label\">Option de deux ans<\/p><h3>2 ans<\/h3><p class=\"cbf-member-price\">50 $ <span>CAD<\/span><\/p>\n        <p class=\"cbf-member-plan-copy\">Optez pour deux ans et \u00e9vitez un renouvellement annuel.<\/p><button class=\"cbf-member-link\" type=\"button\" data-cbf-form=\"two\">Choisir 2 ans \u2192<\/button>\n      <\/article>\n      <article class=\"cbf-member-plan is-best\" data-cbf-plan=\"three\" data-selected-label=\"\u2713 S\u00c9LECTIONN\u00c9\">\n        <p class=\"cbf-member-label\">Meilleur rapport qualit\u00e9-prix<\/p><h3>3 ans<\/h3><p class=\"cbf-member-price\">65 $ <span>CAD<\/span><\/p>\n        <p class=\"cbf-member-plan-copy\">Optez pour trois ans d\u2019adh\u00e9sion sans interruption au meilleur tarif annuel.<\/p><button class=\"cbf-member-link\" type=\"button\" data-cbf-form=\"three\">Choisir 3 ans \u2192<\/button>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"cbf-member-section cbf-member-choice\">\n    <article class=\"cbf-member-choice-card\">\n      <h3>Vous n\u2019\u00eates pas encore membre?<\/h3><p>Remplissez la demande ci-dessous. Membee cr\u00e9era votre dossier de membre et traitera votre paiement de fa\u00e7on s\u00e9curitaire.<\/p>\n      <button class=\"cbf-member-btn cbf-member-btn-primary\" type=\"button\" data-cbf-form=\"one\">Commencer la demande<\/button>\n    <\/article>\n    <article class=\"cbf-member-choice-card is-renew\">\n      <h3>D\u00e9j\u00e0 membre?<\/h3><p>Ne remplissez pas une nouvelle demande. Utilisez le formulaire de renouvellement pour retrouver votre adh\u00e9sion et effectuer votre paiement.<\/p>\n      <button class=\"cbf-member-btn cbf-member-btn-secondary\" type=\"button\" data-cbf-form=\"renew\">Renouveler mon adh\u00e9sion<\/button>\n    <\/article>\n  <\/section>\n\n  <section class=\"cbf-member-form\" id=\"membership-application\">\n    <header class=\"cbf-member-form-head\"><h2 data-form-title=\"\">Demande d\u2019adh\u00e9sion \u2013 1 an<\/h2><p data-form-copy=\"\">Nouveaux membres : remplissez la demande s\u00e9curis\u00e9e d\u2019adh\u00e9sion d\u2019un an ci-dessous.<\/p><\/header>\n    <div class=\"cbf-member-form-body\">\n      <div class=\"cbf-member-widget is-active\" data-cbf-widget=\"one\" data-title=\"Demande d\u2019adh\u00e9sion \u2013 1 an\" data-copy=\"Nouveaux membres : remplissez la demande s\u00e9curis\u00e9e d\u2019adh\u00e9sion d\u2019un an ci-dessous.\"><script src=\"https:\/\/widgets.cbf.ca\/feeds\/Profile\/ProfileScript.ashx?cid=1042&amp;pid=3601\"><\/script><\/div>\n      <div class=\"cbf-member-widget\" data-cbf-widget=\"two\" data-title=\"Demande d\u2019adh\u00e9sion \u2013 2 ans\" data-copy=\"Nouveaux membres : remplissez la demande s\u00e9curis\u00e9e d\u2019adh\u00e9sion de deux ans ci-dessous.\"><script src=\"https:\/\/widgets.cbf.ca\/feeds\/Profile\/ProfileScript.ashx?cid=1042&amp;pid=3801\"><\/script><\/div>\n      <div class=\"cbf-member-widget\" data-cbf-widget=\"three\" data-title=\"Demande d\u2019adh\u00e9sion \u2013 3 ans\" data-copy=\"Nouveaux membres : remplissez la demande s\u00e9curis\u00e9e d\u2019adh\u00e9sion de trois ans ci-dessous.\"><script src=\"https:\/\/widgets.cbf.ca\/feeds\/Profile\/ProfileScript.ashx?cid=1042&amp;pid=4001\"><\/script><\/div>\n      <div class=\"cbf-member-widget\" data-cbf-widget=\"renew\" data-title=\"Renouveler votre adh\u00e9sion\" data-copy=\"Membres actuels : retrouvez votre adh\u00e9sion et effectuez votre renouvellement s\u00e9curis\u00e9 ci-dessous.\"><script src=\"https:\/\/memberservices.membee.com\/feeds\/Events\/EventScript.ashx?cid=1042&amp;wid=7501\"><\/script><\/div>\n    <\/div>\n  <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Adh\u00e9sion \u00e0 la F\u00e9d\u00e9ration canadienne de bridge Rejoindre la communaut\u00e9.Soutenir le bridge canadien. Devenez membre de la FCB ou renouvelez votre adh\u00e9sion pour contribuer \u00e0 l&#8217;essor du bridge au Canada et rester en contact avec la communaut\u00e9 partout au Canada. Adh\u00e9rer \u00e0 la FCB Renouveler mon adh\u00e9sion Choisissez votre formule d&#8217;adh\u00e9sion Des options simples pour [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_cbf_header_section":"type-2","_cbf_footer_section":"type-2","_cbf_lang":"fr","footnotes":""},"class_list":["post-4208","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/test.cbf.ca\/fr\/wp-json\/wp\/v2\/pages\/4208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.cbf.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.cbf.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.cbf.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.cbf.ca\/fr\/wp-json\/wp\/v2\/comments?post=4208"}],"version-history":[{"count":1,"href":"https:\/\/test.cbf.ca\/fr\/wp-json\/wp\/v2\/pages\/4208\/revisions"}],"predecessor-version":[{"id":41182,"href":"https:\/\/test.cbf.ca\/fr\/wp-json\/wp\/v2\/pages\/4208\/revisions\/41182"}],"wp:attachment":[{"href":"https:\/\/test.cbf.ca\/fr\/wp-json\/wp\/v2\/media?parent=4208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}