{"id":223,"date":"2026-06-17T11:31:38","date_gmt":"2026-06-17T11:31:38","guid":{"rendered":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/?page_id=223"},"modified":"2026-06-25T12:36:33","modified_gmt":"2026-06-25T12:36:33","slug":"be-the-one-1","status":"publish","type":"page","link":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/be-the-one-1\/","title":{"rendered":"BE THE ONE 1"},"content":{"rendered":"\n<style>\n.bto1-wrap { font-family: 'Inter', sans-serif; padding: 0 20px 60px; }\n\n\/* HERO *\/\n.bto1-hero {\n  text-align: center;\n  padding: 60px 20px 50px;\n  position: relative;\n}\n.bto1-hero::before {\n  content: '1';\n  position: absolute;\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 400px;\n  color: rgba(255,255,255,0.03);\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  line-height: 1;\n  pointer-events: none;\n  z-index: 0;\n}\n.bto1-hero-content { position: relative; z-index: 1; }\n.bto1-edition-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: linear-gradient(135deg, #6B4FFF, #FF4FA3);\n  color: #fff;\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 14px;\n  letter-spacing: 3px;\n  padding: 8px 22px;\n  border-radius: 40px;\n  margin-bottom: 24px;\n}\n.bto1-hero h1 {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(60px, 12vw, 120px);\n  letter-spacing: 3px;\n  margin: 0 0 10px 0;\n  line-height: 0.9;\n  background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0.65) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n.bto1-hero-date {\n  font-size: 16px;\n  color: rgba(255,255,255,0.7);\n  letter-spacing: 2px;\n  margin: 16px 0 0 0;\n}\n\n\/* AFFICHE PLACEHOLDER *\/\n.bto1-affiche {\n  max-width: 400px;\n  margin: 0 auto 50px;\n  background: rgba(255,255,255,0.04);\n  border: 2px dashed rgba(255,255,255,0.15);\n  border-radius: 16px;\n  padding: 60px 30px;\n  text-align: center;\n}\n.bto1-affiche-icon { font-size: 48px; margin-bottom: 12px; }\n.bto1-affiche-text {\n  font-size: 13px;\n  color: rgba(255,255,255,0.3);\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n\/* SECTION TITLE *\/\n.bto1-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 24px 0;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  max-width: 1000px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.bto1-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.bto1-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\/* INFO GRID *\/\n.bto1-info-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  max-width: 1000px;\n  margin: 0 auto 40px;\n}\n.bto1-info-card {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 16px;\n  padding: 28px 24px;\n  transition: all 0.3s ease;\n}\n.bto1-info-card:hover {\n  background: rgba(107,79,255,0.08);\n  border-color: rgba(107,79,255,0.3);\n  transform: translateY(-4px);\n}\n.bto1-info-icon { font-size: 28px; margin-bottom: 12px; display: block; }\n.bto1-info-label {\n  font-size: 11px;\n  color: #FF4FA3;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin: 0 0 8px 0;\n}\n.bto1-info-value {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 22px;\n  color: #fff;\n  letter-spacing: 1px;\n  margin: 0;\n  line-height: 1.2;\n}\n\n\/* DISCIPLINES *\/\n.bto1-disciplines {\n  max-width: 1000px;\n  margin: 0 auto 40px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.bto1-discipline {\n  background: rgba(107,79,255,0.12);\n  border: 1px solid rgba(107,79,255,0.3);\n  color: #a78bfa;\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 18px;\n  letter-spacing: 2px;\n  padding: 10px 22px;\n  border-radius: 40px;\n  transition: all 0.3s ease;\n}\n.bto1-discipline:hover {\n  background: rgba(107,79,255,0.25);\n  color: #fff;\n  transform: scale(1.05);\n}\n\n\/* PERSONNES *\/\n.bto1-people-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n  max-width: 1000px;\n  margin: 0 auto 40px;\n}\n.bto1-person-card {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 16px;\n  padding: 24px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  transition: all 0.3s ease;\n}\n.bto1-person-card:hover {\n  border-color: rgba(255,79,163,0.3);\n  transform: translateY(-3px);\n}\n.bto1-person-avatar {\n  width: 52px;\n  height: 52px;\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: 22px;\n  flex-shrink: 0;\n}\n.bto1-person-role {\n  font-size: 11px;\n  color: #FF4FA3;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin: 0 0 4px 0;\n}\n.bto1-person-name {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 22px;\n  color: #fff;\n  letter-spacing: 1px;\n  margin: 0;\n}\n\n\/* TARIFS *\/\n.bto1-tarifs {\n  max-width: 1000px;\n  margin: 0 auto 40px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n.bto1-tarif {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 14px;\n  padding: 22px;\n  text-align: center;\n}\n.bto1-tarif-cat {\n  font-size: 12px;\n  color: rgba(255,255,255,0.5);\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin: 0 0 8px 0;\n}\n.bto1-tarif-prix {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 36px;\n  color: #fff;\n  margin: 0;\n  letter-spacing: 1px;\n}\n.bto1-tarif-desc {\n  font-size: 12px;\n  color: rgba(255,255,255,0.4);\n  margin: 6px 0 0 0;\n}\n\n\/* FOOTER *\/\n.bto1-footer {\n  max-width: 1000px;\n  margin: 50px auto 0;\n  text-align: center;\n  padding: 40px;\n  background: rgba(255,255,255,0.03);\n  border: 1px solid rgba(255,255,255,0.07);\n  border-radius: 20px;\n}\n.bto1-footer-quote {\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: clamp(20px, 3vw, 32px);\n  color: #FF4FA3;\n  letter-spacing: 4px;\n  margin: 0 0 10px 0;\n}\n.bto1-footer-sub {\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n  letter-spacing: 2px;\n}\n.bto1-nav-editions {\n  max-width: 1000px;\n  margin: 30px auto 0;\n  display: flex;\n  justify-content: flex-end;\n}\n.bto1-nav-btn {\n  background: linear-gradient(135deg, #6B4FFF, #FF4FA3);\n  color: #fff;\n  font-family: 'Bebas Neue', sans-serif;\n  font-size: 16px;\n  letter-spacing: 2px;\n  padding: 12px 28px;\n  border-radius: 8px;\n  text-decoration: none;\n  transition: opacity 0.2s, transform 0.2s;\n}\n.bto1-nav-btn:hover { opacity: 0.85; transform: scale(1.03); }\n\n@media(max-width: 768px) {\n  .bto1-info-grid { grid-template-columns: 1fr 1fr; }\n  .bto1-people-grid { grid-template-columns: 1fr; }\n  .bto1-tarifs { grid-template-columns: 1fr; }\n}\n@media(max-width: 500px) {\n  .bto1-info-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"bto1-wrap\">\n\n<!-- HERO -->\n<div class=\"bto1-hero\">\n  <div class=\"bto1-hero-content\">\n    <div class=\"bto1-edition-badge\">\u2b50 1\u00e8re \u00c9dition<\/div>\n    <h1>Be The One<br>2014<\/h1>\n    <p class=\"bto1-hero-date\">\ud83d\udcc5 Samedi 11 Janvier 2014 \u00b7 15h30<\/p>\n  <\/div>\n<\/div>\n\n<!-- AFFICHE -->\n<div class=\"bto1-affiche\">\n  <div class=\"bto1-affiche-icon\">\ud83d\uddbc\ufe0f<\/div>\n  <p class=\"bto1-affiche-text\">Affiche \u00e0 ajouter<\/p>\n<\/div>\n\n<!-- INFOS -->\n<h2 class=\"bto1-section-title\">Informations<\/h2>\n<div class=\"bto1-info-grid\">\n  <div class=\"bto1-info-card\">\n    <span class=\"bto1-info-icon\">\ud83d\udcc5<\/span>\n    <p class=\"bto1-info-label\">Date<\/p>\n    <p class=\"bto1-info-value\">Samedi 11 Janvier 2014<\/p>\n  <\/div>\n  <div class=\"bto1-info-card\">\n    <span class=\"bto1-info-icon\">\u23f0<\/span>\n    <p class=\"bto1-info-label\">Horaire<\/p>\n    <p class=\"bto1-info-value\">Entr\u00e9e Public 15h30<\/p>\n  <\/div>\n  <div class=\"bto1-info-card\">\n    <span class=\"bto1-info-icon\">\ud83d\udccd<\/span>\n    <p class=\"bto1-info-label\">Lieu<\/p>\n    <p class=\"bto1-info-value\">Halle de la G\u00e9om\u00e9trie, Trappes<\/p>\n  <\/div>\n<\/div>\n\n<!-- DISCIPLINES -->\n<h2 class=\"bto1-section-title\">Disciplines<\/h2>\n<div class=\"bto1-disciplines\" style=\"max-width:1000px;margin:0 auto 40px;\">\n  <span class=\"bto1-discipline\">2vs2 Hiphop<\/span>\n  <span class=\"bto1-discipline\">1vs1 Krump<\/span>\n  <span class=\"bto1-discipline\">1vs1 Break<\/span>\n<\/div>\n\n<!-- TARIFS -->\n<h2 class=\"bto1-section-title\">Tarifs<\/h2>\n<div class=\"bto1-tarifs\">\n  <div class=\"bto1-tarif\">\n    <p class=\"bto1-tarif-cat\">Entr\u00e9e Publique<\/p>\n    <p class=\"bto1-tarif-prix\">7\u20ac<\/p>\n    <p class=\"bto1-tarif-desc\">Acc\u00e8s spectateurs<\/p>\n  <\/div>\n  <div class=\"bto1-tarif\">\n    <p class=\"bto1-tarif-cat\">-10 ans<\/p>\n    <p class=\"bto1-tarif-prix\">5\u20ac<\/p>\n    <p class=\"bto1-tarif-desc\">Tarif enfant<\/p>\n  <\/div>\n  <div class=\"bto1-tarif\">\n    <p class=\"bto1-tarif-cat\">Fly Fights<\/p>\n    <p class=\"bto1-tarif-prix\">3\u20ac<\/p>\n    <p class=\"bto1-tarif-desc\">After HipHop Party<\/p>\n  <\/div>\n<\/div>\n\n<!-- MONEY PRICE -->\n<h2 class=\"bto1-section-title\">Money Price<\/h2>\n<div class=\"bto1-info-grid\">\n  <div class=\"bto1-info-card\">\n    <span class=\"bto1-info-icon\">\ud83c\udfc6<\/span>\n    <p class=\"bto1-info-label\">2vs2 Hiphop<\/p>\n    <p class=\"bto1-info-value\">400\u20ac<\/p>\n  <\/div>\n  <div class=\"bto1-info-card\">\n    <span class=\"bto1-info-icon\">\ud83e\udd47<\/span>\n    <p class=\"bto1-info-label\">1vs1 Krump<\/p>\n    <p class=\"bto1-info-value\">200\u20ac<\/p>\n  <\/div>\n  <div class=\"bto1-info-card\">\n    <span class=\"bto1-info-icon\">\ud83e\udd47<\/span>\n    <p class=\"bto1-info-label\">1vs1 Break<\/p>\n    <p class=\"bto1-info-value\">200\u20ac<\/p>\n  <\/div>\n<\/div>\n\n<!-- \u00c9QUIPE -->\n<h2 class=\"bto1-section-title\">L&rsquo;\u00c9quipe<\/h2>\n<div class=\"bto1-people-grid\">\n  <div class=\"bto1-person-card\">\n    <div class=\"bto1-person-avatar\">\ud83c\udfa4<\/div>\n    <div>\n      <p class=\"bto1-person-role\">Speaker<\/p>\n      <p class=\"bto1-person-name\">Youval<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"bto1-person-card\">\n    <div class=\"bto1-person-avatar\">\ud83c\udfa7<\/div>\n    <div>\n      <p class=\"bto1-person-role\">DJ<\/p>\n      <p class=\"bto1-person-name\">DJ Kakashi<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"bto1-person-card\">\n    <div class=\"bto1-person-avatar\">\u2696\ufe0f<\/div>\n    <div>\n      <p class=\"bto1-person-role\">Juge<\/p>\n      <p class=\"bto1-person-name\">Sosickx<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"bto1-person-card\">\n    <div class=\"bto1-person-avatar\">\u2696\ufe0f<\/div>\n    <div>\n      <p class=\"bto1-person-role\">Juge<\/p>\n      <p class=\"bto1-person-name\">Bouba Colorz<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"bto1-person-card\">\n    <div class=\"bto1-person-avatar\">\u2696\ufe0f<\/div>\n    <div>\n      <p class=\"bto1-person-role\">Juge<\/p>\n      <p class=\"bto1-person-name\">Twin Rulez<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"bto1-person-card\">\n    <div class=\"bto1-person-avatar\">\u2696\ufe0f<\/div>\n    <div>\n      <p class=\"bto1-person-role\">Juge<\/p>\n      <p class=\"bto1-person-name\">Scoobyflex &#038; Essam<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- FOOTER -->\n<div class=\"bto1-footer\">\n  <p class=\"bto1-footer-quote\">Peace Love Unity &#038; Having Fun<\/p>\n  <p class=\"bto1-footer-sub\">Strict Hip-Hop \u00b7 Since 2012 \u00b7 \u00c9lancourt<\/p>\n<\/div>\n<div class=\"bto1-nav-editions\">\n  <a href=\"https:\/\/www.etudiant02.portfolio-jcmairot.com\/be-the-one-2\/\" class=\"bto1-nav-btn\">2\u00e8me \u00c9dition 2016 \u2192<\/a>\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2b50 1\u00e8re \u00c9dition Be The One2014 \ud83d\udcc5 Samedi 11 Janvier 2014 \u00b7 15h30 \ud83d\uddbc\ufe0f Affiche \u00e0 ajouter Informations \ud83d\udcc5 Date Samedi 11 Janvier 2014 \u23f0 Horaire Entr\u00e9e Public 15h30 \ud83d\udccd Lieu Halle de la G\u00e9om\u00e9trie, Trappes Disciplines 2vs2 Hiphop 1vs1 Krump 1vs1 Break Tarifs Entr\u00e9e Publique 7\u20ac Acc\u00e8s spectateurs -10 ans 5\u20ac Tarif enfant Fly [&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-223","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/223","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=223"}],"version-history":[{"count":4,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":277,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/223\/revisions\/277"}],"wp:attachment":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}