{"id":318,"date":"2017-03-18T01:10:23","date_gmt":"2017-03-18T00:10:23","guid":{"rendered":"http:\/\/54.37.156.109\/?page_id=318"},"modified":"2026-11-09T15:47:04","modified_gmt":"2026-11-09T14:47:04","slug":"les-membres-du-bureau","status":"publish","type":"page","link":"https:\/\/www.clubalpine.net\/index.php\/club\/les-membres-du-bureau\/","title":{"rendered":"LES MEMBRES DU BUREAU"},"content":{"rendered":"\n<!--\n==================================================================\n ASAN \u2014 PAGE BUREAU \u2014 style de l'accueil\n \u00c0 coller dans le bloc \u00ab HTML personnalis\u00e9 \u00bb de la page Bureau,\n EN REMPLACEMENT de l'ancienne affiche.\n Le style ne s'applique qu'\u00e0 cette page (s\u00e9lecteur body:has(.axb)).\n\n PHOTOS : les 9 photos sont d\u00e9j\u00e0 reli\u00e9es \u00e0 la M\u00e9diath\u00e8que.\n Pour changer une photo, remplacez le lien dans src=\"...\" du membre.\n Si une photo est introuvable, l'initiale du pr\u00e9nom s'affiche.\n\n POUR CHANGER UN MEMBRE : modifiez le pr\u00e9nom (h3), la fonction\n (axb-role) et le lien de la photo dans son bloc <article>.\n==================================================================\n-->\n<style>\n\/* ================================================================\n   1. PAGE ET MENU ASHE (uniquement la page qui contient ce bloc)\n   ================================================================ *\/\nbody:has(.axb),\nbody:has(.axb) #page-wrap,\nbody:has(.axb) #page-content,\nbody:has(.axb) .page-content,\nbody:has(.axb) .main-container,\nbody:has(.axb) .main-content-container,\nbody:has(.axb) .main-content,\nbody:has(.axb) #main-content,\nbody:has(.axb) .post-content,\nbody:has(.axb) .entry-content,\nbody:has(.axb) article.post,\nbody:has(.axb) article.page {\n  background: #000 !important;\n}\nbody:has(.axb) { overflow-x: clip; }\n\nbody:has(.axb) .post-header,\nbody:has(.axb) .entry-header,\nbody:has(.axb) h1.entry-title,\nbody:has(.axb) .post-title,\nbody:has(.axb) .page-title,\nbody:has(.axb) .sidebar-right,\nbody:has(.axb) #sidebar-right {\n  display: none !important;\n}\n\nbody:has(.axb) .main-container,\nbody:has(.axb) .main-content-container,\nbody:has(.axb) .main-content,\nbody:has(.axb) #main-content,\nbody:has(.axb) .post-content,\nbody:has(.axb) .entry-content {\n  width: 100% !important;\n  max-width: 100% !important;\n  float: none !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  padding-top: 0 !important;\n  overflow: visible !important;\n  box-sizing: border-box !important;\n}\n\n\/* Menu noir, textes et logo blancs *\/\nbody:has(.axb) #main-nav,\nbody:has(.axb) .main-nav {\n  background: #000 !important;\n  box-shadow: none !important;\n  border: none !important;\n}\nbody:has(.axb) #main-nav .main-menu > li > a,\nbody:has(.axb) #main-nav #main-menu > li > a,\nbody:has(.axb) #main-nav .nav-search,\nbody:has(.axb) #main-nav .nav-search i,\nbody:has(.axb) #main-nav .open-menu,\nbody:has(.axb) #main-nav .sidebar-toggle,\nbody:has(.axb) #main-nav .sidebar-toggle i,\nbody:has(.axb) .main-nav i,\nbody:has(.axb) .main-nav svg,\nbody:has(.axb) .main-nav .mobile-menu-btn {\n  color: #fff !important;\n}\nbody:has(.axb) #main-nav .main-menu > li > a,\nbody:has(.axb) #main-nav #main-menu > li > a {\n  font-family: 'Archivo', Arial, sans-serif !important;\n}\nbody:has(.axb) #main-nav .main-menu > li > a:hover,\nbody:has(.axb) #main-nav .main-menu > li.current-menu-item > a,\nbody:has(.axb) #main-nav .main-menu > li.current_page_item > a {\n  color: #9cc2ff !important;\n}\nbody:has(.axb) #main-nav .sub-menu,\nbody:has(.axb) #main-nav .children { background: #fff !important; }\nbody:has(.axb) #main-nav .sub-menu a,\nbody:has(.axb) #main-nav .children a { color: #0c1a34 !important; }\nbody:has(.axb) #main-nav .mini-logo {\n  background: url(\"https:\/\/www.clubalpine.net\/wp-content\/uploads\/2026\/11\/Logo-lettre-blanche.png\") center \/ contain no-repeat !important;\n  width: 205px !important;\n  min-width: 205px !important;\n  min-height: 38px !important;\n}\nbody:has(.axb) #main-nav .mini-logo img { opacity: 0 !important; }\n@media (max-width: 767px) {\n  body:has(.axb) #main-nav .mini-logo { width: 155px !important; min-width: 155px !important; }\n}\n\n\/* ================================================================\n   2. BASE\n   ================================================================ *\/\n.axb {\n  --blue: #1e6fd9;\n  --red: #e2231a;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  width: min(1248px, calc(100vw - 48px));\n  padding: 0 0 100px;\n  color: #fff;\n  font-family: 'Archivo', Arial, sans-serif !important;\n  font-size: 16px;\n  line-height: 1.55;\n}\n.axb *, .axb *::before, .axb *::after { box-sizing: border-box; }\n.axb h1, .axb h2, .axb p, .axb a, .axb span {\n  font-family: 'Archivo', Arial, sans-serif !important;\n}\n.axb h1, .axb h2 {\n  color: #fff !important;\n  font-style: normal !important;\n  letter-spacing: -.02em !important;\n  text-transform: none !important;\n  margin-top: 0;\n}\n.axb p { margin: 0; }\n.axb a { text-decoration: none !important; box-shadow: none !important; }\n\n.axb h3 { font-family: 'Archivo', Arial, sans-serif !important; color: #fff !important; text-transform: none !important; font-style: normal !important; }\n\n\/* ================================================================\n   3. EN-T\u00caTE\n   ================================================================ *\/\n.axb-hero {\n  position: relative; left: 50%; transform: translateX(-50%);\n  width: 100vw; min-height: 380px; display: flex; align-items: flex-end;\n  overflow: hidden; isolation: isolate; background: #000;\n}\n.axb-hero::before {\n  content: \"\"; position: absolute; inset: 0; z-index: -1;\n  background: radial-gradient(ellipse at 85% 0%, rgba(30,111,217,.28) 0%, rgba(0,0,0,0) 55%);\n}\n.axb-hero-in {\n  width: min(1248px, calc(100% - 48px)); margin: 0 auto; padding: 90px 0 56px;\n  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 32px;\n}\n.axb-kick-top { margin-bottom: 14px !important; font-size: 15px; font-weight: 600; color: #d6d6d6; }\n.axb .axb-hero h1 { margin: 0 !important; font-size: clamp(48px, 7vw, 96px) !important; font-weight: 900 !important; line-height: .95 !important; }\n.axb-hero h1::after {\n  content: \"\"; display: block; width: 130px; height: 5px; margin-top: 24px;\n  background: linear-gradient(90deg, var(--blue) 0 46%, transparent 46% 54%, var(--red) 54% 100%);\n}\n.axb-lead { max-width: 580px; margin-top: 24px !important; font-size: 18px; color: #e0e0e0; }\n.axb-count { text-align: right; }\n.axb-count b { display: block; font-size: 88px; font-weight: 900; line-height: .9; }\n.axb-count span { font-size: 15px; font-weight: 600; color: #d6d6d6; }\n\n\/* ================================================================\n   4. TITRES DE SECTION\n   ================================================================ *\/\n.axb-sec { margin-top: 72px; }\n.axb-sec:first-of-type { margin-top: 24px; }\n.axb .axb-sec h2 { margin: 0 0 8px !important; font-size: clamp(30px, 3.4vw, 44px) !important; font-weight: 900 !important; line-height: 1.05 !important; }\n.axb-sec > p { font-size: 17px; color: #b5b5b5; }\n\n\/* ================================================================\n   5. CARTES DES MEMBRES\n   ================================================================ *\/\n.axb-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }\n.axb-card {\n  position: relative; background: #0d0d0d; border: 1px solid #262626;\n  border-top: 3px solid var(--blue); overflow: hidden;\n  transition: transform .3s, border-color .3s;\n}\n.axb-grid .axb-card:nth-child(3n+2) { border-top-color: #fff; }\n.axb-grid .axb-card:nth-child(3n) { border-top-color: var(--red); }\n.axb-card:hover { transform: translateY(-4px); }\n.axb-photo {\n  position: relative; aspect-ratio: 1 \/ 1; background: #161616; overflow: hidden;\n  display: flex; align-items: center; justify-content: center;\n}\n\/* Initiale affich\u00e9e si la photo manque *\/\n.axb-photo::before {\n  content: attr(data-initiale);\n  font-size: 96px; font-weight: 900; color: #2a2a2a; line-height: 1;\n}\n.axb-photo img {\n  position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;\n  object-fit: cover; object-position: center 25%;\n  color: transparent; font-size: 0; \/* masque le texte si la photo est introuvable *\/\n  filter: saturate(.9); transition: transform 1s cubic-bezier(.2,.7,.2,1), filter .4s;\n}\n.axb-card:hover .axb-photo img { transform: scale(1.04); filter: saturate(1); }\n.axb-info { padding: 22px 24px 24px; }\n.axb .axb-info h3 { margin: 0 !important; font-size: 24px !important; font-weight: 800 !important; line-height: 1.15 !important; letter-spacing: -.01em !important; }\n.axb-role { margin-top: 6px !important; font-size: 15px; font-weight: 700; color: #9cc2ff; }\n\n\/* Les 3 membres du bureau : un peu plus grands *\/\n.axb-grid--bureau .axb .axb-info h3,\n.axb-grid--bureau .axb-info h3 { font-size: 28px !important; }\n.axb-grid--bureau .axb-role { font-size: 16px; }\n.axb-badge {\n  position: absolute; top: 14px; left: 14px; z-index: 2;\n  padding: 5px 10px; border-radius: 3px; background: var(--blue);\n  font-size: 12px; font-weight: 700; color: #fff;\n}\n\n\/* ================================================================\n   6. APPEL \u00c0 REJOINDRE\n   ================================================================ *\/\n.axb-cta {\n  position: relative; margin-top: 88px; padding: 56px 64px;\n  background: var(--blue); overflow: hidden; isolation: isolate;\n  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 28px;\n}\n.axb-cta::after {\n  content: \"\"; position: absolute; right: -80px; top: -80px; z-index: -1;\n  width: 320px; height: 320px; border-radius: 50%; border: 56px solid rgba(255,255,255,.08);\n}\n.axb .axb-cta h2 { margin: 0 !important; font-size: clamp(28px, 3.4vw, 44px) !important; font-weight: 900 !important; line-height: 1.05 !important; }\n.axb-cta p { margin-top: 12px !important; max-width: 560px; font-size: 17px; color: #eef4ff; }\n.axb .axb-btn {\n  display: inline-block; padding: 14px 22px; border-radius: 3px;\n  background: #fff; color: #000 !important; font-size: 15px; font-weight: 700;\n  transition: background .25s, color .25s;\n}\n.axb .axb-btn:hover { background: #000; color: #fff !important; }\n\n\/* ================================================================\n   7. TABLETTE ET MOBILE\n   ================================================================ *\/\n@media (max-width: 900px) {\n  .axb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .axb-grid .axb-card { border-top-color: var(--blue) !important; }\n  .axb-grid .axb-card:nth-child(even) { border-top-color: var(--red) !important; }\n  \/* Le pr\u00e9sident sur toute la largeur, puis 2 cartes c\u00f4te \u00e0 c\u00f4te *\/\n  .axb-grid--bureau .axb-card:first-child { grid-column: 1 \/ -1; border-top-color: #fff !important; }\n  .axb-grid--bureau .axb-card:first-child .axb-photo { aspect-ratio: 4 \/ 3; }\n}\n@media (max-width: 640px) {\n  .axb { width: calc(100vw - 32px); padding-bottom: 64px; }\n  .axb-hero { min-height: 380px; }\n  .axb-hero-in { width: calc(100% - 32px); padding: 70px 0 40px; }\n  .axb-count { text-align: left; }\n  .axb-count b { font-size: 64px; }\n  .axb-grid { gap: 12px; }\n  .axb-info { padding: 14px 14px 16px; }\n  .axb .axb-info h3, .axb-grid--bureau .axb-info h3 { font-size: 19px !important; }\n  .axb-role, .axb-grid--bureau .axb-role { font-size: 13px; }\n  .axb-badge { top: 8px; left: 8px; font-size: 11px; }\n  .axb-photo::before { font-size: 64px; }\n  .axb-cta { padding: 36px 24px; }\n}\n<\/style>\n\n<div class=\"axb\">\n\n  <!-- ================= EN-T\u00caTE ================= -->\n  <header class=\"axb-hero\">\n    <div class=\"axb-hero-in\">\n      <div>\n        <p class=\"axb-kick-top\">Le club<\/p>\n        <h1>Le bureau 2026<\/h1>\n        <p class=\"axb-lead\">Des b\u00e9n\u00e9voles passionn\u00e9s qui organisent les sorties, les rassemblements et la vie du club tout au long de l\u2019ann\u00e9e.<\/p>\n      <\/div>\n      <p class=\"axb-count\"><b>9<\/b><span>b\u00e9n\u00e9voles \u00e0 votre \u00e9coute<\/span><\/p>\n    <\/div>\n  <\/header>\n\n  <!-- ================= LES MEMBRES DU BUREAU ================= -->\n  <section class=\"axb-sec\">\n    <div class=\"axb-grid axb-grid--bureau\">\n      <!-- DAVID \u2014 Pr\u00e9sident -->\n      <article class=\"axb-card\">\n        <div class=\"axb-photo\" data-initiale=\"D\"><img decoding=\"async\" src=\"https:\/\/www.clubalpine.net\/wp-content\/uploads\/2022\/11\/David-Robache.jpg\" alt=\"David, Pr\u00e9sident\" loading=\"lazy\" onerror=\"this.remove()\"><\/div>\n        <div class=\"axb-info\"><h3>David<\/h3><p class=\"axb-role\">Pr\u00e9sident<\/p><\/div>\n      <\/article>\n      <!-- SYLVAIN \u2014 Vice-pr\u00e9sident \u00b7 Secr\u00e9taire -->\n      <article class=\"axb-card\">\n        <div class=\"axb-photo\" data-initiale=\"S\"><img decoding=\"async\" src=\"https:\/\/www.clubalpine.net\/wp-content\/uploads\/2022\/11\/Sylvain-Demeyer.jpg\" alt=\"Sylvain, Vice-pr\u00e9sident \u00b7 Secr\u00e9taire\" loading=\"lazy\" onerror=\"this.remove()\"><\/div>\n        <div class=\"axb-info\"><h3>Sylvain<\/h3><p class=\"axb-role\">Vice-pr\u00e9sident \u00b7 Secr\u00e9taire<\/p><\/div>\n      <\/article>\n      <!-- BRUNO \u2014 Tr\u00e9sorier -->\n      <article class=\"axb-card\">\n        <div class=\"axb-photo\" data-initiale=\"B\"><img decoding=\"async\" src=\"https:\/\/www.clubalpine.net\/wp-content\/uploads\/2022\/11\/Bruno-Adriaenssens.jpg\" alt=\"Bruno, Tr\u00e9sorier\" loading=\"lazy\" onerror=\"this.remove()\"><\/div>\n        <div class=\"axb-info\"><h3>Bruno<\/h3><p class=\"axb-role\">Tr\u00e9sorier<\/p><\/div>\n      <\/article>\n      <!-- ALAIN \u2014 Photographe -->\n      <article class=\"axb-card\">\n        <div class=\"axb-photo\" data-initiale=\"A\"><img decoding=\"async\" src=\"https:\/\/www.clubalpine.net\/wp-content\/uploads\/2026\/11\/Alain.png\" alt=\"Alain, Photographe\" loading=\"lazy\" onerror=\"this.remove()\"><\/div>\n        <div class=\"axb-info\"><h3>Alain<\/h3><p class=\"axb-role\">Photographe<\/p><\/div>\n      <\/article>\n      <!-- OLIVIER \u2014 Aide logistique -->\n      <article class=\"axb-card\">\n        <div class=\"axb-photo\" data-initiale=\"O\"><img decoding=\"async\" src=\"https:\/\/www.clubalpine.net\/wp-content\/uploads\/2026\/11\/Olivier.png\" alt=\"Olivier, Aide logistique\" loading=\"lazy\" onerror=\"this.remove()\"><\/div>\n        <div class=\"axb-info\"><h3>Olivier<\/h3><p class=\"axb-role\">Aide logistique<\/p><\/div>\n      <\/article>\n      <!-- ALAIN \u2014 Boutique -->\n      <article class=\"axb-card\">\n        <div class=\"axb-photo\" data-initiale=\"A\"><img decoding=\"async\" src=\"https:\/\/www.clubalpine.net\/wp-content\/uploads\/2026\/11\/Alain-2.png\" alt=\"Alain, Boutique\" loading=\"lazy\" onerror=\"this.remove()\"><\/div>\n        <div class=\"axb-info\"><h3>Alain<\/h3><p class=\"axb-role\">Boutique<\/p><\/div>\n      <\/article>\n      <!-- SERGE \u2014 Concentration de Croix-en-Ternois -->\n      <article class=\"axb-card\">\n        <div class=\"axb-photo\" data-initiale=\"S\"><img decoding=\"async\" src=\"https:\/\/www.clubalpine.net\/wp-content\/uploads\/2022\/11\/Serge-Debarre.jpg\" alt=\"Serge, Concentration de Croix-en-Ternois\" loading=\"lazy\" onerror=\"this.remove()\"><\/div>\n        <div class=\"axb-info\"><h3>Serge<\/h3><p class=\"axb-role\">Concentration de Croix-en-Ternois<\/p><\/div>\n      <\/article>\n      <!-- FABRICE \u2014 Site internet et m\u00e9dias -->\n      <article class=\"axb-card\">\n        <div class=\"axb-photo\" data-initiale=\"F\"><img decoding=\"async\" src=\"https:\/\/www.clubalpine.net\/wp-content\/uploads\/2022\/11\/Fabrice-Vincent.jpg\" alt=\"Fabrice, Site internet et m\u00e9dias\" loading=\"lazy\" onerror=\"this.remove()\"><\/div>\n        <div class=\"axb-info\"><h3>Fabrice<\/h3><p class=\"axb-role\">Site internet et m\u00e9dias<\/p><\/div>\n      <\/article>\n      <!-- ROLAND \u2014 Concentration de Croix-en-Ternois -->\n      <article class=\"axb-card\">\n        <div class=\"axb-photo\" data-initiale=\"R\"><img decoding=\"async\" src=\"https:\/\/www.clubalpine.net\/wp-content\/uploads\/2022\/11\/Roland-Brunin.jpg\" alt=\"Roland, Concentration de Croix-en-Ternois\" loading=\"lazy\" onerror=\"this.remove()\"><\/div>\n        <div class=\"axb-info\"><h3>Roland<\/h3><p class=\"axb-role\">Concentration de Croix-en-Ternois<\/p><\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <!-- ================= REJOINDRE ================= -->\n  <section class=\"axb-cta\">\n    <div>\n      <h2>Envie de nous rejoindre ?<\/h2>\n      <p>Partagez la passion Alpine avec toute l\u2019\u00e9quipe de l\u2019ASAN.<\/p>\n    <\/div>\n    <a class=\"axb-btn\" href=\"\/index.php\/adherer-au-club\/\">Adh\u00e9rer au club \u2192<\/a>\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Le club Le bureau 2026 Des b\u00e9n\u00e9voles passionn\u00e9s qui organisent les sorties, les rassemblements et la vie du club tout au long de l\u2019ann\u00e9e. 9b\u00e9n\u00e9voles \u00e0 votre \u00e9coute David Pr\u00e9sident Sylvain Vice-pr\u00e9sident \u00b7 Secr\u00e9taire Bruno Tr\u00e9sorier Alain Photographe Olivier Aide logistique Alain Boutique Serge Concentration de Croix-en-Ternois Fabrice Site internet et m\u00e9dias Roland Concentration de Croix-en-Ternois Envie de nous rejoindre ? Partagez la passion Alpine avec toute l\u2019\u00e9quipe de l\u2019ASAN. Adh\u00e9rer au club \u2192<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":16,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-318","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.clubalpine.net\/index.php\/wp-json\/wp\/v2\/pages\/318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clubalpine.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clubalpine.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clubalpine.net\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clubalpine.net\/index.php\/wp-json\/wp\/v2\/comments?post=318"}],"version-history":[{"count":15,"href":"https:\/\/www.clubalpine.net\/index.php\/wp-json\/wp\/v2\/pages\/318\/revisions"}],"predecessor-version":[{"id":3735,"href":"https:\/\/www.clubalpine.net\/index.php\/wp-json\/wp\/v2\/pages\/318\/revisions\/3735"}],"up":[{"embeddable":true,"href":"https:\/\/www.clubalpine.net\/index.php\/wp-json\/wp\/v2\/pages\/16"}],"wp:attachment":[{"href":"https:\/\/www.clubalpine.net\/index.php\/wp-json\/wp\/v2\/media?parent=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}