{"id":30,"date":"2026-05-26T12:19:52","date_gmt":"2026-05-26T12:19:52","guid":{"rendered":"https:\/\/www.etudiant02.portfolio-jcmairot.com\/?page_id=30"},"modified":"2026-06-15T09:34:20","modified_gmt":"2026-06-15T09:34:20","slug":"presentation","status":"publish","type":"page","link":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/presentation\/","title":{"rendered":"Pr\u00e9sentation"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Inter:wght@400;600;700&display=swap');\n\n.pres-wrap{padding:0;font-family:'Inter',sans-serif;overflow:hidden;}\n\n\/* HERO *\/\n.pres-hero{padding:80px 40px 60px;text-align:center;position:relative;}\n.pres-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(255,255,255,0.1) 0%,transparent 70%);pointer-events:none;}\n.pres-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,12vw,120px);color:#fff;margin:0;letter-spacing:4px;line-height:0.9;animation:heroIn 1s ease forwards;}\n.pres-hero h1 span{background:linear-gradient(135deg,#fff,rgba(255,255,255,0.6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}\n.pres-hero p{font-size:16px;color:rgba(255,255,255,0.7);letter-spacing:5px;text-transform:uppercase;margin:20px 0 0 0;animation:heroIn 1s ease 0.2s both;}\n@keyframes heroIn{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}\n\n\/* TAGS CLOUD *\/\n.pres-tags-section{padding:0 40px 60px;}\n.pres-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}\n.pres-tag{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.3);color:#fff;padding:10px 22px;border-radius:40px;font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;transition:all 0.3s ease;cursor:default;animation:tagIn 0.5s ease both;}\n.pres-tag:hover{background:rgba(255,255,255,0.3);transform:scale(1.1) translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2);}\n.pres-tag.accent{background:linear-gradient(135deg,rgba(107,79,255,0.4),rgba(255,79,163,0.4));border-color:rgba(255,255,255,0.5);}\n@keyframes tagIn{from{opacity:0;transform:scale(0.8);}to{opacity:1;transform:scale(1);}}\n\n\/* SECTION TITLES *\/\n.pres-section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,6vw,60px);color:#fff;margin:0 0 30px 0;letter-spacing:3px;display:flex;align-items:center;gap:16px;}\n.pres-section-title::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0.4),transparent);}\n\n\/* OBJECTIFS *\/\n.pres-objectifs{padding:40px;margin-bottom:0;}\n.pres-obj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;}\n.pres-obj-card{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:28px;transition:all 0.3s ease;position:relative;overflow:hidden;}\n.pres-obj-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6B4FFF,#FF4FA3);}\n.pres-obj-card:hover{background:rgba(255,255,255,0.18);transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.2);}\n.pres-obj-num{font-family:'Bebas Neue',sans-serif;font-size:48px;color:rgba(255,255,255,0.15);line-height:1;margin-bottom:8px;}\n.pres-obj-text{font-size:15px;color:#fff;line-height:1.6;font-weight:600;}\n\n\/* ACTIVIT\u00c9S *\/\n.pres-activites{padding:40px;}\n.pres-act-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;}\n.pres-act-card{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:32px;transition:all 0.3s ease;position:relative;overflow:hidden;}\n.pres-act-card:hover{background:rgba(255,255,255,0.18);transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.2);}\n.pres-act-icon{font-size:40px;margin-bottom:16px;display:block;}\n.pres-act-title{font-family:'Bebas Neue',sans-serif;font-size:28px;color:#fff;margin:0 0 14px 0;letter-spacing:2px;}\n.pres-act-text{font-size:14px;color:rgba(255,255,255,0.85);line-height:1.8;margin:0;}\n.pres-act-card.featured{grid-column:span 2;background:linear-gradient(135deg,rgba(107,79,255,0.25),rgba(255,79,163,0.25));border-color:rgba(255,255,255,0.35);}\n\n\/* SENEGAL *\/\n.pres-senegal{padding:40px;}\n.pres-sn-card{background:linear-gradient(135deg,rgba(107,79,255,0.2),rgba(255,79,163,0.2));border:2px solid rgba(255,255,255,0.3);border-radius:20px;padding:50px;position:relative;overflow:hidden;}\n.pres-sn-card::before{content:'\ud83c\udf0d';position:absolute;right:40px;top:40px;font-size:80px;opacity:0.15;}\n.pres-sn-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);padding:8px 20px;border-radius:30px;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.8);margin-bottom:24px;}\n.pres-sn-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5vw,56px);color:#fff;margin:0 0 20px 0;letter-spacing:3px;line-height:1;}\n.pres-sn-text{font-size:16px;color:rgba(255,255,255,0.9);line-height:1.8;margin:0 0 32px 0;max-width:700px;}\n.pres-sn-projets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}\n.pres-sn-projet{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:20px;transition:all 0.3s ease;}\n.pres-sn-projet:hover{background:rgba(255,255,255,0.2);transform:translateY(-4px);}\n.pres-sn-projet-icon{font-size:28px;margin-bottom:10px;display:block;}\n.pres-sn-projet-text{font-size:13px;color:#fff;line-height:1.6;}\n\n\/* QUOTE *\/\n.pres-quote{padding:40px 40px 80px;text-align:center;}\n.pres-quote blockquote{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:40px;margin:0;position:relative;}\n.pres-quote blockquote::before{content:'\"';font-family:'Bebas Neue',sans-serif;font-size:120px;color:rgba(255,255,255,0.1);position:absolute;top:-20px;left:30px;line-height:1;}\n.pres-quote p{font-family:'Bebas Neue',sans-serif;font-size:clamp(24px,4vw,40px);color:#fff;letter-spacing:3px;margin:0;line-height:1.3;}\n\n\/* SCROLL REVEAL *\/\n.sr{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease;}\n.sr.visible{opacity:1;transform:translateY(0);}\n.sr-left{opacity:0;transform:translateX(-30px);transition:opacity 0.7s ease,transform 0.7s ease;}\n.sr-left.visible{opacity:1;transform:translateX(0);}\n.sr-right{opacity:0;transform:translateX(30px);transition:opacity 0.7s ease,transform 0.7s ease;}\n.sr-right.visible{opacity:1;transform:translateX(0);}\n\n@media(max-width:768px){\n  .pres-act-grid{grid-template-columns:1fr;}\n  .pres-act-card.featured{grid-column:span 1;}\n  .pres-sn-projets{grid-template-columns:1fr;}\n  .pres-obj-grid{grid-template-columns:1fr 1fr;}\n  .pres-objectifs,.pres-activites,.pres-senegal,.pres-quote,.pres-tags-section{padding:24px;}\n}\n<\/style>\n\n<div class=\"pres-wrap\">\n\n<!-- HERO -->\n<div class=\"pres-hero\">\n  <h1><span>Strict<\/span><br>Hip-Hop<\/h1>\n  <p>Qu&rsquo;est-ce que c&rsquo;est ?<\/p>\n<\/div>\n\n<!-- TAGS -->\n<div class=\"pres-tags-section sr\">\n  <div class=\"pres-tags\">\n    <span class=\"pres-tag\" style=\"animation-delay:0.1s\">De la Danse<\/span>\n    <span class=\"pres-tag accent\" style=\"animation-delay:0.15s\">De la Culture<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.2s\">Du Partage<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.25s\">Du Sport<\/span>\n    <span class=\"pres-tag accent\" style=\"animation-delay:0.3s\">Des \u00c9v\u00e9nements<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.35s\">De l&rsquo;Art<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.4s\">Des Cours<\/span>\n    <span class=\"pres-tag accent\" style=\"animation-delay:0.45s\">Des Stages<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.5s\">De la Passion<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.55s\">Du Respect<\/span>\n    <span class=\"pres-tag accent\" style=\"animation-delay:0.6s\">Du Fairplay<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.65s\">De la Cr\u00e9ation<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.7s\">Du Partenariat<\/span>\n    <span class=\"pres-tag accent\" style=\"animation-delay:0.75s\">De la Transmission<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.8s\">De la Bienveillance<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.85s\">De l&rsquo;Ambition<\/span>\n    <span class=\"pres-tag accent\" style=\"animation-delay:0.9s\">\u00c9changes Franco-S\u00e9n\u00e9galais<\/span>\n    <span class=\"pres-tag\" style=\"animation-delay:0.95s\">Apprendre Autrement<\/span>\n  <\/div>\n<\/div>\n\n<!-- OBJECTIFS -->\n<div class=\"pres-objectifs sr\">\n  <h2 class=\"pres-section-title\">\ud83c\udfaf Objectifs<\/h2>\n  <div class=\"pres-obj-grid\">\n    <div class=\"pres-obj-card\">\n      <div class=\"pres-obj-num\">01<\/div>\n      <div class=\"pres-obj-text\">Permettre aux jeunes d&rsquo;exprimer leurs arts et leurs talents<\/div>\n    <\/div>\n    <div class=\"pres-obj-card\">\n      <div class=\"pres-obj-num\">02<\/div>\n      <div class=\"pres-obj-text\">Perp\u00e9tuer la culture et le sport<\/div>\n    <\/div>\n    <div class=\"pres-obj-card\">\n      <div class=\"pres-obj-num\">03<\/div>\n      <div class=\"pres-obj-text\">Promouvoir la danse Hip-Hop<\/div>\n    <\/div>\n    <div class=\"pres-obj-card\">\n      <div class=\"pres-obj-num\">04<\/div>\n      <div class=\"pres-obj-text\">Susciter des vocations aupr\u00e8s des plus jeunes via la culture<\/div>\n    <\/div>\n    <div class=\"pres-obj-card\">\n      <div class=\"pres-obj-num\">05<\/div>\n      <div class=\"pres-obj-text\">Renforcer les liens et la coh\u00e9sion sociale<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ACTIVIT\u00c9S -->\n<div class=\"pres-activites sr\">\n  <h2 class=\"pres-section-title\">\ud83d\udcaa Ce qu&rsquo;on fait<\/h2>\n  <div class=\"pres-act-grid\">\n    <div class=\"pres-act-card featured\">\n      <span class=\"pres-act-icon\">\ud83d\udcda<\/span>\n      <div class=\"pres-act-title\">Nos Cours &#038; Stages<\/div>\n      <p class=\"pres-act-text\"><strong style=\"color:#fff;\">Les cours<\/strong> ont lieu chaque mercredi, jeudi et samedi. D\u00e8s 2 ans avec ateliers parents-enfants. Un environnement s\u00e9curisant qui d\u00e9veloppe la confiance, le fair-play et le respect envers les autres.<\/p>\n      <p class=\"pres-act-text\" style=\"margin-top:12px;\"><strong style=\"color:#fff;\">Les stages<\/strong> sont dispens\u00e9s pendant les vacances scolaires pour favoriser l&rsquo;\u00e9panouissement des jeunes par la danse, tout en d\u00e9veloppant le respect et le savoir-vivre.<\/p>\n    <\/div>\n    <div class=\"pres-act-card\">\n      <span class=\"pres-act-icon\">\ud83c\udfcb\ufe0f<\/span>\n      <div class=\"pres-act-title\">Entra\u00eenement Libre<\/div>\n      <p class=\"pres-act-text\">Acc\u00e8s libre \u00e0 une salle de danse pour s&rsquo;exprimer, se pr\u00e9parer et performer \u2014 tout en valorisant la ville de Trappes lors des comp\u00e9titions nationales et internationales.<\/p>\n    <\/div>\n    <div class=\"pres-act-card\">\n      <span class=\"pres-act-icon\">\ud83c\udfa8<\/span>\n      <div class=\"pres-act-title\">Cr\u00e9ations<\/div>\n      <p class=\"pres-act-text\">Un espace d\u00e9di\u00e9 \u00e0 la cr\u00e9ation et \u00e0 la performance, pour les projets individuels ou en \u00e9quipe. L&rsquo;art comme moteur d&rsquo;expression et d&rsquo;\u00e9mancipation.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- S\u00c9N\u00c9GAL -->\n<div class=\"pres-senegal sr\">\n  <h2 class=\"pres-section-title\">\ud83c\udf0d Antenne S\u00e9n\u00e9gal<\/h2>\n  <div class=\"pres-sn-card\">\n    <div class=\"pres-sn-badge\">\ud83c\uddf8\ud83c\uddf3 Fond\u00e9e en Novembre 2024 \u00b7 Oussouye, Ziguinchor<\/div>\n    <div class=\"pres-sn-title\">Association<br>Franco-S\u00e9n\u00e9galaise<\/div>\n    <p class=\"pres-sn-text\">Strict Hip-Hop S\u00e9n\u00e9gal promeut et accompagne les danseurs s\u00e9n\u00e9galais et met en avant la culture au sein de la Pr\u00e9fecture de Ziguinchor.<\/p>\n    <div class=\"pres-sn-projets\">\n      <div class=\"pres-sn-projet\">\n        <span class=\"pres-sn-projet-icon\">\ud83c\udfad<\/span>\n        <div class=\"pres-sn-projet-text\"><strong>L&rsquo;Art et l&rsquo;\u00e9change<\/strong><br>Favoriser les rencontres artistiques entre les deux pays<\/div>\n      <\/div>\n      <div class=\"pres-sn-projet\">\n        <span class=\"pres-sn-projet-icon\">\ud83c\udfc5<\/span>\n        <div class=\"pres-sn-projet-text\"><strong>JOJ Dakar 2026<\/strong><br>Membre partenaire pour les Jeux Olympiques des Jeunes de Dakar<\/div>\n      <\/div>\n      <div class=\"pres-sn-projet\">\n        <span class=\"pres-sn-projet-icon\">\u2708\ufe0f<\/span>\n        <div class=\"pres-sn-projet-text\"><strong>Jumelage Trappes \u2194 Oussouye<\/strong><br>\u00c9changes de danseurs entre la France et le S\u00e9n\u00e9gal<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- QUOTE -->\n<div class=\"pres-quote sr\">\n  <blockquote>\n    <p>Peace Love Unity<br>&#038; Having Fun<\/p>\n  <\/blockquote>\n<\/div>\n\n<\/div>\n\n<script>\n\/\/ Scroll reveal\nvar srEls = document.querySelectorAll('.sr,.sr-left,.sr-right');\nvar observer = new IntersectionObserver(function(entries){\n  entries.forEach(function(e){\n    if(e.isIntersecting){e.target.classList.add('visible');}\n  });\n},{threshold:0.1});\nsrEls.forEach(function(el){observer.observe(el);});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>StrictHip-Hop Qu&rsquo;est-ce que c&rsquo;est ? De la Danse De la Culture Du Partage Du Sport Des \u00c9v\u00e9nements De l&rsquo;Art Des Cours Des Stages De la Passion Du Respect Du Fairplay De la Cr\u00e9ation Du Partenariat De la Transmission De la Bienveillance De l&rsquo;Ambition \u00c9changes Franco-S\u00e9n\u00e9galais Apprendre Autrement \ud83c\udfaf Objectifs 01 Permettre aux jeunes d&rsquo;exprimer leurs [&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-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/30","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=30"}],"version-history":[{"count":8,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":216,"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/pages\/30\/revisions\/216"}],"wp:attachment":[{"href":"\/home\/maje5655\/Etudiant02.portfolio-jcmairot.com\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}