{"id":244,"date":"2026-06-18T08:44:49","date_gmt":"2026-06-18T08:44:49","guid":{"rendered":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/?page_id=244"},"modified":"2026-06-19T06:57:04","modified_gmt":"2026-06-19T06:57:04","slug":"membres","status":"publish","type":"page","link":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/membres\/","title":{"rendered":"Membres"},"content":{"rendered":"\n<style>\n.mbr-wrap { font-family: 'Inter', sans-serif; padding: 0 20px 60px; }\n\n\/* HERO *\/\n.mbr-hero {\n  text-align: center;\n  padding: 60px 20px 50px;\n}\n.mbr-hero h1 {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(50px, 10vw, 100px);\n  letter-spacing: 3px;\n  margin: 0 0 16px 0;\n  line-height: 0.95;\n  background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0.7) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n.mbr-hero p {\n  font-size: 14px;\n  color: rgba(255,255,255,0.6);\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  margin: 0;\n}\n\n\/* SECTION TITLE *\/\n.mbr-section-title {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(28px, 4vw, 42px);\n  color: #fff;\n  letter-spacing: 3px;\n  margin: 50px 0 30px 0;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  max-width: 1100px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.mbr-section-title::before {\n  content: '';\n  width: 4px;\n  min-height: 36px;\n  background: linear-gradient(180deg, #6B4FFF, #FF4FA3);\n  border-radius: 2px;\n  flex-shrink: 0;\n}\n.mbr-section-title::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: linear-gradient(90deg, rgba(255,255,255,0.15), transparent);\n}\n\n\/* GRIDS *\/\n.mbr-grid-bureau {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  max-width: 1100px;\n  margin: 0 auto 20px;\n}\n.mbr-grid-actifs {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  max-width: 1100px;\n  margin: 0 auto 20px;\n}\n\n\/* CARDS *\/\n.mbr-card {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 20px;\n  overflow: hidden;\n  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;\n  position: relative;\n}\n.mbr-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 24px 50px rgba(107,79,255,0.2);\n  border-color: #6B4FFF;\n}\n\n\/* PHOTO PLACEHOLDER *\/\n.mbr-photo {\n  width: 100%;\n  height: 280px;\n  background: linear-gradient(135deg, rgba(107,79,255,0.15), rgba(255,79,163,0.15));\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n}\n.mbr-photo img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.mbr-photo-placeholder {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  width: 100%;\n  height: 100%;\n}\n.mbr-photo-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.08);\n  border: 2px dashed rgba(255,255,255,0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 32px;\n}\n.mbr-photo-hint {\n  font-size: 12px;\n  color: rgba(255,255,255,0.3);\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n.mbr-photo-overlay {\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 80px;\n  background: linear-gradient(transparent, rgba(10,10,20,0.95));\n  pointer-events: none;\n}\n\n\/* ROLE BADGE *\/\n.mbr-role-badge {\n  position: absolute;\n  top: 14px; left: 14px;\n  background: linear-gradient(135deg, #6B4FFF, #FF4FA3);\n  color: #fff;\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 12px;\n  letter-spacing: 2px;\n  padding: 5px 14px;\n  border-radius: 30px;\n  z-index: 2;\n}\n\n\/* CARD BODY *\/\n.mbr-card-body { padding: 22px 24px 28px; }\n.mbr-card-name {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 30px;\n  color: #fff;\n  letter-spacing: 1px;\n  margin: 0 0 4px 0;\n  line-height: 1;\n}\n.mbr-card-role {\n  font-size: 12px;\n  color: #FF4FA3;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin: 0 0 16px 0;\n}\n.mbr-card-desc {\n  font-size: 13.5px;\n  color: rgba(255,255,255,0.7);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* VALEURS *\/\n.mbr-valeurs {\n  max-width: 1100px;\n  margin: 50px auto 0;\n  background: rgba(255,255,255,0.03);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 20px;\n  padding: 40px;\n  text-align: center;\n}\n.mbr-valeurs h3 {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 32px;\n  color: #fff;\n  letter-spacing: 3px;\n  margin: 0 0 20px 0;\n}\n.mbr-valeurs-tags {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n}\n.mbr-valeur-tag {\n  background: rgba(107,79,255,0.12);\n  border: 1px solid rgba(107,79,255,0.25);\n  color: #a78bfa;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 1px;\n  padding: 8px 18px;\n  border-radius: 30px;\n}\n\n\/* CONTACT *\/\n.mbr-contact {\n  max-width: 1100px;\n  margin: 24px auto 0;\n  text-align: center;\n  font-size: 14px;\n  color: rgba(255,255,255,0.5);\n}\n.mbr-contact a {\n  color: #a78bfa;\n  text-decoration: none;\n  font-weight: 600;\n}\n\n@media(max-width: 900px) {\n  .mbr-grid-bureau { grid-template-columns: 1fr 1fr; }\n  .mbr-grid-actifs { grid-template-columns: 1fr 1fr; }\n}\n@media(max-width: 600px) {\n  .mbr-grid-bureau { grid-template-columns: 1fr; }\n  .mbr-grid-actifs { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"mbr-wrap\">\n\n<!-- HERO -->\n<div class=\"mbr-hero\">\n  <h1>Notre \u00c9quipe<\/h1>\n  <p>Association Strict Hip-Hop \u00b7 Since 2012 \u00b7 \u00c9lancourt<\/p>\n<\/div>\n\n<!-- MEMBRES DU BUREAU -->\n<h2 class=\"mbr-section-title\">Membres du Bureau<\/h2>\n\n<div class=\"mbr-grid-bureau\">\n\n  <!-- PR\u00c9SIDENT -->\n  <div class=\"mbr-card\">\n    <div class=\"mbr-photo\">\n      <div class=\"mbr-role-badge\">Pr\u00e9sident<\/div>\n      <div class=\"mbr-photo-placeholder\">\n        <div class=\"mbr-photo-icon\">\ud83d\udc64<\/div>\n        <span class=\"mbr-photo-hint\">Photo \u00e0 ajouter<\/span>\n      <\/div>\n      <div class=\"mbr-photo-overlay\"><\/div>\n    <\/div>\n    <div class=\"mbr-card-body\">\n      <h3 class=\"mbr-card-name\">Isra\u00ebl Akanson<\/h3>\n      <p class=\"mbr-card-role\">Pr\u00e9sident<\/p>\n      <p class=\"mbr-card-desc\">Fondateur et pr\u00e9sident de l&rsquo;association Strict Hip-Hop depuis 2012. Visionnaire et moteur du projet associatif, il porte les valeurs de la culture Hip-Hop au sein des Yvelines et au-del\u00e0.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- SECR\u00c9TAIRE -->\n  <div class=\"mbr-card\">\n    <div class=\"mbr-photo\">\n      <div class=\"mbr-role-badge\">Secr\u00e9taire<\/div>\n      <div class=\"mbr-photo-placeholder\">\n        <div class=\"mbr-photo-icon\">\ud83d\udc64<\/div>\n        <span class=\"mbr-photo-hint\">Photo \u00e0 ajouter<\/span>\n      <\/div>\n      <div class=\"mbr-photo-overlay\"><\/div>\n    <\/div>\n    <div class=\"mbr-card-body\">\n      <h3 class=\"mbr-card-name\">Donya Gribias<\/h3>\n      <p class=\"mbr-card-role\">Secr\u00e9taire<\/p>\n      <p class=\"mbr-card-desc\">Secr\u00e9taire de l&rsquo;association, elle assure la coordination administrative et le suivi des activit\u00e9s. Pilier organisationnel de Strict Hip-Hop.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- TR\u00c9SORI\u00c8RE -->\n  <div class=\"mbr-card\">\n    <div class=\"mbr-photo\">\n      <div class=\"mbr-role-badge\">Tr\u00e9sori\u00e8re<\/div>\n      <div class=\"mbr-photo-placeholder\">\n        <div class=\"mbr-photo-icon\">\ud83d\udc64<\/div>\n        <span class=\"mbr-photo-hint\">Photo \u00e0 ajouter<\/span>\n      <\/div>\n      <div class=\"mbr-photo-overlay\"><\/div>\n    <\/div>\n    <div class=\"mbr-card-body\">\n      <h3 class=\"mbr-card-name\">Nad\u00e8ge Akanson<\/h3>\n      <p class=\"mbr-card-role\">Tr\u00e9sori\u00e8re<\/p>\n      <p class=\"mbr-card-desc\">Tr\u00e9sori\u00e8re de l&rsquo;association, elle g\u00e8re les finances et les partenariats financiers de Strict Hip-Hop avec rigueur et engagement.<\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- MEMBRES ACTIFS -->\n<h2 class=\"mbr-section-title\">Membres Actifs<\/h2>\n\n<div class=\"mbr-grid-actifs\">\n\n  <!-- MASSAMBA -->\n  <div class=\"mbr-card\">\n    <div class=\"mbr-photo\">\n      <div class=\"mbr-role-badge\">Chor\u00e9graphe \u00b7 P\u00e9dagogue<\/div>\n      <div class=\"mbr-photo-placeholder\">\n        <div class=\"mbr-photo-icon\">\ud83d\udd7a<\/div>\n        <span class=\"mbr-photo-hint\">Photo \u00e0 ajouter<\/span>\n      <\/div>\n      <div class=\"mbr-photo-overlay\"><\/div>\n    <\/div>\n    <div class=\"mbr-card-body\">\n      <h3 class=\"mbr-card-name\">Massamba Djibalene<\/h3>\n      <p class=\"mbr-card-role\">Charg\u00e9 de projets \u00b7 Chor\u00e9graphe \u00b7 P\u00e9dagogue<\/p>\n      <p class=\"mbr-card-desc\">R\u00e9f\u00e9rent Breaking pour le d\u00e9partement des Yvelines. Porteur de la Flamme Olympique Paris 2024. Danseur depuis plus de 25 ans, il transmet la culture Hip-Hop avec passion et bienveillance. Alias SO6X.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- LINECKER -->\n  <div class=\"mbr-card\">\n    <div class=\"mbr-photo\">\n      <div class=\"mbr-role-badge\">Prof de Danse<\/div>\n      <div class=\"mbr-photo-placeholder\">\n        <div class=\"mbr-photo-icon\">\ud83d\udd7a<\/div>\n        <span class=\"mbr-photo-hint\">Photo \u00e0 ajouter<\/span>\n      <\/div>\n      <div class=\"mbr-photo-overlay\"><\/div>\n    <\/div>\n    <div class=\"mbr-card-body\">\n      <h3 class=\"mbr-card-name\">Linecker Donne<\/h3>\n      <p class=\"mbr-card-role\">Professeur de Danse<\/p>\n      <p class=\"mbr-card-desc\">Professeur de danse Hip-Hop et Breakdance au sein de l&rsquo;association. Il encadre les cours hebdomadaires et les stages avec dynamisme et expertise.<\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- VALEURS -->\n<div class=\"mbr-valeurs\">\n  <h3>Nos Valeurs<\/h3>\n  <div class=\"mbr-valeurs-tags\">\n    <span class=\"mbr-valeur-tag\">Transmission<\/span>\n    <span class=\"mbr-valeur-tag\">Bienveillance<\/span>\n    <span class=\"mbr-valeur-tag\">Respect<\/span>\n    <span class=\"mbr-valeur-tag\">Fairplay<\/span>\n    <span class=\"mbr-valeur-tag\">Passion<\/span>\n    <span class=\"mbr-valeur-tag\">Culture Hip-Hop<\/span>\n    <span class=\"mbr-valeur-tag\">Partage<\/span>\n    <span class=\"mbr-valeur-tag\">Coh\u00e9sion Sociale<\/span>\n    <span class=\"mbr-valeur-tag\">Ambition<\/span>\n  <\/div>\n<\/div>\n\n<!-- CONTACT -->\n<div class=\"mbr-contact\">\n  <p>\ud83d\udce9 Contact : <a href=\"mailto:stricthiphop78@gmail.com\">stricthiphop78@gmail.com<\/a> \u00b7 \ud83d\udccd 21 Rue d&rsquo;Ath\u00e8nes, 78990 \u00c9lancourt<\/p>\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Notre \u00c9quipe Association Strict Hip-Hop \u00b7 Since 2012 \u00b7 \u00c9lancourt Membres du Bureau Pr\u00e9sident \ud83d\udc64 Photo \u00e0 ajouter Isra\u00ebl Akanson Pr\u00e9sident Fondateur et pr\u00e9sident de l&rsquo;association Strict Hip-Hop depuis 2012. Visionnaire et moteur du projet associatif, il porte les valeurs de la culture Hip-Hop au sein des Yvelines et au-del\u00e0. Secr\u00e9taire \ud83d\udc64 Photo \u00e0 ajouter [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-244","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/comments?post=244"}],"version-history":[{"count":2,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/244\/revisions"}],"predecessor-version":[{"id":252,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/244\/revisions\/252"}],"wp:attachment":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/media?parent=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}