{"id":6090,"date":"2026-06-18T12:44:30","date_gmt":"2026-06-18T12:44:30","guid":{"rendered":"https:\/\/sportynity.com\/?page_id=6090"},"modified":"2026-08-11T08:14:20","modified_gmt":"2026-08-11T08:14:20","slug":"solution","status":"publish","type":"page","link":"https:\/\/sportynity.com\/index.php\/solution\/","title":{"rendered":"Solution"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n SPORTYNITY | Plateforme de coh\u00e9sion, engagement collaborateur et animation RH<\/title>\r\n\r\n <style>\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n background: #fcfaff;\r\n }\r\n\r\n .sp-solution,\r\n .sp-solution * {\r\n box-sizing: border-box !important;\r\n font-family: Inter, Arial, sans-serif !important;\r\n }\r\n\r\n :root{\r\n --sp-purple:#6E28EF;\r\n --sp-teal:#2EC4B6;\r\n }\r\n\r\n .sp-solution {\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n margin-left: calc(50% - 50vw) !important;\r\n margin-right: calc(50% - 50vw) !important;\r\n background: #fcfaff !important;\r\n color: #21153F !important;\r\n }\r\n\r\n .sp-solution h1,\r\n .sp-solution h2,\r\n .sp-solution h3,\r\n .sp-solution p,\r\n .sp-solution ul,\r\n .sp-solution li {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .sp-container {\r\n max-width: 1320px !important;\r\n width: 100% !important;\r\n margin: 0 auto !important;\r\n padding: 0 24px !important;\r\n }\r\n\r\n .sp-section {\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n margin-left: calc(50% - 50vw) !important;\r\n margin-right: calc(50% - 50vw) !important;\r\n padding: 76px 0 !important;\r\n border-bottom: 1px solid rgba(110,40,239,.08) !important;\r\n background: #fcfaff !important;\r\n }\r\n\r\n .sp-section--white {\r\n background: #ffffff !important;\r\n }\r\n\r\n .sp-eyebrow {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n min-height: 34px !important;\r\n padding: 0 15px !important;\r\n margin-bottom: 20px !important;\r\n border-radius: 999px !important;\r\n background: rgba(110, 40, 239, 0.08) !important;\r\n color: #6E28EF !important;\r\n font-size: 12px !important;\r\n font-weight: 900 !important;\r\n letter-spacing: .08em !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n .sp-title {\r\n max-width: 820px !important;\r\n margin: 0 auto !important;\r\n text-align: center !important;\r\n font-size: clamp(36px, 3.8vw, 54px) !important;\r\n line-height: 1.05 !important;\r\n font-weight: 900 !important;\r\n letter-spacing: -.045em !important;\r\n color: #21153F !important;\r\n }\r\n\r\n .sp-title span {\r\n display: block !important;\r\n }\r\n\r\n .sp-title span:last-child {\r\n color: #6E28EF !important;\r\n }\r\n\r\n .sp-intro {\r\n max-width: 760px !important;\r\n margin: 22px auto 0 !important;\r\n text-align: center !important;\r\n font-size: 18px !important;\r\n line-height: 1.62 !important;\r\n color: #566074 !important;\r\n }\r\n\r\n .sp-head {\r\n max-width: 860px !important;\r\n margin: 0 auto 44px !important;\r\n text-align: center !important;\r\n }\r\n\r\n\r\n \/* CORRECTIF ELEMENTOR : emp\u00eache le widget HTML d'\u00eatre visuellement enferm\u00e9 dans un conteneur \u00e9troit *\/\r\n .elementor-widget-html .sp-solution,\r\n .elementor-widget-container .sp-solution {\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n margin-left: calc(50% - 50vw) !important;\r\n margin-right: calc(50% - 50vw) !important;\r\n }\r\n\r\n \/* HERO *\/\r\n .sp-hero {\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n margin-left: calc(50% - 50vw) !important;\r\n margin-right: calc(50% - 50vw) !important;\r\n padding: 94px 0 86px !important;\r\n background:\r\n radial-gradient(circle at 88% 26%, rgba(110,40,239,.14), transparent 34%),\r\n radial-gradient(circle at 12% 24%, rgba(110,40,239,.08), transparent 30%),\r\n linear-gradient(180deg, #ffffff 0%, #fcfaff 100%) !important;\r\n border-bottom: 1px solid rgba(110,40,239,.08) !important;\r\n }\r\n\r\n .sp-hero__grid {\r\n display: grid !important;\r\n grid-template-columns: minmax(320px, 560px) minmax(420px, 1fr) !important;\r\n gap: 64px !important;\r\n align-items: center !important;\r\n }\r\n\r\n .sp-hero h1 {\r\n font-size: clamp(46px, 5vw, 74px) !important;\r\n line-height: .98 !important;\r\n font-weight: 900 !important;\r\n letter-spacing: -.055em !important;\r\n color: #21153F !important;\r\n }\r\n\r\n .sp-hero h1 span {\r\n display: block !important;\r\n }\r\n\r\n .sp-hero h1 span:last-child {\r\n color: #6E28EF !important;\r\n }\r\n\r\n .sp-hero__text {\r\n max-width: 670px !important;\r\n margin-top: 24px !important;\r\n font-size: 20px !important;\r\n line-height: 1.58 !important;\r\n color: #566074 !important;\r\n }\r\n\r\n .sp-hero__actions {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 14px !important;\r\n margin-top: 32px !important;\r\n }\r\n\r\n .sp-btn {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n min-height: 58px !important;\r\n padding: 16px 26px !important;\r\n border-radius: 18px !important;\r\n text-decoration: none !important;\r\n font-size: 16px !important;\r\n line-height: 1 !important;\r\n font-weight: 900 !important;\r\n transition: transform .25s ease, box-shadow .25s ease !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .sp-btn:hover {\r\n transform: translateY(-3px) !important;\r\n }\r\n\r\n .sp-btn--primary {\r\n color: #ffffff !important;\r\n background: linear-gradient(135deg, #8b5cf6, #6E28EF) !important;\r\n box-shadow: 0 14px 30px rgba(110,40,239,.24) !important;\r\n }\r\n\r\n .sp-btn--secondary {\r\n color: #6E28EF !important;\r\n background: #ffffff !important;\r\n border: 1px solid rgba(110,40,239,.18) !important;\r\n box-shadow: 0 12px 26px rgba(44,22,90,.06) !important;\r\n }\r\n \/* HERO CAPTURE - SANS ENCAPSULAGE T\u00c9L\u00c9PHONE *\/\r\n .sp-hero-capture {\r\n position: relative !important;\r\n width: 100% !important;\r\n max-width: none !important;\r\n margin: 0 auto !important;\r\n padding: 18px !important;\r\n border-radius: 30px !important;\r\n background: #ffffff !important;\r\n border: 1px solid rgba(110,40,239,.12) !important;\r\n box-shadow: 0 28px 70px rgba(44,22,90,.14) !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .sp-hero-capture::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n inset: -90px -90px auto auto !important;\r\n width: 220px !important;\r\n height: 220px !important;\r\n border-radius: 999px !important;\r\n background: rgba(110,40,239,.08) !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .sp-hero-capture img {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n display: block !important;\r\n width: 100% !important;\r\n height: auto !important;\r\n border-radius: 22px !important;\r\n object-fit: contain !important;\r\n background: #ffffff !important;\r\n }\r\n\r\n\r\n \/* ICONES PREMIUM - SVG coh\u00e9rents, sans emojis *\/\r\n .sp-card__icon,\r\n .sp-nova__visual {\r\n color: #6E28EF !important;\r\n }\r\n\r\n .sp-card__icon svg {\r\n width: 34px !important;\r\n height: 34px !important;\r\n display: block !important;\r\n fill: none !important;\r\n stroke: currentColor !important;\r\n stroke-width: 1.9 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n\r\n .sp-nova__visual svg {\r\n width: 96px !important;\r\n height: 96px !important;\r\n display: block !important;\r\n fill: none !important;\r\n stroke: #ffffff !important;\r\n stroke-width: 1.6 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n opacity: .96 !important;\r\n }\r\n\r\n .sp-nova__visual {\r\n background:\r\n radial-gradient(circle at 75% 20%, rgba(255,255,255,.20), transparent 35%),\r\n rgba(255,255,255,.13) !important;\r\n border: 1px solid rgba(255,255,255,.16) !important;\r\n }\r\n\r\n \/* CARDS *\/\r\n .sp-grid {\r\n display: grid !important;\r\n gap: 20px !important;\r\n }\r\n\r\n .sp-grid--3 {\r\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n }\r\n\r\n .sp-grid--4 {\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n }\r\n\r\n .sp-card {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n min-height: 230px !important;\r\n padding: 24px 22px !important;\r\n border-radius: 24px !important;\r\n background: #ffffff !important;\r\n border: 1px solid rgba(110,40,239,.12) !important;\r\n box-shadow: 0 16px 40px rgba(44,22,90,.07) !important;\r\n transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;\r\n }\r\n\r\n .sp-card:hover {\r\n transform: translateY(-6px) !important;\r\n border-color: rgba(110,40,239,.22) !important;\r\n box-shadow: 0 26px 56px rgba(44,22,90,.12) !important;\r\n }\r\n\r\n .sp-card::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n right: -68px !important;\r\n top: -68px !important;\r\n width: 150px !important;\r\n height: 150px !important;\r\n border-radius: 999px !important;\r\n background: rgba(110,40,239,.06) !important;\r\n }\r\n\r\n .sp-card__icon {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n width: 64px !important;\r\n height: 64px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n margin-bottom: 16px !important;\r\n border-radius: 20px !important;\r\n background: rgba(110,40,239,.085) !important;\r\n font-size: 30px !important;\r\n }\r\n\r\n .sp-card h3 {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n margin-bottom: 10px !important;\r\n font-size: 20px !important;\r\n line-height: 1.2 !important;\r\n font-weight: 900 !important;\r\n color: #21153F !important;\r\n }\r\n\r\n .sp-card p {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n font-size: 15.5px !important;\r\n line-height: 1.52 !important;\r\n color: #586174 !important;\r\n }\r\n\r\n .sp-see-screen {\r\n position: relative !important;\r\n z-index: 1 !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n margin-top: 16px !important;\r\n color: #6E28EF !important;\r\n font-size: 15px !important;\r\n font-weight: 900 !important;\r\n text-decoration: none !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .sp-see-screen span {\r\n transition: transform .2s ease !important;\r\n display: inline-block !important;\r\n margin-left: 5px !important;\r\n }\r\n\r\n .sp-see-screen:hover span {\r\n transform: translateX(4px) !important;\r\n }\r\n\r\n \/* FEATURE ROWS *\/\r\n .sp-feature {\r\n display: grid !important;\r\n grid-template-columns: 430px minmax(0, 1fr) !important;\r\n gap: 58px !important;\r\n align-items: center !important;\r\n }\r\n\r\n .sp-feature--reverse {\r\n grid-template-columns: minmax(0, 1fr) 430px !important;\r\n }\r\n\r\n .sp-feature__content .sp-title,\r\n .sp-feature__content .sp-intro {\r\n text-align: left !important;\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n }\r\n\r\n\r\n\r\n \/* CORRECTION AFFICHAGE CAPTURES - liens d'images conserv\u00e9s *\/\r\n .sp-screen-frame {\r\n min-height: auto !important;\r\n padding: 16px !important;\r\n border-radius: 30px !important;\r\n background: #ffffff !important;\r\n border: 1px solid rgba(110,40,239,.12) !important;\r\n box-shadow: 0 22px 58px rgba(44,22,90,.10) !important;\r\n overflow: hidden !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .sp-screen-image {\r\n width: 100% !important;\r\n min-height: auto !important;\r\n border-radius: 22px !important;\r\n background: #ffffff !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 0 !important;\r\n overflow: hidden !important;\r\n border: none !important;\r\n }\r\n\r\n .sp-screen-image img,\r\n .sp-screen-image--wide img,\r\n .sp-screen-image--compact img {\r\n display: block !important;\r\n width: 100% !important;\r\n max-width: none !important;\r\n height: auto !important;\r\n max-height: none !important;\r\n object-fit: contain !important;\r\n border-radius: 20px !important;\r\n background: #ffffff !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n .sp-screen-empty:not(.sp-screen-image) {\r\n min-height: 334px !important;\r\n border-radius: 22px !important;\r\n border: 1px dashed rgba(110,40,239,.28) !important;\r\n background: linear-gradient(135deg, rgba(110,40,239,.10), rgba(110,40,239,.03)), #fbf9ff !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n padding: 24px !important;\r\n color: #6E28EF !important;\r\n font-size: 15px !important;\r\n font-weight: 900 !important;\r\n line-height: 1.45 !important;\r\n }\r\n\r\n .sp-screen-empty:not(.sp-screen-image) span {\r\n display: block !important;\r\n color: #8a7ca8 !important;\r\n font-size: 13px !important;\r\n font-weight: 700 !important;\r\n margin-top: 8px !important;\r\n }\r\n\r\n .sp-modal__screen {\r\n min-height: auto !important;\r\n padding: 20px !important;\r\n border: none !important;\r\n border-radius: 22px !important;\r\n background: #ffffff !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n color: #6E28EF !important;\r\n font-weight: 900 !important;\r\n }\r\n\r\n .sp-modal__screen img {\r\n display: block !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n height: auto !important;\r\n max-height: 78vh !important;\r\n object-fit: contain !important;\r\n border-radius: 18px !important;\r\n background: #ffffff !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n\r\n .sp-list {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 12px !important;\r\n margin-top: 24px !important;\r\n }\r\n\r\n .sp-list span {\r\n display: flex !important;\r\n align-items: center !important;\r\n min-height: 42px !important;\r\n padding: 10px 14px !important;\r\n border-radius: 999px !important;\r\n background: rgba(110,40,239,.08) !important;\r\n color: #6E28EF !important;\r\n font-size: 14px !important;\r\n font-weight: 900 !important;\r\n }\r\n\r\n\r\n .sp-screen-frame img {\r\n display: block !important;\r\n width: 100% !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n border-radius: 20px !important;\r\n background: #ffffff !important;\r\n }\r\n\r\n \/* NOVA *\/\r\n .sp-nova {\r\n display: grid !important;\r\n grid-template-columns: 250px minmax(0,1fr) !important;\r\n gap: 34px !important;\r\n align-items: center !important;\r\n padding: 40px !important;\r\n border-radius: 34px !important;\r\n background: linear-gradient(135deg, #2A0E5E, #6E28EF) !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 24px 60px rgba(110,40,239,.20) !important;\r\n }\r\n\r\n .sp-nova__visual {\r\n min-height: 230px !important;\r\n border-radius: 28px !important;\r\n background: rgba(255,255,255,.14) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 82px !important;\r\n }\r\n\r\n .sp-nova h2 {\r\n color: #ffffff !important;\r\n font-size: clamp(32px, 3.4vw, 50px) !important;\r\n line-height: 1.05 !important;\r\n letter-spacing: -.045em !important;\r\n font-weight: 900 !important;\r\n }\r\n\r\n .sp-nova p {\r\n margin-top: 18px !important;\r\n color: rgba(255,255,255,.86) !important;\r\n font-size: 18px !important;\r\n line-height: 1.58 !important;\r\n }\r\n\r\n .sp-nova__items {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 12px !important;\r\n margin-top: 24px !important;\r\n }\r\n\r\n .sp-nova__items div {\r\n padding: 14px 16px !important;\r\n border-radius: 18px !important;\r\n background: rgba(255,255,255,.12) !important;\r\n font-weight: 900 !important;\r\n }\r\n\r\n \/* CTA *\/\r\n .sp-cta {\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n margin-left: calc(50% - 50vw) !important;\r\n margin-right: calc(50% - 50vw) !important;\r\n padding: 74px 0 !important;\r\n background: linear-gradient(135deg, #2A0E5E, #6E28EF) !important;\r\n color: #ffffff !important;\r\n text-align: center !important;\r\n }\r\n\r\n .sp-cta h2 {\r\n max-width: 780px !important;\r\n margin: 0 auto !important;\r\n color: #ffffff !important;\r\n font-size: clamp(36px, 4vw, 58px) !important;\r\n line-height: 1.04 !important;\r\n font-weight: 900 !important;\r\n letter-spacing: -.045em !important;\r\n }\r\n\r\n .sp-cta p {\r\n max-width: 720px !important;\r\n margin: 20px auto 0 !important;\r\n color: rgba(255,255,255,.86) !important;\r\n font-size: 18px !important;\r\n line-height: 1.58 !important;\r\n }\r\n\r\n .sp-cta .sp-btn {\r\n margin-top: 30px !important;\r\n background: #ffffff !important;\r\n color: #6E28EF !important;\r\n }\r\n\r\n \/* MODALS *\/\r\n .sp-modal {\r\n display: none;\r\n position: fixed !important;\r\n inset: 0 !important;\r\n z-index: 99999 !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 24px !important;\r\n background: rgba(10, 7, 24, .72) !important;\r\n backdrop-filter: blur(8px) !important;\r\n }\r\n\r\n .sp-modal.is-open {\r\n display: flex !important;\r\n }\r\n\r\n .sp-modal__content {\r\n width: min(900px, 96vw) !important;\r\n max-height: 90vh !important;\r\n overflow: auto !important;\r\n border-radius: 28px !important;\r\n background: #ffffff !important;\r\n box-shadow: 0 34px 90px rgba(0,0,0,.28) !important;\r\n padding: 26px !important;\r\n }\r\n\r\n .sp-modal__header {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 18px !important;\r\n margin-bottom: 18px !important;\r\n }\r\n\r\n .sp-modal__header h3 {\r\n font-size: 24px !important;\r\n font-weight: 900 !important;\r\n color: #21153F !important;\r\n }\r\n\r\n .sp-modal__close {\r\n width: 42px !important;\r\n height: 42px !important;\r\n border: 0 !important;\r\n border-radius: 999px !important;\r\n background: rgba(110,40,239,.09) !important;\r\n color: #6E28EF !important;\r\n font-size: 22px !important;\r\n font-weight: 900 !important;\r\n cursor: pointer !important;\r\n }\r\n\r\n .sp-modal__screen {\r\n min-height: 520px !important;\r\n border-radius: 22px !important;\r\n border: 1px dashed rgba(110,40,239,.28) !important;\r\n background: linear-gradient(135deg, rgba(110,40,239,.10), rgba(110,40,239,.03)), #fbf9ff !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n color: #6E28EF !important;\r\n font-weight: 900 !important;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n .sp-hero__grid,\r\n .sp-feature,\r\n .sp-feature--reverse,\r\n .sp-nova {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .sp-grid--3,\r\n .sp-grid--4 {\r\n grid-template-columns: 1fr 1fr !important;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .sp-container {\r\n padding: 0 18px !important;\r\n }\r\n\r\n .sp-hero {\r\n padding: 62px 0 !important;\r\n }\r\n\r\n .sp-section {\r\n padding: 56px 0 !important;\r\n }\r\n\r\n .sp-head,\r\n .sp-title,\r\n .sp-intro {\r\n text-align: left !important;\r\n }\r\n\r\n .sp-title {\r\n font-size: 34px !important;\r\n line-height: 1.06 !important;\r\n }\r\n\r\n .sp-intro,\r\n .sp-hero__text {\r\n font-size: 16.5px !important;\r\n line-height: 1.55 !important;\r\n }\r\n\r\n .sp-hero h1 {\r\n font-size: 42px !important;\r\n line-height: 1.02 !important;\r\n }\r\n\r\n .sp-hero__actions {\r\n flex-direction: column !important;\r\n }\r\n\r\n .sp-btn {\r\n width: 100% !important;\r\n }\r\n\r\n .sp-grid--3,\r\n .sp-grid--4 {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .sp-card {\r\n min-height: auto !important;\r\n }\r\n\r\n .sp-list,\r\n .sp-nova__items {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .sp-nova {\r\n padding: 26px !important;\r\n }\r\n\r\n .sp-cta {\r\n text-align: left !important;\r\n padding: 60px 0 !important;\r\n }\r\n\r\n .sp-modal__screen {\r\n min-height: 360px !important;\r\n }\r\n\r\n .sp-screen-image,\r\n .sp-screen-image img,\r\n .sp-modal__screen img {\r\n max-height: none !important;\r\n }\r\n }\r\n \r\n .sp-hero__signals {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 10px !important;\r\n margin-top: 22px !important;\r\n }\r\n\r\n .sp-hero__signals span {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n min-height: 34px !important;\r\n padding: 0 14px !important;\r\n border-radius: 999px !important;\r\n background: rgba(255,255,255,.72) !important;\r\n border: 1px solid rgba(110,40,239,.12) !important;\r\n color: var(--sp-teal) !important;\r\n font-size: 13px !important;\r\n font-weight: 900 !important;\r\n box-shadow: 0 10px 24px rgba(44,22,90,.045) !important;\r\n }\r\n\r\n \/* AM\u00c9LIORATION SOBRE + PREMIUM : rythme, profondeur, hi\u00e9rarchie *\/\r\n .sp-section {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .sp-section::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n width: 360px !important;\r\n height: 360px !important;\r\n border-radius: 999px !important;\r\n background: radial-gradient(circle, rgba(110,40,239,.075), transparent 68%) !important;\r\n right: -170px !important;\r\n top: 8% !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .sp-section--white::before {\r\n left: -170px !important;\r\n right: auto !important;\r\n top: 18% !important;\r\n background: radial-gradient(circle, rgba(110,40,239,.055), transparent 68%) !important;\r\n }\r\n\r\n .sp-hero {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background:\r\n radial-gradient(circle at 85% 20%, rgba(110,40,239,.18), transparent 34%),\r\n radial-gradient(circle at 12% 18%, rgba(110,40,239,.08), transparent 30%),\r\n linear-gradient(180deg, #ffffff 0%, #fbf8ff 100%) !important;\r\n }\r\n\r\n .sp-hero::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n left: 50% !important;\r\n bottom: 0 !important;\r\n width: min(1320px, calc(100% - 48px)) !important;\r\n height: 1px !important;\r\n transform: translateX(-50%) !important;\r\n background: linear-gradient(90deg, transparent, rgba(110,40,239,.22), transparent) !important;\r\n }\r\n\r\n .sp-hero-capture {\r\n transform: rotate(.35deg) !important;\r\n transition: transform .28s ease, box-shadow .28s ease !important;\r\n }\r\n\r\n .sp-hero-capture:hover {\r\n transform: rotate(0deg) translateY(-4px) !important;\r\n box-shadow: 0 34px 84px rgba(44,22,90,.18) !important;\r\n }\r\n\r\n .sp-card {\r\n background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.96)) !important;\r\n }\r\n\r\n .sp-card:hover .sp-card__icon {\r\n transform: scale(1.04) !important;\r\n background: rgba(110,40,239,.12) !important;\r\n }\r\n\r\n .sp-card__icon {\r\n transition: transform .25s ease, background .25s ease !important;\r\n box-shadow: 0 12px 28px rgba(110,40,239,.08) !important;\r\n }\r\n\r\n #fonctionnement .sp-grid--3 .sp-card:nth-child(2) {\r\n border-color: rgba(110,40,239,.26) !important;\r\n background:\r\n radial-gradient(circle at 88% 12%, rgba(110,40,239,.13), transparent 36%),\r\n linear-gradient(180deg, #ffffff 0%, #fbf8ff 100%) !important;\r\n box-shadow: 0 22px 54px rgba(44,22,90,.11) !important;\r\n }\r\n\r\n #fonctionnement .sp-grid--3 .sp-card:nth-child(2)::before {\r\n content: \"Levier central\" !important;\r\n position: absolute !important;\r\n top: 18px !important;\r\n right: 18px !important;\r\n z-index: 2 !important;\r\n padding: 7px 10px !important;\r\n border-radius: 999px !important;\r\n background: rgba(110,40,239,.09) !important;\r\n color: #6E28EF !important;\r\n font-size: 11px !important;\r\n font-weight: 900 !important;\r\n letter-spacing: .04em !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n .sp-feature {\r\n position: relative !important;\r\n padding: 22px !important;\r\n border-radius: 34px !important;\r\n background: rgba(255,255,255,.55) !important;\r\n border: 1px solid rgba(110,40,239,.08) !important;\r\n box-shadow: 0 18px 50px rgba(44,22,90,.045) !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n .sp-section--white .sp-feature {\r\n background: linear-gradient(135deg, #ffffff 0%, #fbf8ff 100%) !important;\r\n }\r\n\r\n .sp-screen-frame {\r\n transition: transform .28s ease, box-shadow .28s ease !important;\r\n }\r\n\r\n .sp-screen-frame:hover {\r\n transform: translateY(-4px) !important;\r\n box-shadow: 0 28px 68px rgba(44,22,90,.14) !important;\r\n }\r\n\r\n .sp-list span {\r\n border: 1px solid rgba(110,40,239,.08) !important;\r\n transition: transform .22s ease, background .22s ease !important;\r\n }\r\n\r\n .sp-list span:hover {\r\n transform: translateY(-2px) !important;\r\n background: rgba(110,40,239,.11) !important;\r\n }\r\n\r\n .sp-nova {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background:\r\n radial-gradient(circle at 18% 20%, rgba(255,255,255,.22), transparent 34%),\r\n radial-gradient(circle at 88% 18%, rgba(255,255,255,.12), transparent 30%),\r\n linear-gradient(135deg, #24104f 0%, #6E28EF 58%, #7C3AED 100%) !important;\r\n box-shadow: 0 30px 80px rgba(110,40,239,.28) !important;\r\n }\r\n\r\n .sp-nova::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n right: -70px !important;\r\n bottom: -90px !important;\r\n width: 260px !important;\r\n height: 260px !important;\r\n border-radius: 999px !important;\r\n background: rgba(255,255,255,.11) !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .sp-nova h2::after {\r\n content: \"\" !important;\r\n display: block !important;\r\n width: 72px !important;\r\n height: 4px !important;\r\n margin-top: 18px !important;\r\n border-radius: 999px !important;\r\n background: rgba(255,255,255,.55) !important;\r\n }\r\n\r\n .sp-nova__items div {\r\n border: 1px solid rgba(255,255,255,.16) !important;\r\n backdrop-filter: blur(10px) !important;\r\n }\r\n\r\n .sp-section--results {\r\n background:\r\n radial-gradient(circle at 18% 20%, rgba(110,40,239,.10), transparent 30%),\r\n linear-gradient(180deg, #ffffff 0%, #fcfaff 100%) !important;\r\n }\r\n\r\n .sp-results-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n gap: 18px !important;\r\n }\r\n\r\n .sp-result-card {\r\n min-height: 170px !important;\r\n padding: 24px !important;\r\n border-radius: 26px !important;\r\n background: rgba(255,255,255,.86) !important;\r\n border: 1px solid rgba(110,40,239,.13) !important;\r\n box-shadow: 0 18px 44px rgba(44,22,90,.075) !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n justify-content: center !important;\r\n transition: transform .25s ease, box-shadow .25s ease !important;\r\n }\r\n\r\n .sp-result-card:hover {\r\n transform: translateY(-5px) !important;\r\n box-shadow: 0 26px 58px rgba(44,22,90,.12) !important;\r\n }\r\n\r\n .sp-result-card strong {\r\n display: block !important;\r\n color: #6E28EF !important;\r\n font-size: clamp(25px, 2.2vw, 34px) !important;\r\n line-height: 1.08 !important;\r\n font-weight: 900 !important;\r\n letter-spacing: -.03em !important;\r\n overflow-wrap: normal !important;\r\n word-break: normal !important;\r\n hyphens: none !important;\r\n }\r\n\r\n\r\n @media (max-width: 980px) {\r\n .sp-result-card strong {\r\n font-size: clamp(24px, 3.8vw, 31px) !important;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .sp-result-card strong {\r\n font-size: 28px !important;\r\n line-height: 1.1 !important;\r\n }\r\n }\r\n\r\n .sp-result-card span {\r\n display: block !important;\r\n margin-top: 12px !important;\r\n color: #566074 !important;\r\n font-size: 15.5px !important;\r\n line-height: 1.42 !important;\r\n font-weight: 800 !important;\r\n }\r\n\r\n .sp-cta {\r\n position: relative !important;\r\n overflow: hidden !important;\r\n background:\r\n radial-gradient(circle at 20% 20%, rgba(255,255,255,.18), transparent 34%),\r\n linear-gradient(135deg, #24104f 0%, #6E28EF 100%) !important;\r\n }\r\n\r\n .sp-cta::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(90deg, rgba(255,255,255,.08), transparent 42%, rgba(255,255,255,.06)) !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .sp-cta .sp-container {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n .sp-feature {\r\n padding: 18px !important;\r\n }\r\n\r\n .sp-results-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n #fonctionnement .sp-grid--3 .sp-card:nth-child(2)::before {\r\n top: 16px !important;\r\n right: 16px !important;\r\n }\r\n\r\n .sp-feature {\r\n border-radius: 26px !important;\r\n padding: 14px !important;\r\n }\r\n\r\n .sp-section::before,\r\n .sp-section--white::before {\r\n display: none !important;\r\n }\r\n\r\n .sp-results-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n \r\n\r\n \/* =========================================================\r\n HUB COMPACT \u2014 ENJEUX SPORTYNITY\r\n ========================================================= *\/\r\n\r\n .sp-hub {\r\n position: relative !important;\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n margin-left: calc(50% - 50vw) !important;\r\n margin-right: calc(50% - 50vw) !important;\r\n padding: 68px 0 72px !important;\r\n overflow: hidden !important;\r\n background:\r\n radial-gradient(circle at 92% 12%, rgba(110, 40, 239, 0.09), transparent 25%),\r\n linear-gradient(180deg, #ffffff 0%, #fbf9ff 100%) !important;\r\n border-bottom: 1px solid rgba(110, 40, 239, 0.08) !important;\r\n }\r\n\r\n .sp-hub::before {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n top: 80px !important;\r\n left: -115px !important;\r\n width: 260px !important;\r\n height: 260px !important;\r\n border-radius: 999px !important;\r\n border: 1px solid rgba(110, 40, 239, 0.11) !important;\r\n box-shadow:\r\n 28px 0 0 -1px #fbf9ff,\r\n 28px 0 0 0 rgba(110, 40, 239, 0.09),\r\n 56px 0 0 -1px #fbf9ff,\r\n 56px 0 0 0 rgba(110, 40, 239, 0.06) !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .sp-hub__head {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 920px !important;\r\n margin: 0 auto 34px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .sp-hub__eyebrow {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n min-height: 34px !important;\r\n padding: 0 15px !important;\r\n margin-bottom: 18px !important;\r\n border-radius: 999px !important;\r\n background: rgba(110, 40, 239, 0.08) !important;\r\n border: 1px solid rgba(110, 40, 239, 0.09) !important;\r\n color: #6E28EF !important;\r\n font-size: 11px !important;\r\n font-weight: 900 !important;\r\n letter-spacing: 0.075em !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n .sp-hub__eyebrow svg {\r\n width: 17px !important;\r\n height: 17px !important;\r\n fill: none !important;\r\n stroke: currentColor !important;\r\n stroke-width: 1.8 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n\r\n .sp-hub__title {\r\n max-width: 900px !important;\r\n margin: 0 auto !important;\r\n color: #21153F !important;\r\n font-size: clamp(34px, 3.7vw, 50px) !important;\r\n line-height: 1.08 !important;\r\n letter-spacing: -0.045em !important;\r\n font-weight: 900 !important;\r\n }\r\n\r\n .sp-hub__title span {\r\n color: #6E28EF !important;\r\n }\r\n\r\n .sp-hub__intro {\r\n max-width: 760px !important;\r\n margin: 18px auto 0 !important;\r\n color: #59657c !important;\r\n font-size: 17px !important;\r\n line-height: 1.58 !important;\r\n }\r\n\r\n .sp-hub__grid {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n display: grid !important;\r\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .sp-hub-card {\r\n position: relative !important;\r\n display: grid !important;\r\n grid-template-columns: 104px minmax(0, 1fr) !important;\r\n gap: 18px !important;\r\n align-items: center !important;\r\n min-height: 166px !important;\r\n padding: 18px !important;\r\n overflow: hidden !important;\r\n border-radius: 24px !important;\r\n background: linear-gradient(145deg, rgba(255,255,255,1), rgba(252,250,255,.98)) !important;\r\n border: 1px solid rgba(110, 40, 239, 0.12) !important;\r\n box-shadow: 0 14px 34px rgba(44, 22, 90, 0.065) !important;\r\n transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease !important;\r\n }\r\n\r\n .sp-hub-card::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n right: -55px !important;\r\n bottom: -65px !important;\r\n width: 125px !important;\r\n height: 125px !important;\r\n border-radius: 999px !important;\r\n background: rgba(110, 40, 239, 0.045) !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .sp-hub-card--active {\r\n cursor: pointer !important;\r\n border-color: rgba(110, 40, 239, 0.22) !important;\r\n }\r\n\r\n .sp-hub-card--active:hover {\r\n transform: translateY(-6px) !important;\r\n border-color: rgba(110, 40, 239, 0.55) !important;\r\n box-shadow: 0 24px 52px rgba(70, 40, 145, 0.15) !important;\r\n }\r\n\r\n .sp-hub-card--disabled {\r\n opacity: 0.72 !important;\r\n cursor: default !important;\r\n }\r\n\r\n .sp-hub-card__link {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n z-index: 10 !important;\r\n border-radius: inherit !important;\r\n overflow: hidden !important;\r\n text-indent: -9999px !important;\r\n }\r\n\r\n .sp-hub-card__visual {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n width: 104px !important;\r\n height: 112px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n border-radius: 20px !important;\r\n background:\r\n radial-gradient(circle at 30% 20%, rgba(110, 40, 239, 0.15), transparent 35%),\r\n linear-gradient(145deg, #faf8ff 0%, #f0eaff 100%) !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .sp-hub-card__visual svg {\r\n width: 78px !important;\r\n height: 78px !important;\r\n fill: none !important;\r\n stroke: #6E28EF !important;\r\n stroke-width: 1.55 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n transition: transform .26s ease !important;\r\n }\r\n\r\n .sp-hub-card--active:hover .sp-hub-card__visual svg {\r\n transform: scale(1.06) !important;\r\n }\r\n\r\n .sp-hub-card--disabled .sp-hub-card__visual svg {\r\n stroke: #988eaa !important;\r\n }\r\n\r\n .sp-hub-card__body {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n min-width: 0 !important;\r\n }\r\n\r\n .sp-hub-card__status {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n margin-bottom: 8px !important;\r\n color: #6E28EF !important;\r\n font-size: 10.5px !important;\r\n line-height: 1 !important;\r\n font-weight: 900 !important;\r\n letter-spacing: 0.045em !important;\r\n text-transform: uppercase !important;\r\n }\r\n\r\n .sp-hub-card__status::before {\r\n content: \"\" !important;\r\n width: 7px !important;\r\n height: 7px !important;\r\n flex: 0 0 7px !important;\r\n border-radius: 999px !important;\r\n background: #6E28EF !important;\r\n box-shadow: 0 0 0 4px rgba(110, 40, 239, 0.09) !important;\r\n }\r\n\r\n .sp-hub-card--disabled .sp-hub-card__status {\r\n color: #9187a3 !important;\r\n }\r\n\r\n .sp-hub-card--disabled .sp-hub-card__status::before {\r\n background: #a89fb7 !important;\r\n box-shadow: 0 0 0 4px rgba(168, 159, 183, 0.10) !important;\r\n }\r\n\r\n .sp-hub-card h3 {\r\n margin: 0 0 7px !important;\r\n color: #21153F !important;\r\n font-size: 19px !important;\r\n line-height: 1.18 !important;\r\n letter-spacing: -0.022em !important;\r\n font-weight: 900 !important;\r\n }\r\n\r\n .sp-hub-card p {\r\n margin: 0 !important;\r\n color: #59657c !important;\r\n font-size: 14px !important;\r\n line-height: 1.42 !important;\r\n }\r\n\r\n .sp-hub-card__cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 7px !important;\r\n margin-top: 10px !important;\r\n color: #6E28EF !important;\r\n font-size: 13.5px !important;\r\n font-weight: 900 !important;\r\n }\r\n\r\n .sp-hub-card__cta span {\r\n display: inline-block !important;\r\n transition: transform .22s ease !important;\r\n }\r\n\r\n .sp-hub-card--active:hover .sp-hub-card__cta span {\r\n transform: translateX(4px) !important;\r\n }\r\n\r\n .sp-hub-card--disabled .sp-hub-card__cta {\r\n color: #9187a3 !important;\r\n }\r\n\r\n .sp-hub-card__link:focus-visible {\r\n outline: 3px solid #6E28EF !important;\r\n outline-offset: -4px !important;\r\n }\r\n\r\n @media (max-width: 1080px) {\r\n .sp-hub__grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .sp-hub {\r\n padding: 56px 0 60px !important;\r\n }\r\n\r\n .sp-hub::before {\r\n display: none !important;\r\n }\r\n\r\n .sp-hub__head {\r\n margin-bottom: 28px !important;\r\n text-align: left !important;\r\n }\r\n\r\n .sp-hub__title {\r\n font-size: 34px !important;\r\n line-height: 1.08 !important;\r\n }\r\n\r\n .sp-hub__intro {\r\n font-size: 16px !important;\r\n line-height: 1.55 !important;\r\n }\r\n\r\n .sp-hub__grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .sp-hub-card {\r\n grid-template-columns: 86px minmax(0, 1fr) !important;\r\n min-height: 148px !important;\r\n padding: 15px !important;\r\n gap: 15px !important;\r\n border-radius: 21px !important;\r\n }\r\n\r\n .sp-hub-card__visual {\r\n width: 86px !important;\r\n height: 102px !important;\r\n border-radius: 18px !important;\r\n }\r\n\r\n .sp-hub-card__visual svg {\r\n width: 66px !important;\r\n height: 66px !important;\r\n }\r\n\r\n .sp-hub-card h3 {\r\n font-size: 18px !important;\r\n }\r\n\r\n .sp-hub-card p {\r\n font-size: 13.5px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 420px) {\r\n .sp-hub-card {\r\n grid-template-columns: 74px minmax(0, 1fr) !important;\r\n gap: 13px !important;\r\n }\r\n\r\n .sp-hub-card__visual {\r\n width: 74px !important;\r\n height: 94px !important;\r\n }\r\n\r\n .sp-hub-card__visual svg {\r\n width: 58px !important;\r\n height: 58px !important;\r\n }\r\n }\r\n\r\n<\/style>\r\n\r\n <style>\r\n \/* =========================================================\r\n CORRECTION HERO COMPACTE \u2014 SANS MODIFIER LE RESTE DE LA PAGE\r\n ========================================================= *\/\r\n\r\n .sp-hero {\r\n padding-top: 70px !important;\r\n padding-bottom: 64px !important;\r\n }\r\n\r\n .sp-hero__grid {\r\n gap: 48px !important;\r\n }\r\n\r\n .sp-hero-capture {\r\n width: 100% !important;\r\n max-width: 680px !important;\r\n max-height: 540px !important;\r\n margin: 0 auto !important;\r\n padding: 14px !important;\r\n overflow: hidden !important;\r\n border-radius: 26px !important;\r\n }\r\n\r\n .sp-hero-capture img {\r\n display: block !important;\r\n width: 100% !important;\r\n height: 510px !important;\r\n max-height: 510px !important;\r\n object-fit: cover !important;\r\n object-position: top center !important;\r\n border-radius: 18px !important;\r\n }\r\n\r\n @media (max-width: 1180px) {\r\n .sp-hero-capture {\r\n max-width: 610px !important;\r\n max-height: 485px !important;\r\n }\r\n\r\n .sp-hero-capture img {\r\n height: 455px !important;\r\n max-height: 455px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 980px) {\r\n .sp-hero {\r\n padding-top: 56px !important;\r\n padding-bottom: 52px !important;\r\n }\r\n\r\n .sp-hero__grid {\r\n gap: 34px !important;\r\n }\r\n\r\n .sp-hero-capture {\r\n width: min(620px, 100%) !important;\r\n max-width: 620px !important;\r\n max-height: 430px !important;\r\n }\r\n\r\n .sp-hero-capture img {\r\n height: 400px !important;\r\n max-height: 400px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .sp-hero {\r\n padding-top: 46px !important;\r\n padding-bottom: 42px !important;\r\n }\r\n\r\n .sp-hero__grid {\r\n gap: 28px !important;\r\n }\r\n\r\n .sp-hero-capture {\r\n width: min(430px, 92%) !important;\r\n max-width: 430px !important;\r\n max-height: 350px !important;\r\n padding: 10px !important;\r\n border-radius: 22px !important;\r\n transform: none !important;\r\n }\r\n\r\n .sp-hero-capture:hover {\r\n transform: none !important;\r\n }\r\n\r\n .sp-hero-capture img {\r\n height: 330px !important;\r\n max-height: 330px !important;\r\n border-radius: 15px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sp-hero-capture {\r\n width: 90% !important;\r\n max-height: 300px !important;\r\n }\r\n\r\n .sp-hero-capture img {\r\n height: 280px !important;\r\n max-height: 280px !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n<style>\r\n\/* ===== Accent turquoise premium ===== *\/\r\n\r\n\/* Ic\u00f4nes principales *\/\r\n.sp-card__icon{\r\n background: rgba(46,196,182,.10) !important;\r\n}\r\n\r\n\/* Pastilles listes *\/\r\n.sp-list span:nth-child(even){\r\n background: rgba(46,196,182,.10) !important;\r\n color: #178d82 !important;\r\n border-color: rgba(46,196,182,.20) !important;\r\n}\r\n\r\n\/* Bloc r\u00e9sultats : plus impactant *\/\r\n.sp-result-card strong{\r\n color:#2EC4B6 !important;\r\n}\r\n\r\n.sp-result-card{\r\n border-top:4px solid #2EC4B6 !important;\r\n}\r\n\r\n\/* Esprit SPORTYNITY *\/\r\n.sp-section--white:last-of-type .sp-card__icon{\r\n background: rgba(46,196,182,.12) !important;\r\n color:#2EC4B6 !important;\r\n}\r\n\r\n\/* Badge levier central *\/\r\n#fonctionnement .sp-grid--3 .sp-card:nth-child(2)::before{\r\n background: rgba(46,196,182,.12) !important;\r\n color:#178d82 !important;\r\n}\r\n\r\n\/* Hover plus premium *\/\r\n.sp-card:hover{\r\n box-shadow:0 30px 60px rgba(44,22,90,.14) !important;\r\n}\r\n\r\n\/* NOVA reste violet mais avec accents turquoise *\/\r\n.sp-nova__items div:nth-child(2),\r\n.sp-nova__items div:nth-child(4){\r\n border-color: rgba(46,196,182,.35) !important;\r\n}\r\n\r\n\/* CTA *\/\r\n.sp-cta .sp-btn{\r\n box-shadow:0 12px 30px rgba(46,196,182,.22) !important;\r\n}\r\n<\/style>\r\n\r\n\r\n <style>\r\n \/* =========================================================\r\n CORRECTION MOBILE \u2014 ESPACE ENTRE LE MENU ET LE HERO\r\n Le rendu ordinateur reste inchang\u00e9.\r\n ========================================================= *\/\r\n\r\n @media (max-width: 767px) {\r\n \/*\r\n Le d\u00e9calage corrige l'espace sup\u00e9rieur ajout\u00e9 par Elementor\r\n sans modifier la structure ni les dimensions du Hero desktop.\r\n *\/\r\n .sp-solution {\r\n margin-top: 0 !important;\r\n padding-top: 0 !important;\r\n }\r\n\r\n .sp-solution > .sp-hero:first-child {\r\n margin-top: -46px !important;\r\n padding-top: 28px !important;\r\n padding-bottom: 42px !important;\r\n }\r\n\r\n \/* Neutralisation cibl\u00e9e des espacements Elementor *\/\r\n .elementor-widget-html:has(.sp-solution),\r\n .elementor-widget-html:has(.sp-solution) > .elementor-widget-container,\r\n .elementor-widget-container:has(> .sp-solution),\r\n .wp-block-html:has(.sp-solution) {\r\n margin-top: 0 !important;\r\n padding-top: 0 !important;\r\n }\r\n\r\n .e-con:has(> .elementor-widget-html .sp-solution),\r\n .elementor-section:has(.elementor-widget-html .sp-solution),\r\n .elementor-column:has(.elementor-widget-html .sp-solution) {\r\n margin-top: 0 !important;\r\n padding-top: 0 !important;\r\n min-height: 0 !important;\r\n }\r\n\r\n .sp-hero__grid {\r\n gap: 28px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sp-solution > .sp-hero:first-child {\r\n margin-top: -42px !important;\r\n padding-top: 24px !important;\r\n padding-bottom: 38px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .sp-solution > .sp-hero:first-child {\r\n margin-top: -36px !important;\r\n padding-top: 22px !important;\r\n padding-bottom: 34px !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n\r\n<style>\r\n \/* =========================================================\r\n BRIQUE 3 \u2014 COMPOSANTS MARKETING COMPACTS\r\n ========================================================= *\/\r\n .sp-smart-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n gap: 16px !important;\r\n }\r\n\r\n .sp-smart-card {\r\n position: relative !important;\r\n display: grid !important;\r\n grid-template-columns: 54px minmax(0,1fr) !important;\r\n gap: 14px !important;\r\n align-items: flex-start !important;\r\n min-height: 156px !important;\r\n padding: 19px !important;\r\n border-radius: 20px !important;\r\n background: rgba(255,255,255,.96) !important;\r\n border: 1px solid rgba(110,40,239,.12) !important;\r\n box-shadow: 0 14px 34px rgba(44,22,90,.06) !important;\r\n transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .sp-smart-card:hover {\r\n transform: translateY(-4px) !important;\r\n border-color: rgba(110,40,239,.28) !important;\r\n box-shadow: 0 22px 46px rgba(44,22,90,.11) !important;\r\n }\r\n\r\n .sp-smart-card__icon {\r\n width: 52px !important;\r\n height: 52px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n border-radius: 16px !important;\r\n background: linear-gradient(135deg, rgba(46,196,182,.12), rgba(110,40,239,.10)) !important;\r\n color: #6E28EF !important;\r\n }\r\n\r\n .sp-smart-card__icon svg {\r\n width: 27px !important;\r\n height: 27px !important;\r\n display: block !important;\r\n fill: none !important;\r\n stroke: currentColor !important;\r\n stroke-width: 1.8 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n\r\n .sp-smart-card h3 {\r\n margin: 1px 0 7px !important;\r\n color: #21153F !important;\r\n font-size: 17px !important;\r\n line-height: 1.22 !important;\r\n font-weight: 900 !important;\r\n letter-spacing: -.015em !important;\r\n }\r\n\r\n .sp-smart-card p {\r\n margin: 0 !important;\r\n color: #586174 !important;\r\n font-size: 13.8px !important;\r\n line-height: 1.48 !important;\r\n }\r\n\r\n .sp-smart-card .sp-see-screen {\r\n margin-top: 9px !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .sp-section--rh {\r\n background:\r\n radial-gradient(circle at 90% 12%, rgba(110,40,239,.09), transparent 28%),\r\n linear-gradient(180deg, #fcfaff 0%, #f9f6ff 100%) !important;\r\n }\r\n\r\n .sp-section--impact {\r\n background:\r\n radial-gradient(circle at 12% 18%, rgba(46,196,182,.12), transparent 28%),\r\n radial-gradient(circle at 90% 18%, rgba(110,40,239,.08), transparent 26%),\r\n #ffffff !important;\r\n }\r\n\r\n .sp-smart-grid--impact .sp-smart-card {\r\n min-height: 148px !important;\r\n }\r\n\r\n \/* Les cartes RH restent compactes, y compris sur mobile *\/\r\n @media (max-width: 1020px) {\r\n .sp-smart-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n .sp-smart-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n .sp-smart-card {\r\n min-height: auto !important;\r\n padding: 16px !important;\r\n grid-template-columns: 48px minmax(0,1fr) !important;\r\n gap: 12px !important;\r\n }\r\n .sp-smart-card__icon {\r\n width: 46px !important;\r\n height: 46px !important;\r\n border-radius: 14px !important;\r\n }\r\n .sp-smart-card__icon svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n<main class=\"sp-solution\">\r\n\r\n <section class=\"sp-hero\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-hero__grid\">\r\n <div>\r\n <div class=\"sp-eyebrow\">Solution SPORTYNITY<\/div>\r\n <h1>\r\n <span>La plateforme qui anime<\/span>\r\n <span>votre collectif.<\/span>\r\n <\/h1>\r\n <p class=\"sp-hero__text\">\r\n SPORTYNITY aide les entreprises \u00e0 renforcer la coh\u00e9sion d\u2019\u00e9quipe, d\u00e9velopper l\u2019engagement collaborateur et simplifier l\u2019animation RH gr\u00e2ce aux communaut\u00e9s, d\u00e9fis collectifs, projets d\u2019impact et \u00e0 l\u2019IA NOVA.\r\n <\/p>\r\n <div class=\"sp-hero__actions\">\r\n <a class=\"sp-btn sp-btn--primary\" href=\"#popmake-3645\">Demander une d\u00e9monstration<\/a>\r\n <a class=\"sp-btn sp-btn--secondary\" href=\"#fonctionnement\">Comprendre le fonctionnement<\/a>\r\n <\/div>\r\n <div class=\"sp-hero__signals\">\r\n <span>QVCT<\/span>\r\n <span>Coh\u00e9sion d'\u00e9quipe<\/span>\r\n <span>Engagement collaborateur<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sp-hero-capture\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/02\/SPORTYNITY-Caroussel1.png\"\r\n alt=\"Aper\u00e7u de l'application SPORTYNITY - tableau de bord et d\u00e9fis collectifs\"\r\n >\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <section class=\"sp-hub\" aria-labelledby=\"sp-hub-title\">\r\n <div class=\"sp-container\">\r\n\r\n <div class=\"sp-hub__head\">\r\n <div class=\"sp-hub__eyebrow\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M12 3l1.4 4.6L18 9l-4.6 1.4L12 15l-1.4-4.6L6 9l4.6-1.4L12 3Z\"><\/path>\r\n <path d=\"M19 15l.7 2.3L22 18l-2.3.7L19 21l-.7-2.3L16 18l2.3-.7L19 15Z\"><\/path>\r\n <\/svg>\r\n Les enjeux auxquels r\u00e9pond SPORTYNITY\r\n <\/div>\r\n\r\n <h2 class=\"sp-hub__title\" id=\"sp-hub-title\">\r\n Chaque entreprise fait face \u00e0 des d\u00e9fis diff\u00e9rents.<br>\r\n Toutes ont <span>un collectif \u00e0 faire vivre.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"sp-hub__intro\">\r\n D\u00e9couvrez comment SPORTYNITY aide les RH \u00e0 renforcer la coh\u00e9sion,\r\n d\u00e9velopper l'engagement et simplifier l'animation des \u00e9quipes.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"sp-hub__grid\">\r\n\r\n <article class=\"sp-hub-card sp-hub-card--active\">\r\n <a\r\n class=\"sp-hub-card__link\"\r\n href=\"https:\/\/sportynity.com\/index.php\/cohesion-equipe-entreprise\/\"\r\n aria-label=\"D\u00e9couvrir comment renforcer la coh\u00e9sion d'\u00e9quipe en entreprise\"\r\n >\r\n Coh\u00e9sion d'\u00e9quipe en entreprise\r\n <\/a>\r\n\r\n <div class=\"sp-hub-card__visual\">\r\n <svg viewBox=\"0 0 120 100\" aria-hidden=\"true\">\r\n <circle cx=\"60\" cy=\"64\" r=\"27\"><\/circle>\r\n <circle cx=\"40\" cy=\"38\" r=\"9\"><\/circle>\r\n <circle cx=\"60\" cy=\"31\" r=\"9\"><\/circle>\r\n <circle cx=\"80\" cy=\"38\" r=\"9\"><\/circle>\r\n <path d=\"M31 62c2-12 6-18 13-18s12 6 14 18\"><\/path>\r\n <path d=\"M46 58c2-13 7-20 14-20s12 7 14 20\"><\/path>\r\n <path d=\"M62 62c2-12 6-18 13-18s12 6 14 18\"><\/path>\r\n <path d=\"M40 75l20 11 20-11\"><\/path>\r\n <path d=\"M60 86V67\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"sp-hub-card__body\">\r\n <div class=\"sp-hub-card__status\">Disponible<\/div>\r\n <h3>Coh\u00e9sion d'\u00e9quipe<\/h3>\r\n <p>Renforcez durablement les liens entre collaborateurs.<\/p>\r\n <div class=\"sp-hub-card__cta\">Voir comment <span>\u2192<\/span><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"sp-hub-card sp-hub-card--active\">\r\n <a\r\n class=\"sp-hub-card__link\"\r\n href=\"https:\/\/sportynity.com\/index.php\/engagement-collaborateur\/\"\r\n aria-label=\"D\u00e9couvrir comment d\u00e9velopper l\u2019engagement collaborateur\"\r\n >\r\n Engagement collaborateur\r\n <\/a>\r\n\r\n <div class=\"sp-hub-card__visual\">\r\n <svg viewBox=\"0 0 120 100\" aria-hidden=\"true\">\r\n <path d=\"M27 81V23\"><\/path>\r\n <path d=\"M27 25h39l-8 10 8 10H27\"><\/path>\r\n <path d=\"M34 81h55\"><\/path>\r\n <path d=\"M42 80V66h13V52h13V38h13\"><\/path>\r\n <circle cx=\"82\" cy=\"28\" r=\"11\"><\/circle>\r\n <path d=\"M77 28l4 4 7-8\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"sp-hub-card__body\">\r\n <div class=\"sp-hub-card__status\">Disponible<\/div>\r\n <h3>Engagement collaborateur<\/h3>\r\n <p>Donnez envie de participer dans la dur\u00e9e.<\/p>\r\n <div class=\"sp-hub-card__cta\">Voir comment <span>\u2192<\/span><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"sp-hub-card sp-hub-card--disabled\" aria-disabled=\"true\">\r\n <div class=\"sp-hub-card__visual\">\r\n <svg viewBox=\"0 0 120 100\" aria-hidden=\"true\">\r\n <rect x=\"24\" y=\"20\" width=\"66\" height=\"45\" rx=\"7\"><\/rect>\r\n <path d=\"M34 55V42\"><\/path>\r\n <path d=\"M47 55V34\"><\/path>\r\n <path d=\"M60 55V45\"><\/path>\r\n <path d=\"M73 55V29\"><\/path>\r\n <path d=\"M35 78h45\"><\/path>\r\n <path d=\"M46 65v13\"><\/path>\r\n <path d=\"M69 65v13\"><\/path>\r\n <path d=\"M88 26l8 8-8 8\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"sp-hub-card__body\">\r\n <div class=\"sp-hub-card__status\">Prochainement<\/div>\r\n <h3>Animation RH<\/h3>\r\n <p>Animez les \u00e9quipes sans alourdir l'organisation.<\/p>\r\n <div class=\"sp-hub-card__cta\">Page en pr\u00e9paration<\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"sp-hub-card sp-hub-card--disabled\" aria-disabled=\"true\">\r\n <div class=\"sp-hub-card__visual\">\r\n <svg viewBox=\"0 0 120 100\" aria-hidden=\"true\">\r\n <circle cx=\"57\" cy=\"47\" r=\"21\"><\/circle>\r\n <path d=\"M57 26c-8 8-12 17-12 28\"><\/path>\r\n <path d=\"M57 26c8 8 12 17 12 28\"><\/path>\r\n <path d=\"M38 61c11-2 24 3 32 13\"><\/path>\r\n <path d=\"M43 77h29\"><\/path>\r\n <path d=\"M57 68v9\"><\/path>\r\n <path d=\"M86 25c-9 2-15 7-16 16 9-1 15-7 16-16Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"sp-hub-card__body\">\r\n <div class=\"sp-hub-card__status\">Prochainement<\/div>\r\n <h3>QVCT & bien-\u00eatre<\/h3>\r\n <p>Favorisez le bien-\u00eatre au quotidien.<\/p>\r\n <div class=\"sp-hub-card__cta\">Page en pr\u00e9paration<\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"sp-hub-card sp-hub-card--disabled\" aria-disabled=\"true\">\r\n <div class=\"sp-hub-card__visual\">\r\n <svg viewBox=\"0 0 120 100\" aria-hidden=\"true\">\r\n <rect x=\"18\" y=\"25\" width=\"38\" height=\"28\" rx=\"5\"><\/rect>\r\n <rect x=\"61\" y=\"42\" width=\"38\" height=\"28\" rx=\"5\"><\/rect>\r\n <circle cx=\"37\" cy=\"37\" r=\"5\"><\/circle>\r\n <circle cx=\"80\" cy=\"54\" r=\"5\"><\/circle>\r\n <path d=\"M25 50c3-6 7-9 12-9s9 3 12 9\"><\/path>\r\n <path d=\"M68 67c3-6 7-9 12-9s9 3 12 9\"><\/path>\r\n <path d=\"M54 35c7-7 13-7 20 0\"><\/path>\r\n <path d=\"M60 29l-6 6 6 6\"><\/path>\r\n <path d=\"M77 61c-7 7-13 7-20 0\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"sp-hub-card__body\">\r\n <div class=\"sp-hub-card__status\">Prochainement<\/div>\r\n <h3>\u00c9quipes hybrides<\/h3>\r\n <p>Maintenez le lien malgr\u00e9 la distance.<\/p>\r\n <div class=\"sp-hub-card__cta\">Page en pr\u00e9paration<\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"sp-hub-card sp-hub-card--active\">\r\n <a\r\n class=\"sp-hub-card__link\"\r\n href=\"https:\/\/sportynity.com\/index.php\/defis-collectifs-entreprise\/\"\r\n aria-label=\"D\u00e9couvrir comment organiser des d\u00e9fis collectifs en entreprise\"\r\n >\r\n D\u00e9fis collectifs en entreprise\r\n <\/a>\r\n\r\n <div class=\"sp-hub-card__visual\">\r\n <svg viewBox=\"0 0 120 100\" aria-hidden=\"true\">\r\n <path d=\"M20 77c17-18 38-23 64-15\"><\/path>\r\n <path d=\"M85 62V24\"><\/path>\r\n <path d=\"M85 24h21l-6 7 6 7H85\"><\/path>\r\n <circle cx=\"33\" cy=\"63\" r=\"6\"><\/circle>\r\n <circle cx=\"53\" cy=\"56\" r=\"6\"><\/circle>\r\n <circle cx=\"73\" cy=\"54\" r=\"6\"><\/circle>\r\n <path d=\"M25 79c2-8 5-12 8-12s7 4 9 12\"><\/path>\r\n <path d=\"M45 72c2-8 5-12 8-12s7 4 9 12\"><\/path>\r\n <path d=\"M65 70c2-8 5-12 8-12s7 4 9 12\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"sp-hub-card__body\">\r\n <div class=\"sp-hub-card__status\">Disponible<\/div>\r\n <h3>D\u00e9fis collectifs<\/h3>\r\n <p>Mobilisez les \u00e9quipes autour d'un objectif commun.<\/p>\r\n <div class=\"sp-hub-card__cta\">Voir comment <span>\u2192<\/span><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sp-section\" id=\"fonctionnement\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-head\">\r\n <div class=\"sp-eyebrow\">Comment \u00e7a fonctionne ?<\/div>\r\n <h2 class=\"sp-title\">\r\n <span>Une dynamique collective<\/span>\r\n <span>qui se structure et s\u2019anime.<\/span>\r\n <\/h2>\r\n <p class=\"sp-intro\">\r\n SPORTYNITY structure les communaut\u00e9s, transforme les objectifs en d\u00e9fis collectifs et accompagne l\u2019animation dans la dur\u00e9e gr\u00e2ce \u00e0 NOVA et aux outils de pilotage.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"sp-grid sp-grid--3\">\r\n <article class=\"sp-card\">\r\n <div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8 11.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4Z\"\/><path d=\"M16 11.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4Z\"\/><path d=\"M3.5 20c.6-3.2 2.4-5.2 4.5-5.2 1.8 0 3.1 1 4 2.5.9-1.5 2.2-2.5 4-2.5 2.1 0 3.9 2 4.5 5.2\"\/><\/svg><\/div>\r\n <h3>Communaut\u00e9s<\/h3>\r\n <p>Cr\u00e9er des espaces d'\u00e9change par site, service, \u00e9quipe ou centre d'int\u00e9r\u00eat.<\/p>\r\n <a class=\"sp-see-screen\" onclick=\"openSpModal('sp-modal-communautes')\">Voir l'\u00e9cran <span>\u2192<\/span><\/a>\r\n <\/article>\r\n\r\n <article class=\"sp-card\">\r\n <div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8 4h8v4.8a4 4 0 0 1-8 0V4Z\"\/><path d=\"M8 6H4.5v1.8A3.2 3.2 0 0 0 8 11\"\/><path d=\"M16 6h3.5v1.8A3.2 3.2 0 0 1 16 11\"\/><path d=\"M12 13v4\"\/><path d=\"M8.5 20h7\"\/><path d=\"M10 17h4\"\/><\/svg><\/div>\r\n <h3>D\u00e9fis collectifs<\/h3>\r\n <p>Donner aux collaborateurs des objectifs communs simples et motivants.<\/p>\r\n <a class=\"sp-see-screen\" onclick=\"openSpModal('sp-modal-defis')\">Voir l'\u00e9cran <span>\u2192<\/span><\/a>\r\n <\/article>\r\n\r\n <article class=\"sp-card\">\r\n <div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"5\" y=\"7\" width=\"14\" height=\"11\" rx=\"3\"\/><path d=\"M9 7V5\"\/><path d=\"M15 7V5\"\/><circle cx=\"9.5\" cy=\"12.2\" r=\".8\"\/><circle cx=\"14.5\" cy=\"12.2\" r=\".8\"\/><path d=\"M10 15h4\"\/><path d=\"M3.5 12h1.5\"\/><path d=\"M19 12h1.5\"\/><\/svg><\/div>\r\n <h3>IA NOVA<\/h3>\r\n <p>Analyser la dynamique, recommander des actions et animer les communaut\u00e9s au bon moment.<\/p>\r\n <a class=\"sp-see-screen\" onclick=\"openSpModal('sp-modal-nova')\">Voir l'\u00e9cran <span>\u2192<\/span><\/a>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sp-section sp-section--white\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-feature\">\r\n <div class=\"sp-screen-frame\">\r\n <div class=\"sp-screen-image sp-screen-image--wide\">\r\n <img decoding=\"async\" src=\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/02\/SPORTYNITY-Caroussel2.png\" alt=\"Tableau de bord collaborateur SPORTYNITY\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"sp-feature__content\">\r\n <div class=\"sp-eyebrow\">Collaborateurs<\/div>\r\n <h2 class=\"sp-title\">\r\n <span>Participer devient<\/span>\r\n <span>simple et naturel.<\/span>\r\n <\/h2>\r\n <p class=\"sp-intro\">\r\n Chaque collaborateur rejoint une communaut\u00e9, participe \u00e0 des d\u00e9fis, suit sa progression et partage ses efforts avec les autres.\r\n <\/p>\r\n <div class=\"sp-list\">\r\n <span>Rejoindre une communaut\u00e9<\/span>\r\n <span>Enregistrer ses activit\u00e9s<\/span>\r\n <span>Suivre sa progression<\/span>\r\n <span>\u00c9changer avec les autres<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sp-section sp-section--rh\" id=\"animation-rh\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-head\">\r\n <div class=\"sp-eyebrow\">RH & Managers<\/div>\r\n <h2 class=\"sp-title\">\r\n <span>Animez sans alourdir<\/span>\r\n <span>vos \u00e9quipes RH.<\/span>\r\n <\/h2>\r\n <p class=\"sp-intro\">\r\n SPORTYNITY r\u00e9unit dans une m\u00eame plateforme les outils pour pr\u00e9parer les animations, mobiliser les collaborateurs, suivre l\u2019engagement et agir au bon moment.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"sp-smart-grid\">\r\n <article class=\"sp-smart-card\">\r\n <div class=\"sp-smart-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"3\"\/><path d=\"M8 15v-3M12 15V9M16 15v-5\"\/><\/svg><\/div>\r\n <div><h3>Dashboard enrichi par l\u2019IA<\/h3><p>Une synth\u00e8se claire de la dynamique collective, avec points d\u2019attention et recommandations actionnables.<\/p><a class=\"sp-see-screen\" onclick=\"openSpModal('sp-modal-dashboard')\">Voir l'\u00e9cran <span>\u2192<\/span><\/a><\/div>\r\n <\/article>\r\n\r\n <article class=\"sp-smart-card\">\r\n <div class=\"sp-smart-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"5\" y=\"7\" width=\"14\" height=\"11\" rx=\"3\"\/><path d=\"M9 7V5M15 7V5M10 15h4\"\/><circle cx=\"9.5\" cy=\"12\" r=\".8\"\/><circle cx=\"14.5\" cy=\"12\" r=\".8\"\/><\/svg><\/div>\r\n <div><h3>NOVA Community Manager<\/h3><p>Analyse quotidiennement l\u2019activit\u00e9 et pr\u00e9pare les relances, encouragements et messages adapt\u00e9s au contexte.<\/p><a class=\"sp-see-screen\" onclick=\"openSpModal('sp-modal-nova')\">Voir NOVA <span>\u2192<\/span><\/a><\/div>\r\n <\/article>\r\n\r\n <article class=\"sp-smart-card\">\r\n <div class=\"sp-smart-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 4h8v4.8a4 4 0 0 1-8 0V4Z\"\/><path d=\"M8 6H4.5v1.8A3.2 3.2 0 0 0 8 11M16 6h3.5v1.8A3.2 3.2 0 0 1 16 11M12 13v4M8.5 20h7\"\/><\/svg><\/div>\r\n <div><h3>Banque de d\u00e9fis<\/h3><p>Des mod\u00e8les pr\u00eats \u00e0 l\u2019emploi, SPORTYNITY ou entreprise, personnalisables selon vos objectifs et vos communaut\u00e9s.<\/p><\/div>\r\n <\/article>\r\n\r\n <article class=\"sp-smart-card\">\r\n <div class=\"sp-smart-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"3\"\/><path d=\"M8 3v4M16 3v4M4 10h16M8 14h3M13 14h3\"\/><\/svg><\/div>\r\n <div><h3>Calendrier d\u2019animation<\/h3><p>Planifiez les temps forts de l\u2019ann\u00e9e. NOVA recommande les d\u00e9fis, pr\u00e9pare les dates, les visuels et les messages avant validation.<\/p><\/div>\r\n <\/article>\r\n\r\n <article class=\"sp-smart-card\">\r\n <div class=\"sp-smart-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 6h16v13H4zM8 3v6M16 3v6M7 13h4M13 13h4M7 16h4\"\/><\/svg><\/div>\r\n <div><h3>Biblioth\u00e8que d\u2019\u00e9v\u00e9nements<\/h3><p>QVCT, mobilit\u00e9, sant\u00e9, inclusion, solidarit\u00e9 ou \u00e9v\u00e9nements sportifs : structurez vos animations autour des temps forts pertinents.<\/p><\/div>\r\n <\/article>\r\n\r\n <article class=\"sp-smart-card\">\r\n <div class=\"sp-smart-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4h16v16H4zM7 8h10M7 12h6M7 16h8\"\/><\/svg><\/div>\r\n <div><h3>R\u00e9cap hebdomadaire<\/h3><p>Recevez les indicateurs cl\u00e9s et une analyse synth\u00e9tique pour savoir rapidement ce qui se passe, pourquoi et quoi faire.<\/p><\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sp-section sp-section--white\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-feature sp-feature--reverse\">\r\n <div class=\"sp-feature__content\">\r\n <div class=\"sp-eyebrow\">D\u00e9fis collectifs<\/div>\r\n <h2 class=\"sp-title\">\r\n <span>Des d\u00e9fis con\u00e7us<\/span>\r\n <span>pour tous.<\/span>\r\n <\/h2>\r\n <p class=\"sp-intro\">\r\n Les d\u00e9fis SPORTYNITY cr\u00e9ent du lien et une progression collective. Ils peuvent \u00eatre individuels ou organis\u00e9s par \u00e9quipes, avec un objectif commun, une progression visible et un classement d\u2019\u00e9quipes lorsque vous souhaitez stimuler le collectif.\r\n <\/p>\r\n <div class=\"sp-list\">\r\n <span>Accessibles \u00e0 tous<\/span>\r\n <span>Individuels ou par \u00e9quipes<\/span>\r\n <span>Progression collective visible<\/span>\r\n <span>Classement et contribution d\u2019\u00e9quipe<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sp-screen-frame\">\r\n <div class=\"sp-screen-image sp-screen-image--wide\">\r\n <img decoding=\"async\" src=\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/06\/Capture-Defis.png\" alt=\"D\u00e9fi collectif SPORTYNITY\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sp-section\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-feature\">\r\n <div class=\"sp-screen-frame\">\r\n <div class=\"sp-screen-image sp-screen-image--compact\">\r\n <img decoding=\"async\" src=\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/06\/Capture-Gamification.png\" alt=\"Progression collective, objectifs et \u00e9quipes dans SPORTYNITY\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"sp-feature__content\">\r\n <div class=\"sp-eyebrow\">Motivation & progression<\/div>\r\n <h2 class=\"sp-title\">\r\n <span>Donnez envie<\/span>\r\n <span>de participer.<\/span>\r\n <\/h2>\r\n <p class=\"sp-intro\">\r\n Une progression visible, des objectifs collectifs, des \u00e9quipes et des r\u00e9ussites partag\u00e9es rendent l\u2019engagement concret et motivant, sans transformer SPORTYNITY en outil de comp\u00e9tition individuelle.\r\n <\/p>\r\n <div class=\"sp-list\">\r\n <span>Progression visible<\/span>\r\n <span>Objectifs collectifs<\/span>\r\n <span>Challenges par \u00e9quipes<\/span>\r\n <span>R\u00e9ussites partag\u00e9es<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sp-section sp-section--white\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-nova\">\r\n <div class=\"sp-nova__visual\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"5\" y=\"7\" width=\"14\" height=\"11\" rx=\"3\"\/><path d=\"M9 7V5M15 7V5\"\/><circle cx=\"9.5\" cy=\"12.2\" r=\".8\"\/><circle cx=\"14.5\" cy=\"12.2\" r=\".8\"\/><path d=\"M10 15h4M3.5 12h1.5M19 12h1.5\"\/><\/svg><\/div>\r\n <div>\r\n <h2>NOVA devient le copilote de votre engagement collectif.<\/h2>\r\n <p>NOVA analyse la dynamique des communaut\u00e9s, d\u00e9tecte les signaux faibles et transforme les donn\u00e9es en actions simples : relancer une communaut\u00e9, f\u00e9liciter une \u00e9quipe, accueillir de nouveaux participants ou pr\u00e9parer la prochaine animation.<\/p>\r\n <div class=\"sp-nova__items\">\r\n <div>Analyse quotidienne de l\u2019engagement<\/div>\r\n <div>Relances contextualis\u00e9es<\/div>\r\n <div>Recommandations d\u2019actions<\/div>\r\n <div>Messages automatiques ou \u00e0 valider<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sp-section sp-section--impact\" id=\"projets-impact\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-head\">\r\n <div class=\"sp-eyebrow\">Engagement & impact<\/div>\r\n <h2 class=\"sp-title\">\r\n <span>Donnez du sens<\/span>\r\n <span>\u00e0 chaque participation.<\/span>\r\n <\/h2>\r\n <p class=\"sp-intro\">\r\n Avec les projets d\u2019impact, chaque activit\u00e9 valid\u00e9e peut contribuer \u00e0 un objectif collectif choisi par l\u2019entreprise. Le compteur rend cette contribution visible et f\u00e9d\u00e8re les collaborateurs autour d\u2019un projet concret.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"sp-smart-grid sp-smart-grid--impact\">\r\n <article class=\"sp-smart-card\">\r\n <div class=\"sp-smart-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 21s7-4.4 7-11V5l-7-2-7 2v5c0 6.6 7 11 7 11Z\"\/><path d=\"m9 12 2 2 4-5\"\/><\/svg><\/div>\r\n <div><h3>Projet d\u2019impact<\/h3><p>Cr\u00e9ez votre propre projet ou s\u00e9lectionnez un projet propos\u00e9 par SPORTYNITY, puis d\u00e9finissez une p\u00e9riode et un objectif d\u2019activit\u00e9s.<\/p><\/div>\r\n <\/article>\r\n <article class=\"sp-smart-card\">\r\n <div class=\"sp-smart-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 19V9M10 19V5M16 19v-7M22 19H2\"\/><path d=\"m4 7 6 3 6-5 5 3\"\/><\/svg><\/div>\r\n <div><h3>Compteur collectif<\/h3><p>Chaque activit\u00e9 valid\u00e9e ajoute une contribution. Les collaborateurs suivent l\u2019avancement, la tendance et le nombre de participants.<\/p><\/div>\r\n <\/article>\r\n <article class=\"sp-smart-card\">\r\n <div class=\"sp-smart-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"3\"\/><path d=\"M8 9h8M8 13h8M8 17h5\"\/><\/svg><\/div>\r\n <div><h3>Biblioth\u00e8que de projets<\/h3><p>Parcourez des projets d\u2019int\u00e9r\u00eat g\u00e9n\u00e9ral propos\u00e9s et valid\u00e9s par SPORTYNITY pour f\u00e9d\u00e9rer l\u2019entreprise autour d\u2019une cause porteuse de sens.<\/p><\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sp-section\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-head\">\r\n <div class=\"sp-eyebrow\">Accompagnement<\/div>\r\n <h2 class=\"sp-title\">\r\n <span>Vous n'\u00eates pas seuls<\/span>\r\n <span>pour lancer la dynamique.<\/span>\r\n <\/h2>\r\n <p class=\"sp-intro\">\r\n SPORTYNITY associe une plateforme digitale et un accompagnement humain pour faire vivre vos communaut\u00e9s dans la dur\u00e9e.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"sp-grid sp-grid--4\">\r\n <article class=\"sp-card\"><div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13.5 4.5c2.4-.8 4.4-.6 5.8-.1.5 1.4.7 3.4-.1 5.8-1.1 3.4-4.1 6.1-7 7.5l-5.9-5.9c1.4-2.9 4.1-5.9 7.2-7.3Z\"\/><path d=\"M8.3 12.2 5.5 12l-2 2 4.2 1\"\/><path d=\"M11.8 15.7l.2 2.8-2 2-1-4.2\"\/><circle cx=\"15.5\" cy=\"8.5\" r=\"1.5\"\/><\/svg><\/div><h3>Lancement<\/h3><p>Pr\u00e9parer le d\u00e9ploiement et les premiers messages.<\/p><\/article>\r\n <article class=\"sp-card\"><div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8 4h8v4.8a4 4 0 0 1-8 0V4Z\"\/><path d=\"M8 6H4.5v1.8A3.2 3.2 0 0 0 8 11\"\/><path d=\"M16 6h3.5v1.8A3.2 3.2 0 0 1 16 11\"\/><path d=\"M12 13v4\"\/><path d=\"M8.5 20h7\"\/><path d=\"M10 17h4\"\/><\/svg><\/div><h3>Calendrier & d\u00e9fis<\/h3><p>Pr\u00e9parer vos temps forts et choisir les animations adapt\u00e9es \u00e0 vos objectifs.<\/p><\/article>\r\n <article class=\"sp-card\"><div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8.5 12.5 11 10l2.4 2.4c.7.7 1.8.7 2.5 0l.4-.4-3.7-3.7a2 2 0 0 0-2.8 0L8 10\"\/><path d=\"M3.5 12.5 7 9l3.5 3.5\"\/><path d=\"M20.5 12.5 17 9l-3.5 3.5\"\/><path d=\"M8.5 12.5 12 16l2.3-2.3\"\/><path d=\"M12 16l1.3 1.3a1.4 1.4 0 0 0 2 0l.2-.2\"\/><path d=\"M15.3 15.2l.5.5a1.4 1.4 0 0 0 2 0\"\/><\/svg><\/div><h3>Ambassadeurs<\/h3><p>Accompagner les relais internes.<\/p><\/article>\r\n <article class=\"sp-card\"><div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"3\"\/><path d=\"M8 15v-3\"\/><path d=\"M12 15V9\"\/><path d=\"M16 15v-5\"\/><path d=\"M7.5 18h9\"\/><\/svg><\/div><h3>Pilotage & recommandations<\/h3><p>Comprendre la participation, les points d\u2019attention et les actions \u00e0 engager.<\/p><\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sp-section sp-section--white\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-head\">\r\n <div class=\"sp-eyebrow\">L'esprit SPORTYNITY<\/div>\r\n <h2 class=\"sp-title\">\r\n <span>Le plaisir de progresser<\/span>\r\n <span>ensemble.<\/span>\r\n <\/h2>\r\n <p class=\"sp-intro\">\r\n L'objectif n'est pas la performance individuelle, mais le plaisir de partager des moments positifs et de nourrir une dynamique commune.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"sp-grid sp-grid--4\">\r\n <article class=\"sp-card\"><div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8 11.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4Z\"\/><path d=\"M16 11.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4Z\"\/><path d=\"M3.5 20c.6-3.2 2.4-5.2 4.5-5.2 1.8 0 3.1 1 4 2.5.9-1.5 2.2-2.5 4-2.5 2.1 0 3.9 2 4.5 5.2\"\/><\/svg><\/div><h3>Accessible \u00e0 tous<\/h3><p>Chaque collaborateur avance \u00e0 son rythme.<\/p><\/article>\r\n <article class=\"sp-card\"><div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"6\"\/><path d=\"M12 3v2\"\/><path d=\"M12 19v2\"\/><path d=\"M3 12h2\"\/><path d=\"M19 12h2\"\/><\/svg><\/div><h3>Volontaire<\/h3><p>Une participation libre et motivante.<\/p><\/article>\r\n <article class=\"sp-card\"><div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20 4C12 4 6 8 6 15a5 5 0 0 0 5 5c7 0 9-8 9-16Z\"\/><path d=\"M6 20c2.5-5.3 6-8 10.5-10\"\/><\/svg><\/div><h3>Bienveillant<\/h3><p>Une approche positive, sans comparaison brutale.<\/p><\/article>\r\n <article class=\"sp-card\"><div class=\"sp-card__icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 3l1.5 5.2L19 10l-5.5 1.8L12 17l-1.5-5.2L5 10l5.5-1.8L12 3Z\"\/><path d=\"M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8L19 15Z\"\/><\/svg><\/div><h3>Sans pression<\/h3><p>Le collectif prime sur la performance.<\/p><\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <section class=\"sp-section sp-section--results\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-head\">\r\n <div class=\"sp-eyebrow\">B\u00e9n\u00e9fices<\/div>\r\n <h2 class=\"sp-title\">\r\n <span>Une plateforme pens\u00e9e pour<\/span>\r\n <span>faire vivre le collectif.<\/span>\r\n <\/h2>\r\n <p class=\"sp-intro\">SPORTYNITY transforme des initiatives ponctuelles en une dynamique suivie, visible et plus simple \u00e0 animer.<\/p>\r\n <\/div>\r\n\r\n <div class=\"sp-results-grid\">\r\n <article class=\"sp-result-card\"><strong>Plus de lien<\/strong><span>entre collaborateurs, communaut\u00e9s et \u00e9quipes.<\/span><\/article>\r\n <article class=\"sp-result-card\"><strong>Plus d\u2019engagement<\/strong><span>gr\u00e2ce \u00e0 des objectifs accessibles et des animations r\u00e9guli\u00e8res.<\/span><\/article>\r\n <article class=\"sp-result-card\"><strong>Moins de charge<\/strong><span>avec NOVA, la banque de d\u00e9fis et le calendrier d\u2019animation.<\/span><\/article>\r\n <article class=\"sp-result-card\"><strong>Plus de visibilit\u00e9<\/strong><span>sur la participation, les tendances et l\u2019impact collectif.<\/span><\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"sp-cta\">\r\n <div class=\"sp-container\">\r\n <h2>Pr\u00eat \u00e0 d\u00e9couvrir SPORTYNITY ?<\/h2>\r\n <p>D\u00e9couvrez comment SPORTYNITY aide les RH \u00e0 renforcer la coh\u00e9sion d\u2019\u00e9quipe, d\u00e9velopper l\u2019engagement collaborateur, animer leurs communaut\u00e9s et donner du sens \u00e0 chaque participation.<\/p>\r\n <a class=\"sp-btn\" href=\"#popmake-3645\">Demander une d\u00e9monstration<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/main>\r\n\r\n<div id=\"sp-modal-communautes\" class=\"sp-modal\" onclick=\"closeSpModal(event, 'sp-modal-communautes')\">\r\n <div class=\"sp-modal__content\">\r\n <div class=\"sp-modal__header\">\r\n <h3>\u00c9cran Communaut\u00e9s<\/h3>\r\n <button class=\"sp-modal__close\" onclick=\"forceCloseSpModal('sp-modal-communautes')\">\u00d7<\/button>\r\n <\/div>\r\n <div class=\"sp-modal__screen\"> <img decoding=\"async\"\r\n src=\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/06\/Capture-Communaute.png\"\r\n alt=\"Communaut\u00e9s SPORTYNITY\"\r\n ><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"sp-modal-defis\" class=\"sp-modal\" onclick=\"closeSpModal(event, 'sp-modal-defis')\">\r\n <div class=\"sp-modal__content\">\r\n <div class=\"sp-modal__header\">\r\n <h3>\u00c9cran D\u00e9fis collectifs<\/h3>\r\n <button class=\"sp-modal__close\" onclick=\"forceCloseSpModal('sp-modal-defis')\">\u00d7<\/button>\r\n <\/div>\r\n <div class=\"sp-modal__screen\"> <img decoding=\"async\"\r\n src=\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/06\/Capture-Defis.png\"\r\n alt=\"D\u00e9fis collectifs SPORTYNITY\"\r\n ><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"sp-modal-nova\" class=\"sp-modal\" onclick=\"closeSpModal(event, 'sp-modal-nova')\">\r\n <div class=\"sp-modal__content\">\r\n <div class=\"sp-modal__header\">\r\n <h3>\u00c9cran IA NOVA<\/h3>\r\n <button class=\"sp-modal__close\" onclick=\"forceCloseSpModal('sp-modal-nova')\">\u00d7<\/button>\r\n <\/div>\r\n <div class=\"sp-modal__screen\"> <img decoding=\"async\"\r\n src=\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/06\/Capture-Nova.png\"\r\n alt=\"Assistant motivationnel NOVA SPORTYNITY\"\r\n ><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"sp-modal-dashboard\" class=\"sp-modal\" onclick=\"closeSpModal(event, 'sp-modal-dashboard')\">\r\n <div class=\"sp-modal__content\">\r\n <div class=\"sp-modal__header\">\r\n <h3>\u00c9cran Dashboard RH<\/h3>\r\n <button class=\"sp-modal__close\" onclick=\"forceCloseSpModal('sp-modal-dashboard')\">\u00d7<\/button>\r\n <\/div>\r\n <div class=\"sp-modal__screen\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/06\/Capture-dashboard.png\"\r\n alt=\"Aper\u00e7u de l'application SPORTYNITY - Dashboard\"\r\n >\r\n<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n function openSpModal(id) {\r\n var modal = document.getElementById(id);\r\n if (modal) {\r\n modal.classList.add('is-open');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n\r\n function forceCloseSpModal(id) {\r\n var modal = document.getElementById(id);\r\n if (modal) {\r\n modal.classList.remove('is-open');\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n function closeSpModal(event, id) {\r\n if (event.target && event.target.id === id) {\r\n forceCloseSpModal(id);\r\n }\r\n }\r\n\r\n document.addEventListener('keydown', function(event) {\r\n if (event.key === 'Escape') {\r\n document.querySelectorAll('.sp-modal.is-open').forEach(function(modal) {\r\n modal.classList.remove('is-open');\r\n });\r\n document.body.style.overflow = '';\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44da3ae e-flex e-con-boxed e-con e-parent\" data-id=\"44da3ae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdc57e3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"cdc57e3\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>SPORTYNITY | Plateforme de coh\u00e9sion, engagement collaborateur et animation RH Solution SPORTYNITY La plateforme qui anime votre collectif. SPORTYNITY aide […]<\/p>\n","protected":false},"author":3,"featured_media":4051,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6090","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>SPORTYNITY | Application de coh\u00e9sion d'\u00e9quipe et d\u00e9fis collectifs<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez les fonctionnalit\u00e9s SPORTYNITY : communaut\u00e9s, d\u00e9fis collectifs, sport sant\u00e9, gamification et IA pour d\u00e9velopper l'engagement collaborateur.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sportynity.com\/index.php\/solution\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SPORTYNITY | Application de coh\u00e9sion d'\u00e9quipe et d\u00e9fis collectifs\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez les fonctionnalit\u00e9s SPORTYNITY : communaut\u00e9s, d\u00e9fis collectifs, sport sant\u00e9, gamification et IA pour d\u00e9velopper l'engagement collaborateur.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sportynity.com\/index.php\/solution\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-11T08:14:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/02\/SPORTYNITY-Caroussel1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sportynity.com\/index.php\/solution\/\",\"url\":\"https:\/\/sportynity.com\/index.php\/solution\/\",\"name\":\"SPORTYNITY | Application de coh\u00e9sion d'\u00e9quipe et d\u00e9fis collectifs\",\"isPartOf\":{\"@id\":\"https:\/\/sportynity.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sportynity.com\/index.php\/solution\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sportynity.com\/index.php\/solution\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/02\/SPORTYNITY-Caroussel1.png\",\"datePublished\":\"2026-06-18T12:44:30+00:00\",\"dateModified\":\"2026-08-11T08:14:20+00:00\",\"description\":\"D\u00e9couvrez les fonctionnalit\u00e9s SPORTYNITY : communaut\u00e9s, d\u00e9fis collectifs, sport sant\u00e9, gamification et IA pour d\u00e9velopper l'engagement collaborateur.\",\"breadcrumb\":{\"@id\":\"https:\/\/sportynity.com\/index.php\/solution\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sportynity.com\/index.php\/solution\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/sportynity.com\/index.php\/solution\/#primaryimage\",\"url\":\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/02\/SPORTYNITY-Caroussel1.png\",\"contentUrl\":\"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/02\/SPORTYNITY-Caroussel1.png\",\"width\":1024,\"height\":1536},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sportynity.com\/index.php\/solution\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sportynity.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Solution\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sportynity.com\/#website\",\"url\":\"https:\/\/sportynity.com\/\",\"name\":\"SPORTYNITY\",\"description\":\"Coh\u00e9sion d\u2019\u00e9quipe, engagement collaborateur, d\u00e9fis et QVCT\",\"publisher\":{\"@id\":\"https:\/\/sportynity.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sportynity.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sportynity.com\/#organization\",\"name\":\"SPORTYNITY\",\"url\":\"https:\/\/sportynity.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/sportynity.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sportynity.com\/wp-content\/uploads\/2025\/09\/Sportynity-Logo-blanc-fond-noir-350.png\",\"contentUrl\":\"https:\/\/sportynity.com\/wp-content\/uploads\/2025\/09\/Sportynity-Logo-blanc-fond-noir-350.png\",\"width\":350,\"height\":88,\"caption\":\"SPORTYNITY\"},\"image\":{\"@id\":\"https:\/\/sportynity.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/108556842\/admin\/dashboard\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SPORTYNITY | Application de coh\u00e9sion d'\u00e9quipe et d\u00e9fis collectifs","description":"D\u00e9couvrez les fonctionnalit\u00e9s SPORTYNITY : communaut\u00e9s, d\u00e9fis collectifs, sport sant\u00e9, gamification et IA pour d\u00e9velopper l'engagement collaborateur.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sportynity.com\/index.php\/solution\/","og_locale":"fr_FR","og_type":"article","og_title":"SPORTYNITY | Application de coh\u00e9sion d'\u00e9quipe et d\u00e9fis collectifs","og_description":"D\u00e9couvrez les fonctionnalit\u00e9s SPORTYNITY : communaut\u00e9s, d\u00e9fis collectifs, sport sant\u00e9, gamification et IA pour d\u00e9velopper l'engagement collaborateur.","og_url":"https:\/\/sportynity.com\/index.php\/solution\/","article_modified_time":"2026-08-11T08:14:20+00:00","og_image":[{"width":1024,"height":1536,"url":"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/02\/SPORTYNITY-Caroussel1.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sportynity.com\/index.php\/solution\/","url":"https:\/\/sportynity.com\/index.php\/solution\/","name":"SPORTYNITY | Application de coh\u00e9sion d'\u00e9quipe et d\u00e9fis collectifs","isPartOf":{"@id":"https:\/\/sportynity.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sportynity.com\/index.php\/solution\/#primaryimage"},"image":{"@id":"https:\/\/sportynity.com\/index.php\/solution\/#primaryimage"},"thumbnailUrl":"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/02\/SPORTYNITY-Caroussel1.png","datePublished":"2026-06-18T12:44:30+00:00","dateModified":"2026-08-11T08:14:20+00:00","description":"D\u00e9couvrez les fonctionnalit\u00e9s SPORTYNITY : communaut\u00e9s, d\u00e9fis collectifs, sport sant\u00e9, gamification et IA pour d\u00e9velopper l'engagement collaborateur.","breadcrumb":{"@id":"https:\/\/sportynity.com\/index.php\/solution\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sportynity.com\/index.php\/solution\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/sportynity.com\/index.php\/solution\/#primaryimage","url":"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/02\/SPORTYNITY-Caroussel1.png","contentUrl":"https:\/\/sportynity.com\/wp-content\/uploads\/2026\/02\/SPORTYNITY-Caroussel1.png","width":1024,"height":1536},{"@type":"BreadcrumbList","@id":"https:\/\/sportynity.com\/index.php\/solution\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sportynity.com\/"},{"@type":"ListItem","position":2,"name":"Solution"}]},{"@type":"WebSite","@id":"https:\/\/sportynity.com\/#website","url":"https:\/\/sportynity.com\/","name":"SPORTYNITY","description":"Coh\u00e9sion d\u2019\u00e9quipe, engagement collaborateur, d\u00e9fis et QVCT","publisher":{"@id":"https:\/\/sportynity.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sportynity.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/sportynity.com\/#organization","name":"SPORTYNITY","url":"https:\/\/sportynity.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/sportynity.com\/#\/schema\/logo\/image\/","url":"https:\/\/sportynity.com\/wp-content\/uploads\/2025\/09\/Sportynity-Logo-blanc-fond-noir-350.png","contentUrl":"https:\/\/sportynity.com\/wp-content\/uploads\/2025\/09\/Sportynity-Logo-blanc-fond-noir-350.png","width":350,"height":88,"caption":"SPORTYNITY"},"image":{"@id":"https:\/\/sportynity.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/108556842\/admin\/dashboard\/"]}]}},"_links":{"self":[{"href":"https:\/\/sportynity.com\/index.php\/wp-json\/wp\/v2\/pages\/6090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sportynity.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sportynity.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sportynity.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sportynity.com\/index.php\/wp-json\/wp\/v2\/comments?post=6090"}],"version-history":[{"count":109,"href":"https:\/\/sportynity.com\/index.php\/wp-json\/wp\/v2\/pages\/6090\/revisions"}],"predecessor-version":[{"id":6538,"href":"https:\/\/sportynity.com\/index.php\/wp-json\/wp\/v2\/pages\/6090\/revisions\/6538"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sportynity.com\/index.php\/wp-json\/wp\/v2\/media\/4051"}],"wp:attachment":[{"href":"https:\/\/sportynity.com\/index.php\/wp-json\/wp\/v2\/media?parent=6090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}