{"id":231,"date":"2026-06-17T11:33:57","date_gmt":"2026-06-17T11:33:57","guid":{"rendered":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/?page_id=231"},"modified":"2026-06-25T07:09:01","modified_gmt":"2026-06-25T07:09:01","slug":"stages-vacances","status":"publish","type":"page","link":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/stages-vacances\/","title":{"rendered":"STAGES &amp; VACANCES"},"content":{"rendered":"\n<style>\n.stg-wrap { font-family: 'Inter', sans-serif; padding: 0 20px 60px; }\n\n\/* HERO *\/\n.stg-hero {\n  text-align: center;\n  padding: 60px 20px 50px;\n  position: relative;\n}\n.stg-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.stg-hero p {\n  font-size: 16px;\n  color: rgba(255,255,255,0.75);\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin: 0;\n}\n\n\/* CARDS *\/\n.stg-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 30px;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n.stg-card {\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 20px;\n  overflow: hidden;\n  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;\n}\n.stg-card:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 24px 50px rgba(107,79,255,0.25);\n  border-color: #6B4FFF;\n}\n\n\/* VIDEO *\/\n.stg-video-wrap {\n  position: relative;\n  height: 280px;\n  overflow: hidden;\n}\n.stg-video-wrap video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.stg-video-overlay {\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 100px;\n  background: linear-gradient(transparent, rgba(10,10,20,0.95));\n  pointer-events: none;\n}\n.stg-badge {\n  position: absolute;\n  top: 16px; left: 16px;\n  background: linear-gradient(135deg, #6B4FFF, #FF4FA3);\n  color: #fff;\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 13px;\n  letter-spacing: 2px;\n  padding: 6px 16px;\n  border-radius: 30px;\n  z-index: 2;\n}\n.stg-limited {\n  position: absolute;\n  top: 16px; right: 16px;\n  background: rgba(255,79,163,0.2);\n  border: 1px solid #FF4FA3;\n  color: #FF4FA3;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  padding: 5px 12px;\n  border-radius: 20px;\n  z-index: 2;\n}\n\n\/* CARD CONTENT *\/\n.stg-card-body { padding: 28px 28px 32px; }\n.stg-card-title {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 36px;\n  color: #fff;\n  letter-spacing: 2px;\n  margin: 0 0 6px 0;\n  line-height: 1;\n}\n.stg-card-sub {\n  font-size: 12px;\n  color: #FF4FA3;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin: 0 0 24px 0;\n}\n.stg-infos {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin-bottom: 24px;\n}\n.stg-info-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  font-size: 14px;\n  color: rgba(255,255,255,0.85);\n  line-height: 1.5;\n}\n.stg-info-icon {\n  font-size: 16px;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n.stg-info-label {\n  font-weight: 700;\n  color: #fff;\n}\n.stg-divider {\n  height: 1px;\n  background: rgba(255,255,255,0.08);\n  margin: 20px 0;\n}\n.stg-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 24px;\n}\n.stg-tag {\n  background: rgba(107,79,255,0.15);\n  border: 1px solid rgba(107,79,255,0.3);\n  color: #a78bfa;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 1px;\n  padding: 5px 14px;\n  border-radius: 30px;\n}\n.stg-price {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n}\n.stg-price-label {\n  font-size: 13px;\n  color: rgba(255,255,255,0.5);\n  text-transform: uppercase;\n  letter-spacing: 2px;\n}\n.stg-price-amount {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 42px;\n  color: #fff;\n  letter-spacing: 2px;\n  line-height: 1;\n}\n.stg-price-amount span {\n  font-size: 18px;\n  color: rgba(255,255,255,0.6);\n  font-family: 'Inter', sans-serif;\n  font-weight: 400;\n}\n.stg-btn {\n  display: block;\n  background: linear-gradient(135deg, #6B4FFF, #FF4FA3);\n  color: #fff;\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 20px;\n  letter-spacing: 3px;\n  text-align: center;\n  padding: 16px 28px;\n  border-radius: 10px;\n  text-decoration: none;\n  transition: opacity 0.2s, transform 0.2s;\n}\n.stg-btn:hover { opacity: 0.88; transform: scale(1.02); }\n\n\/* PROF SECTION *\/\n.stg-prof {\n  max-width: 1100px;\n  margin: 50px auto 0;\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 20px;\n  padding: 40px;\n  display: flex;\n  align-items: center;\n  gap: 30px;\n}\n.stg-prof-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, #6B4FFF, #FF4FA3);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 36px;\n  flex-shrink: 0;\n}\n.stg-prof-name {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 32px;\n  color: #fff;\n  letter-spacing: 2px;\n  margin: 0 0 6px 0;\n}\n.stg-prof-role {\n  font-size: 12px;\n  color: #FF4FA3;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin: 0 0 12px 0;\n}\n.stg-prof-text {\n  font-size: 14px;\n  color: rgba(255,255,255,0.8);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* FOOTER NOTE *\/\n.stg-note {\n  max-width: 1100px;\n  margin: 30px auto 0;\n  text-align: center;\n  font-size: 14px;\n  color: rgba(255,255,255,0.5);\n  line-height: 1.7;\n}\n.stg-note a { color: #a78bfa; text-decoration: none; }\n\n@media(max-width:768px) {\n  .stg-grid { grid-template-columns: 1fr; }\n  .stg-prof { flex-direction: column; text-align: center; }\n}\n<\/style>\n\n<div class=\"stg-wrap\">\n\n<!-- HERO -->\n<div class=\"stg-hero\">\n  <h1>Stages<br>&#038; Vacances<\/h1>\n  <p>Hip-Hop \u00b7 Breakdance \u00b7 Tous niveaux \u00b7 Trappes<\/p>\n<\/div>\n\n<!-- CARDS -->\n<div class=\"stg-grid\">\n\n  <!-- STAGE JUILLET -->\n  <div class=\"stg-card\">\n    <div class=\"stg-video-wrap\">\n      <div class=\"stg-badge\">Juillet 2026<\/div>\n      <div class=\"stg-limited\">\u26a0\ufe0f Places limit\u00e9es<\/div>\n      <video autoplay muted loop playsinline>\n        <source src=\"https:\/\/www.etudiant02.portfolio-jcmairot.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-17-at-10.55.57.mp4\" type=\"video\/mp4\"\/>\n      <\/video>\n      <div class=\"stg-video-overlay\"><\/div>\n    <\/div>\n    <div class=\"stg-card-body\">\n      <h2 class=\"stg-card-title\">Stage Hip-Hop<br>Breakdance<\/h2>\n      <p class=\"stg-card-sub\">3 jours d&rsquo;immersion \u00b7 \u00c9t\u00e9 2026<\/p>\n      <div class=\"stg-infos\">\n        <div class=\"stg-info-row\">\n          <span class=\"stg-info-icon\">\ud83d\udcc5<\/span>\n          <div><span class=\"stg-info-label\">Dates<\/span><br>6, 7 et 8 Juillet 2026<\/div>\n        <\/div>\n        <div class=\"stg-info-row\">\n          <span class=\"stg-info-icon\">\ud83d\udccd<\/span>\n          <div><span class=\"stg-info-label\">Lieu<\/span><br>Salle Jos\u00e9phine Baker<br>21 Rue Jean Zay, 78190 Trappes<\/div>\n        <\/div>\n        <div class=\"stg-info-row\">\n          <span class=\"stg-info-icon\">\ud83d\udc5f<\/span>\n          <div><span class=\"stg-info-label\">Niveau<\/span><br>Ouvert \u00e0 tous les niveaux<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"stg-divider\"><\/div>\n      <div class=\"stg-tags\">\n        <span class=\"stg-tag\">Technique<\/span>\n        <span class=\"stg-tag\">Musicalit\u00e9<\/span>\n        <span class=\"stg-tag\">Cr\u00e9ativit\u00e9<\/span>\n        <span class=\"stg-tag\">Expression<\/span>\n        <span class=\"stg-tag\">Transmission<\/span>\n      <\/div>\n      <div class=\"stg-price\">\n        <span class=\"stg-price-label\">Tarif<\/span>\n        <div class=\"stg-price-amount\">13\u20ac <span>\/ pers.<\/span><\/div>\n      <\/div>\n      <a href=\"https:\/\/www.helloasso.com\/associations\/strict-hip-hop\/evenements\/stage-juillet-26-hip-hop-breakdance-by-massamba-sosickx-strict-hip-hop\" target=\"_blank\" class=\"stg-btn\">S&rsquo;inscrire sur HelloAsso \u2192<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- STAGE AO\u00dbT -->\n  <div class=\"stg-card\">\n    <div class=\"stg-video-wrap\">\n      <div class=\"stg-badge\">Ao\u00fbt 2026<\/div>\n      <div class=\"stg-limited\">\u26a0\ufe0f Places limit\u00e9es<\/div>\n      <video autoplay muted loop playsinline>\n        <source src=\"https:\/\/www.etudiant02.portfolio-jcmairot.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Video-2026-06-17-at-10.54.55.mp4\" type=\"video\/mp4\"\/>\n      <\/video>\n      <div class=\"stg-video-overlay\"><\/div>\n    <\/div>\n    <div class=\"stg-card-body\">\n      <h2 class=\"stg-card-title\">Stage Hip-Hop<br>Breakdance<\/h2>\n      <p class=\"stg-card-sub\">4 jours d&rsquo;immersion \u00b7 \u00c9t\u00e9 2026<\/p>\n      <div class=\"stg-infos\">\n        <div class=\"stg-info-row\">\n          <span class=\"stg-info-icon\">\ud83d\udcc5<\/span>\n          <div><span class=\"stg-info-label\">Dates<\/span><br>24, 25, 26 et 28 Ao\u00fbt 2026<\/div>\n        <\/div>\n        <div class=\"stg-info-row\">\n          <span class=\"stg-info-icon\">\ud83d\udccd<\/span>\n          <div><span class=\"stg-info-label\">Lieu<\/span><br>Salle Jos\u00e9phine Baker<br>21 Rue Jean Zay, 78190 Trappes<\/div>\n        <\/div>\n        <div class=\"stg-info-row\">\n          <span class=\"stg-info-icon\">\ud83d\udc5f<\/span>\n          <div><span class=\"stg-info-label\">Niveau<\/span><br>Ouvert \u00e0 tous les niveaux<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"stg-divider\"><\/div>\n      <div class=\"stg-tags\">\n        <span class=\"stg-tag\">Technique<\/span>\n        <span class=\"stg-tag\">Musicalit\u00e9<\/span>\n        <span class=\"stg-tag\">Cr\u00e9ativit\u00e9<\/span>\n        <span class=\"stg-tag\">Expression<\/span>\n        <span class=\"stg-tag\">Transmission<\/span>\n      <\/div>\n      <div class=\"stg-price\">\n        <span class=\"stg-price-label\">Tarif<\/span>\n        <div class=\"stg-price-amount\">13\u20ac <span>\/ pers.<\/span><\/div>\n      <\/div>\n      <a href=\"https:\/\/www.helloasso.com\/associations\/strict-hip-hop\/evenements\/stage-aout-26-hip-hop-breakdance-by-massamba-sosickx-strict-hip-hop-2\" target=\"_blank\" class=\"stg-btn\">S&rsquo;inscrire sur HelloAsso \u2192<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- PROF -->\n<div class=\"stg-prof\">\n  <div class=\"stg-prof-icon\">\ud83d\udd7a<\/div>\n  <div>\n    <h3 class=\"stg-prof-name\">Massamba SOSICKX Djibalene<\/h3>\n    <p class=\"stg-prof-role\">Charg\u00e9 de projets \u00b7 Chor\u00e9graphe \u00b7 P\u00e9dagogue<\/p>\n    <p class=\"stg-prof-text\">R\u00e9f\u00e9rent Breaking pour le d\u00e9partement des Yvelines et porteur de la Flamme Olympique Paris 2024. Massamba transmet la culture Hip-Hop depuis plus de 25 ans avec une approche humaine, bienveillante et exigeante. Venir \u00e0 son stage, c&rsquo;est apprendre \u00e0 danser, \u00e0 \u00e9couter et \u00e0 partager.<\/p>\n  <\/div>\n<\/div>\n\n<!-- NOTE -->\n<div class=\"stg-note\">\n  \ud83d\udce9 Pour toute question : <a href=\"mailto:stricthiphop78@gmail.com\">stricthiphop78@gmail.com<\/a> ou en DM sur les r\u00e9seaux sociaux<br>\n  <span style=\"color:rgba(255,255,255,0.3);font-size:13px;\">Les inscriptions se font via HelloAsso \u00b7 Places limit\u00e9es \u00b7 Paiement en ligne s\u00e9curis\u00e9<\/span>\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Stages&#038; Vacances Hip-Hop \u00b7 Breakdance \u00b7 Tous niveaux \u00b7 Trappes Juillet 2026 \u26a0\ufe0f Places limit\u00e9es Stage Hip-HopBreakdance 3 jours d&rsquo;immersion \u00b7 \u00c9t\u00e9 2026 \ud83d\udcc5 Dates6, 7 et 8 Juillet 2026 \ud83d\udccd LieuSalle Jos\u00e9phine Baker21 Rue Jean Zay, 78190 Trappes \ud83d\udc5f NiveauOuvert \u00e0 tous les niveaux Technique Musicalit\u00e9 Cr\u00e9ativit\u00e9 Expression Transmission Tarif 13\u20ac \/ pers. S&rsquo;inscrire [&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-231","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/231","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=231"}],"version-history":[{"count":3,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/231\/revisions"}],"predecessor-version":[{"id":279,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/231\/revisions\/279"}],"wp:attachment":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/media?parent=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}