{"id":7,"date":"2026-05-22T07:56:40","date_gmt":"2026-05-22T07:56:40","guid":{"rendered":"https:\/\/www.etudiant02.portfolio-jcmairot.com\/?page_id=7"},"modified":"2026-06-18T08:40:12","modified_gmt":"2026-06-18T08:40:12","slug":"accueil","status":"publish","type":"page","link":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-stretch is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-eds-animate-it-block eds-animate-block-save\"><div class=\"eds-animate animated edsanimate-sis-hidden  \" data-eds-entry-animation=\"fadeIn\" data-eds-entry-delay=\"0\" data-eds-entry-duration=\"0.5\" data-eds-entry-timing=\"linear\" data-eds-exit-animation=\"\" data-eds-exit-delay=\"0\" data-eds-exit-duration=\"0.5\" data-eds-exit-timing=\"linear\" data-eds-repeat-count=\"1\" data-eds-keep=\"yes\" data-eds-animate-on=\"load\" data-eds-scroll-offset=\"\">\n<div class=\"wp-block-cover alignfull is-light wp-duotone-094850-f9644e-2\" style=\"margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:66vh;aspect-ratio:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-335\" alt=\"\" src=\"https:\/\/pd.w.org\/2021\/12\/12261b91fba359867.64939140.jpg\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-30 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-b3a9afdc wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-left has-white-color has-text-color\" style=\"font-size:clamp(50.171px, 3.136rem + ((1vw - 3.2px) * 4.885), 100px);font-style:normal;font-weight:700;letter-spacing:0px;line-height:1;text-transform:uppercase\">la culture du hip-hop depuis 2012<\/h2>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-nowrap is-layout-flex wp-container-core-buttons-is-layout-78bee44f wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-white-color has-text-color has-custom-font-size wp-element-button\" style=\"padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.196), 16px);font-style:normal;font-weight:600;letter-spacing:0px;text-transform:uppercase\">Explore<\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<style>\n\/* --- CONFIGURATION DES TITRES AVEC TA POLICE BEBAS NEUE --- *\/\n.ev-section-title {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 52px !important; \n  font-weight: 400 !important;\n  text-transform: uppercase; \n  margin-top: 60px; \n  margin-bottom: 20px; \n  letter-spacing: 2px;\n  text-align: center;\n  color: #fff;\n}\n.ev-card-title {\n  font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 28px !important;\n  color: #fff;\n  margin: 0 0 6px 0;\n  letter-spacing: 1px;\n  line-height: 1.1;\n  text-transform: uppercase;\n}\n\n\/* --- STYLES LIGHTBOX --- *\/\n#ev-overlay {\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  background: rgba(10, 10, 15, 0.95);\n  z-index: 99999;\n  align-items: center;\n  justify-content: center;\n}\n#ev-overlay.active { display: flex; }\n.ev-content-container {\n  position: relative;\n  max-width: 85%;\n  max-height: 85vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n#ev-img-show, #ev-vid-show {\n  max-width: 100%;\n  max-height: 85vh;\n  border-radius: 12px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n  transform: scale(0.95);\n  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  display: none;\n}\n#ev-overlay.active #ev-img-show, #ev-overlay.active #ev-vid-show { transform: scale(1); }\n#ev-close {\n  position: fixed; top: 25px; right: 30px;\n  color: #fff; font-size: 35px; cursor: pointer;\n  z-index: 100001; transition: transform 0.2s;\n}\n#ev-close:hover { transform: scale(1.1); }\n.ev-nav-btn {\n  position: fixed; top: 0; width: 12%; height: 100%;\n  cursor: pointer; display: flex; align-items: center;\n  justify-content: center; z-index: 100000; color: rgba(255,255,255,0.4);\n  font-size: 45px; transition: all 0.2s; user-select: none;\n}\n#ev-left { left: 0; }\n#ev-right { right: 0; }\n.ev-nav-btn:hover { color: #fff; background: rgba(255,255,255,0.03); }\n\n\/* --- STYLES CARTES & GRILLE --- *\/\n.ev-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 30px;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n}\n.ev-card {\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 16px;\n  overflow: hidden;\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.ev-card:hover {\n  transform: translateY(-5px);\n  border-color: rgba(107, 79, 255, 0.5);\n  box-shadow: 0 15px 35px rgba(107, 79, 255, 0.15);\n}\n.ev-media-wrap {\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  height: 240px;\n}\n.ev-media-wrap img, .ev-media-wrap video {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.ev-media-wrap:hover img, .ev-media-wrap:hover video { transform: scale(1.05); }\n.ev-zoom {\n  position: absolute; top: 15px; right: 15px;\n  background: rgba(0, 0, 0, 0.7); color: #fff;\n  padding: 6px 14px; border-radius: 20px; font-size: 11px;\n  font-family: 'Inter', sans-serif; font-weight: 500;\n  pointer-events: none; opacity: 0; transition: opacity 0.2s ease;\n  backdrop-filter: blur(4px); z-index: 2;\n}\n.ev-media-wrap:hover .ev-zoom { opacity: 1; }\n.ev-badge {\n  background: linear-gradient(135deg, #6B4FFF, #FF4FA3);\n  color: #fff; font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 14px; letter-spacing: 2px; padding: 6px 16px;\n  border-radius: 20px; display: inline-block; margin-bottom: 16px;\n}\n.ev-btn-ticket {\n  display: inline-block; margin-top: 20px;\n  background: linear-gradient(135deg, #6B4FFF, #FF4FA3);\n  color: #fff !important; font-family: 'Bebas Neue', sans-serif !important;\n  font-size: 20px; letter-spacing: 2px; padding: 12px 24px;\n  border-radius: 8px; text-decoration: none; width: 100%;\n  text-align: center; box-sizing: border-box;\n  transition: opacity 0.2s, transform 0.2s;\n}\n.ev-btn-ticket:hover { opacity: 0.9; transform: translateY(-1px); }\n<\/style>\n\n<!-- Structure de la Galerie (Lightbox) -->\n<div id=\"ev-overlay\">\n  <span id=\"ev-close\" onclick=\"closeEv()\">\u2715<\/span>\n  <div id=\"ev-left\" class=\"ev-nav-btn\" onclick=\"prevEv(event)\"><span>\u2190<\/span><\/div>\n  <div class=\"ev-content-container\">\n    <img decoding=\"async\" id=\"ev-img-show\" src=\"\" alt=\"\"\/>\n    <video id=\"ev-vid-show\" autoplay muted loop playsinline><\/video>\n  <\/div>\n  <div id=\"ev-right\" class=\"ev-nav-btn\" onclick=\"nextEv(event)\"><span>\u2192<\/span><\/div>\n<\/div>\n\n<!-- Grille des \u00e9v\u00e9nements -->\n<div style=\"padding: 20px 0 60px 0;\">\n<div class=\"ev-grid\">\n\n  <!-- \u00c9v\u00e9nement 1 -->\n  <div class=\"ev-card\">\n    <div>\n      <div class=\"ev-media-wrap\" onclick=\"openEv(0)\">\n        <img decoding=\"async\" src=\"https:\/\/www.etudiant02.portfolio-jcmairot.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-08-at-22.56.22-1.jpeg\" alt=\"Yvelines Star Game 2026\"\/>\n        <div class=\"ev-zoom\">\ud83d\udd0d AGRANDIR<\/div>\n        <div style=\"position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,rgba(107,79,255,0.4));pointer-events:none;\"><\/div>\n      <\/div>\n      <div style=\"padding:24px;\">\n        <div class=\"ev-badge\">SAMEDI 20 JUIN 2026<\/div>\n        <h3 class=\"ev-card-title\">\ud83c\udfc0 Yvelines Star Game 2026<\/h3>\n        <p style=\"font-family:'Inter',sans-serif;font-size:12px;color:#a78bfa;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin:0 0 14px 0;\">2\u1d49 \u00c9dition<\/p>\n        <p style=\"font-family:'Inter',sans-serif;font-size:14px;color:rgba(255,255,255,0.85);line-height:1.6;margin:0;\">Strict Hip-Hop sera pr\u00e9sent pour enflammer l&rsquo;\u00e9v\u00e9nement avec des d\u00e9monstrations de danse !<\/p>\n      <\/div>\n    <\/div>\n    <div style=\"padding: 0 24px 24px 24px;\">\n      <div style=\"font-family:'Inter',sans-serif;font-size:13px;color:rgba(255,255,255,0.75);line-height:2;border-top:1px solid rgba(255,255,255,0.15);padding-top:16px;\">\n        <div>\u23f0 <strong style=\"color:#fff;\">19h00<\/strong><\/div>\n        <div>\ud83d\udccd <strong style=\"color:#fff;\">Gymnase Bourneton<\/strong>, Les Clayes-sous-Bois<\/div>\n        <div>\ud83d\udcb0 Entr\u00e9e : <strong style=\"color:#fff;\">3\u20ac<\/strong><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u00c9v\u00e9nement 2 -->\n  <div class=\"ev-card\">\n    <div>\n      <div class=\"ev-media-wrap\" onclick=\"openEv(1)\">\n        <video src=\"https:\/\/www.etudiant02.portfolio-jcmairot.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-08-at-22.56.26.mp4\" autoplay muted loop playsinline><\/video>\n        <div class=\"ev-zoom\">\ud83d\udd0d AGRANDIR<\/div>\n        <div style=\"position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,rgba(196,79,191,0.4));pointer-events:none;\"><\/div>\n      <\/div>\n      <div style=\"padding:24px;\">\n        <div class=\"ev-badge\">D\u00c8S LE 4 JUIN 2026<\/div>\n        <h3 class=\"ev-card-title\">\ud83d\udd7a Cours d&rsquo;Essai Breakdance<\/h3>\n        <p style=\"font-family:'Inter',sans-serif;font-size:12px;color:#f0abfc;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin:0 0 14px 0;\">Tous niveaux \u00b7 Tous \u00e2ges<\/p>\n        <p style=\"font-family:'Inter',sans-serif;font-size:14px;color:rgba(255,255,255,0.85);line-height:1.6;margin:0;\">Rejoignez nos sessions d&rsquo;essai gratuites pour d\u00e9couvrir l&rsquo;univers de la danse urbaine avec nos coachs.<\/p>\n      <\/div>\n    <\/div>\n    <div style=\"padding: 0 24px 24px 24px;\">\n      <div style=\"font-family:'Inter',sans-serif;font-size:13px;color:rgba(255,255,255,0.75);line-height:2;border-top:1px solid rgba(255,255,255,0.15);padding-top:16px;\">\n        <div>\ud83d\udc5f <strong style=\"color:#fff;\">6-10 ans<\/strong> \u2014 Mercredi &#038; Jeudi : 17h30\u201319h<\/div>\n        <div>\ud83d\udc5f <strong style=\"color:#fff;\">11-14 ans<\/strong> \u2014 Samedi : 15h30\u201317h<\/div>\n        <div>\ud83d\udd25 <strong style=\"color:#fff;\">15+ &#038; Adultes<\/strong> \u2014 Samedi : 14h\u201315h30<\/div>\n        <div style=\"margin-top:4px;\">\ud83d\udce9 <strong style=\"color:#fff;\">Infos &#038; inscriptions en DM<\/strong><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u00c9v\u00e9nement 3 -->\n  <div class=\"ev-card\">\n    <div>\n      <div class=\"ev-media-wrap\" onclick=\"openEv(2)\">\n        <img decoding=\"async\" src=\"https:\/\/www.etudiant02.portfolio-jcmairot.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-08-at-22.56.22.jpeg\" alt=\"De la Sc\u00e8ne au Cercle\"\/>\n        <div class=\"ev-zoom\">\ud83d\udd0d AGRANDIR<\/div>\n        <div style=\"position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,rgba(255,79,163,0.4));pointer-events:none;\"><\/div>\n      <\/div>\n      <div style=\"padding:24px;\">\n        <div class=\"ev-badge\">SAMEDI 27 JUIN 2026<\/div>\n        <h3 class=\"ev-card-title\">\ud83c\udf89 De la Sc\u00e8ne au Cercle<\/h3>\n        <p style=\"font-family:'Inter',sans-serif;font-size:12px;color:#FF4FA3;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin:0 0 14px 0;\">Restitution de fin d&rsquo;ann\u00e9e<\/p>\n        <p style=\"font-family:'Inter',sans-serif;font-size:14px;color:rgba(255,255,255,0.85);line-height:1.6;margin:0;\">Restitution de fin d&rsquo;ann\u00e9e, Jam All Styles ouverte \u00e0 tous les danseurs, grosse ambiance Hip-Hop en perspective !<\/p>\n      <\/div>\n    <\/div>\n    <div style=\"padding: 0 24px 24px 24px;\">\n      <div style=\"font-family:'Inter',sans-serif;font-size:13px;color:rgba(255,255,255,0.75);line-height:2;border-top:1px solid rgba(255,255,255,0.15);padding-top:16px;\">\n        <div>\ud83d\udd51 Ouverture : <strong style=\"color:#fff;\">14h<\/strong><\/div>\n        <div>\ud83d\udccd <strong style=\"color:#fff;\">Salle Jean-Baptiste Cl\u00e9ment<\/strong>, Trappes<\/div>\n        <div>\ud83d\udcb0 Entr\u00e9e : <strong style=\"color:#fff;\">2\u20ac<\/strong><\/div>\n      <\/div>\n      <a href=\"https:\/\/www.helloasso.com\/associations\/strict-hip-hop\/evenements\/de-la-scene-au-cercle\" target=\"_blank\" class=\"ev-btn-ticket\">R\u00e9server \u2192<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n<script>\nvar evSrcs=[\n  {type:'img',src:'https:\/\/www.etudiant02.portfolio-jcmairot.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-08-at-22.56.22-1.jpeg'},\n  {type:'vid',src:'https:\/\/www.etudiant02.portfolio-jcmairot.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-08-at-22.56.26.mp4'},\n  {type:'img',src:'https:\/\/www.etudiant02.portfolio-jcmairot.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-08-at-22.56.22.jpeg'}\n];\nvar currentEvIndex = 0;\n\nfunction openEv(index){\n  currentEvIndex = index;\n  updateLightboxMedia();\n  document.getElementById('ev-overlay').classList.add('active');\n  document.body.style.overflow='hidden';\n}\n\nfunction updateLightboxMedia() {\n  var m = evSrcs[currentEvIndex];\n  var img = document.getElementById('ev-img-show');\n  var vid = document.getElementById('ev-vid-show');\n  \n  if(m.type==='img'){\n    img.src = m.src;\n    img.style.display = 'block';\n    vid.style.display = 'none';\n    vid.pause();\n  } else {\n    vid.src = m.src;\n    vid.style.display = 'block';\n    vid.play();\n    img.style.display = 'none';\n  }\n}\n\nfunction closeEv(){\n  document.getElementById('ev-overlay').classList.remove('active');\n  document.body.style.overflow='';\n  document.getElementById('ev-vid-show').pause();\n}\n\nfunction nextEv(e) {\n  e.stopPropagation();\n  currentEvIndex = (currentEvIndex + 1) % evSrcs.length;\n  updateLightboxMedia();\n}\n\nfunction prevEv(e) {\n  e.stopPropagation();\n  currentEvIndex = (currentEvIndex - 1 + evSrcs.length) % evSrcs.length;\n  updateLightboxMedia();\n}\n\ndocument.getElementById('ev-overlay').addEventListener('click', function(e) {\n  if (e.target === this) closeEv();\n});\n\ndocument.addEventListener('keydown', function(e){\n  if(!document.getElementById('ev-overlay').classList.contains('active')) return;\n  if(e.key==='Escape') closeEv();\n  if(e.key==='ArrowRight') nextEv(e);\n  if(e.key==='ArrowLeft') prevEv(e);\n});\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2715 \u2190 \u2192 \ud83d\udd0d AGRANDIR SAMEDI 20 JUIN 2026 \ud83c\udfc0 Yvelines Star Game 2026 2\u1d49 \u00c9dition Strict Hip-Hop sera pr\u00e9sent pour enflammer l&rsquo;\u00e9v\u00e9nement avec des d\u00e9monstrations de danse ! \u23f0 19h00 \ud83d\udccd Gymnase Bourneton, Les Clayes-sous-Bois \ud83d\udcb0 Entr\u00e9e : 3\u20ac \ud83d\udd0d AGRANDIR D\u00c8S LE 4 JUIN 2026 \ud83d\udd7a Cours d&rsquo;Essai Breakdance Tous niveaux \u00b7 Tous [&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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/7","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=7"}],"version-history":[{"count":17,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":243,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/7\/revisions\/243"}],"wp:attachment":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}