{"id":1996,"date":"2025-07-08T13:00:09","date_gmt":"2025-07-08T13:00:09","guid":{"rendered":"https:\/\/elementor-kits-06.nicdark.com\/?page_id=1996"},"modified":"2026-03-18T11:42:54","modified_gmt":"2026-03-18T10:42:54","slug":"home-03","status":"publish","type":"page","link":"https:\/\/mustapha.ma\/","title":{"rendered":"Home 03"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1996\" class=\"elementor elementor-1996\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3432c86c e-con-full e-flex e-con e-parent\" data-id=\"3432c86c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c567be elementor-widget elementor-widget-html\" data-id=\"5c567be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n.elementor-widget-html,\n.elementor-widget-wrap,\n.elementor-column,\n.elementor-column-wrap,\n.elementor-section {\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\nhtml { scroll-behavior: smooth; }\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --blue:   #0B1F5E;\n  --yellow: #F5E642;\n  --red:    #D91B1B;\n  --white:  #FFFFFF;\n}\n\nbody { font-family: 'Montserrat', sans-serif; background: var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KEYFRAMES ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(32px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeDown {\n  from { opacity: 0; transform: translateY(-24px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeLeft {\n  from { opacity: 0; transform: translateX(40px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes fadeRight {\n  from { opacity: 0; transform: translateX(-40px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes scaleIn {\n  from { opacity: 0; transform: scale(.85); }\n  to   { opacity: 1; transform: scale(1); }\n}\n@keyframes slideInRight {\n  from { opacity: 0; transform: translateX(60px) scale(.95); }\n  to   { opacity: 1; transform: translateX(0) scale(1); }\n}\n@keyframes revealLine {\n  from { width: 0; }\n  to   { width: 100%; }\n}\n@keyframes dotsPulse {\n  0%, 100% { opacity: .18; }\n  50%       { opacity: .35; }\n}\n@keyframes floatCard {\n  0%, 100% { transform: translateY(0); }\n  50%       { transform: translateY(-8px); }\n}\n@keyframes floatCardDates {\n  0%, 100% { transform: translateX(-50%) translateY(0); }\n  50%       { transform: translateX(-50%) translateY(-8px); }\n}\n@keyframes badgePop {\n  0%   { opacity: 0; transform: scale(.7); }\n  70%  { transform: scale(1.06); }\n  100% { opacity: 1; transform: scale(1); }\n}\n@keyframes lineGrow {\n  from { transform: scaleX(0); transform-origin: left; }\n  to   { transform: scaleX(1); transform-origin: left; }\n}\n@keyframes counterUp {\n  from { opacity: 0; transform: translateY(16px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes imgReveal {\n  from { clip-path: inset(0 100% 0 0); opacity: 0; }\n  to   { clip-path: inset(0 0% 0 0); opacity: 1; }\n}\n@keyframes overlayFade {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n@keyframes glowPulse {\n  0%, 100% { box-shadow: 0 16px 40px rgba(217,27,27,.35); }\n  50%       { box-shadow: 0 20px 60px rgba(217,27,27,.6); }\n}\n@keyframes yellowGlow {\n  0%, 100% { box-shadow: 0 16px 40px rgba(245,230,66,.25); }\n  50%       { box-shadow: 0 20px 50px rgba(245,230,66,.5); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  min-height: 100vh;\n  margin-left: calc(-50vw + 50%);\n  margin-right: calc(-50vw + 50%);\n  margin-top: -80px;\n  padding-top: 80px;\n  background: var(--blue);\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n\/* Dots pattern anim\u00e9 *\/\n.hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(circle, rgba(245,230,66,.18) 1.5px, transparent 1.5px);\n  background-size: 32px 32px;\n  pointer-events: none;\n  z-index: 0;\n  animation: dotsPulse 4s ease-in-out infinite;\n}\n\n\/* Trait diagonal d\u00e9coratif *\/\n.hero::after {\n  content: '';\n  position: absolute;\n  top: -10%;\n  left: 42%;\n  width: 2px;\n  height: 120%;\n  background: linear-gradient(to bottom, transparent, rgba(245,230,66,.15), transparent);\n  transform: rotate(8deg);\n  pointer-events: none;\n  z-index: 0;\n  animation: overlayFade 1.5s 1s ease both;\n}\n\n\/* \u2500\u2500 LEFT CONTENT \u2500\u2500 *\/\n.hero-left {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 80px 56px 80px 72px;\n}\n\n\/* Badge *\/\n.hero-badge-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 28px;\n  animation: fadeRight .7s .2s ease both;\n}\n.hero-badge-icon {\n  width: 44px; height: 44px;\n  background: rgba(245,230,66,.12);\n  border: 1.5px solid var(--yellow);\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 18px;\n  flex-shrink: 0;\n  animation: badgePop .6s .3s ease both;\n}\n.hero-badge-text { line-height: 1.3; }\n.hero-badge-text strong {\n  display: block;\n  color: var(--white);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n}\n.hero-badge-text span {\n  color: rgba(255,255,255,.55);\n  font-size: 12px;\n  font-weight: 500;\n}\n\n\/* Headline \u2014 lignes en cascade *\/\n.hero-headline {\n  margin-bottom: 24px;\n  overflow: hidden;\n}\n.hero-headline .line1 {\n  font-size: clamp(36px, 4.5vw, 58px);\n  font-weight: 900;\n  color: var(--white);\n  line-height: 1.08;\n  display: block;\n  text-transform: uppercase;\n  letter-spacing: -.01em;\n  animation: fadeUp .7s .4s cubic-bezier(.22,1,.36,1) both;\n}\n.hero-headline .line2 {\n  font-size: clamp(36px, 4.5vw, 58px);\n  font-weight: 900;\n  color: var(--yellow);\n  line-height: 1.08;\n  display: block;\n  text-transform: uppercase;\n  letter-spacing: -.01em;\n  animation: fadeUp .7s .55s cubic-bezier(.22,1,.36,1) both;\n}\n.hero-headline .line3 {\n  font-size: clamp(22px, 2.6vw, 34px);\n  font-weight: 700;\n  color: var(--white);\n  line-height: 1.2;\n  display: block;\n  margin-top: 6px;\n  animation: fadeUp .7s .7s cubic-bezier(.22,1,.36,1) both;\n}\n\n\/* Ligne d\u00e9corative sous headline *\/\n.hero-headline-line {\n  display: block;\n  height: 3px;\n  background: linear-gradient(to right, var(--yellow), transparent);\n  margin-top: 12px;\n  animation: lineGrow .8s .9s ease both;\n  transform-origin: left;\n}\n\n\/* Subtitle *\/\n.hero-subtitle {\n  color: rgba(255,255,255,.72);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 1.7;\n  max-width: 500px;\n  margin-bottom: 36px;\n  animation: fadeUp .7s .85s ease both;\n}\n\n\/* CTA *\/\n.hero-cta-row {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  flex-wrap: wrap;\n  animation: fadeUp .7s 1s ease both;\n}\n.btn-primary {\n  background: var(--red);\n  color: #ffffff !important;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  padding: 16px 36px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  transition: background .2s, transform .2s, box-shadow .2s;\n  animation: glowPulse 3s 1.5s ease-in-out infinite;\n}\n.btn-primary:hover {\n  background: #b01515;\n  transform: translateY(-3px) scale(1.02);\n  box-shadow: 0 12px 32px rgba(217,27,27,.5);\n}\n.btn-primary svg {\n  width: 16px; height: 16px;\n  transition: transform .2s;\n}\n.btn-primary:hover svg { transform: translateX(4px); }\n\n.btn-secondary {\n  color: #ffffff !important;\n  font-size: 13px;\n  font-weight: 700;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  letter-spacing: .04em;\n  cursor: pointer;\n  background: none;\n  border: none;\n  font-family: 'Montserrat', sans-serif;\n  transition: color .2s, letter-spacing .2s;\n}\n.btn-secondary:hover { color: var(--yellow) !important; letter-spacing: .06em; }\n\n\/* Info strip *\/\n.hero-info-strip {\n  display: flex;\n  gap: 32px;\n  flex-wrap: wrap;\n  margin-top: 48px;\n  padding-top: 28px;\n  border-top: 1px solid rgba(255,255,255,.12);\n  animation: fadeUp .7s 1.1s ease both;\n}\n.info-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  animation: counterUp .5s ease both;\n}\n.info-item:nth-child(1) { animation-delay: 1.2s; }\n.info-item:nth-child(2) { animation-delay: 1.35s; }\n.info-item:nth-child(3) { animation-delay: 1.5s; }\n.info-item:nth-child(4) { animation-delay: 1.65s; }\n\n.info-item .val {\n  font-size: 22px;\n  font-weight: 900;\n  color: var(--white);\n  line-height: 1;\n}\n.info-item .val span { color: var(--yellow); }\n.info-item .lbl {\n  font-size: 11px;\n  font-weight: 600;\n  color: rgba(255,255,255,.5);\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n\/* \u2500\u2500 RIGHT IMAGE \u2500\u2500 *\/\n.hero-right {\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  animation: slideInRight .9s .3s cubic-bezier(.22,1,.36,1) both;\n}\n.hero-right img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: top center;\n  display: block;\n  transition: transform 8s ease;\n}\n.hero-right:hover img {\n  transform: scale(1.04);\n}\n.hero-right::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, var(--blue) 0%, transparent 35%),\n              linear-gradient(to top, var(--blue) 0%, transparent 30%);\n  animation: overlayFade .8s .5s ease both;\n}\n\n\/* \u2500\u2500 FLOATING CARDS \u2500\u2500 *\/\n.card {\n  position: absolute;\n  z-index: 10;\n  border-radius: 8px;\n  font-family: 'Montserrat', sans-serif;\n}\n\n\/* Card Grande Finale *\/\n.card-finale {\n  top: 60px; right: 30px;\n  background: var(--red);\n  color: var(--white);\n  padding: 18px 20px;\n  width: 170px;\n  animation: fadeDown .7s .9s ease both, glowPulse 4s 2s ease-in-out infinite, floatCard 5s 2s ease-in-out infinite;\n  box-shadow: 0 16px 40px rgba(217,27,27,.35);\n  transition: transform .2s;\n}\n.card-finale:hover { transform: translateY(-4px) scale(1.03); }\n.card-finale .cf-label {\n  font-size: 10px; font-weight: 700; letter-spacing: .1em;\n  text-transform: uppercase; opacity: .7; margin-bottom: 6px;\n}\n.card-finale .cf-title {\n  font-size: 20px; font-weight: 900; line-height: 1.1;\n  text-transform: uppercase; color: var(--white);\n}\n.card-finale .cf-sub {\n  font-size: 12px; font-weight: 700; margin-top: 4px; opacity: .85;\n}\n\n\/* Card Wifaq *\/\n.card-wifaq {\n  bottom: 80px; right: 30px;\n  background: var(--yellow);\n  color: var(--blue);\n  padding: 16px 20px;\n  width: 200px;\n  animation: fadeUp .7s 1.1s ease both, yellowGlow 4s 2.5s ease-in-out infinite, floatCard 6s 2.5s ease-in-out infinite;\n  box-shadow: 0 16px 40px rgba(245,230,66,.25);\n  transition: transform .2s;\n}\n.card-wifaq:hover { transform: translateY(-4px) scale(1.03); }\n.card-wifaq .cw-icon { font-size: 18px; margin-bottom: 4px; }\n.card-wifaq .cw-title { font-size: 15px; font-weight: 800; text-transform: uppercase; color: var(--blue); }\n.card-wifaq .cw-sub { font-size: 12px; font-weight: 600; opacity: .7; color: var(--blue); }\n\n\/* Card Dates *\/\n.card-dates {\n  bottom: 210px; left: 50%;\n  transform: translateX(-50%);\n  background: rgba(11,31,94,.85);\n  border: 1px solid rgba(245,230,66,.25);\n  backdrop-filter: blur(10px);\n  color: var(--white);\n  padding: 14px 22px;\n  text-align: center;\n  white-space: nowrap;\n  animation: scaleIn .6s 1s ease both, floatCardDates 7s 2s ease-in-out infinite;\n  transition: transform .2s, border-color .2s;\n}\n.card-dates:hover {\n  border-color: rgba(245,230,66,.6);\n  transform: translateX(-50%) translateY(-4px);\n}\n.card-dates .cd-num { font-size: 28px; font-weight: 900; color: var(--white); line-height: 1; }\n.card-dates .cd-lbl {\n  font-size: 11px; font-weight: 600; color: var(--yellow);\n  letter-spacing: .1em; text-transform: uppercase; margin-top: 2px;\n}\n\n\/* \u2500\u2500 RESPONSIVE MOBILE \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .hero {\n    grid-template-columns: 1fr;\n    height: auto;\n    min-height: 100vh;\n    margin-top: -60px;\n    padding-top: 60px;\n  }\n  .hero-right { height: 420px; animation: fadeUp .8s .3s ease both; }\n  .hero-left { padding: 60px 24px 32px; }\n\n  .card-dates { display: none !important; }\n  .card-price { display: none !important; }\n\n  .card-finale {\n    top: 16px; right: 16px;\n    width: 140px; padding: 14px 16px;\n    animation: fadeDown .6s .8s ease both, glowPulse 4s 2s ease-in-out infinite, floatCard 5s 2s ease-in-out infinite;\n  }\n  .card-finale .cf-title { font-size: 16px; }\n\n  .card-wifaq {\n    bottom: 16px; right: 16px;\n    width: 160px; padding: 12px 16px;\n    animation: fadeUp .6s 1s ease both, yellowGlow 4s 2.5s ease-in-out infinite, floatCard 6s 2.5s ease-in-out infinite;\n  }\n\n  .hero-info-strip {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-top: 28px;\n  }\n}\n<\/style>\n\n<section class=\"hero\" id=\"hero\">\n\n  <div class=\"hero-left\">\n\n    <div class=\"hero-badge-row\">\n      <div class=\"hero-badge-icon\">\ud83d\udcc5<\/div>\n      <div class=\"hero-badge-text\">\n        <strong>Inscriptions avant le 14\/04\/2026<\/strong>\n        <span>Places limit\u00e9es \u2014 Premier venu, premier servi !<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-headline\">\n      <span class=\"line1\">La Remontada Padel<\/span>\n      <span class=\"line2\">fait escale au Maroc<\/span>\n      <span class=\"line3\">pour la 1\u00e8re fois !<\/span>\n      <span class=\"hero-headline-line\"><\/span>\n    <\/div>\n\n    <p class=\"hero-subtitle\">\n      Rejoignez la MSE Remontada Padel au Club Wifaq et tentez de gagner votre place pour la grande finale qui se jouera au pied de la Tour Eiffel en juin 2026.\n    <\/p>\n\n    <div class=\"hero-cta-row\">\n      <a href=\"#formulaire\" class=\"btn-primary\">\n        JE M'INSCRIS\n        <svg viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"\/><\/svg>\n      <\/a>\n      <a href=\"#reglement\" class=\"btn-secondary\">\ud83d\udcc4 R\u00e8glement du tournoi<\/a>\n    <\/div>\n\n    <div class=\"hero-info-strip\">\n      <div class=\"info-item\">\n        <span class=\"val\">24<span>\u2013<\/span>26<\/span>\n        <span class=\"lbl\">Avril 2026<\/span>\n      <\/div>\n      <div class=\"info-item\">\n        <span class=\"val\">1000<\/span>\n        <span class=\"lbl\">DH \/ \u00e9quipe<\/span>\n      <\/div>\n      <div class=\"info-item\">\n        <span class=\"val\">6<\/span>\n        <span class=\"lbl\">Cat\u00e9gories<\/span>\n      <\/div>\n      <div class=\"info-item\">\n        <span class=\"val\"><span>\ud83c\udfc6<\/span><\/span>\n        <span class=\"lbl\">Finale \u00e0 Paris<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"hero-right\">\n    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554068865-24cecd4e34b8?w=900&q=80\" alt=\"MSE Remontada Padel \u2013 Club Wifaq Rabat\" \/>\n\n    <div class=\"card card-finale\">\n      <div class=\"cf-label\">Objectif final<\/div>\n      <div class=\"cf-title\">Grande<br>Finale<\/div>\n      <div class=\"cf-sub\">\ud83d\uddfc Paris \u00b7 Juin 2026<\/div>\n    <\/div>\n\n    <div class=\"card card-dates\">\n      <div class=\"cd-num\">24 \u2013 26<\/div>\n      <div class=\"cd-lbl\">Avril 2026<\/div>\n    <\/div>\n\n    <div class=\"card card-wifaq\">\n      <div class=\"cw-icon\">\ud83d\udccd<\/div>\n      <div class=\"cw-title\">Club Wifaq<\/div>\n      <div class=\"cw-sub\">Rabat, Maroc<\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63c6540 elementor-widget elementor-widget-spacer\" data-id=\"63c6540\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61d9439 e-transform elementor-widget elementor-widget-ndtext\" data-id=\"61d9439\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_skewX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-20,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"ndtext.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"nd_elements_section nd_elements_ndtext_component nd_elements_margin_0 nd_elements_padding_0\">\n\t\t\t\n\t\t\t<div class=\"nd_elements_section nd_elements_ndtext_component_imagebg nd_elements_margin_0 nd_elements_padding_0\">\n\n\t\t\t\t<div class=\"nd_elements_section nd_elements_ndtext_component_whitebg nd_elements_mix_blend_mode_screen nd_elements_background_color_fff nd_elements_margin_0 nd_elements_padding_0\">\n\t\t\t\n\t\t\t\t\t<div class=\"nd_elements_section nd_elements_ndtext_component_blacktext nd_elements_margin_0 nd_elements_padding_0\">\n\t\t\t\n\t\t\t\t\t\t<h2 class=\"nd_elements_ndtext_component_text nd_elements_color_000 nd_elements_margin_0 nd_elements_padding_0\">MSE Remontada Padel <\/h2>\n\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bafdcc5 elementor-widget elementor-widget-html\" data-id=\"bafdcc5\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"apropos\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KEYFRAMES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes s2FadeUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes s2FadeLeft {\n  from { opacity: 0; transform: translateX(50px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes s2FadeRight {\n  from { opacity: 0; transform: translateX(-40px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes s2ScaleIn {\n  from { opacity: 0; transform: scale(.9); }\n  to   { opacity: 1; transform: scale(1); }\n}\n@keyframes s2LineGrow {\n  from { transform: scaleX(0); }\n  to   { transform: scaleX(1); }\n}\n@keyframes s2IconPop {\n  0%   { transform: scale(.6); opacity: 0; }\n  70%  { transform: scale(1.1); }\n  100% { transform: scale(1); opacity: 1; }\n}\n@keyframes s2BadgeSlide {\n  from { opacity: 0; transform: translateX(-50%) translateY(20px); }\n  to   { opacity: 1; transform: translateX(-50%) translateY(0); }\n}\n@keyframes s2CornerSpin {\n  from { opacity: 0; transform: rotate(-90deg) scale(.5); }\n  to   { opacity: 1; transform: rotate(0deg) scale(1); }\n}\n@keyframes s2GlowPulse {\n  0%, 100% { box-shadow: 0 30px 80px rgba(11,31,94,.18); }\n  50%       { box-shadow: 0 40px 100px rgba(11,31,94,.32); }\n}\n@keyframes s2BtnGlow {\n  0%, 100% { box-shadow: 0 4px 20px rgba(217,27,27,.3); }\n  50%       { box-shadow: 0 8px 32px rgba(217,27,27,.55); }\n}\n@keyframes s2HlItemIn {\n  from { opacity: 0; transform: translateX(-20px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u00c9TATS INITIAUX \u2014 avant animation\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.s2-anim {\n  opacity: 0;\n  transition: none;\n}\n.s2-anim.s2-visible {\n  opacity: 1;\n}\n\n\/* Classes d'animation d\u00e9clench\u00e9es par JS *\/\n.s2-anim.s2-visible.anim-fade-up    { animation: s2FadeUp .7s cubic-bezier(.22,1,.36,1) both; }\n.s2-anim.s2-visible.anim-fade-left  { animation: s2FadeLeft .8s cubic-bezier(.22,1,.36,1) both; }\n.s2-anim.s2-visible.anim-fade-right { animation: s2FadeRight .7s cubic-bezier(.22,1,.36,1) both; }\n.s2-anim.s2-visible.anim-scale-in   { animation: s2ScaleIn .8s cubic-bezier(.22,1,.36,1) both; }\n.s2-anim.s2-visible.anim-icon-pop   { animation: s2IconPop .5s cubic-bezier(.22,1,.36,1) both; }\n.s2-anim.s2-visible.anim-corner     { animation: s2CornerSpin .6s cubic-bezier(.22,1,.36,1) both; }\n.s2-anim.s2-visible.anim-badge      { animation: s2BadgeSlide .6s cubic-bezier(.22,1,.36,1) both; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 2 \u2014 STYLES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.s2 {\n  background: #ffffff !important;\n  padding: 100px 72px !important;\n  font-family: 'Montserrat', sans-serif !important;\n}\n.s2-inner {\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 80px !important;\n  align-items: center !important;\n}\n.s2-left {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n.s2-label {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  background: #F5E642 !important;\n  padding: 4px 12px !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: .12em !important;\n  text-transform: uppercase !important;\n  color: #0B1F5E !important;\n  margin-bottom: 20px !important;\n  width: fit-content !important;\n}\n\n\/* Ligne d\u00e9corative sous le label *\/\n.s2-label-line {\n  display: block;\n  height: 3px;\n  width: 60px;\n  background: linear-gradient(to right, #0B1F5E, transparent);\n  margin-bottom: 20px;\n  transform-origin: left;\n  animation: none;\n}\n.s2-anim.s2-visible.anim-line-grow {\n  animation: s2LineGrow .8s cubic-bezier(.22,1,.36,1) both;\n}\n\n.s2-title {\n  font-size: clamp(28px, 3vw, 40px) !important;\n  font-weight: 900 !important;\n  color: #0B1F5E !important;\n  line-height: 1.15 !important;\n  text-transform: uppercase !important;\n  margin-bottom: 28px !important;\n}\n.s2-text {\n  font-size: 15px !important;\n  font-weight: 400 !important;\n  color: #3a3a3a !important;\n  line-height: 1.85 !important;\n  margin-bottom: 16px !important;\n}\n.s2-text strong { color: #0B1F5E !important; font-weight: 700 !important; }\n\n\/* Highlight box *\/\n.s2-highlight {\n  margin-top: 32px !important;\n  background: #0B1F5E !important;\n  border-radius: 8px !important;\n  padding: 28px 32px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 14px !important;\n  width: 100% !important;\n  box-sizing: border-box !important;\n  overflow: hidden !important;\n}\n.s2-hl-item {\n  display: flex !important;\n  align-items: center !important;\n  gap: 14px !important;\n  opacity: 0;\n  transition: none;\n}\n.s2-hl-item.s2-hl-visible {\n  animation: s2HlItemIn .5s cubic-bezier(.22,1,.36,1) both;\n  opacity: 1;\n}\n.s2-hl-icon {\n  width: 40px !important; height: 40px !important;\n  background: #D91B1B !important;\n  border-radius: 6px !important;\n  display: flex !important; align-items: center !important; justify-content: center !important;\n  font-size: 17px !important;\n  flex-shrink: 0 !important;\n  transition: transform .2s, background .2s !important;\n}\n.s2-hl-item:hover .s2-hl-icon {\n  transform: scale(1.1) rotate(-5deg) !important;\n  background: #F5E642 !important;\n}\n.s2-hl-text strong {\n  display: block !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n  color: #F5E642 !important;\n  font-family: 'Montserrat', sans-serif !important;\n  line-height: 1.1 !important;\n}\n.s2-hl-text span {\n  font-size: 12px !important;\n  font-weight: 500 !important;\n  color: rgba(255,255,255,.6) !important;\n  font-family: 'Montserrat', sans-serif !important;\n  letter-spacing: .04em !important;\n}\n.s2-hl-divider { height: 1px !important; background: rgba(255,255,255,.1) !important; }\n\n\/* CTA *\/\n.s2-cta {\n  margin-top: 36px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  background: #D91B1B !important;\n  color: #ffffff !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 800 !important;\n  letter-spacing: .08em !important;\n  text-transform: uppercase !important;\n  padding: 15px 32px !important;\n  border-radius: 4px !important;\n  text-decoration: none !important;\n  border: none !important;\n  transition: background .2s, transform .2s, box-shadow .2s !important;\n  animation: s2BtnGlow 3s 1s ease-in-out infinite !important;\n}\n.s2-cta:hover {\n  background: #b01515 !important;\n  color: #ffffff !important;\n  transform: translateY(-3px) scale(1.02) !important;\n  box-shadow: 0 12px 32px rgba(217,27,27,.5) !important;\n}\n.s2-cta svg {\n  width: 15px !important; height: 15px !important;\n  fill: #ffffff !important;\n  transition: transform .2s !important;\n}\n.s2-cta:hover svg { transform: translateX(4px) !important; }\n\n\/* RIGHT *\/\n.s2-right { position: relative !important; }\n.s2-img-wrap {\n  position: relative !important;\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  aspect-ratio: 4\/5 !important;\n  box-shadow: 0 30px 80px rgba(11,31,94,.18) !important;\n  animation: s2GlowPulse 5s 2s ease-in-out infinite !important;\n  transition: transform .3s !important;\n}\n.s2-img-wrap:hover { transform: translateY(-6px) !important; }\n.s2-img-wrap img {\n  width: 100% !important; height: 100% !important;\n  object-fit: cover !important; display: block !important;\n  transition: transform 6s ease !important;\n}\n.s2-img-wrap:hover img { transform: scale(1.05) !important; }\n.s2-img-wrap::after {\n  content: '' !important;\n  position: absolute !important; inset: 0 !important;\n  background: linear-gradient(to top, rgba(11,31,94,.7) 0%, transparent 50%) !important;\n}\n.s2-img-badge {\n  position: absolute !important;\n  bottom: 28px !important; left: 50% !important;\n  transform: translateX(-50%) !important;\n  z-index: 5 !important;\n  background: #D91B1B !important;\n  color: #ffffff !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 13px !important; font-weight: 800 !important;\n  letter-spacing: .06em !important; text-transform: uppercase !important;\n  padding: 12px 24px !important;\n  border-radius: 4px !important;\n  white-space: nowrap !important; text-align: center !important;\n  transition: transform .2s !important;\n}\n.s2-img-badge:hover { transform: translateX(-50%) translateY(-3px) !important; }\n.s2-img-badge span {\n  display: block !important; font-size: 10px !important;\n  font-weight: 600 !important; opacity: .8 !important;\n  margin-top: 2px !important; letter-spacing: .1em !important;\n  color: #ffffff !important;\n}\n.s2-corner {\n  position: absolute !important;\n  top: -20px !important; right: -20px !important;\n  width: 80px !important; height: 80px !important;\n  background: #F5E642 !important;\n  border-radius: 50% !important;\n  display: flex !important; align-items: center !important; justify-content: center !important;\n  font-size: 28px !important; z-index: 2 !important;\n  transition: transform .3s !important;\n}\n.s2-corner:hover { transform: rotate(20deg) scale(1.1) !important; }\n\n@media (max-width: 900px) {\n  .s2 { padding: 60px 24px !important; }\n  .s2-inner { grid-template-columns: 1fr !important; gap: 48px !important; }\n  .s2-right { order: -1 !important; }\n  .s2-img-wrap { aspect-ratio: 16\/9 !important; }\n}\n<\/style>\n\n<section class=\"s2\" id=\"apropos\">\n  <div class=\"s2-inner\">\n\n    <div class=\"s2-left\">\n\n      <div class=\"s2-label s2-anim anim-fade-right\" data-delay=\"0\">\ud83c\udfbe \u00c0 Propos du tournoi<\/div>\n      <span class=\"s2-label-line s2-anim anim-line-grow\" data-delay=\"100\"><\/span>\n\n      <h2 class=\"s2-title s2-anim anim-fade-up\" data-delay=\"150\">\u00c0 Propos du tournoi<\/h2>\n\n      <p class=\"s2-text s2-anim anim-fade-up\" data-delay=\"250\">\n        \u00c0 l'occasion de la 3\u1d49 saison de la Remontada Padel, le plus grand circuit amateur de Padel en France, le Mada\u00ebf Sports & Events organise pour la premi\u00e8re fois au Maroc une \u00e9tape de ce circuit : la MSE Remontada Padel. Du 24 au 26 avril 2026, les \u00e9quipes se retrouveront au club Wifaq pour jouer et vivre une exp\u00e9rience Padel-Loisir unique.\n      <\/p>\n\n      <p class=\"s2-text s2-anim anim-fade-up\" data-delay=\"350\">\n        Pendant 2 heures de jeu non-stop, les paires encha\u00eenent les matchs dans une ambiance intense o\u00f9 chaque point peut faire la diff\u00e9rence. Le principe est simple : <strong>tu gagnes, tu montes ; tu perds, tu descends !<\/strong> Un seul objectif : remonter jusqu'au terrain n\u00b01 et remporter le dernier match pour d\u00e9crocher sa place pour la grande finale \u00e0 Paris, au pied de la Tour Eiffel.\n      <\/p>\n\n      <p class=\"s2-text s2-anim anim-fade-up\" data-delay=\"420\">\n        La MSE Remontada Padel, c'est plus de jeu et plus de fun pour tous les passionn\u00e9s de Padel. Formez votre duo, entrez sur le court et tentez la Remontada jusqu'\u00e0 Paris\u2026\n      <\/p>\n\n      <div class=\"s2-highlight s2-anim anim-fade-up\" data-delay=\"500\">\n        <div class=\"s2-hl-item\" data-hl-delay=\"0\">\n          <div class=\"s2-hl-icon\">\ud83d\udcb0<\/div>\n          <div class=\"s2-hl-text\">\n            <strong>1 000 DH \/ \u00e9quipe<\/strong>\n            <span>Tarif participation<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"s2-hl-divider\"><\/div>\n        <div class=\"s2-hl-item\" data-hl-delay=\"150\">\n          <div class=\"s2-hl-icon\">\ud83d\udcc5<\/div>\n          <div class=\"s2-hl-text\">\n            <strong>14\/04\/2026<\/strong>\n            <span>Date limite d'inscription<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"s2-hl-divider\"><\/div>\n        <div class=\"s2-hl-item\" data-hl-delay=\"300\">\n          <div class=\"s2-hl-icon\">\u26a0\ufe0f<\/div>\n          <div class=\"s2-hl-text\">\n            <strong>Places limit\u00e9es<\/strong>\n            <span>Premier venu, premier servi !<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <a href=\"#formulaire\" class=\"s2-cta s2-anim anim-fade-up\" data-delay=\"600\">\n        Je m'inscris\n        <svg viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"\/><\/svg>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"s2-right s2-anim anim-fade-left\" data-delay=\"200\">\n      <div class=\"s2-corner s2-anim anim-corner\" data-delay=\"600\">\ud83c\udfbe<\/div>\n      <div class=\"s2-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1612534847738-b3af9bc31f0c?w=800&q=80\" alt=\"Club Wifaq Rabat \u2013 Padel\" \/>\n        <div class=\"s2-img-badge s2-anim anim-badge\" data-delay=\"700\">\n          Club Wifaq \u00b7 Rabat\n          <span>6 terrains de padel<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  \/\/ Intersection Observer pour d\u00e9clencher animations au scroll\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        var el = entry.target;\n        var delay = parseInt(el.getAttribute('data-delay') || '0');\n        setTimeout(function() {\n          el.classList.add('s2-visible');\n        }, delay);\n\n        \/\/ Animer les items highlight en cascade\n        var hlItems = el.querySelectorAll('.s2-hl-item[data-hl-delay]');\n        hlItems.forEach(function(item) {\n          var hlDelay = parseInt(item.getAttribute('data-hl-delay') || '0');\n          setTimeout(function() {\n            item.classList.add('s2-hl-visible');\n          }, delay + hlDelay + 300);\n        });\n\n        observer.unobserve(el);\n      }\n    });\n  }, {\n    threshold: 0.15,\n    rootMargin: '0px 0px -60px 0px'\n  });\n\n  \/\/ Observer tous les \u00e9l\u00e9ments anim\u00e9s\n  function initObserver() {\n    document.querySelectorAll('.s2-anim').forEach(function(el) {\n      observer.observe(el);\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initObserver);\n  } else {\n    initObserver();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-428fd6d elementor-widget elementor-widget-html\" data-id=\"428fd6d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"categories\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KEYFRAMES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes s4FadeUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes s4FadeRight {\n  from { opacity: 0; transform: translateX(-30px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes s4CardIn {\n  from { opacity: 0; transform: translateY(50px) scale(.95); }\n  to   { opacity: 1; transform: translateY(0) scale(1); }\n}\n@keyframes s4LineGrow {\n  from { transform: scaleX(0); }\n  to   { transform: scaleX(1); }\n}\n@keyframes s4BadgePulse {\n  0%, 100% { box-shadow: 0 4px 20px rgba(217,27,27,.25); }\n  50%       { box-shadow: 0 8px 32px rgba(217,27,27,.5); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u00c9TATS INITIAUX\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.s4-anim { opacity: 0; }\n.s4-anim.s4-visible.anim-fade-up    { animation: s4FadeUp .7s cubic-bezier(.22,1,.36,1) both; }\n.s4-anim.s4-visible.anim-fade-right { animation: s4FadeRight .6s cubic-bezier(.22,1,.36,1) both; }\n.s4-anim.s4-visible.anim-card       { animation: s4CardIn .65s cubic-bezier(.22,1,.36,1) both; }\n.s4-anim.s4-visible.anim-line       { animation: s4LineGrow .7s cubic-bezier(.22,1,.36,1) both; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 4\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.s4 {\n  background: #F4F4F4 !important;\n  padding: 100px 72px !important;\n  font-family: 'Montserrat', sans-serif !important;\n}\n.s4-inner {\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n}\n.s4-header { margin-bottom: 52px !important; }\n\n.s4-label {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  background: #F5E642 !important;\n  padding: 4px 12px !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: .12em !important;\n  text-transform: uppercase !important;\n  color: #0B1F5E !important;\n  margin-bottom: 12px !important;\n  width: fit-content !important;\n}\n\n\/* Ligne d\u00e9corative *\/\n.s4-label-line {\n  display: block;\n  height: 3px;\n  width: 60px;\n  background: linear-gradient(to right, #0B1F5E, transparent);\n  margin-bottom: 16px;\n  transform-origin: left;\n}\n\n.s4-title {\n  font-size: clamp(26px, 3vw, 38px) !important;\n  font-weight: 900 !important;\n  color: #0B1F5E !important;\n  text-transform: uppercase !important;\n  line-height: 1.15 !important;\n  margin-bottom: 12px !important;\n}\n.s4-subtitle {\n  font-size: 15px !important;\n  font-weight: 700 !important;\n  color: #D91B1B !important;\n}\n\n\/* GRID *\/\n.s4-grid {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  grid-auto-rows: 1fr !important;\n  gap: 24px !important;\n}\n\n\/* CARD *\/\n.s4-card {\n  display: flex !important;\n  flex-direction: column !important;\n  background: #ffffff !important;\n  border-radius: 10px !important;\n  overflow: hidden !important;\n  box-shadow: 0 4px 20px rgba(11,31,94,.08) !important;\n  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s !important;\n  cursor: pointer !important;\n}\n.s4-card:hover {\n  transform: translateY(-10px) !important;\n  box-shadow: 0 24px 50px rgba(11,31,94,.18) !important;\n}\n\n\/* Image *\/\n.s4-card-img {\n  position: relative !important;\n  width: 100% !important;\n  aspect-ratio: 4\/3 !important;\n  overflow: hidden !important;\n  background: #dce3ed !important;\n  flex-shrink: 0 !important;\n}\n.s4-card-img img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n  transition: transform .5s ease !important;\n}\n.s4-card:hover .s4-card-img img {\n  transform: scale(1.08) !important;\n}\n\n\/* Overlay hover *\/\n.s4-card-img::after {\n  content: '' !important;\n  position: absolute !important;\n  inset: 0 !important;\n  background: linear-gradient(to top, rgba(11,31,94,.6) 0%, transparent 60%) !important;\n  opacity: 0 !important;\n  transition: opacity .3s !important;\n}\n.s4-card:hover .s4-card-img::after { opacity: 1 !important; }\n\n\/* Num\u00e9ro au hover *\/\n.s4-card-num {\n  position: absolute !important;\n  top: 12px !important;\n  left: 12px !important;\n  width: 32px !important;\n  height: 32px !important;\n  background: #D91B1B !important;\n  color: #ffffff !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 900 !important;\n  border-radius: 50% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  z-index: 5 !important;\n  transform: scale(0) !important;\n  transition: transform .25s cubic-bezier(.22,1,.36,1) !important;\n}\n.s4-card:hover .s4-card-num {\n  transform: scale(1) !important;\n}\n\n.s4-placeholder {\n  width: 100% !important; height: 100% !important;\n  display: flex !important; flex-direction: column !important;\n  align-items: center !important; justify-content: center !important;\n  gap: 8px !important; color: #8a9ab5 !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 12px !important; font-weight: 600 !important;\n  letter-spacing: .06em !important; text-transform: uppercase !important;\n  background: #dce3ed !important;\n}\n.s4-placeholder svg { width: 36px !important; height: 36px !important; opacity: .4 !important; }\n\n\/* Caption *\/\n.s4-card-caption {\n  background: #D91B1B !important;\n  padding: 14px 18px 16px !important;\n  min-height: 80px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: center !important;\n  margin-top: auto !important;\n  position: relative !important;\n  overflow: hidden !important;\n  transition: background .25s !important;\n}\n\/* Ligne d\u00e9co dans caption *\/\n.s4-card-caption::before {\n  content: '' !important;\n  position: absolute !important;\n  bottom: 0 !important; left: 0 !important;\n  width: 0 !important; height: 3px !important;\n  background: #F5E642 !important;\n  transition: width .3s !important;\n}\n.s4-card:hover .s4-card-caption::before { width: 100% !important; }\n.s4-card:hover .s4-card-caption { background: #b01515 !important; }\n\n.s4-card-name {\n  font-size: 14px !important;\n  font-weight: 800 !important;\n  color: #ffffff !important;\n  text-transform: uppercase !important;\n  letter-spacing: .06em !important;\n  margin-bottom: 4px !important;\n  transition: letter-spacing .2s !important;\n}\n.s4-card:hover .s4-card-name { letter-spacing: .1em !important; }\n\n.s4-card-desc {\n  font-size: 12px !important;\n  font-weight: 500 !important;\n  color: rgba(255,255,255,.85) !important;\n  line-height: 1.5 !important;\n}\n\n@media (max-width: 900px) {\n  .s4 { padding: 60px 24px !important; }\n  .s4-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }\n}\n@media (max-width: 560px) {\n  .s4-grid { grid-template-columns: 1fr !important; }\n}\n<\/style>\n\n<section class=\"s4\" id=\"categories\">\n  <div class=\"s4-inner\">\n\n    <div class=\"s4-header\">\n      <div class=\"s4-label s4-anim anim-fade-right\" data-delay=\"0\">\ud83c\udfc6 Cat\u00e9gories<\/div>\n      <span class=\"s4-label-line s4-anim anim-line\" data-delay=\"100\"><\/span>\n      <h2 class=\"s4-title s4-anim anim-fade-up\" data-delay=\"150\">Six cat\u00e9gories embl\u00e9matiques pour permettre \u00e0 chacun de vivre l'exp\u00e9rience Remontada :<\/h2>\n      <p class=\"s4-subtitle s4-anim anim-fade-up\" data-delay=\"250\">Places limit\u00e9es. Premier venu, premier servi !<\/p>\n    <\/div>\n\n    <div class=\"s4-grid\">\n\n      <!-- 1. DUO TODO -->\n      <div class=\"s4-card s4-anim anim-card\" data-delay=\"100\">\n        <div class=\"s4-card-img\">\n          <div class=\"s4-card-num\">01<\/div>\n          <img decoding=\"async\" src=\"https:\/\/mustapha.ma\/wp-content\/uploads\/2026\/03\/1.jpg\" alt=\"DUO TODO\"\n               onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\" \/>\n          <div class=\"s4-placeholder\" style=\"display:none;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n            Image DUO TODO\n          <\/div>\n        <\/div>\n        <div class=\"s4-card-caption\">\n          <div class=\"s4-card-name\">DUO TODO<\/div>\n          <div class=\"s4-card-desc\">\u00c9cart de 20 avec son co\u00e9quipier (kilos, taille, \u00e2ge\u2026)<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 2. DUO OLD SCHOOL -->\n      <div class=\"s4-card s4-anim anim-card\" data-delay=\"200\">\n        <div class=\"s4-card-img\">\n          <div class=\"s4-card-num\">02<\/div>\n          <img decoding=\"async\" src=\"https:\/\/mustapha.ma\/wp-content\/uploads\/2026\/03\/6.jpg\" alt=\"DUO OLD SCHOOL\"\n               onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\" \/>\n          <div class=\"s4-placeholder\" style=\"display:none;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n            Image DUO OLD SCHOOL\n          <\/div>\n        <\/div>\n        <div class=\"s4-card-caption\">\n          <div class=\"s4-card-name\">DUO OLD SCHOOL<\/div>\n          <div class=\"s4-card-desc\">\u00c2ge combin\u00e9 de la paire est sup\u00e9rieur \u00e0 80 ans<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 3. DUO ROOKIE -->\n      <div class=\"s4-card s4-anim anim-card\" data-delay=\"300\">\n        <div class=\"s4-card-img\">\n          <div class=\"s4-card-num\">03<\/div>\n          <img decoding=\"async\" src=\"https:\/\/mustapha.ma\/wp-content\/uploads\/2026\/03\/5.jpg\" alt=\"DUO ROOKIE\"\n               onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\" \/>\n          <div class=\"s4-placeholder\" style=\"display:none;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n            Image DUO ROOKIE\n          <\/div>\n        <\/div>\n        <div class=\"s4-card-caption\">\n          <div class=\"s4-card-name\">DUO ROOKIE<\/div>\n          <div class=\"s4-card-desc\">Niveau d\u00e9butant qui a d\u00e9j\u00e0 jou\u00e9 au Padel<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 4. FAMILY POWER -->\n      <div class=\"s4-card s4-anim anim-card\" data-delay=\"400\">\n        <div class=\"s4-card-img\">\n          <div class=\"s4-card-num\">04<\/div>\n          <img decoding=\"async\" src=\"https:\/\/mustapha.ma\/wp-content\/uploads\/2026\/03\/3.jpg\" alt=\"FAMILY POWER\"\n               onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\" \/>\n          <div class=\"s4-placeholder\" style=\"display:none;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n            Image FAMILY POWER\n          <\/div>\n        <\/div>\n        <div class=\"s4-card-caption\">\n          <div class=\"s4-card-name\">FAMILY POWER<\/div>\n          <div class=\"s4-card-desc\">Parent \/ enfant (mixte)<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 5. GIRL PARTY -->\n      <div class=\"s4-card s4-anim anim-card\" data-delay=\"500\">\n        <div class=\"s4-card-img\">\n          <div class=\"s4-card-num\">05<\/div>\n          <img decoding=\"async\" src=\"https:\/\/mustapha.ma\/wp-content\/uploads\/2026\/03\/4.jpg\" alt=\"GIRL PARTY\"\n               onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\" \/>\n          <div class=\"s4-placeholder\" style=\"display:none;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n            Image GIRL PARTY\n          <\/div>\n        <\/div>\n        <div class=\"s4-card-caption\">\n          <div class=\"s4-card-name\">GIRL PARTY<\/div>\n          <div class=\"s4-card-desc\">100% Femmes<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 6. DUO MIXTE -->\n      <div class=\"s4-card s4-anim anim-card\" data-delay=\"600\">\n        <div class=\"s4-card-img\">\n          <div class=\"s4-card-num\">06<\/div>\n          <img decoding=\"async\" src=\"https:\/\/mustapha.ma\/wp-content\/uploads\/2026\/03\/2.jpg\" alt=\"DUO MIXTE\"\n               onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\" \/>\n          <div class=\"s4-placeholder\" style=\"display:none;\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n            Image DUO MIXTE\n          <\/div>\n        <\/div>\n        <div class=\"s4-card-caption\">\n          <div class=\"s4-card-name\">DUO MIXTE<\/div>\n          <div class=\"s4-card-desc\">Mixte Homme \/ Femme<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        var el = entry.target;\n        var delay = parseInt(el.getAttribute('data-delay') || '0');\n        setTimeout(function() {\n          el.classList.add('s4-visible');\n        }, delay);\n        observer.unobserve(el);\n      }\n    });\n  }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n  function init() {\n    document.querySelectorAll('.s4-anim').forEach(function(el) {\n      observer.observe(el);\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cfa491 elementor-widget elementor-widget-html\" data-id=\"6cfa491\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"wifaq\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KEYFRAMES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes s5FadeUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes s5FadeLeft {\n  from { opacity: 0; transform: translateX(50px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes s5FadeRight {\n  from { opacity: 0; transform: translateX(-30px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes s5LineGrow {\n  from { transform: scaleX(0); }\n  to   { transform: scaleX(1); }\n}\n@keyframes s5TagIn {\n  from { opacity: 0; transform: scale(.8) translateY(10px); }\n  to   { opacity: 1; transform: scale(1) translateY(0); }\n}\n@keyframes s5ImgReveal {\n  from { opacity: 0; transform: scale(1.05); }\n  to   { opacity: 1; transform: scale(1); }\n}\n@keyframes s5LogoIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes s5MapIn {\n  from { opacity: 0; transform: translateY(30px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes s5HighlightIn {\n  from { opacity: 0; transform: translateX(-20px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u00c9TATS INITIAUX\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.s5-anim { opacity: 0; }\n.s5-anim.s5-visible.anim-fade-up    { animation: s5FadeUp .7s cubic-bezier(.22,1,.36,1) both; }\n.s5-anim.s5-visible.anim-fade-left  { animation: s5FadeLeft .8s cubic-bezier(.22,1,.36,1) both; }\n.s5-anim.s5-visible.anim-fade-right { animation: s5FadeRight .6s cubic-bezier(.22,1,.36,1) both; }\n.s5-anim.s5-visible.anim-line       { animation: s5LineGrow .7s cubic-bezier(.22,1,.36,1) both; }\n.s5-anim.s5-visible.anim-img        { animation: s5ImgReveal .9s cubic-bezier(.22,1,.36,1) both; }\n.s5-anim.s5-visible.anim-map        { animation: s5MapIn .8s cubic-bezier(.22,1,.36,1) both; }\n.s5-anim.s5-visible.anim-highlight  { animation: s5HighlightIn .6s cubic-bezier(.22,1,.36,1) both; }\n\n\/* Tags animation cascade *\/\n.s5-service-tag { opacity: 0; }\n.s5-service-tag.s5-tag-visible {\n  animation: s5TagIn .4s cubic-bezier(.22,1,.36,1) both;\n  opacity: 1;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 5\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.s5 {\n  background: #ffffff !important;\n  padding: 100px 72px !important;\n  font-family: 'Montserrat', sans-serif !important;\n}\n.s5-inner {\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n  display: grid !important;\n  grid-template-columns: 1fr 1.2fr !important;\n  gap: 64px !important;\n  align-items: start !important;\n}\n.s5-left {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n.s5-label {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  background: #F5E642 !important;\n  padding: 4px 12px !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: .12em !important;\n  text-transform: uppercase !important;\n  color: #0B1F5E !important;\n  margin-bottom: 12px !important;\n  width: fit-content !important;\n}\n.s5-label-line {\n  display: block;\n  height: 3px;\n  width: 60px;\n  background: linear-gradient(to right, #0B1F5E, transparent);\n  margin-bottom: 16px;\n  transform-origin: left;\n}\n.s5-title {\n  font-size: clamp(26px, 3vw, 38px) !important;\n  font-weight: 900 !important;\n  color: #0B1F5E !important;\n  text-transform: uppercase !important;\n  line-height: 1.15 !important;\n  margin-bottom: 28px !important;\n}\n.s5-text {\n  font-size: 15px !important;\n  font-weight: 400 !important;\n  color: #3a3a3a !important;\n  line-height: 1.85 !important;\n  margin-bottom: 16px !important;\n}\n.s5-text strong { color: #0B1F5E !important; font-weight: 700 !important; }\n\n\/* Tags services *\/\n.s5-services {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  gap: 10px !important;\n  margin-top: 28px !important;\n}\n.s5-service-tag {\n  display: flex !important;\n  align-items: center !important;\n  gap: 7px !important;\n  background: #F4F4F4 !important;\n  border: 1px solid #e0e0e0 !important;\n  border-radius: 100px !important;\n  padding: 8px 16px !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  color: #0B1F5E !important;\n  text-transform: uppercase !important;\n  letter-spacing: .05em !important;\n  transition: background .2s, border-color .2s, transform .2s !important;\n  cursor: default !important;\n}\n.s5-service-tag:hover {\n  background: #0B1F5E !important;\n  color: #F5E642 !important;\n  border-color: #0B1F5E !important;\n  transform: translateY(-2px) !important;\n}\n\n\/* Highlight *\/\n.s5-highlight {\n  margin-top: 28px !important;\n  background: #0B1F5E !important;\n  border-radius: 8px !important;\n  padding: 20px 28px !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 16px !important;\n  width: 100% !important;\n  box-sizing: border-box !important;\n  transition: transform .2s !important;\n}\n.s5-highlight:hover { transform: translateY(-3px) !important; }\n.s5-highlight-icon {\n  width: 48px !important; height: 48px !important;\n  background: #D91B1B !important;\n  border-radius: 8px !important;\n  display: flex !important; align-items: center !important; justify-content: center !important;\n  font-size: 22px !important;\n  flex-shrink: 0 !important;\n  transition: transform .2s !important;\n}\n.s5-highlight:hover .s5-highlight-icon { transform: rotate(-10deg) scale(1.1) !important; }\n.s5-highlight-text strong {\n  display: block !important;\n  font-size: 16px !important; font-weight: 800 !important;\n  color: #F5E642 !important;\n  font-family: 'Montserrat', sans-serif !important;\n}\n.s5-highlight-text span {\n  font-size: 13px !important; font-weight: 500 !important;\n  color: rgba(255,255,255,.6) !important;\n  font-family: 'Montserrat', sans-serif !important;\n}\n\n\/* \u2500\u2500 RIGHT \u2500\u2500 *\/\n.s5-right {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 16px !important;\n}\n\n\/* Image box avec logo WIFAQ *\/\n.s5-img-box {\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  width: 100% !important;\n  height: 280px !important;\n  background: #dce3ed !important;\n  position: relative !important;\n  display: block !important;\n  transition: transform .3s !important;\n}\n.s5-img-box:hover { transform: translateY(-4px) !important; }\n.s5-img-box img {\n  width: 100% !important; height: 100% !important;\n  object-fit: cover !important; display: block !important;\n  position: relative !important; z-index: 1 !important;\n  transition: transform 5s ease !important;\n}\n.s5-img-box:hover img { transform: scale(1.04) !important; }\n\n\/* Logo WIFAQ sur la photo *\/\n.s5-wifaq-logo {\n  position: absolute !important;\n  top: 20px !important;\n  left: 20px !important;\n  z-index: 10 !important;\n  animation: s5LogoIn .8s 1.2s ease both !important;\n}\n.s5-wifaq-logo-text {\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 28px !important;\n  font-weight: 900 !important;\n  color: #ffffff !important;\n  letter-spacing: .18em !important;\n  text-transform: uppercase !important;\n  text-shadow: 0 2px 12px rgba(0,0,0,.5) !important;\n  line-height: 1 !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 2px !important;\n}\n\/* Le A stylis\u00e9 avec triangle *\/\n.s5-wifaq-a {\n  display: inline-flex !important;\n  align-items: center !important;\n  position: relative !important;\n}\n.s5-wifaq-a::after {\n  content: '' !important;\n  display: inline-block !important;\n  width: 0 !important; height: 0 !important;\n  border-left: 7px solid transparent !important;\n  border-right: 7px solid transparent !important;\n  border-bottom: 12px solid #ffffff !important;\n  margin: 0 1px !important;\n  vertical-align: middle !important;\n  filter: drop-shadow(0 1px 3px rgba(0,0,0,.4)) !important;\n}\n\n\/* Map *\/\n.s5-map-box {\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  width: 100% !important;\n  height: 280px !important;\n  display: block !important;\n  box-shadow: 0 4px 20px rgba(11,31,94,.1) !important;\n  transition: transform .3s !important;\n}\n.s5-map-box:hover { transform: translateY(-4px) !important; }\n.s5-map-box iframe {\n  width: 100% !important; height: 100% !important;\n  border: none !important; display: block !important;\n}\n\n\/* Wide image *\/\n.s5-img-wide {\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  width: 100% !important;\n  height: 240px !important;\n  background: #dce3ed !important;\n  position: relative !important;\n  display: block !important;\n  transition: transform .3s !important;\n}\n.s5-img-wide:hover { transform: translateY(-4px) !important; }\n.s5-img-wide img {\n  width: 100% !important; height: 100% !important;\n  object-fit: cover !important; display: block !important;\n  position: relative !important; z-index: 1 !important;\n  transition: transform 5s ease !important;\n}\n.s5-img-wide:hover img { transform: scale(1.04) !important; }\n\n@media (max-width: 900px) {\n  .s5 { padding: 60px 24px !important; }\n  .s5-inner { grid-template-columns: 1fr !important; gap: 48px !important; }\n}\n<\/style>\n\n<section class=\"s5\" id=\"wifaq\">\n  <div class=\"s5-inner\">\n\n    <!-- LEFT -->\n    <div class=\"s5-left\">\n      <div class=\"s5-label s5-anim anim-fade-right\" data-delay=\"0\">\ud83d\udccd Club h\u00f4te<\/div>\n      <span class=\"s5-label-line s5-anim anim-line\" data-delay=\"100\"><\/span>\n      <h2 class=\"s5-title s5-anim anim-fade-up\" data-delay=\"150\">Wifaq Rabat,<br>club h\u00f4te de cette \u00e9tape<\/h2>\n\n      <p class=\"s5-text s5-anim anim-fade-up\" data-delay=\"250\">\n        G\u00e9r\u00e9 par <strong>Mada\u00ebf Sports & Events (MSE)<\/strong>, le <strong>Club Wifaq<\/strong> est un club omnisports de r\u00e9f\u00e9rence \u00e0 Rabat, pens\u00e9 comme un v\u00e9ritable lieu de vie sportive, <strong>\u00e0 la fois moderne et dynamique<\/strong>.\n      <\/p>\n      <p class=\"s5-text s5-anim anim-fade-up\" data-delay=\"320\">\n        Le club propose une large palette d'activit\u00e9s et de services, notamment padel, tennis, fitness, natation, gaming et multi-sports, ainsi que des espaces de restauration permettant de prolonger les moments sur place, dans un esprit alliant <strong>entra\u00eenement, d\u00e9passement de soi et convivialit\u00e9<\/strong>.\n      <\/p>\n      <p class=\"s5-text s5-anim anim-fade-up\" data-delay=\"390\">\n        Avec <strong>ses infrastructures modernes et ses 6 terrains de padel<\/strong>, le Club Wifaq constitue <strong>un cadre id\u00e9al pour vivre pleinement l'exp\u00e9rience MSE Remontada Padel<\/strong>.\n      <\/p>\n\n      <div class=\"s5-services\">\n        <div class=\"s5-service-tag\">\ud83c\udfbe Padel<\/div>\n        <div class=\"s5-service-tag\">\ud83c\udfd3 Tennis<\/div>\n        <div class=\"s5-service-tag\">\ud83d\udcaa Fitness<\/div>\n        <div class=\"s5-service-tag\">\ud83c\udfca Natation<\/div>\n        <div class=\"s5-service-tag\">\ud83c\udfae Gaming<\/div>\n        <div class=\"s5-service-tag\">\u26bd Multi-sports<\/div>\n        <div class=\"s5-service-tag\">\ud83c\udf7d\ufe0f Restauration<\/div>\n      <\/div>\n\n      <div class=\"s5-highlight s5-anim anim-highlight\" data-delay=\"600\">\n        <div class=\"s5-highlight-icon\">\ud83c\udfdf\ufe0f<\/div>\n        <div class=\"s5-highlight-text\">\n          <strong>6 terrains de padel<\/strong>\n          <span>Infrastructures modernes \u00b7 Rabat, Maroc<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"s5-right s5-anim anim-fade-left\" data-delay=\"200\">\n\n      <!-- Photo 1 avec logo WIFAQ -->\n      <div class=\"s5-img-box\">\n        <!-- Logo WIFAQ styl\u00e9 sur la photo -->\n        <div class=\"s5-wifaq-logo\">\n          <div class=\"s5-wifaq-logo-text\">\n            WiF<span class=\"s5-wifaq-a\"><\/span>Q\n          <\/div>\n        <\/div>\n        <img decoding=\"async\" src=\"https:\/\/mustapha.ma\/wp-content\/uploads\/2026\/03\/DJI_0195-scaled.jpg\" alt=\"Club Wifaq Rabat\" \/>\n      <\/div>\n\n      <!-- Google Maps -->\n      <div class=\"s5-map-box s5-anim anim-map\" data-delay=\"400\">\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3309.5275340059343!2d-6.816177!3d33.953278!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xda714b82be87705%3A0xd19fd7bccd7f66a2!2sClub%20Wifaq%20Tennis!5e0!3m2!1sfr!2sma!4v1773762878519!5m2!1sfr!2sma\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n      <\/div>\n\n      <!-- Photo 2 vue a\u00e9rienne -->\n      <div class=\"s5-img-wide s5-anim anim-img\" data-delay=\"500\">\n        <img decoding=\"async\" src=\"https:\/\/mustapha.ma\/wp-content\/uploads\/2026\/03\/DJI_0139-scaled.jpg\" alt=\"Vue a\u00e9rienne Club Wifaq\" \/>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (!entry.isIntersecting) return;\n      var el = entry.target;\n      var delay = parseInt(el.getAttribute('data-delay') || '0');\n      setTimeout(function() { el.classList.add('s5-visible'); }, delay);\n\n      \/\/ Tags services en cascade\n      var tags = el.querySelectorAll ? el.querySelectorAll('.s5-service-tag') : [];\n      tags.forEach(function(tag, i) {\n        setTimeout(function() { tag.classList.add('s5-tag-visible'); }, delay + 450 + i * 80);\n      });\n\n      observer.unobserve(el);\n    });\n  }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n  \/\/ Observer aussi les tags s\u00e9par\u00e9ment si dans le left\n  var tagObserver = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (!entry.isIntersecting) return;\n      var tags = entry.target.querySelectorAll('.s5-service-tag');\n      tags.forEach(function(tag, i) {\n        setTimeout(function() { tag.classList.add('s5-tag-visible'); }, i * 80);\n      });\n      tagObserver.unobserve(entry.target);\n    });\n  }, { threshold: 0.2 });\n\n  function init() {\n    document.querySelectorAll('.s5-anim').forEach(function(el) { observer.observe(el); });\n    var services = document.querySelector('.s5-services');\n    if (services) tagObserver.observe(services);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ffda2d elementor-widget elementor-widget-html\" data-id=\"2ffda2d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"mse\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KEYFRAMES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes s6FadeUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes s6FadeLeft {\n  from { opacity: 0; transform: translateX(40px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes s6FadeRight {\n  from { opacity: 0; transform: translateX(-40px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes s6ScaleIn {\n  from { opacity: 0; transform: scale(.7); }\n  to   { opacity: 1; transform: scale(1); }\n}\n@keyframes s6CountUp {\n  from { opacity: 0; transform: translateY(20px) scale(.8); }\n  to   { opacity: 1; transform: translateY(0) scale(1); }\n}\n@keyframes s6BandIn {\n  from { opacity: 0; transform: translateY(-30px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes s6PoleIn {\n  from { opacity: 0; transform: translateX(-24px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes s6DestIn {\n  from { opacity: 0; transform: translateY(16px) scale(.95); }\n  to   { opacity: 1; transform: translateY(0) scale(1); }\n}\n@keyframes s6EnseigneIn {\n  from { opacity: 0; transform: scale(.8); }\n  to   { opacity: 1; transform: scale(1); }\n}\n@keyframes s6LineExpand {\n  from { width: 0; }\n  to   { width: 100%; }\n}\n@keyframes s6GlowBand {\n  0%, 100% { box-shadow: 0 8px 40px rgba(245,230,66,.2); }\n  50%       { box-shadow: 0 12px 60px rgba(245,230,66,.4); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u00c9TATS INITIAUX\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.s6-anim { opacity: 0; }\n.s6-anim.s6-visible.anim-fade-up    { animation: s6FadeUp .7s cubic-bezier(.22,1,.36,1) both; }\n.s6-anim.s6-visible.anim-fade-left  { animation: s6FadeLeft .7s cubic-bezier(.22,1,.36,1) both; }\n.s6-anim.s6-visible.anim-fade-right { animation: s6FadeRight .7s cubic-bezier(.22,1,.36,1) both; }\n.s6-anim.s6-visible.anim-band       { animation: s6BandIn .8s cubic-bezier(.22,1,.36,1) both; }\n.s6-anim.s6-visible.anim-count      { animation: s6CountUp .6s cubic-bezier(.22,1,.36,1) both; }\n.s6-anim.s6-visible.anim-pole       { animation: s6PoleIn .6s cubic-bezier(.22,1,.36,1) both; }\n.s6-anim.s6-visible.anim-dest       { animation: s6DestIn .5s cubic-bezier(.22,1,.36,1) both; }\n.s6-anim.s6-visible.anim-enseigne   { animation: s6EnseigneIn .4s cubic-bezier(.22,1,.36,1) both; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION 6\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.s6 {\n  background: #0B1F5E !important;\n  font-family: 'Montserrat', sans-serif !important;\n  position: relative !important;\n  overflow: hidden !important;\n  width: 100vw !important;\n  margin-left: calc(-50vw + 50%) !important;\n  margin-right: calc(-50vw + 50%) !important;\n}\n.s6-bg-slash {\n  position: absolute !important;\n  top: -100px !important; right: -200px !important;\n  width: 700px !important; height: 900px !important;\n  background: #F5E642 !important;\n  transform: rotate(15deg) !important;\n  opacity: .04 !important; pointer-events: none !important;\n}\n.s6-bg-slash2 {\n  position: absolute !important;\n  bottom: -80px !important; left: -100px !important;\n  width: 400px !important; height: 600px !important;\n  background: #F5E642 !important;\n  transform: rotate(15deg) !important;\n  opacity: .03 !important; pointer-events: none !important;\n}\n\n\/* BAND jaune *\/\n.s6-hero-band {\n  background: #F5E642 !important;\n  padding: 48px 72px !important;\n  position: relative !important;\n  z-index: 2 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 40px !important;\n  flex-wrap: wrap !important;\n  animation: s6GlowBand 5s 1s ease-in-out infinite !important;\n}\n.s6-hero-band::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: -24px !important; left: 0 !important; right: 0 !important;\n  height: 24px !important;\n  background: #F5E642 !important;\n  clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%) !important;\n}\n.s6-band-title {\n  font-size: clamp(28px, 3.5vw, 48px) !important;\n  font-weight: 900 !important; color: #0B1F5E !important;\n  text-transform: uppercase !important;\n  line-height: 1.05 !important; letter-spacing: -.01em !important;\n}\n.s6-band-title span {\n  display: block !important;\n  font-size: clamp(14px, 1.5vw, 18px) !important;\n  font-weight: 600 !important; letter-spacing: .12em !important;\n  opacity: .6 !important; margin-bottom: 4px !important;\n}\n.s6-band-stats { display: flex !important; gap: 40px !important; flex-shrink: 0 !important; }\n.s6-band-stat { text-align: center !important; }\n.s6-band-stat-num {\n  font-size: 44px !important; font-weight: 900 !important;\n  color: #0B1F5E !important; line-height: 1 !important;\n}\n.s6-band-stat-lbl {\n  font-size: 11px !important; font-weight: 700 !important;\n  color: rgba(11,31,94,.6) !important;\n  text-transform: uppercase !important; letter-spacing: .1em !important; margin-top: 2px !important;\n}\n\n\/* MAIN *\/\n.s6-main {\n  padding: 72px 72px 100px !important;\n  position: relative !important; z-index: 2 !important;\n  max-width: 100% !important; margin: 0 !important;\n  display: grid !important;\n  grid-template-columns: 1.1fr 1fr !important;\n  gap: 64px !important; align-items: start !important;\n}\n.s6-text {\n  font-size: 15px !important; font-weight: 400 !important;\n  color: rgba(255,255,255,.72) !important;\n  line-height: 1.85 !important; margin-bottom: 16px !important;\n}\n\n\/* P\u00d4LES *\/\n.s6-poles { display: flex !important; flex-direction: column !important; gap: 0 !important; margin-top: 40px !important; }\n.s6-pole {\n  display: flex !important; align-items: flex-start !important;\n  gap: 20px !important; padding: 24px 0 !important;\n  border-bottom: 1px solid rgba(255,255,255,.08) !important;\n  transition: all .25s !important; cursor: default !important;\n}\n.s6-pole:first-child { border-top: 1px solid rgba(255,255,255,.08) !important; }\n.s6-pole:hover { padding-left: 8px !important; }\n.s6-pole:hover .s6-pole-icon {\n  background: #F5E642 !important;\n  transform: scale(1.1) !important;\n}\n.s6-pole:hover .s6-pole-title { color: #F5E642 !important; }\n.s6-pole-num {\n  font-size: 11px !important; font-weight: 900 !important;\n  color: #F5E642 !important; opacity: .4 !important;\n  letter-spacing: .1em !important; margin-top: 3px !important;\n  flex-shrink: 0 !important; width: 24px !important;\n}\n.s6-pole-icon {\n  width: 48px !important; height: 48px !important;\n  background: #D91B1B !important; border: none !important;\n  border-radius: 10px !important;\n  display: flex !important; align-items: center !important; justify-content: center !important;\n  font-size: 22px !important; flex-shrink: 0 !important;\n  transition: background .25s, transform .25s !important;\n}\n.s6-pole-body { flex: 1 !important; }\n.s6-pole-title {\n  font-size: 15px !important; font-weight: 800 !important;\n  color: #ffffff !important; text-transform: uppercase !important;\n  letter-spacing: .05em !important; margin-bottom: 6px !important;\n  transition: color .2s !important;\n}\n.s6-pole-text {\n  font-size: 13px !important; font-weight: 400 !important;\n  color: rgba(255,255,255,.55) !important; line-height: 1.65 !important;\n}\n\n\/* RIGHT *\/\n.s6-right-title {\n  font-size: 11px !important; font-weight: 700 !important;\n  color: #F5E642 !important; letter-spacing: .14em !important;\n  text-transform: uppercase !important; margin-bottom: 20px !important;\n  display: flex !important; align-items: center !important; gap: 8px !important;\n}\n.s6-right-title::after {\n  content: '' !important; flex: 1 !important;\n  height: 1px !important; background: rgba(245,230,66,.2) !important;\n}\n.s6-dest-grid {\n  display: grid !important; grid-template-columns: 1fr 1fr !important;\n  gap: 12px !important; margin-bottom: 32px !important;\n}\n.s6-dest-card {\n  background: rgba(255,255,255,.04) !important;\n  border: 1px solid rgba(255,255,255,.08) !important;\n  border-radius: 10px !important; padding: 16px 18px !important;\n  display: flex !important; align-items: center !important; gap: 10px !important;\n  transition: border-color .2s, background .2s, transform .2s !important;\n}\n.s6-dest-card:hover {\n  border-color: rgba(245,230,66,.35) !important;\n  background: rgba(245,230,66,.05) !important;\n  transform: translateY(-2px) !important;\n}\n.s6-dest-dot {\n  width: 8px !important; height: 8px !important;\n  background: #D91B1B !important; border-radius: 50% !important; flex-shrink: 0 !important;\n}\n.s6-dest-name { font-size: 13px !important; font-weight: 700 !important; color: rgba(255,255,255,.8) !important; }\n\n.s6-enseignes-title {\n  font-size: 11px !important; font-weight: 700 !important;\n  color: #F5E642 !important; letter-spacing: .14em !important;\n  text-transform: uppercase !important; margin-bottom: 16px !important;\n  display: flex !important; align-items: center !important; gap: 8px !important;\n}\n.s6-enseignes-title::after {\n  content: '' !important; flex: 1 !important;\n  height: 1px !important; background: rgba(245,230,66,.2) !important;\n}\n.s6-enseignes { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }\n.s6-enseigne {\n  background: #D91B1B !important; color: #ffffff !important;\n  font-size: 12px !important; font-weight: 800 !important;\n  text-transform: uppercase !important; letter-spacing: .06em !important;\n  padding: 10px 20px !important; border-radius: 6px !important;\n  transition: background .2s, transform .2s !important;\n}\n.s6-enseigne:hover {\n  background: #F5E642 !important;\n  color: #0B1F5E !important;\n  transform: translateY(-3px) !important;\n}\n\n@media (max-width: 900px) {\n  .s6-hero-band { padding: 40px 24px !important; }\n  .s6-band-stats { gap: 24px !important; }\n  .s6-main { padding: 48px 24px 60px !important; grid-template-columns: 1fr !important; gap: 48px !important; }\n  .s6-dest-grid { grid-template-columns: 1fr 1fr !important; }\n}\n<\/style>\n\n<section class=\"s6\" id=\"mse\">\n  <div class=\"s6-bg-slash\"><\/div>\n  <div class=\"s6-bg-slash2\"><\/div>\n\n  <!-- BAND jaune -->\n  <div class=\"s6-hero-band\">\n    <div class=\"s6-band-title s6-anim anim-fade-right\" data-delay=\"150\">\n      <span>\u00c0 Propos de<\/span>\n      Mada\u00ebf Sports & Events\n    <\/div>\n    <div class=\"s6-band-stats\">\n      <div class=\"s6-band-stat s6-anim anim-count\" data-delay=\"250\">\n        <div class=\"s6-band-stat-num\">11<\/div>\n        <div class=\"s6-band-stat-lbl\">Actifs<\/div>\n      <\/div>\n      <div class=\"s6-band-stat s6-anim anim-count\" data-delay=\"380\">\n        <div class=\"s6-band-stat-num\">8<\/div>\n        <div class=\"s6-band-stat-lbl\">Destinations<\/div>\n      <\/div>\n      <div class=\"s6-band-stat s6-anim anim-count\" data-delay=\"500\">\n        <div class=\"s6-band-stat-num\">3<\/div>\n        <div class=\"s6-band-stat-lbl\">P\u00f4les m\u00e9tiers<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"s6-main\">\n\n    <!-- LEFT -->\n    <div>\n      <p class=\"s6-text s6-anim anim-fade-up\" data-delay=\"100\">\n        Mada\u00ebf Sports & Events (MSE) est un acteur de r\u00e9f\u00e9rence dans le secteur du sport et de l'\u00e9v\u00e9nementiel au Maroc. Sa mission est de cr\u00e9er des exp\u00e9riences sportives, \u00e9v\u00e9nementielles et de loisirs durables, conviviales et innovantes, pla\u00e7ant le client au c\u0153ur de la proposition de valeur.\n      <\/p>\n      <p class=\"s6-text s6-anim anim-fade-up\" data-delay=\"200\">\n        Cette dynamique s'inscrit dans l'\u00e9lan de d\u00e9veloppement du sport au Maroc, adoptant une approche cr\u00e9atrice de valeur qui met l'accent sur l'exp\u00e9rience client, et l'inclusion par le sport.\n      <\/p>\n\n      <div class=\"s6-poles\">\n        <div class=\"s6-pole s6-anim anim-pole\" data-delay=\"300\">\n          <div class=\"s6-pole-num\">01<\/div>\n          <div class=\"s6-pole-icon\">\ud83c\udfcc\ufe0f<\/div>\n          <div class=\"s6-pole-body\">\n            <div class=\"s6-pole-title\">Gestion d'actifs Sport & Loisirs<\/div>\n            <div class=\"s6-pole-text\">Sous les enseignes Mada\u00ebf Golfs, leader national dans la gestion de clubs de golf, Wifaq et Aquamania.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"s6-pole s6-anim anim-pole\" data-delay=\"420\">\n          <div class=\"s6-pole-num\">02<\/div>\n          <div class=\"s6-pole-icon\">\ud83c\udfaa<\/div>\n          <div class=\"s6-pole-body\">\n            <div class=\"s6-pole-title\">\u00c9v\u00e8nementiel<\/div>\n            <div class=\"s6-pole-text\">Ax\u00e9 sur des manifestations sportives et culturelles, sous l'enseigne MSE.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"s6-pole s6-anim anim-pole\" data-delay=\"540\">\n          <div class=\"s6-pole-num\">03<\/div>\n          <div class=\"s6-pole-icon\">\ud83d\udccb<\/div>\n          <div class=\"s6-pole-body\">\n            <div class=\"s6-pole-title\">Conseil, formation & services<\/div>\n            <div class=\"s6-pole-text\">Autour de ses domaines d'expertise.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"s6-right s6-anim anim-fade-left\" data-delay=\"200\">\n      <div class=\"s6-right-title\">\ud83d\udccd 8 Destinations \u00e0 travers le Royaume<\/div>\n      <div class=\"s6-dest-grid\">\n        <div class=\"s6-dest-card s6-anim anim-dest\" data-delay=\"300\"><div class=\"s6-dest-dot\"><\/div><div class=\"s6-dest-name\">Rabat<\/div><\/div>\n        <div class=\"s6-dest-card s6-anim anim-dest\" data-delay=\"360\"><div class=\"s6-dest-dot\"><\/div><div class=\"s6-dest-name\">Casablanca<\/div><\/div>\n        <div class=\"s6-dest-card s6-anim anim-dest\" data-delay=\"420\"><div class=\"s6-dest-dot\"><\/div><div class=\"s6-dest-name\">El Jadida<\/div><\/div>\n        <div class=\"s6-dest-card s6-anim anim-dest\" data-delay=\"480\"><div class=\"s6-dest-dot\"><\/div><div class=\"s6-dest-name\">Marrakech<\/div><\/div>\n        <div class=\"s6-dest-card s6-anim anim-dest\" data-delay=\"540\"><div class=\"s6-dest-dot\"><\/div><div class=\"s6-dest-name\">F\u00e8s<\/div><\/div>\n        <div class=\"s6-dest-card s6-anim anim-dest\" data-delay=\"600\"><div class=\"s6-dest-dot\"><\/div><div class=\"s6-dest-name\">Sa\u00efdia<\/div><\/div>\n        <div class=\"s6-dest-card s6-anim anim-dest\" data-delay=\"660\"><div class=\"s6-dest-dot\"><\/div><div class=\"s6-dest-name\">Al Hoceima<\/div><\/div>\n        <div class=\"s6-dest-card s6-anim anim-dest\" data-delay=\"720\"><div class=\"s6-dest-dot\"><\/div><div class=\"s6-dest-name\">Agadir-Taghazout Bay<\/div><\/div>\n      <\/div>\n\n      <div class=\"s6-enseignes-title s6-anim anim-fade-up\" data-delay=\"500\">\ud83c\udff7\ufe0f Nos enseignes<\/div>\n      <div class=\"s6-enseignes\">\n        <div class=\"s6-enseigne s6-anim anim-enseigne\" data-delay=\"580\">Mada\u00ebf Golfs<\/div>\n        <div class=\"s6-enseigne s6-anim anim-enseigne\" data-delay=\"650\">Wifaq<\/div>\n        <div class=\"s6-enseigne s6-anim anim-enseigne\" data-delay=\"720\">Aquamania<\/div>\n        <div class=\"s6-enseigne s6-anim anim-enseigne\" data-delay=\"790\">MSE<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (!entry.isIntersecting) return;\n      var el = entry.target;\n      var delay = parseInt(el.getAttribute('data-delay') || '0');\n      setTimeout(function() { el.classList.add('s6-visible'); }, delay);\n      observer.unobserve(el);\n    });\n  }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n\n  function init() {\n    document.querySelectorAll('.s6-anim').forEach(function(el) { observer.observe(el); });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-348b687 elementor-widget elementor-widget-html\" data-id=\"348b687\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"formulaire\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@keyframes s7FadeUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes s7FadeRight {\n  from { opacity: 0; transform: translateX(-30px); }\n  to   { opacity: 1; transform: translateX(0); }\n}\n@keyframes s7LineGrow {\n  from { transform: scaleX(0); }\n  to   { transform: scaleX(1); }\n}\n@keyframes s7PaiementIn {\n  from { opacity: 0; transform: translateY(30px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes s7FormIn {\n  from { opacity: 0; transform: translateY(50px) scale(.98); }\n  to   { opacity: 1; transform: translateY(0) scale(1); }\n}\n@keyframes s7GlowRed {\n  0%, 100% { box-shadow: 0 6px 20px rgba(217,27,27,.3); }\n  50%       { box-shadow: 0 10px 32px rgba(217,27,27,.55); }\n}\n@keyframes s7TopBarGlow {\n  0%, 100% { opacity: 1; }\n  50%       { opacity: .7; }\n}\n@keyframes s7RibReveal {\n  from { opacity: 0; transform: translateY(-12px); max-height: 0; }\n  to   { opacity: 1; transform: translateY(0); max-height: 500px; }\n}\n\n\/* \u00c9TATS INITIAUX *\/\n.s7-anim { opacity: 0; }\n.s7-anim.s7-visible.anim-fade-up    { animation: s7FadeUp .7s cubic-bezier(.22,1,.36,1) both; }\n.s7-anim.s7-visible.anim-fade-right { animation: s7FadeRight .6s cubic-bezier(.22,1,.36,1) both; }\n.s7-anim.s7-visible.anim-paiement   { animation: s7PaiementIn .8s cubic-bezier(.22,1,.36,1) both; }\n.s7-anim.s7-visible.anim-form       { animation: s7FormIn .9s cubic-bezier(.22,1,.36,1) both; }\n.s7-anim.s7-visible.anim-line       { animation: s7LineGrow .7s cubic-bezier(.22,1,.36,1) both; }\n\n\/* SECTION *\/\n.s7 {\n  background: #F4F4F4 !important;\n  padding: 100px 40px !important;\n  font-family: 'Montserrat', sans-serif !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n.s7::before {\n  content: '' !important;\n  position: absolute !important;\n  top: 0 !important; left: 0 !important; right: 0 !important;\n  height: 6px !important;\n  background: linear-gradient(to right, #0B1F5E, #F5E642, #0B1F5E) !important;\n  animation: s7TopBarGlow 3s ease-in-out infinite !important;\n}\n.s7-inner { max-width: 1200px !important; margin: 0 auto !important; }\n\n.s7-label {\n  display: inline-flex !important;\n  align-items: center !important; gap: 8px !important;\n  background: #F5E642 !important;\n  padding: 4px 12px !important;\n  font-size: 11px !important; font-weight: 700 !important;\n  letter-spacing: .12em !important; text-transform: uppercase !important;\n  color: #0B1F5E !important; margin-bottom: 12px !important; width: fit-content !important;\n}\n.s7-label-line {\n  display: block; height: 3px; width: 60px;\n  background: linear-gradient(to right, #0B1F5E, transparent);\n  margin-bottom: 16px; transform-origin: left;\n}\n.s7-title {\n  font-size: clamp(26px, 3vw, 38px) !important;\n  font-weight: 900 !important; color: #0B1F5E !important;\n  text-transform: uppercase !important; line-height: 1.15 !important; margin-bottom: 12px !important;\n}\n.s7-subtitle {\n  font-size: 15px !important; font-weight: 500 !important;\n  color: #555 !important; line-height: 1.7 !important;\n  margin-bottom: 48px !important; max-width: 680px !important;\n}\n\n\/* PAIEMENT *\/\n.s7-paiement {\n  background: #0B1F5E !important;\n  border-radius: 12px !important;\n  padding: 32px 36px !important; margin-bottom: 40px !important;\n  display: grid !important; grid-template-columns: 1fr 1fr !important;\n  gap: 32px !important; align-items: start !important;\n  transition: transform .2s !important;\n}\n.s7-paiement:hover { transform: translateY(-3px) !important; }\n.s7-paiement-title {\n  font-size: 11px !important; font-weight: 700 !important;\n  color: #F5E642 !important; letter-spacing: .12em !important;\n  text-transform: uppercase !important; margin-bottom: 16px !important;\n  display: flex !important; align-items: center !important; gap: 8px !important;\n}\n.s7-paiement-line {\n  font-size: 13px !important; font-weight: 500 !important;\n  color: rgba(255,255,255,.75) !important; line-height: 1.8 !important; margin-bottom: 6px !important;\n}\n.s7-paiement-line strong { color: #ffffff !important; font-weight: 700 !important; }\n\n\/* \u2500\u2500 BOUTON TOGGLE RIB \u2500\u2500 *\/\n.s7-rib-toggle {\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  background: rgba(255,255,255,.06) !important;\n  border: 1px dashed rgba(255,255,255,.25) !important;\n  border-radius: 8px !important;\n  padding: 12px 18px !important;\n  margin-top: 14px !important;\n  width: 100% !important;\n  cursor: pointer !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  color: #F5E642 !important;\n  letter-spacing: .06em !important;\n  text-transform: uppercase !important;\n  transition: background .2s, border-color .2s !important;\n  text-align: left !important;\n}\n.s7-rib-toggle:hover {\n  background: rgba(255,255,255,.1) !important;\n  border-color: rgba(255,255,255,.4) !important;\n}\n.s7-rib-toggle.open {\n  background: rgba(255,255,255,.08) !important;\n  border-style: solid !important;\n  border-color: rgba(255,255,255,.3) !important;\n}\n.s7-rib-toggle-icon { font-size: 16px !important; flex-shrink: 0 !important; }\n.s7-rib-toggle-label { flex: 1 !important; }\n.s7-rib-toggle-arrow {\n  font-size: 10px !important;\n  transition: transform .3s !important;\n  flex-shrink: 0 !important;\n}\n.s7-rib-toggle.open .s7-rib-toggle-arrow {\n  transform: rotate(180deg) !important;\n}\n\n\/* \u2500\u2500 RIB BOX cach\u00e9e par d\u00e9faut \u2500\u2500 *\/\n.s7-rib-box {\n  background: rgba(245,230,66,.08) !important;\n  border: 1px solid rgba(245,230,66,.25) !important;\n  border-radius: 10px !important;\n  padding: 20px !important;\n  margin-top: 8px !important;\n  overflow: hidden !important;\n  max-height: 0 !important;\n  opacity: 0 !important;\n  transition: max-height .4s cubic-bezier(.22,1,.36,1), opacity .3s ease, padding .3s ease !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.s7-rib-box.open {\n  max-height: 500px !important;\n  opacity: 1 !important;\n  padding: 20px !important;\n}\n\n.s7-rib-row {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 4px !important;\n  margin-bottom: 14px !important;\n  padding-bottom: 14px !important;\n  border-bottom: 1px solid rgba(255,255,255,.08) !important;\n}\n.s7-rib-row:last-of-type {\n  margin-bottom: 12px !important;\n  padding-bottom: 12px !important;\n}\n.s7-rib-label {\n  font-size: 10px !important; font-weight: 700 !important;\n  color: rgba(255,255,255,.45) !important;\n  text-transform: uppercase !important; letter-spacing: .12em !important;\n}\n.s7-rib-value {\n  font-size: 14px !important; font-weight: 800 !important;\n  color: #ffffff !important; letter-spacing: .04em !important;\n  word-break: break-all !important;\n}\n\n\/* Bouton copier RIB *\/\n.s7-rib-copy {\n  display: flex !important;\n  align-items: center !important; justify-content: center !important;\n  gap: 8px !important;\n  width: 100% !important;\n  background: rgba(255,255,255,.06) !important;\n  border: 1px solid rgba(255,255,255,.2) !important;\n  border-radius: 6px !important;\n  padding: 10px !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 12px !important; font-weight: 700 !important;\n  color: rgba(255,255,255,.85) !important;\n  letter-spacing: .06em !important;\n  text-transform: uppercase !important;\n  cursor: pointer !important;\n  transition: background .2s, color .2s !important;\n  margin-top: 4px !important;\n}\n.s7-rib-copy:hover {\n  background: #D91B1B !important;\n  color: #ffffff !important;\n  border-color: #D91B1B !important;\n}\n.s7-rib-copy.copied {\n  background: rgba(245,230,66,.2) !important;\n  color: #F5E642 !important;\n  border-color: rgba(245,230,66,.5) !important;\n}\n\n\/* DEADLINE *\/\n.s7-deadline {\n  display: flex !important; align-items: center !important; gap: 10px !important;\n  background: #D91B1B !important; border-radius: 8px !important;\n  padding: 14px 18px !important; margin-top: 16px !important;\n  animation: s7GlowRed 3s 1s ease-in-out infinite !important;\n  transition: transform .2s !important;\n}\n.s7-deadline:hover { transform: translateY(-2px) !important; }\n.s7-deadline-icon { font-size: 20px !important; }\n.s7-deadline-text strong {\n  display: block !important; font-size: 15px !important; font-weight: 800 !important;\n  color: #ffffff !important; font-family: 'Montserrat', sans-serif !important;\n}\n.s7-deadline-text span {\n  font-size: 11px !important; font-weight: 600 !important;\n  color: rgba(255,255,255,.85) !important; font-family: 'Montserrat', sans-serif !important;\n  text-transform: uppercase !important; letter-spacing: .06em !important;\n}\n\n\/* FORM WRAP *\/\n.s7-form-wrap {\n  background: #ffffff !important; border-radius: 16px !important;\n  padding: 48px 52px !important;\n  box-shadow: 0 8px 40px rgba(11,31,94,.1) !important;\n  transition: box-shadow .3s !important;\n}\n.s7-form-wrap:hover { box-shadow: 0 16px 60px rgba(11,31,94,.16) !important; }\n\n\/* CF7 *\/\n.wpcf7 { width: 100% !important; }\n.wpcf7 form { width: 100% !important; }\n.wpcf7 p { margin: 0 !important; }\n.wpcf7 br { display: none !important; }\n.wpcf7 label, .wpcf7 .wpcf7-list-item label {\n  font-family: 'Montserrat', sans-serif !important; font-size: 12px !important;\n  font-weight: 700 !important; color: #0B1F5E !important;\n  text-transform: uppercase !important; letter-spacing: .08em !important;\n  margin-bottom: 6px !important; display: block !important;\n}\n.wpcf7 input[type=\"text\"],\n.wpcf7 input[type=\"email\"],\n.wpcf7 input[type=\"tel\"],\n.wpcf7 input[type=\"number\"],\n.wpcf7 select,\n.wpcf7 textarea {\n  font-family: 'Montserrat', sans-serif !important; font-size: 14px !important;\n  font-weight: 500 !important; color: #0B1F5E !important;\n  background: #f8f9fb !important; border: 1.5px solid #d0dae8 !important;\n  border-radius: 8px !important; padding: 14px 18px !important;\n  width: 100% !important; outline: none !important;\n  transition: border-color .2s, box-shadow .2s !important;\n  -webkit-appearance: none !important; appearance: none !important;\n  box-shadow: none !important; margin-bottom: 16px !important;\n}\n.wpcf7 input[type=\"text\"]:focus,\n.wpcf7 input[type=\"email\"]:focus,\n.wpcf7 input[type=\"tel\"]:focus,\n.wpcf7 select:focus,\n.wpcf7 textarea:focus {\n  border-color: #F5E642 !important;\n  box-shadow: 0 0 0 3px rgba(245,230,66,.2) !important;\n  background: #ffffff !important;\n}\n.wpcf7 select {\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230B1F5E' stroke-width='2' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\") !important;\n  background-repeat: no-repeat !important; background-position: right 16px center !important;\n  padding-right: 40px !important; cursor: pointer !important;\n}\n.wpcf7 textarea { resize: vertical !important; min-height: 100px !important; }\n.wpcf7 h3 {\n  font-family: 'Montserrat', sans-serif !important; font-size: 16px !important;\n  font-weight: 900 !important; color: #0B1F5E !important;\n  text-transform: uppercase !important; letter-spacing: .06em !important;\n  padding: 12px 0 8px !important; border-bottom: 2px solid #F5E642 !important;\n  margin: 24px 0 20px !important;\n}\n.wpcf7 .wpcf7-list-item {\n  margin: 0 0 12px 0 !important; display: flex !important;\n  align-items: flex-start !important; gap: 10px !important; width: 100% !important;\n}\n.wpcf7 input[type=\"checkbox\"], .wpcf7 input[type=\"radio\"] {\n  width: 18px !important; height: 18px !important; min-width: 18px !important;\n  accent-color: #F5E642 !important; margin: 0 !important; padding: 0 !important;\n  cursor: pointer !important; margin-bottom: 0 !important; margin-top: 2px !important;\n}\n.wpcf7 .wpcf7-list-item label {\n  font-size: 13px !important; font-weight: 600 !important;\n  text-transform: none !important; letter-spacing: 0 !important;\n  cursor: pointer !important; margin: 0 !important; line-height: 1.5 !important;\n}\n.wpcf7 input[type=\"file\"] {\n  font-family: 'Montserrat', sans-serif !important; font-size: 13px !important;\n  color: #0B1F5E !important; background: #f0f4fa !important;\n  border: 2px dashed #c0cce0 !important; border-radius: 8px !important;\n  padding: 16px 18px !important; width: 100% !important;\n  cursor: pointer !important; margin-bottom: 16px !important;\n}\n.wpcf7 input[type=\"file\"]:hover {\n  border-color: #F5E642 !important; background: #fffef0 !important;\n}\n.wpcf7 input[type=\"submit\"], .wpcf7 button[type=\"submit\"] {\n  font-family: 'Montserrat', sans-serif !important; font-size: 15px !important;\n  font-weight: 900 !important; letter-spacing: .1em !important;\n  text-transform: uppercase !important; color: #ffffff !important;\n  background: #D91B1B !important; border: none !important;\n  border-radius: 6px !important; padding: 18px 48px !important;\n  width: 100% !important; cursor: pointer !important; margin-top: 24px !important;\n  transition: background .2s, transform .15s !important;\n  animation: s7GlowRed 3s 2s ease-in-out infinite !important;\n}\n.wpcf7 input[type=\"submit\"]:hover, .wpcf7 button[type=\"submit\"]:hover {\n  background: #b01515 !important; transform: translateY(-2px) !important;\n}\n.wpcf7 .wpcf7-not-valid-tip {\n  font-family: 'Montserrat', sans-serif !important; font-size: 11px !important;\n  font-weight: 600 !important; color: #D91B1B !important;\n  margin-top: -12px !important; margin-bottom: 12px !important; display: block !important;\n}\n.wpcf7 .wpcf7-not-valid { border-color: #D91B1B !important; }\n.wpcf7 .wpcf7-response-output {\n  font-family: 'Montserrat', sans-serif !important; font-size: 14px !important;\n  font-weight: 600 !important; border-radius: 8px !important;\n  padding: 16px 20px !important; margin-top: 16px !important; border: none !important;\n}\n.wpcf7 .wpcf7-mail-sent-ok {\n  background: #e8f5e9 !important; color: #2e7d32 !important;\n  border-left: 4px solid #2e7d32 !important;\n}\n.wpcf7 .wpcf7-mail-sent-ng, .wpcf7 .wpcf7-validation-errors {\n  background: #fdecea !important; color: #D91B1B !important;\n  border-left: 4px solid #D91B1B !important;\n}\n.wpcf7 .wpcf7-spinner { background-color: #F5E642 !important; }\n\n@media (max-width: 768px) {\n  .s7 { padding: 60px 20px !important; }\n  .s7-paiement { grid-template-columns: 1fr !important; gap: 20px !important; padding: 24px 20px !important; }\n  .s7-rib-value { font-size: 13px !important; word-break: break-all !important; }\n  .s7-form-wrap { padding: 28px 16px !important; }\n}\n<\/style>\n\n<section class=\"s7\" id=\"formulaire\">\n  <div class=\"s7-inner\">\n\n    <div class=\"s7-label s7-anim anim-fade-right\" data-delay=\"0\">\ud83d\udccb Inscription<\/div>\n    <span class=\"s7-label-line s7-anim anim-line\" data-delay=\"100\"><\/span>\n    <h2 class=\"s7-title s7-anim anim-fade-up\" data-delay=\"150\">Formulaire d'inscription<\/h2>\n    <p class=\"s7-subtitle s7-anim anim-fade-up\" data-delay=\"250\">Remplissez le formulaire ci-dessous pour r\u00e9server votre place et participer \u00e0 cette \u00e9tape exceptionnelle de la Remontada Padel au Club Wifaq.<\/p>\n\n    <div class=\"s7-paiement s7-anim anim-paiement\" data-delay=\"350\">\n      <div>\n        <div class=\"s7-paiement-title\">\ud83d\udcb3 Modalit\u00e9s de paiement<\/div>\n        <p class=\"s7-paiement-line\">Paiement avant la date limite d'inscription : <strong>14\/04\/2026<\/strong><\/p>\n        <p class=\"s7-paiement-line\">Par Virement Bancaire :<\/p>\n        <p class=\"s7-paiement-line\"><strong>MADAEF SPORTS & EVENTS \u2013 CLUB WIFAQ<\/strong><\/p>\n\n        <!-- Ancre RIB pour scroll depuis formulaire -->\n        <span id=\"s7-rib-anchor\" style=\"display:block; position:relative; top:-20px;\"><\/span>\n        <!-- Bouton toggle RIB -->\n        <button class=\"s7-rib-toggle\" id=\"s7-rib-btn\" onclick=\"s7ToggleRib()\">\n          <span class=\"s7-rib-toggle-icon\">\ud83d\udd12<\/span>\n          <span class=\"s7-rib-toggle-label\" id=\"s7-rib-btn-text\">Afficher les coordonn\u00e9es bancaires<\/span>\n          <span class=\"s7-rib-toggle-arrow\" id=\"s7-rib-arrow\">\u25bc<\/span>\n        <\/button>\n\n        <!-- RIB cach\u00e9 par d\u00e9faut -->\n        <div class=\"s7-rib-box\" id=\"s7-rib-box\">\n          <div class=\"s7-rib-row\">\n            <span class=\"s7-rib-label\">B\u00e9n\u00e9ficiaire<\/span>\n            <span class=\"s7-rib-value\">MADAEF SPORTS & EVENTS \u2013 CLUB WIFAQ<\/span>\n          <\/div>\n          <div class=\"s7-rib-row\">\n            <span class=\"s7-rib-label\">Banque<\/span>\n            <span class=\"s7-rib-value\">Bank of Africa<\/span>\n          <\/div>\n          <div class=\"s7-rib-row\">\n            <span class=\"s7-rib-label\">RIB<\/span>\n            <span class=\"s7-rib-value\">011 810 0000 40 210 00 00326 69<\/span>\n          <\/div>\n          <div class=\"s7-rib-row\">\n            <span class=\"s7-rib-label\">R\u00e9f\u00e9rence virement<\/span>\n            <span class=\"s7-rib-value\">MRP-<em style=\"color:rgba(245,230,66,.7);font-style:normal;\">VotreNom<\/em><\/span>\n          <\/div>\n          <button class=\"s7-rib-copy\" id=\"s7-copy-btn\" onclick=\"s7CopyRib()\">\n            <span id=\"s7-copy-icon\"><\/span>\n            <span id=\"s7-copy-text\">Copier le RIB<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div>\n        <div class=\"s7-deadline\">\n          <div class=\"s7-deadline-icon\">\u23f3<\/div>\n          <div class=\"s7-deadline-text\">\n            <strong>14 Avril 2026<\/strong>\n            <span>Date limite d'inscription<\/span>\n          <\/div>\n        <\/div>\n        <div style=\"margin-top:16px; padding:16px 20px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:8px;\">\n          <div class=\"s7-paiement-title\" style=\"margin-bottom:10px;\">\u26a0\ufe0f Important<\/div>\n          <p class=\"s7-paiement-line\">Places limit\u00e9es.<\/p>\n          <p class=\"s7-paiement-line\"><strong>Premier venu, premier servi !<\/strong><\/p>\n          <p class=\"s7-paiement-line\" style=\"margin-top:8px;\">Tarif : <strong style=\"color:#F5E642 !important; font-size:18px;\">1 000 DH<\/strong> \/ \u00e9quipe<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"s7-form-wrap s7-anim anim-form\" data-delay=\"500\">\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2932-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"2932\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/1996#wpcf7-f2932-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" enctype=\"multipart\/form-data\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"2932\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2932-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<h3>Choisissez votre cat\u00e9gorie\n<\/h3>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"categorie\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"categorie\"><option value=\"DUO TODO\">DUO TODO<\/option><option value=\"DUO OLD SCHOOL\">DUO OLD SCHOOL<\/option><option value=\"DUO ROOKIE\">DUO ROOKIE<\/option><option value=\"FAMILY POWER\">FAMILY POWER<\/option><option value=\"GIRL PARTY\">GIRL PARTY<\/option><option value=\"DUO MIXTE\">DUO MIXTE<\/option><\/select><\/span>\n<\/p>\n<hr \/>\n<h3>Joueur 1\n<\/h3>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"nom1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nom\" value=\"\" type=\"text\" name=\"nom1\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"prenom1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Pr\u00e9nom\" value=\"\" type=\"text\" name=\"prenom1\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"club1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Club d\u2019origine\" value=\"\" type=\"text\" name=\"club1\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"ville1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ville\" value=\"\" type=\"text\" name=\"ville1\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"T\u00e9l\u00e9phone\" value=\"\" type=\"tel\" name=\"tel1\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"email1\" \/><\/span>\n<\/p>\n<hr \/>\n<h3>Joueur 2\n<\/h3>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"nom2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nom\" value=\"\" type=\"text\" name=\"nom2\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"prenom2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Pr\u00e9nom\" value=\"\" type=\"text\" name=\"prenom2\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"club2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Club d\u2019origine\" value=\"\" type=\"text\" name=\"club2\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"ville2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ville\" value=\"\" type=\"text\" name=\"ville2\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"T\u00e9l\u00e9phone\" value=\"\" type=\"tel\" name=\"tel2\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"email2\" \/><\/span>\n<\/p>\n<hr \/>\n<h3>Comment avez-vous connu le tournoi ?\n<\/h3>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"source\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first\"><label><input type=\"checkbox\" name=\"source[]\" value=\"Instagram\" \/><span class=\"wpcf7-list-item-label\">Instagram<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"source[]\" value=\"Facebook\" \/><span class=\"wpcf7-list-item-label\">Facebook<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"source[]\" value=\"Bouche-\u00e0-oreille\" \/><span class=\"wpcf7-list-item-label\">Bouche-\u00e0-oreille<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"checkbox\" name=\"source[]\" value=\"Autre\" \/><span class=\"wpcf7-list-item-label\">Autre<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"autre_preciser\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Si autre, pr\u00e9cisez...\" value=\"\" type=\"text\" name=\"autre_preciser\" \/><\/span>\n<\/p>\n<hr \/>\n<h3>Justificatif de paiement\n<\/h3>\n<p><br \/>\nLes coordonn\u00e9es bancaires sont disponibles i\u00e7i : <a href=\"#s7-rib-anchor\" onclick=\"document.getElementById('s7-rib-box').classList.add('open'); document.getElementById('s7-rib-btn').classList.add('open'); document.getElementById('s7-rib-btn-text').textContent='Masquer les coordonn\u00e9es bancaires'; document.querySelector('.s7-rib-toggle-icon').textContent='\ud83d\udd13'; return true;\" style=\"color:#0B1F5E; font-weight:800; text-decoration:underline; cursor:pointer;\">Voir les coordonn\u00e9es bancaires<\/a>\n<\/p>\n<p><strong>T\u00e9l\u00e9chargez votre justificatif de virement (PDF, JPG, PNG)<\/strong>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"justificatif\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file wpcf7-validates-as-required\" accept=\".pdf,.jpg,.jpeg,.png\" aria-required=\"true\" aria-invalid=\"false\" type=\"file\" name=\"justificatif\" \/><\/span><br \/>\n<hr \/>\n<\/p>\n<h3>Autorisation & engagement\n<\/h3>\n<p><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"engagement1\"><span class=\"wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required\"><span class=\"wpcf7-list-item first last\"><label><input type=\"checkbox\" name=\"engagement1[]\" value=\"J\u2019ai pris connaissance du r\u00e8glement du tournoi et j\u2019en accepte toutes les clauses.\" \/><span class=\"wpcf7-list-item-label\">J\u2019ai pris connaissance du r\u00e8glement du tournoi et j\u2019en accepte toutes les clauses.<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"engagement2\"><span class=\"wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required\"><span class=\"wpcf7-list-item first last\"><label><input type=\"checkbox\" name=\"engagement2[]\" value=\"J\u2019autorise Mada\u00ebf Sports &amp; Events \u00e0 utiliser tout mat\u00e9riel de communication utilisant mon image \u00e0 des fins promotionnelles dans le cadre de ce tournoi.\" \/><span class=\"wpcf7-list-item-label\">J\u2019autorise Mada\u00ebf Sports &amp; Events \u00e0 utiliser tout mat\u00e9riel de communication utilisant mon image \u00e0 des fins promotionnelles dans le cadre de ce tournoi.<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"mineur\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first last\"><label><input type=\"checkbox\" name=\"mineur[]\" value=\"Cocher si le participant est mineur : Le tuteur l\u00e9gal s\u2019engage \u00e0 fournir l\u2019autorisation parentale requise (\u00e0 ajouter en pi\u00e8ce jointe).\" \/><span class=\"wpcf7-list-item-label\">Cocher si le participant est mineur : Le tuteur l\u00e9gal s\u2019engage \u00e0 fournir l\u2019autorisation parentale requise (\u00e0 ajouter en pi\u00e8ce jointe).<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><br \/>\nCliquer pour <a href=\"https:\/\/mustapha.ma\/wp-content\/uploads\/2026\/03\/Autorisation-parentale-MSE-RP.pdf\" \ndownload\nstyle=\"color:#0B1F5E; font-weight:700; text-decoration:underline; cursor:pointer;\">t\u00e9l\u00e9charger<\/a> le mod\u00e8le d'autorisation parentale \u00e0 renseigner\n<\/p>\n<hr \/>\n<p><label>Ajouter autorisation parentale<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"autorisation\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file wpcf7-validates-as-required\" accept=\".pdf,.jpg,.jpeg,.png\" aria-required=\"true\" aria-invalid=\"false\" type=\"file\" name=\"autorisation\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<hr \/>\n<p><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptation\"><span class=\"wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required\"><\/span><\/span> En cliquant sur \u00ab PARTICIPER \u00bb, j\u2019accepte le r\u00e8glement du tournoi\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"PARTICIPER\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n\/* \u2500\u2500 Ouvrir RIB depuis lien formulaire \u2500\u2500 *\/\nfunction s7OpenRib() {\n  var box = document.getElementById(\"s7-rib-box\");\n  var btn = document.getElementById(\"s7-rib-btn\");\n  var txt = document.getElementById(\"s7-rib-btn-text\");\n  if (!box.classList.contains(\"open\")) {\n    box.classList.add(\"open\");\n    btn.classList.add(\"open\");\n    txt.textContent = \"Masquer les coordonn\u00e9es bancaires\";\n    btn.querySelector(\".s7-rib-toggle-icon\").textContent = \"\ud83d\udd13\";\n  }\n  var anchor = document.getElementById(\"s7-rib-anchor\");\n  if (anchor) {\n    setTimeout(function() {\n      anchor.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n    }, 100);\n  }\n}\n\n\/* \u2500\u2500 Toggle RIB \u2500\u2500 *\/\nfunction s7ToggleRib() {\n  var box   = document.getElementById('s7-rib-box');\n  var btn   = document.getElementById('s7-rib-btn');\n  var txt   = document.getElementById('s7-rib-btn-text');\n  var arrow = document.getElementById('s7-rib-arrow');\n  var isOpen = box.classList.contains('open');\n\n  if (isOpen) {\n    box.classList.remove('open');\n    btn.classList.remove('open');\n    txt.textContent = 'Afficher les coordonn\u00e9es bancaires';\n    btn.querySelector('.s7-rib-toggle-icon').textContent = '\ud83d\udd12';\n  } else {\n    box.classList.add('open');\n    btn.classList.add('open');\n    txt.textContent = 'Masquer les coordonn\u00e9es bancaires';\n    btn.querySelector('.s7-rib-toggle-icon').textContent = '\ud83d\udd13';\n  }\n}\n\n\/* \u2500\u2500 Copier RIB \u2500\u2500 *\/\nfunction s7CopyRib() {\n  var rib  = '011 810 0000 40 210 00 00326 69';\n  var btn  = document.getElementById('s7-copy-btn');\n  var icon = document.getElementById('s7-copy-icon');\n  var txt  = document.getElementById('s7-copy-text');\n\n  if (navigator.clipboard) {\n    navigator.clipboard.writeText(rib).then(function() {\n      btn.classList.add('copied');\n      icon.textContent = '\u2705';\n      txt.textContent  = 'RIB copi\u00e9 !';\n      setTimeout(function() {\n        btn.classList.remove('copied');\n        icon.textContent = '\ud83d\udccb';\n        txt.textContent  = 'Copier le RIB';\n      }, 2500);\n    });\n  }\n}\n\n\/* \u2500\u2500 Scroll animations \u2500\u2500 *\/\n(function() {\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (!entry.isIntersecting) return;\n      var el    = entry.target;\n      var delay = parseInt(el.getAttribute('data-delay') || '0');\n      setTimeout(function() { el.classList.add('s7-visible'); }, delay);\n      observer.unobserve(el);\n    });\n  }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n\n  function init() {\n    document.querySelectorAll('.s7-anim').forEach(function(el) { observer.observe(el); });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else { init(); }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcc5 Inscriptions avant le 14\/04\/2026 Places limit\u00e9es \u2014 Premier venu, premier servi ! La Remontada Padel fait escale au Maroc pour la 1\u00e8re fois ! Rejoignez la MSE Remontada Padel au Club Wifaq et tentez de gagner votre place pour la grande finale qui se jouera au pied de la Tour Eiffel en juin 2026. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1996","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mustapha.ma\/index.php\/wp-json\/wp\/v2\/pages\/1996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mustapha.ma\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mustapha.ma\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mustapha.ma\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mustapha.ma\/index.php\/wp-json\/wp\/v2\/comments?post=1996"}],"version-history":[{"count":183,"href":"https:\/\/mustapha.ma\/index.php\/wp-json\/wp\/v2\/pages\/1996\/revisions"}],"predecessor-version":[{"id":3221,"href":"https:\/\/mustapha.ma\/index.php\/wp-json\/wp\/v2\/pages\/1996\/revisions\/3221"}],"wp:attachment":[{"href":"https:\/\/mustapha.ma\/index.php\/wp-json\/wp\/v2\/media?parent=1996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}