{"id":540,"date":"2026-07-18T03:33:12","date_gmt":"2026-07-18T01:33:12","guid":{"rendered":"https:\/\/vs-unihockey.ch\/?st-import=d0ff8aac267098373fb2c5a5cac3855e"},"modified":"2026-08-07T08:46:10","modified_gmt":"2026-08-07T06:46:10","slug":"accueil","status":"publish","type":"page","link":"https:\/\/vs-unihockey.ch\/de\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"540\" class=\"elementor elementor-540\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f58f53 e-con-full e-flex e-con e-parent\" data-id=\"4f58f53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0eabe79 elementor-widget elementor-widget-html\" data-id=\"0eabe79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\nVS UNIHOCKEY \u2014 ACCUEIL \/ PARTIE 1\r\nCompatible Astra + Elementor\r\n\u00c0 coller dans UN SEUL widget HTML.\r\nSans header ni footer.\r\n\r\nIMPORTANT :\r\nRemplace uniquement les 2 liens marqu\u00e9s \"IMAGE \u00c0 REMPLACER\"\r\npar de vraies photos d'UNIHOCKEY.\r\n-->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,700;1,800&family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n.vsu-home-p1,\r\n.vsu-home-p1 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.vsu-home-p1{\r\n  --vsu-red:#d70a2f;\r\n  --vsu-red-dark:#9e061f;\r\n  --vsu-black:#0b0b0d;\r\n  --vsu-ink:#17171a;\r\n  --vsu-grey:#6d6d73;\r\n  --vsu-line:#e8e8eb;\r\n  --vsu-soft:#f5f5f6;\r\n  --vsu-white:#ffffff;\r\n  width:100%;\r\n  overflow:hidden;\r\n  color:var(--vsu-ink);\r\n  background:var(--vsu-white);\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n}\r\n\r\n.vsu-home-p1 a{\r\n  text-decoration:none;\r\n}\r\n\r\n\/* Emp\u00eache Astra d'ajouter des marges dans le contenu *\/\r\n.vsu-home-p1 .vsu-shell{\r\n  width:min(1240px,calc(100% - 48px));\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.vsu-hero{\r\n  position:relative;\r\n  min-height:760px;\r\n  display:flex;\r\n  align-items:center;\r\n  isolation:isolate;\r\n  background-color:#09090b;\r\n\r\n  background-image:\r\n    linear-gradient(90deg,\r\n      rgba(5,5,7,.98) 0%,\r\n      rgba(5,5,7,.92) 28%,\r\n      rgba(5,5,7,.54) 57%,\r\n      rgba(5,5,7,.12) 100%\r\n    ),\r\n    linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,0) 45%),\r\n    url('https:\/\/vs-unihockey.ch\/wp-content\/uploads\/2026\/08\/Journe\u2560ue-e\u2560uvaluation-25-26-scaled.jpg');\r\n\r\n  background-size:cover;\r\n  background-position:center center;\r\n}\r\n\r\n.vsu-hero::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:-1;\r\n  inset:0 auto 0 0;\r\n  width:min(53vw,820px);\r\n  background:\r\n    radial-gradient(circle at 10% 50%,rgba(215,10,47,.32),transparent 48%),\r\n    linear-gradient(90deg,rgba(215,10,47,.14),transparent 80%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  height:170px;\r\n  z-index:-1;\r\n  background:linear-gradient(180deg,transparent,rgba(0,0,0,.80));\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-hero-content{\r\n  position:relative;\r\n  width:min(680px,58%);\r\n  padding:120px 0 180px;\r\n  color:var(--vsu-white);\r\n}\r\n\r\n.vsu-eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin-bottom:20px;\r\n  color:#ff3459;\r\n  font-size:13px;\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-eyebrow::before{\r\n  content:\"\";\r\n  width:38px;\r\n  height:3px;\r\n  flex:0 0 auto;\r\n  background:var(--vsu-red);\r\n}\r\n\r\n.vsu-hero-title{\r\n    color:#ffffff !important;\r\n  max-width:650px;\r\n  margin:0;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:clamp(64px,6.2vw,104px);\r\n  line-height:.84;\r\n  font-weight:900;\r\n  letter-spacing:-.035em;\r\n  text-transform:uppercase;\r\n  text-wrap:balance;\r\n}\r\n\r\n.vsu-hero-title span{\r\n  display:block;\r\n  margin-top:12px;\r\n  color:#f21b45;\r\n}\r\n\r\n.vsu-hero-copy{\r\n  max-width:580px;\r\n  margin:30px 0 0;\r\n  color:rgba(255,255,255,.88);\r\n  font-size:17px;\r\n  line-height:1.72;\r\n}\r\n\r\n.vsu-hero-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:14px;\r\n  margin-top:34px;\r\n}\r\n\r\n.vsu-btn{\r\n  min-height:58px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:16px;\r\n  padding:0 28px;\r\n  border:1px solid transparent;\r\n  font-size:14px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.03em;\r\n  text-transform:uppercase;\r\n  transition:\r\n    transform .25s ease,\r\n    background-color .25s ease,\r\n    border-color .25s ease,\r\n    color .25s ease;\r\n}\r\n\r\n.vsu-btn:hover{\r\n  transform:translateY(-3px);\r\n}\r\n\r\n.vsu-btn-primary{\r\n  color:var(--vsu-white);\r\n  background:var(--vsu-red);\r\n  box-shadow:0 14px 34px rgba(215,10,47,.30);\r\n}\r\n\r\n.vsu-btn-primary:hover{\r\n  color:var(--vsu-white);\r\n  background:#ee123d;\r\n}\r\n\r\n.vsu-btn-outline{\r\n  color:var(--vsu-white);\r\n  border-color:rgba(255,255,255,.72);\r\n  background:rgba(255,255,255,.04);\r\n  backdrop-filter:blur(6px);\r\n}\r\n\r\n.vsu-btn-outline:hover{\r\n  color:var(--vsu-black);\r\n  background:var(--vsu-white);\r\n  border-color:var(--vsu-white);\r\n}\r\n\r\n.vsu-arrow,\r\n.vsu-calendar-icon{\r\n  width:20px;\r\n  height:20px;\r\n  flex:0 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   STATISTIQUES SUPERPOS\u00c9ES\r\n========================================================= *\/\r\n\r\n.vsu-stats-wrap{\r\n  position:relative;\r\n  z-index:5;\r\n  margin-top:-88px;\r\n}\r\n\r\n.vsu-stats{\r\n  display:grid;\r\n  grid-template-columns:repeat(5,minmax(0,1fr));\r\n  gap:14px;\r\n}\r\n\r\n.vsu-stat{\r\n  min-height:150px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:19px;\r\n  padding:25px 22px;\r\n  background:var(--vsu-white);\r\n  border:1px solid rgba(16,16,18,.06);\r\n  box-shadow:0 16px 44px rgba(0,0,0,.12);\r\n  transition:transform .25s ease,box-shadow .25s ease;\r\n}\r\n\r\n.vsu-stat:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 22px 54px rgba(0,0,0,.16);\r\n}\r\n\r\n.vsu-stat-icon{\r\n  width:52px;\r\n  height:52px;\r\n  display:grid;\r\n  place-items:center;\r\n  flex:0 0 auto;\r\n  color:var(--vsu-red);\r\n}\r\n\r\n.vsu-stat-icon svg{\r\n  width:48px;\r\n  height:48px;\r\n}\r\n\r\n.vsu-stat-value{\r\n  margin:0 0 4px;\r\n  color:var(--vsu-ink);\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:38px;\r\n  line-height:.9;\r\n  font-weight:900;\r\n  letter-spacing:-.02em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-stat-label{\r\n  margin:0;\r\n  color:var(--vsu-ink);\r\n  font-size:12px;\r\n  line-height:1.25;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-stat-note{\r\n  display:block;\r\n  margin-top:5px;\r\n  color:var(--vsu-grey);\r\n  font-size:11px;\r\n  line-height:1.35;\r\n  font-weight:500;\r\n}\r\n\r\n\/* =========================================================\r\n   INTRODUCTION\r\n========================================================= *\/\r\n\r\n.vsu-intro{\r\n  position:relative;\r\n  padding:95px 0 110px;\r\n  background:\r\n    linear-gradient(135deg,#fff 0%,#fff 57%,#f5f5f6 57%,#f5f5f6 100%);\r\n}\r\n\r\n.vsu-intro-grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);\r\n  align-items:center;\r\n  gap:72px;\r\n}\r\n\r\n.vsu-section-kicker{\r\n  display:block;\r\n  margin-bottom:12px;\r\n  color:var(--vsu-red);\r\n  font-size:12px;\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  letter-spacing:.10em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-section-title{\r\n  max-width:560px;\r\n  margin:0;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:clamp(42px,4.3vw,66px);\r\n  line-height:.92;\r\n  font-weight:900;\r\n  letter-spacing:-.025em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-section-title em{\r\n  color:var(--vsu-red);\r\n  font-style:normal;\r\n}\r\n\r\n.vsu-section-copy{\r\n  max-width:590px;\r\n  margin:25px 0 0;\r\n  color:#55555b;\r\n  font-size:15px;\r\n  line-height:1.8;\r\n}\r\n\r\n.vsu-missions{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  gap:22px;\r\n  margin-top:32px;\r\n}\r\n\r\n.vsu-mission{\r\n  display:grid;\r\n  grid-template-columns:44px 1fr;\r\n  gap:14px;\r\n  align-items:start;\r\n}\r\n\r\n.vsu-mission-icon{\r\n  width:44px;\r\n  height:44px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:50%;\r\n  color:var(--vsu-white);\r\n  background:var(--vsu-red);\r\n}\r\n\r\n.vsu-mission-icon svg{\r\n  width:22px;\r\n  height:22px;\r\n}\r\n\r\n.vsu-mission strong{\r\n  display:block;\r\n  margin:2px 0 4px;\r\n  color:var(--vsu-ink);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-mission p{\r\n  margin:0;\r\n  color:var(--vsu-grey);\r\n  font-size:12px;\r\n  line-height:1.55;\r\n}\r\n\r\n.vsu-intro-link{\r\n  margin-top:32px;\r\n}\r\n\r\n.vsu-intro-media{\r\n  position:relative;\r\n  min-height:470px;\r\n}\r\n\r\n.vsu-intro-photo{\r\n  position:absolute;\r\n  inset:0 36px 20px 0;\r\n  overflow:hidden;\r\n  background-color:#131315;\r\n\r\n  background-image:\r\n    linear-gradient(0deg,rgba(0,0,0,.24),rgba(0,0,0,.04)),\r\n    url('https:\/\/vs-unihockey.ch\/wp-content\/uploads\/2026\/08\/Se\u2560ulection-M13-e\u2560uquipe-25-26.jpg');\r\n\r\n  background-size:cover;\r\n  background-position:center;\r\n  box-shadow:0 28px 70px rgba(0,0,0,.18);\r\n}\r\n\r\n.vsu-intro-photo::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  border:1px solid rgba(255,255,255,.18);\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-play{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  z-index:2;\r\n  width:92px;\r\n  height:92px;\r\n  display:grid;\r\n  place-items:center;\r\n  transform:translate(-50%,-50%);\r\n  border:4px solid var(--vsu-white);\r\n  border-radius:50%;\r\n  color:var(--vsu-white);\r\n  background:rgba(0,0,0,.18);\r\n  backdrop-filter:blur(5px);\r\n  box-shadow:0 10px 35px rgba(0,0,0,.28);\r\n}\r\n\r\n.vsu-play svg{\r\n  width:34px;\r\n  height:34px;\r\n  margin-left:5px;\r\n}\r\n\r\n.vsu-strength{\r\n  position:absolute;\r\n  right:0;\r\n  bottom:0;\r\n  z-index:3;\r\n  width:min(310px,72%);\r\n  padding:30px 34px 31px;\r\n  color:var(--vsu-white);\r\n  background:\r\n    linear-gradient(135deg,rgba(130,2,27,.97),rgba(38,0,9,.98));\r\n  clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);\r\n  box-shadow:0 22px 50px rgba(0,0,0,.22);\r\n}\r\n\r\n.vsu-strength small{\r\n  display:block;\r\n  margin-bottom:10px;\r\n  color:#ff365b;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.06em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-strength strong{\r\n  display:block;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:26px;\r\n  line-height:1.15;\r\n  font-style:italic;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-strength::after{\r\n  content:\"\";\r\n  display:block;\r\n  width:35px;\r\n  height:3px;\r\n  margin-top:18px;\r\n  background:var(--vsu-white);\r\n}\r\n\r\n\/* =========================================================\r\n   TABLETTE\r\n========================================================= *\/\r\n\r\n@media (max-width:1100px){\r\n\r\n  .vsu-home-p1 .vsu-shell{\r\n    width:min(100% - 40px,960px);\r\n  }\r\n\r\n  .vsu-hero{\r\n    min-height:700px;\r\n    background-position:62% center;\r\n  }\r\n\r\n  .vsu-hero-content{\r\n    width:64%;\r\n    padding:105px 0 170px;\r\n  }\r\n\r\n  .vsu-hero-title{\r\n    font-size:clamp(60px,8vw,82px);\r\n  }\r\n\r\n  .vsu-stats{\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n  }\r\n\r\n  .vsu-stat:nth-child(4),\r\n  .vsu-stat:nth-child(5){\r\n    transform:none;\r\n  }\r\n\r\n  .vsu-intro{\r\n    padding-top:80px;\r\n    background:var(--vsu-white);\r\n  }\r\n\r\n  .vsu-intro-grid{\r\n    grid-template-columns:1fr;\r\n    gap:52px;\r\n  }\r\n\r\n  .vsu-intro-copy{\r\n    max-width:760px;\r\n  }\r\n\r\n  .vsu-intro-media{\r\n    min-height:540px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:767px){\r\n\r\n  .vsu-home-p1 .vsu-shell{\r\n    width:calc(100% - 32px);\r\n  }\r\n\r\n  .vsu-hero{\r\n    min-height:710px;\r\n\r\n    align-items:flex-end;\r\n\r\n    background-image:\r\n      linear-gradient(\r\n        0deg,\r\n        rgba(5,5,7,.99) 0%,\r\n        rgba(5,5,7,.90) 38%,\r\n        rgba(5,5,7,.36) 76%,\r\n        rgba(5,5,7,.20) 100%\r\n      ),\r\n      url('https:\/\/vs-unihockey.ch\/wp-content\/uploads\/2026\/08\/Journe\u2560ue-e\u2560uvaluation-25-26-scaled.jpg');\r\n\r\n    background-position:center center;\r\n}\r\n\r\n  .vsu-hero::before{\r\n    width:100%;\r\n    background:radial-gradient(circle at 5% 70%,rgba(215,10,47,.26),transparent 54%);\r\n  }\r\n\r\n  .vsu-hero-content{\r\n    width:100%;\r\n    padding:190px 0 132px;\r\n  }\r\n\r\n  .vsu-eyebrow{\r\n    gap:9px;\r\n    margin-bottom:16px;\r\n    font-size:10px;\r\n    letter-spacing:.08em;\r\n  }\r\n\r\n  .vsu-eyebrow::before{\r\n    width:25px;\r\n    height:2px;\r\n  }\r\n\r\n  .vsu-hero-title{\r\n    max-width:100%;\r\n    font-size:clamp(49px,15.5vw,69px);\r\n    line-height:.87;\r\n    letter-spacing:-.035em;\r\n  }\r\n\r\n  .vsu-hero-title span{\r\n    margin-top:8px;\r\n  }\r\n\r\n  .vsu-hero-copy{\r\n    margin-top:22px;\r\n    font-size:14px;\r\n    line-height:1.62;\r\n  }\r\n\r\n  .vsu-hero-actions{\r\n    gap:10px;\r\n    margin-top:25px;\r\n  }\r\n\r\n  .vsu-btn{\r\n    min-height:52px;\r\n    padding:0 20px;\r\n    font-size:12px;\r\n  }\r\n\r\n  .vsu-stats-wrap{\r\n    margin-top:-72px;\r\n  }\r\n\r\n  .vsu-stats{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:10px;\r\n  }\r\n\r\n  .vsu-stat{\r\n    min-height:126px;\r\n    display:block;\r\n    padding:18px 16px;\r\n  }\r\n\r\n  .vsu-stat:last-child{\r\n    grid-column:1 \/ -1;\r\n    display:flex;\r\n    justify-content:center;\r\n  }\r\n\r\n  .vsu-stat-icon{\r\n    width:38px;\r\n    height:38px;\r\n    margin-bottom:10px;\r\n  }\r\n\r\n  .vsu-stat-icon svg{\r\n    width:37px;\r\n    height:37px;\r\n  }\r\n\r\n  .vsu-stat-value{\r\n    font-size:31px;\r\n  }\r\n\r\n  .vsu-stat-label{\r\n    font-size:10px;\r\n  }\r\n\r\n  .vsu-stat-note{\r\n    font-size:9px;\r\n  }\r\n\r\n  .vsu-intro{\r\n    padding:72px 0 80px;\r\n  }\r\n\r\n  .vsu-section-title{\r\n    font-size:clamp(42px,13vw,56px);\r\n  }\r\n\r\n  .vsu-section-copy{\r\n    margin-top:20px;\r\n    font-size:14px;\r\n    line-height:1.72;\r\n  }\r\n\r\n  .vsu-missions{\r\n    grid-template-columns:1fr;\r\n    gap:18px;\r\n    margin-top:26px;\r\n  }\r\n\r\n  .vsu-intro-media{\r\n    min-height:380px;\r\n  }\r\n\r\n  .vsu-intro-photo{\r\n    inset:0 0 55px;\r\n    background-position:center;\r\n  }\r\n\r\n  .vsu-play{\r\n    width:68px;\r\n    height:68px;\r\n    border-width:3px;\r\n  }\r\n\r\n  .vsu-play svg{\r\n    width:25px;\r\n    height:25px;\r\n  }\r\n\r\n  .vsu-strength{\r\n    width:86%;\r\n    padding:23px 25px 24px 36px;\r\n  }\r\n\r\n  .vsu-strength strong{\r\n    font-size:21px;\r\n  }\r\n}\r\n\r\n@media (max-width:420px){\r\n\r\n  .vsu-hero-title{\r\n    font-size:48px;\r\n  }\r\n\r\n  .vsu-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .vsu-stats{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  .vsu-stat{\r\n    padding:16px 13px;\r\n  }\r\n\r\n  .vsu-stat-value{\r\n    font-size:28px;\r\n  }\r\n}\r\n\r\n\/* Accessibilit\u00e9 : r\u00e9duit les animations si demand\u00e9 *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  .vsu-btn,\r\n  .vsu-stat{\r\n    transition:none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"vsu-home-p1\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"vsu-hero\">\r\n    <div class=\"vsu-shell\">\r\n      <div class=\"vsu-hero-content\">\r\n\r\n        <div class=\"vsu-eyebrow\">\r\n          Association valaisanne d\u2019unihockey\r\n        <\/div>\r\n\r\n        <h1 class=\"vsu-hero-title\">\r\n          Ensemble,<br>\r\n          faisons grandir\r\n          <span>l\u2019unihockey valaisan<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"vsu-hero-copy\">\r\n          VS Unihockey r\u00e9unit les clubs du canton, d\u00e9veloppe la rel\u00e8ve,\r\n          organise la VS Cup et les journ\u00e9es VS Kids afin de promouvoir\r\n          l\u2019unihockey en Valais.\r\n        <\/p>\r\n\r\n        <div class=\"vsu-hero-actions\">\r\n          <a class=\"vsu-btn vsu-btn-primary\" href=\"#vsu-presentation\">\r\n            D\u00e9couvrir\r\n            <svg class=\"vsu-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a class=\"vsu-btn vsu-btn-outline\" href=\"\/caldendrier\/\">\r\n            Calendrier\r\n            <svg class=\"vsu-calendar-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M8 3v4M16 3v4M3 10h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- STATISTIQUES -->\r\n  <section class=\"vsu-stats-wrap\" aria-label=\"VS Unihockey en chiffres\">\r\n    <div class=\"vsu-shell\">\r\n      <div class=\"vsu-stats\">\r\n\r\n        <article class=\"vsu-stat\">\r\n          <div class=\"vsu-stat-icon\">\r\n            <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M12 11h40v17c0 13-8 22-20 26C20 50 12 41 12 28V11Z\" stroke=\"currentColor\" stroke-width=\"3\"\/>\r\n              <path d=\"m32 19 3.6 7.2 8 1.2-5.8 5.6 1.4 7.9-7.2-3.8-7.2 3.8 1.4-7.9-5.8-5.6 8-1.2L32 19Z\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"vsu-stat-value\">16<\/p>\r\n            <p class=\"vsu-stat-label\">Clubs<\/p>\r\n            <span class=\"vsu-stat-note\">dans tout le Valais<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"vsu-stat\">\r\n          <div class=\"vsu-stat-icon\">\r\n            <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\r\n              <circle cx=\"22\" cy=\"24\" r=\"8\" stroke=\"currentColor\" stroke-width=\"3\"\/>\r\n              <circle cx=\"43\" cy=\"25\" r=\"7\" stroke=\"currentColor\" stroke-width=\"3\"\/>\r\n              <path d=\"M8 51c1-10 6-15 14-15s13 5 14 15M34 51c1-8 5-12 11-12 7 0 11 4 12 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"vsu-stat-value\">1\u2019500+<\/p>\r\n            <p class=\"vsu-stat-label\">Joueurs<\/p>\r\n            <span class=\"vsu-stat-note\">passionn\u00e9s d\u2019unihockey<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"vsu-stat\">\r\n          <div class=\"vsu-stat-icon\">\r\n            <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M21 13h22v10c0 9-5 15-11 15s-11-6-11-15V13Z\" stroke=\"currentColor\" stroke-width=\"3\"\/>\r\n              <path d=\"M21 18H12v5c0 7 4 11 11 12M43 18h9v5c0 7-4 11-11 12M32 38v10M23 54h18M27 48h10\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"vsu-stat-value\">1<\/p>\r\n            <p class=\"vsu-stat-label\">Coupe valaisanne<\/p>\r\n            <span class=\"vsu-stat-note\">Hommes \u00b7 Dames \u00b7 Juniors<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"vsu-stat\">\r\n          <div class=\"vsu-stat-icon\">\r\n            <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\r\n              <circle cx=\"23\" cy=\"22\" r=\"7\" stroke=\"currentColor\" stroke-width=\"3\"\/>\r\n              <circle cx=\"43\" cy=\"22\" r=\"7\" stroke=\"currentColor\" stroke-width=\"3\"\/>\r\n              <path d=\"M10 49c1-9 5-14 13-14s12 5 13 14M30 49c1-9 5-14 13-14s12 5 13 14\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"vsu-stat-value\">2<\/p>\r\n            <p class=\"vsu-stat-label\">S\u00e9lections<\/p>\r\n            <span class=\"vsu-stat-note\">M13 et M15<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"vsu-stat\">\r\n          <div class=\"vsu-stat-icon\">\r\n            <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\r\n              <circle cx=\"21\" cy=\"21\" r=\"6\" stroke=\"currentColor\" stroke-width=\"3\"\/>\r\n              <circle cx=\"42\" cy=\"25\" r=\"5\" stroke=\"currentColor\" stroke-width=\"3\"\/>\r\n              <path d=\"M14 50V36c0-5 3-8 7-8s7 3 7 8v14M36 50V39c0-4 2-7 6-7s6 3 6 7v11M10 50h22M33 50h18\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <p class=\"vsu-stat-value\">Kids<\/p>\r\n            <p class=\"vsu-stat-label\">Journ\u00e9es<\/p>\r\n            <span class=\"vsu-stat-note\">pour les \u00e9coles d\u2019unihockey<\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PR\u00c9SENTATION -->\r\n  <section class=\"vsu-intro\" id=\"vsu-presentation\">\r\n    <div class=\"vsu-shell\">\r\n      <div class=\"vsu-intro-grid\">\r\n\r\n        <div class=\"vsu-intro-copy\">\r\n          <span class=\"vsu-section-kicker\">Qui sommes-nous ?<\/span>\r\n\r\n          <h2 class=\"vsu-section-title\">\r\n            VS Unihockey,<br>\r\n            une passion, un canton,\r\n            <em>un avenir.<\/em>\r\n          <\/h2>\r\n\r\n          <p class=\"vsu-section-copy\">\r\n            N\u00e9e en 2015, l\u2019Association valaisanne d\u2019unihockey rassemble\r\n            les clubs du canton et soutient le d\u00e9veloppement de la discipline.\r\n            Elle organise la VS Cup, les journ\u00e9es VS Kids et accompagne\r\n            la promotion de la rel\u00e8ve \u00e0 travers les s\u00e9lections M13 et M15.\r\n          <\/p>\r\n\r\n          <div class=\"vsu-missions\">\r\n\r\n            <div class=\"vsu-mission\">\r\n              <div class=\"vsu-mission-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                  <circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                  <path d=\"M12 2v3M22 12h-3M12 22v-3M2 12h3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <strong>Promouvoir<\/strong>\r\n                <p>D\u00e9velopper l\u2019unihockey dans tout le canton.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vsu-mission\">\r\n              <div class=\"vsu-mission-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                  <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                  <circle cx=\"17\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                  <path d=\"M2.5 20c.4-5 2.3-7.5 5.5-7.5s5.1 2.5 5.5 7.5M13 20c.3-3.8 1.7-5.8 4.3-5.8 2.6 0 4 2 4.2 5.8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <strong>Accompagner<\/strong>\r\n                <p>La rel\u00e8ve et les clubs valaisans au quotidien.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"vsu-intro-link\">\r\n            <a class=\"vsu-btn vsu-btn-primary\" href=\"\/organisation\/\">\r\n              En savoir plus\r\n              <svg class=\"vsu-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"vsu-intro-media\" aria-label=\"Photo de l'\u00e9quipe VS Unihockey\">\r\n          <div class=\"vsu-intro-photo\"><\/div>\r\n\r\n          <div class=\"vsu-strength\">\r\n            <small>Notre force<\/small>\r\n            <strong>\r\n              L\u2019esprit d\u2019\u00e9quipe,<br>\r\n              la passion,<br>\r\n              le respect.\r\n            <\/strong>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n<!-- =========================================================\r\n     SECTION 2 - ACTUALIT\u00c9S PREMIUM\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n.vsu-news{\r\n    padding:120px 0;\r\n    background:#ffffff;\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.vsu-news::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:700px;\r\n    height:700px;\r\n    right:-350px;\r\n    top:-350px;\r\n    border-radius:50%;\r\n    background:radial-gradient(rgba(215,10,47,.07),transparent 70%);\r\n}\r\n\r\n.vsu-news-grid{\r\n    display:grid;\r\n    grid-template-columns:420px 1fr;\r\n    gap:70px;\r\n    align-items:start;\r\n}\r\n\r\n.vsu-news-title{\r\n    position:sticky;\r\n    top:120px;\r\n}\r\n\r\n.vsu-news-title h2{\r\n    font-family:\"Barlow Condensed\",sans-serif;\r\n    font-size:72px;\r\n    line-height:.88;\r\n    text-transform:uppercase;\r\n    margin:15px 0 25px;\r\n    color:#111;\r\n}\r\n\r\n.vsu-news-title p{\r\n    color:#666;\r\n    line-height:1.8;\r\n}\r\n\r\n.vsu-news-list{\r\n    display:grid;\r\n    gap:35px;\r\n}\r\n\r\n.vsu-news-card{\r\n\r\n    display:grid;\r\n    grid-template-columns:320px 1fr;\r\n\r\n    background:#fff;\r\n\r\n    border-radius:18px;\r\n\r\n    overflow:hidden;\r\n\r\n    box-shadow:0 18px 55px rgba(0,0,0,.08);\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n.vsu-news-card:hover{\r\n\r\ntransform:translateY(-8px);\r\n\r\nbox-shadow:0 35px 70px rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n.vsu-news-img{\r\n\r\nmin-height:260px;\r\n\r\nbackground-size:cover;\r\n\r\nbackground-position:center;\r\n\r\n}\r\n\r\n.news1{\r\n\r\nbackground-image:url(\"https:\/\/vs-unihockey.ch\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-20-juil.-2026-09_09_23.png\");\r\n  background-position:center 40%;\r\n}\r\n\r\n.news2{\r\n\r\n  background-image:url(\"https:\/\/vs-unihockey.ch\/wp-content\/uploads\/2026\/08\/Se\u2560ulections-M15-e\u2560uquipe-25-26.jpg\");\r\n  background-position:center;\r\n\r\n}\r\n\r\n.news3{\r\n\r\n  background-image:url(\"https:\/\/vs-unihockey.ch\/wp-content\/uploads\/2026\/08\/Kids-Day-2-scaled.jpg\");\r\n  background-position:center;\r\n\r\n}\r\n\r\n.vsu-news-content{\r\n\r\npadding:40px;\r\n\r\ndisplay:flex;\r\n\r\nflex-direction:column;\r\n\r\njustify-content:center;\r\n\r\n}\r\n\r\n.vsu-tag{\r\n\r\ndisplay:inline-flex;\r\n\r\npadding:8px 16px;\r\n\r\nbackground:#d70a2f;\r\n\r\ncolor:#fff;\r\n\r\nfont-size:12px;\r\n\r\nfont-weight:700;\r\n\r\nborder-radius:40px;\r\n\r\nmargin-bottom:20px;\r\n\r\nwidth:max-content;\r\n\r\ntext-transform:uppercase;\r\n\r\nletter-spacing:.08em;\r\n\r\n}\r\n\r\n.vsu-news-content h3{\r\n\r\nfont-family:\"Barlow Condensed\";\r\n\r\nfont-size:42px;\r\n\r\nmargin:0 0 18px;\r\n\r\nline-height:.95;\r\n\r\ntext-transform:uppercase;\r\n\r\n}\r\n\r\n.vsu-news-content p{\r\n\r\ncolor:#666;\r\n\r\nline-height:1.8;\r\n\r\nmargin:0;\r\n\r\n}\r\n\r\n.vsu-news-btn{\r\n\r\ndisplay:inline-flex;\r\n\r\nmargin-top:30px;\r\n\r\npadding:14px 26px;\r\n\r\nborder:2px solid #d70a2f;\r\n\r\ncolor:#d70a2f;\r\n\r\nfont-weight:700;\r\n\r\ntext-decoration:none;\r\n\r\ntransition:.3s;\r\n\r\n}\r\n\r\n.vsu-news-btn:hover{\r\n\r\nbackground:#d70a2f;\r\n\r\ncolor:#fff;\r\n\r\n}\r\n\r\n@media(max-width:1100px){\r\n\r\n.vsu-news-grid{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n.vsu-news-title{\r\n\r\nposition:relative;\r\n\r\ntop:auto;\r\n\r\n}\r\n\r\n}\r\n\r\n@media(max-width:850px){\r\n\r\n.vsu-news-card{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n.vsu-news-img{\r\n\r\nheight:260px;\r\n\r\n}\r\n\r\n.vsu-news-title h2{\r\n\r\nfont-size:56px;\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"vsu-news\">\r\n\r\n<div class=\"vsu-shell\">\r\n\r\n<div class=\"vsu-news-grid\">\r\n\r\n<div class=\"vsu-news-title\">\r\n\r\n<span class=\"vsu-section-kicker\">\r\nActualit\u00e9s\r\n<\/span>\r\n\r\n<h2>\r\nToute l'actualit\u00e9\r\n<br>\r\nde VS Unihockey\r\n<\/h2>\r\n\r\n<p>\r\n\r\nRetrouvez les derni\u00e8res informations concernant\r\nla VS Cup, les s\u00e9lections M13\/M15, les journ\u00e9es\r\nVS Kids et la vie de l'association.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n<div class=\"vsu-news-list\">\r\n\r\n<article class=\"vsu-news-card\">\r\n\r\n<div class=\"vsu-news-img news1\"><\/div>\r\n\r\n<div class=\"vsu-news-content\">\r\n\r\n<span class=\"vsu-tag\">\r\nVS CUP\r\n<\/span>\r\n\r\n<h3>\r\n\r\nLa Coupe valaisanne revient\r\n\r\n<\/h3>\r\n\r\n<p>\r\n\r\nD\u00e9couvrez le calendrier des rencontres,\r\nles \u00e9quipes engag\u00e9es et les r\u00e9sultats\r\nde la comp\u00e9tition.\r\n\r\n<\/p>\r\n\r\n<a href=\"\/vs-cup\/\"\r\n\r\nclass=\"vsu-news-btn\">\r\n\r\nD\u00e9couvrir \u2192\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/article>\r\n\r\n<article class=\"vsu-news-card\">\r\n\r\n<div class=\"vsu-news-img news2\"><\/div>\r\n\r\n<div class=\"vsu-news-content\">\r\n\r\n<span class=\"vsu-tag\">\r\n\r\nREL\u00c8VE\r\n\r\n<\/span>\r\n\r\n<h3>\r\n\r\nS\u00e9lections\r\nM13 & M15\r\n\r\n<\/h3>\r\n\r\n<p>\r\n\r\nLe d\u00e9veloppement de la rel\u00e8ve reste\r\nune priorit\u00e9 avec des entra\u00eenements\r\net des comp\u00e9titions cantonales.\r\n\r\n<\/p>\r\n\r\n<a href=\"\/releve\/\"\r\n\r\nclass=\"vsu-news-btn\">\r\n\r\nD\u00e9couvrir \u2192\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/article>\r\n\r\n<article class=\"vsu-news-card\">\r\n\r\n<div class=\"vsu-news-img news3\"><\/div>\r\n\r\n<div class=\"vsu-news-content\">\r\n\r\n<span class=\"vsu-tag\">\r\n\r\nVS KIDS\r\n\r\n<\/span>\r\n\r\n<h3>\r\n\r\nFaire d\u00e9couvrir\r\nl'unihockey\r\n\r\n<\/h3>\r\n\r\n<p>\r\n\r\nLes journ\u00e9es VS Kids permettent\r\naux plus jeunes de d\u00e9couvrir notre sport\r\ndans une ambiance conviviale.\r\n\r\n<\/p>\r\n\r\n<a href=\"\/vs-kids\/\"\r\n\r\nclass=\"vsu-news-btn\">\r\n\r\nD\u00e9couvrir \u2192\r\n\r\n<\/a>\r\n\r\n<\/div>\r\n\r\n<\/article>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n<!-- =========================================================\r\n     SECTION 3 \u2014 LES 16 CLUBS DU VALAIS\r\n     \u00c0 coller directement apr\u00e8s la section Actualit\u00e9s\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n.vsu-clubs-section,\r\n.vsu-clubs-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.vsu-clubs-section{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:120px 0;\r\n  color:#ffffff;\r\n  background:\r\n    radial-gradient(circle at 90% 10%,rgba(215,10,47,.22),transparent 34%),\r\n    linear-gradient(135deg,#08080a 0%,#111114 52%,#08080a 100%);\r\n}\r\n\r\n.vsu-clubs-section::before{\r\n  content:\"VSU\";\r\n  position:absolute;\r\n  right:-35px;\r\n  top:20px;\r\n  color:rgba(255,255,255,.018);\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:390px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  letter-spacing:-.08em;\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-clubs-section::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:-220px;\r\n  bottom:-350px;\r\n  width:700px;\r\n  height:700px;\r\n  border-radius:50%;\r\n  border:110px solid rgba(215,10,47,.035);\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-clubs-head{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(300px,480px);\r\n  gap:70px;\r\n  align-items:end;\r\n  margin-bottom:58px;\r\n}\r\n\r\n.vsu-clubs-head .vsu-section-kicker{\r\n  color:#ff365b;\r\n}\r\n\r\n.vsu-clubs-title{\r\n  max-width:720px;\r\n  margin:0;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:clamp(54px,6vw,88px);\r\n  line-height:.86;\r\n  font-weight:900;\r\n  letter-spacing:-.035em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-clubs-title em{\r\n  display:block;\r\n  color:#ed1741;\r\n  font-style:normal;\r\n}\r\n\r\n.vsu-clubs-intro{\r\n  margin:0 0 4px;\r\n  color:rgba(255,255,255,.67);\r\n  font-size:15px;\r\n  line-height:1.8;\r\n}\r\n\r\n.vsu-clubs-layout{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr);\r\n  gap:34px;\r\n  align-items:stretch;\r\n}\r\n\r\n\/* =========================================================\r\n   VISUEL \u2014 R\u00c9SEAU CANTONAL\r\n========================================================= *\/\r\n\r\n.vsu-clubs-map{\r\n  position:relative;\r\n  min-height:650px;\r\n  overflow:hidden;\r\n  border:1px solid rgba(255,255,255,.10);\r\n  background:\r\n    radial-gradient(circle at 50% 50%,rgba(215,10,47,.20),transparent 34%),\r\n    radial-gradient(circle at 12% 12%,rgba(215,10,47,.09),transparent 28%),\r\n    linear-gradient(145deg,#17171b 0%,#0b0b0e 100%);\r\n  box-shadow:0 28px 70px rgba(0,0,0,.32);\r\n}\r\n\r\n.vsu-clubs-map::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  opacity:.26;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);\r\n  background-size:32px 32px;\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-clubs-map::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%;\r\n  top:52%;\r\n  width:410px;\r\n  height:410px;\r\n  border:1px solid rgba(255,255,255,.07);\r\n  border-radius:50%;\r\n  transform:translate(-50%,-50%);\r\n  box-shadow:\r\n    0 0 0 65px rgba(255,255,255,.018),\r\n    0 0 0 130px rgba(255,255,255,.012);\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-map-label{\r\n  position:absolute;\r\n  left:34px;\r\n  top:32px;\r\n  z-index:10;\r\n}\r\n\r\n.vsu-map-label small{\r\n  display:block;\r\n  margin-bottom:7px;\r\n  color:#ff4264;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.1em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-map-label strong{\r\n  display:block;\r\n  max-width:290px;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:32px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-network{\r\n  position:absolute;\r\n  left:50%;\r\n  top:53%;\r\n  z-index:4;\r\n  width:460px;\r\n  height:460px;\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n.vsu-network-lines{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  overflow:visible;\r\n}\r\n\r\n.vsu-network-lines line{\r\n  stroke:rgba(255,255,255,.17);\r\n  stroke-width:1.2;\r\n}\r\n\r\n.vsu-network-lines circle{\r\n  fill:none;\r\n  stroke:rgba(215,10,47,.25);\r\n  stroke-width:1;\r\n}\r\n\r\n.vsu-network-core{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  z-index:5;\r\n  width:145px;\r\n  height:145px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  transform:translate(-50%,-50%);\r\n  border:1px solid rgba(255,255,255,.25);\r\n  border-radius:50%;\r\n  color:#ffffff;\r\n  background:\r\n    radial-gradient(circle at 35% 25%,#ef1742,#98051f 72%);\r\n  box-shadow:\r\n    0 0 0 13px rgba(215,10,47,.10),\r\n    0 25px 55px rgba(0,0,0,.45),\r\n    0 0 45px rgba(215,10,47,.28);\r\n}\r\n\r\n.vsu-network-core strong{\r\n  display:block;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:45px;\r\n  line-height:.82;\r\n  font-weight:900;\r\n  letter-spacing:-.04em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-network-core span{\r\n  display:block;\r\n  margin-top:10px;\r\n  color:rgba(255,255,255,.78);\r\n  font-size:9px;\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  letter-spacing:.10em;\r\n  text-align:center;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-network-club{\r\n  position:absolute;\r\n  z-index:6;\r\n  width:39px;\r\n  height:39px;\r\n  display:grid;\r\n  place-items:center;\r\n  border:2px solid rgba(255,255,255,.92);\r\n  border-radius:50%;\r\n  color:#ffffff;\r\n  background:#d70a2f;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:15px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  box-shadow:\r\n    0 0 0 6px rgba(215,10,47,.13),\r\n    0 8px 22px rgba(0,0,0,.30);\r\n  animation:vsuNetworkPulse 3s infinite;\r\n}\r\n\r\n.vsu-network-club:nth-of-type(2n){animation-delay:.4s}\r\n.vsu-network-club:nth-of-type(3n){animation-delay:.8s}\r\n\r\n.vsu-club-node-1{left:47%;top:0}\r\n.vsu-club-node-2{left:68%;top:5%}\r\n.vsu-club-node-3{left:84%;top:17%}\r\n.vsu-club-node-4{left:94%;top:36%}\r\n.vsu-club-node-5{left:94%;top:58%}\r\n.vsu-club-node-6{left:83%;top:78%}\r\n.vsu-club-node-7{left:67%;top:90%}\r\n.vsu-club-node-8{left:47%;top:95%}\r\n.vsu-club-node-9{left:26%;top:90%}\r\n.vsu-club-node-10{left:9%;top:78%}\r\n.vsu-club-node-11{left:0;top:58%}\r\n.vsu-club-node-12{left:0;top:36%}\r\n.vsu-club-node-13{left:9%;top:17%}\r\n.vsu-club-node-14{left:26%;top:5%}\r\n.vsu-club-node-15{left:28%;top:47%}\r\n.vsu-club-node-16{left:67%;top:47%}\r\n\r\n.vsu-network-region{\r\n  position:absolute;\r\n  z-index:8;\r\n  padding:8px 12px;\r\n  color:rgba(255,255,255,.66);\r\n  border:1px solid rgba(255,255,255,.09);\r\n  background:rgba(255,255,255,.045);\r\n  backdrop-filter:blur(7px);\r\n  font-size:9px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-region-chablais{\r\n  left:28px;\r\n  top:180px;\r\n}\r\n\r\n.vsu-region-haut{\r\n  right:28px;\r\n  top:180px;\r\n}\r\n\r\n.vsu-region-central{\r\n  left:50%;\r\n  bottom:32px;\r\n  transform:translateX(-50%);\r\n}\r\n\r\n.vsu-map-number{\r\n  position:absolute;\r\n  right:30px;\r\n  bottom:25px;\r\n  z-index:9;\r\n  text-align:right;\r\n}\r\n\r\n.vsu-map-number strong{\r\n  display:block;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:72px;\r\n  line-height:.8;\r\n  font-weight:900;\r\n}\r\n\r\n.vsu-map-number span{\r\n  color:rgba(255,255,255,.58);\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n@keyframes vsuNetworkPulse{\r\n  0%,100%{\r\n    transform:scale(1);\r\n    box-shadow:\r\n      0 0 0 5px rgba(215,10,47,.12),\r\n      0 8px 22px rgba(0,0,0,.30);\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.10);\r\n    box-shadow:\r\n      0 0 0 10px rgba(215,10,47,.025),\r\n      0 8px 28px rgba(215,10,47,.34);\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   LISTE DES CLUBS\r\n========================================================= *\/\r\n\r\n.vsu-clubs-panel{\r\n  min-height:650px;\r\n  padding:34px;\r\n  border:1px solid rgba(255,255,255,.09);\r\n  background:rgba(255,255,255,.045);\r\n  backdrop-filter:blur(8px);\r\n}\r\n\r\n.vsu-clubs-panel-head{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:24px;\r\n  align-items:center;\r\n  margin-bottom:25px;\r\n  padding-bottom:22px;\r\n  border-bottom:1px solid rgba(255,255,255,.10);\r\n}\r\n\r\n.vsu-clubs-panel-head h3{\r\n  margin:0;\r\n  color:#ffffff !important;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:34px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-clubs-panel-head span{\r\n  color:#ff365b;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-clubs-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  gap:12px;\r\n}\r\n\r\n.vsu-club-card{\r\n  position:relative;\r\n  min-height:94px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:16px;\r\n  overflow:hidden;\r\n  padding:18px;\r\n  color:#ffffff;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  background:rgba(255,255,255,.035);\r\n  transition:\r\n    transform .25s ease,\r\n    background-color .25s ease,\r\n    border-color .25s ease;\r\n}\r\n\r\n.vsu-club-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n  bottom:0;\r\n  width:4px;\r\n  background:#d70a2f;\r\n  transform:scaleY(.35);\r\n  transition:transform .25s ease;\r\n}\r\n\r\n.vsu-club-card:hover{\r\n  z-index:2;\r\n  color:#ffffff;\r\n  transform:translateY(-4px);\r\n  border-color:rgba(215,10,47,.55);\r\n  background:rgba(215,10,47,.11);\r\n}\r\n\r\n.vsu-club-card:hover::before{\r\n  transform:scaleY(1);\r\n}\r\n\r\n.vsu-club-index{\r\n  width:40px;\r\n  height:40px;\r\n  display:grid;\r\n  place-items:center;\r\n  flex:0 0 auto;\r\n  border-radius:50%;\r\n  color:#ffffff;\r\n  background:#d70a2f;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:18px;\r\n  font-weight:900;\r\n}\r\n\r\n.vsu-club-info{\r\n  min-width:0;\r\n}\r\n\r\n.vsu-club-info strong{\r\n  display:block;\r\n  overflow:hidden;\r\n  margin-bottom:4px;\r\n  color:#ffffff;\r\n  font-size:13px;\r\n  line-height:1.25;\r\n  font-weight:800;\r\n  text-overflow:ellipsis;\r\n  white-space:nowrap;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-club-info span{\r\n  display:block;\r\n  color:rgba(255,255,255,.47);\r\n  font-size:10px;\r\n  line-height:1.3;\r\n  letter-spacing:.04em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-clubs-action{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  margin-top:28px;\r\n  padding-top:25px;\r\n  border-top:1px solid rgba(255,255,255,.10);\r\n}\r\n\r\n.vsu-clubs-action p{\r\n  max-width:390px;\r\n  margin:0;\r\n  color:rgba(255,255,255,.56);\r\n  font-size:12px;\r\n  line-height:1.6;\r\n}\r\n\r\n.vsu-clubs-action .vsu-btn{\r\n  flex:0 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLETTE\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  .vsu-clubs-section{\r\n    padding:95px 0;\r\n  }\r\n\r\n  .vsu-clubs-head{\r\n    grid-template-columns:1fr;\r\n    gap:24px;\r\n  }\r\n\r\n  .vsu-clubs-layout{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vsu-clubs-map{\r\n    min-height:520px;\r\n  }\r\n\r\n  .vsu-clubs-panel{\r\n    min-height:0;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .vsu-clubs-section{\r\n    padding:75px 0;\r\n  }\r\n\r\n  .vsu-clubs-section::before{\r\n    right:-15px;\r\n    top:115px;\r\n    font-size:180px;\r\n  }\r\n\r\n  .vsu-clubs-title{\r\n    font-size:clamp(48px,14vw,64px);\r\n  }\r\n\r\n  .vsu-clubs-intro{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .vsu-clubs-head{\r\n    margin-bottom:38px;\r\n  }\r\n\r\n  .vsu-clubs-layout{\r\n    gap:20px;\r\n  }\r\n\r\n  .vsu-clubs-map{\r\n    min-height:390px;\r\n  }\r\n\r\n  .vsu-map-label{\r\n    left:22px;\r\n    top:22px;\r\n  }\r\n\r\n  .vsu-map-label strong{\r\n    font-size:25px;\r\n  }\r\n\r\n  .vsu-map-number{\r\n    right:20px;\r\n    bottom:18px;\r\n  }\r\n\r\n  .vsu-map-number strong{\r\n    font-size:54px;\r\n  }\r\n.vsu-clubs-panel{\r\n    padding:22px 16px;\r\n  }\r\n\r\n  .vsu-clubs-panel-head{\r\n    display:block;\r\n  }\r\n\r\n  .vsu-clubs-panel-head h3{\r\n    margin-bottom:8px;\r\n    font-size:29px;\r\n  }\r\n\r\n  .vsu-clubs-grid{\r\n    grid-template-columns:1fr;\r\n    gap:9px;\r\n  }\r\n\r\n  .vsu-club-card{\r\n    min-height:78px;\r\n    padding:14px;\r\n  }\r\n\r\n  .vsu-clubs-action{\r\n    display:block;\r\n  }\r\n\r\n  .vsu-clubs-action p{\r\n    margin-bottom:20px;\r\n  }\r\n\r\n  .vsu-clubs-action .vsu-btn{\r\n    width:100%;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .vsu-network-club{\r\n    animation:none;\r\n  }\r\n\r\n  .vsu-club-card{\r\n    transition:none;\r\n  }\r\n}\r\n\r\n\r\n\/* Adaptation du nouveau r\u00e9seau cantonal *\/\r\n@media(max-width:767px){\r\n  .vsu-clubs-map{\r\n    min-height:500px;\r\n  }\r\n\r\n  .vsu-clubs-map::after{\r\n    width:290px;\r\n    height:290px;\r\n    box-shadow:\r\n      0 0 0 45px rgba(255,255,255,.018),\r\n      0 0 0 90px rgba(255,255,255,.012);\r\n  }\r\n\r\n  .vsu-network{\r\n    top:55%;\r\n    width:315px;\r\n    height:315px;\r\n  }\r\n\r\n  .vsu-network-core{\r\n    width:105px;\r\n    height:105px;\r\n  }\r\n\r\n  .vsu-network-core strong{\r\n    font-size:34px;\r\n  }\r\n\r\n  .vsu-network-core span{\r\n    margin-top:7px;\r\n    font-size:7px;\r\n  }\r\n\r\n  .vsu-network-club{\r\n    width:30px;\r\n    height:30px;\r\n    font-size:11px;\r\n  }\r\n\r\n  .vsu-network-region{\r\n    display:none;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  .vsu-network-club{\r\n    animation:none;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"vsu-clubs-section\">\r\n\r\n  <div class=\"vsu-shell\">\r\n\r\n    <div class=\"vsu-clubs-head\">\r\n\r\n      <div>\r\n        <span class=\"vsu-section-kicker\">\r\n          Un r\u00e9seau cantonal\r\n        <\/span>\r\n\r\n        <h2 class=\"vsu-clubs-title\">\r\n          16 clubs,\r\n          <em>une m\u00eame passion.<\/em>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"vsu-clubs-intro\">\r\n        Du Haut-Valais au Chablais, les clubs membres de VS Unihockey\r\n        font vivre la discipline, forment la rel\u00e8ve et d\u00e9veloppent\r\n        l\u2019unihockey dans l\u2019ensemble du canton.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"vsu-clubs-layout\">\r\n\r\n      <!-- VISUEL R\u00c9SEAU CANTONAL -->\r\n      <div class=\"vsu-clubs-map\">\r\n\r\n        <div class=\"vsu-map-label\">\r\n          <small>Pr\u00e9sents dans tout le canton<\/small>\r\n          <strong>Le Valais joue collectif<\/strong>\r\n        <\/div>\r\n\r\n        <div class=\"vsu-network\">\r\n\r\n          <svg class=\"vsu-network-lines\" viewBox=\"0 0 460 460\" aria-hidden=\"true\">\r\n            <circle cx=\"230\" cy=\"230\" r=\"185\"><\/circle>\r\n            <circle cx=\"230\" cy=\"230\" r=\"115\"><\/circle>\r\n\r\n            <line x1=\"230\" y1=\"230\" x2=\"230\" y2=\"18\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"325\" y2=\"35\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"400\" y2=\"80\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"438\" y2=\"170\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"438\" y2=\"270\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"395\" y2=\"365\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"320\" y2=\"420\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"230\" y2=\"442\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"135\" y2=\"420\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"60\" y2=\"365\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"20\" y2=\"270\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"20\" y2=\"170\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"60\" y2=\"80\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"135\" y2=\"35\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"145\" y2=\"230\"><\/line>\r\n            <line x1=\"230\" y1=\"230\" x2=\"315\" y2=\"230\"><\/line>\r\n          <\/svg>\r\n\r\n          <div class=\"vsu-network-core\">\r\n            <strong>VSU<\/strong>\r\n            <span>Association<br>valaisanne<\/span>\r\n          <\/div>\r\n\r\n          <span class=\"vsu-network-club vsu-club-node-1\">01<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-2\">02<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-3\">03<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-4\">04<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-5\">05<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-6\">06<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-7\">07<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-8\">08<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-9\">09<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-10\">10<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-11\">11<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-12\">12<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-13\">13<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-14\">14<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-15\">15<\/span>\r\n          <span class=\"vsu-network-club vsu-club-node-16\">16<\/span>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"vsu-network-region vsu-region-chablais\">Chablais<\/span>\r\n        <span class=\"vsu-network-region vsu-region-central\">Valais central<\/span>\r\n        <span class=\"vsu-network-region vsu-region-haut\">Haut-Valais<\/span>\r\n\r\n        <div class=\"vsu-map-number\">\r\n          <strong>16<\/strong>\r\n          <span>clubs affili\u00e9s<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- LISTE DES CLUBS -->\r\n      <div class=\"vsu-clubs-panel\">\r\n\r\n        <div class=\"vsu-clubs-panel-head\">\r\n          <h3>Nos clubs membres<\/h3>\r\n          <span>Valais \u00b7 Wallis<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"vsu-clubs-grid\">\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/visperlions.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">01<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Visper Lions<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/www.uhcnaters-brig.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">02<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Naters-Brig<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/www.uhcsierre.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">03<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Sierre<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/uhcphoenixloc.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">04<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Phoenix Loc<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"\/clubs\/\">\r\n    <span class=\"vsu-club-index\">05<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Retsam<\/strong>\r\n      \r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/www.facebook.com\/shcayersierre\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">06<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>SHC Ayer-Sierre<\/strong>\r\n      <span>Page Facebook<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/www.facebook.com\/uhcvercorin\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">07<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Vercorin<\/strong>\r\n      <span>Page Facebook<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/www.facebook.com\/uhcchermignon\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">08<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Chermignon<\/strong>\r\n      <span>Page Facebook<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/www.uhceagles.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">09<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Eagles Savi\u00e8se<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/sionunihockey.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">10<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>Sion Unihockey<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/www.uhcblackdevils.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">11<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Black Devil\u2019s<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/uhcfully.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">12<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Fully<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/uhcmartigny.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">13<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Martigny<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/uhcstmaurice.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">14<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC St-Maurice P\u00e9capor\u00e9s<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"https:\/\/www.uhcvouvry.ch\/\"\r\n     target=\"_blank\"\r\n     rel=\"noopener\">\r\n    <span class=\"vsu-club-index\">15<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>UHC Vouvry<\/strong>\r\n      <span>Site officiel<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <a class=\"vsu-club-card\"\r\n     href=\"\/clubs\/\">\r\n    <span class=\"vsu-club-index\">16<\/span>\r\n    <span class=\"vsu-club-info\">\r\n      <strong>16e club \u00e0 confirmer<\/strong>\r\n      <span>Informations \u00e0 venir<\/span>\r\n    <\/span>\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n<!-- =========================================================\r\n     SECTION 4 \u2014 VS CUP\r\n     \u00c0 coller directement apr\u00e8s la section des 16 clubs\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n.vsu-cup-section,\r\n.vsu-cup-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.vsu-cup-section{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:125px 0;\r\n  color:#17171a;\r\n  background:\r\n    linear-gradient(135deg,#ffffff 0%,#ffffff 61%,#f4f4f5 61%,#f4f4f5 100%);\r\n}\r\n\r\n.vsu-cup-section::before{\r\n  content:\"VS CUP\";\r\n  position:absolute;\r\n  right:-35px;\r\n  top:28px;\r\n  color:rgba(10,10,12,.025);\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:220px;\r\n  line-height:.8;\r\n  font-weight:900;\r\n  letter-spacing:-.06em;\r\n  white-space:nowrap;\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-cup-head{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(300px,460px);\r\n  gap:70px;\r\n  align-items:end;\r\n  margin-bottom:62px;\r\n}\r\n\r\n.vsu-cup-title{\r\n  max-width:760px;\r\n  margin:0;\r\n  color:#111114;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:clamp(58px,6.7vw,96px);\r\n  line-height:.84;\r\n  font-weight:900;\r\n  letter-spacing:-.04em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-cup-title em{\r\n  display:block;\r\n  color:#d70a2f;\r\n  font-style:normal;\r\n}\r\n\r\n.vsu-cup-intro{\r\n  margin:0 0 5px;\r\n  color:#64646a;\r\n  font-size:15px;\r\n  line-height:1.8;\r\n}\r\n\r\n.vsu-cup-layout{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);\r\n  gap:32px;\r\n  align-items:stretch;\r\n}\r\n\r\n\/* =========================================================\r\n   VISUEL PRINCIPAL\r\n========================================================= *\/\r\n\r\n.vsu-cup-visual{\r\n  position:relative;\r\n  min-height:690px;\r\n  overflow:hidden;\r\n  background-color:#111114;\r\n\r\n  \/* IMAGE \u00c0 REMPLACER \u2014 photo r\u00e9elle de VS Cup *\/\r\n  background-image:\r\n    linear-gradient(90deg,rgba(5,5,7,.82),rgba(5,5,7,.18)),\r\n    linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.05) 55%),\r\n    url('COLLE-ICI-IMAGE-VS-CUP.jpg');\r\n\r\n  background-size:cover;\r\n  background-position:center;\r\n  box-shadow:0 30px 75px rgba(0,0,0,.18);\r\n}\r\n\r\n.vsu-cup-visual::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    radial-gradient(circle at 15% 25%,rgba(215,10,47,.40),transparent 32%),\r\n    linear-gradient(135deg,rgba(215,10,47,.13),transparent 50%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-cup-visual::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:18px;\r\n  border:1px solid rgba(255,255,255,.16);\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-cup-badge{\r\n  position:absolute;\r\n  left:34px;\r\n  top:34px;\r\n  z-index:3;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:11px 17px;\r\n  color:#fff;\r\n  background:#d70a2f;\r\n  font-size:11px;\r\n  line-height:1;\r\n  font-weight:800;\r\n  letter-spacing:.09em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-cup-badge svg{\r\n  width:18px;\r\n  height:18px;\r\n}\r\n\r\n.vsu-cup-copy{\r\n  position:absolute;\r\n  left:44px;\r\n  right:44px;\r\n  bottom:42px;\r\n  z-index:3;\r\n  max-width:700px;\r\n  color:#ffffff;\r\n}\r\n.vsu-cup-copy h3{\r\n  color:#ffffff !important;\r\n}\r\n\r\n.vsu-cup-copy small{\r\n  display:block;\r\n  margin-bottom:13px;\r\n  color:#ff4264;\r\n  font-size:12px;\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  letter-spacing:.1em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-cup-copy h3{\r\n  max-width:650px;\r\n  margin:0;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:clamp(48px,5.2vw,76px);\r\n  line-height:.88;\r\n  font-weight:900;\r\n  letter-spacing:-.025em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-cup-copy p{\r\n  max-width:650px;\r\n  margin:22px 0 0;\r\n  color:rgba(255,255,255,.76);\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n\r\n\/* =========================================================\r\n   PANNEAU DROIT\r\n========================================================= *\/\r\n\r\n.vsu-cup-panel{\r\n  display:flex;\r\n  flex-direction:column;\r\n  min-height:690px;\r\n  padding:34px;\r\n  color:#ffffff;\r\n  background:\r\n    radial-gradient(circle at 100% 0%,rgba(215,10,47,.22),transparent 32%),\r\n    linear-gradient(145deg,#111114,#09090b);\r\n  box-shadow:0 30px 75px rgba(0,0,0,.16);\r\n}\r\n\r\n.vsu-cup-panel-head{\r\n  padding-bottom:24px;\r\n  border-bottom:1px solid rgba(255,255,255,.10);\r\n}\r\n\r\n.vsu-cup-panel-head span{\r\n  display:block;\r\n  margin-bottom:8px;\r\n  color:#ff365b;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.09em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-cup-panel-head h3{\r\n  margin:0;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:38px;\r\n  line-height:.95;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-cup-categories{\r\n  display:grid;\r\n  gap:12px;\r\n  margin-top:26px;\r\n}\r\n\r\n.vsu-cup-category{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:52px 1fr auto;\r\n  gap:15px;\r\n  align-items:center;\r\n  min-height:86px;\r\n  padding:16px 17px;\r\n  overflow:hidden;\r\n  color:#ffffff;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  background:rgba(255,255,255,.035);\r\n  transition:\r\n    transform .25s ease,\r\n    border-color .25s ease,\r\n    background-color .25s ease;\r\n}\r\n\r\n.vsu-cup-category::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n  bottom:0;\r\n  width:4px;\r\n  background:#d70a2f;\r\n  transform:scaleY(.35);\r\n  transition:transform .25s ease;\r\n}\r\n\r\n.vsu-cup-category:hover{\r\n  transform:translateX(6px);\r\n  border-color:rgba(215,10,47,.55);\r\n  background:rgba(215,10,47,.10);\r\n}\r\n\r\n.vsu-cup-category:hover::before{\r\n  transform:scaleY(1);\r\n}\r\n\r\n.vsu-cup-category-icon{\r\n  width:52px;\r\n  height:52px;\r\n  display:grid;\r\n  place-items:center;\r\n  color:#ffffff;\r\n  background:#d70a2f;\r\n}\r\n\r\n.vsu-cup-category-icon svg{\r\n  width:27px;\r\n  height:27px;\r\n}\r\n\r\n.vsu-cup-category-info strong{\r\n  display:block;\r\n  margin-bottom:4px;\r\n  color:#ffffff;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-cup-category-info span{\r\n  display:block;\r\n  color:rgba(255,255,255,.50);\r\n  font-size:11px;\r\n  line-height:1.4;\r\n}\r\n\r\n.vsu-cup-category-arrow{\r\n  width:21px;\r\n  height:21px;\r\n  color:#ff365b;\r\n}\r\n\r\n.vsu-cup-details{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  gap:11px;\r\n  margin-top:22px;\r\n}\r\n\r\n.vsu-cup-detail{\r\n  min-height:104px;\r\n  padding:18px;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  background:rgba(255,255,255,.025);\r\n}\r\n\r\n.vsu-cup-detail strong{\r\n  display:block;\r\n  margin-bottom:8px;\r\n  color:#ff365b;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:28px;\r\n  line-height:.9;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-cup-detail span{\r\n  display:block;\r\n  color:rgba(255,255,255,.52);\r\n  font-size:10px;\r\n  line-height:1.45;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-cup-panel-action{\r\n  margin-top:auto;\r\n  padding-top:28px;\r\n}\r\n\r\n.vsu-cup-panel-action .vsu-btn{\r\n  width:100%;\r\n}\r\n\r\n\/* =========================================================\r\n   BANDEAU INF\u00c9RIEUR\r\n========================================================= *\/\r\n\r\n.vsu-cup-strip{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  margin-top:32px;\r\n  border:1px solid #e4e4e7;\r\n  background:#ffffff;\r\n  box-shadow:0 18px 45px rgba(0,0,0,.07);\r\n}\r\n\r\n.vsu-cup-strip-item{\r\n  position:relative;\r\n  min-height:145px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:17px;\r\n  padding:25px 24px;\r\n  border-right:1px solid #e8e8eb;\r\n}\r\n\r\n.vsu-cup-strip-item:last-child{\r\n  border-right:0;\r\n}\r\n\r\n.vsu-cup-strip-icon{\r\n  width:50px;\r\n  height:50px;\r\n  display:grid;\r\n  place-items:center;\r\n  flex:0 0 auto;\r\n  color:#d70a2f;\r\n  background:#f7e7eb;\r\n}\r\n\r\n.vsu-cup-strip-icon svg{\r\n  width:27px;\r\n  height:27px;\r\n}\r\n\r\n.vsu-cup-strip-info strong{\r\n  display:block;\r\n  margin-bottom:5px;\r\n  color:#17171a;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:25px;\r\n  line-height:.95;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-cup-strip-info span{\r\n  display:block;\r\n  color:#75757b;\r\n  font-size:10px;\r\n  line-height:1.45;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLETTE\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  .vsu-cup-section{\r\n    padding:95px 0;\r\n  }\r\n\r\n  .vsu-cup-head{\r\n    grid-template-columns:1fr;\r\n    gap:25px;\r\n  }\r\n\r\n  .vsu-cup-layout{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vsu-cup-visual{\r\n    min-height:600px;\r\n  }\r\n\r\n  .vsu-cup-panel{\r\n    min-height:0;\r\n  }\r\n\r\n  .vsu-cup-strip{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n  .vsu-cup-strip-item:nth-child(2){\r\n    border-right:0;\r\n  }\r\n\r\n  .vsu-cup-strip-item:nth-child(-n+2){\r\n    border-bottom:1px solid #e8e8eb;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .vsu-cup-section{\r\n    padding:75px 0;\r\n    background:#ffffff;\r\n  }\r\n\r\n  .vsu-cup-section::before{\r\n    top:30px;\r\n    right:-20px;\r\n    font-size:110px;\r\n  }\r\n\r\n  .vsu-cup-title{\r\n    font-size:clamp(50px,15vw,68px);\r\n  }\r\n\r\n  .vsu-cup-intro{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .vsu-cup-head{\r\n    margin-bottom:38px;\r\n  }\r\n\r\n  .vsu-cup-visual{\r\n    min-height:520px;\r\n    background-position:center;\r\n  }\r\n\r\n  .vsu-cup-copy{\r\n    left:25px;\r\n    right:25px;\r\n    bottom:26px;\r\n  }\r\n\r\n  .vsu-cup-copy h3{\r\n    font-size:47px;\r\n  }\r\n\r\n  .vsu-cup-copy p{\r\n    font-size:13px;\r\n  }\r\n\r\n  .vsu-cup-badge{\r\n    left:22px;\r\n    top:22px;\r\n  }\r\n\r\n  .vsu-cup-panel{\r\n    padding:24px 17px;\r\n  }\r\n\r\n  .vsu-cup-panel-head h3{\r\n    font-size:32px;\r\n  }\r\n\r\n  .vsu-cup-category{\r\n    grid-template-columns:46px 1fr auto;\r\n    padding:13px;\r\n  }\r\n\r\n  .vsu-cup-category-icon{\r\n    width:46px;\r\n    height:46px;\r\n  }\r\n\r\n  .vsu-cup-details{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  .vsu-cup-strip{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vsu-cup-strip-item{\r\n    min-height:115px;\r\n    border-right:0;\r\n    border-bottom:1px solid #e8e8eb;\r\n  }\r\n\r\n  .vsu-cup-strip-item:last-child{\r\n    border-bottom:0;\r\n  }\r\n}\r\n\r\n@media(max-width:420px){\r\n\r\n  .vsu-cup-details{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vsu-cup-copy h3{\r\n    font-size:41px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"vsu-cup-section\">\r\n\r\n  <div class=\"vsu-shell\">\r\n\r\n    <div class=\"vsu-cup-head\">\r\n\r\n      <div>\r\n        <span class=\"vsu-section-kicker\">\r\n          La comp\u00e9tition cantonale\r\n        <\/span>\r\n\r\n        <h2 class=\"vsu-cup-title\">\r\n          La VS Cup,\r\n          <em>l\u2019\u00e9motion du jeu.<\/em>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"vsu-cup-intro\">\r\n        La Coupe valaisanne r\u00e9unit les clubs du canton autour d\u2019une\r\n        comp\u00e9tition f\u00e9d\u00e9ratrice, ouverte aux \u00e9quipes masculines,\r\n        f\u00e9minines et juniors.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"vsu-cup-layout\">\r\n\r\n      <!-- VISUEL PRINCIPAL -->\r\n      <div class=\"vsu-cup-visual\">\r\n\r\n        <div class=\"vsu-cup-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M7 4h10v5c0 4-2.3 7-5 7s-5-3-5-7V4Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M7 6H3v2c0 4 2 6 5 6M17 6h4v2c0 4-2 6-5 6M12 16v4M8 22h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          Coupe valaisanne\r\n        <\/div>\r\n\r\n        <div class=\"vsu-cup-copy\">\r\n          <small>Une comp\u00e9tition pour tout le canton<\/small>\r\n\r\n          <h3>\r\n            Des matchs,<br>\r\n            de la passion,<br>\r\n            un troph\u00e9e.\r\n          <\/h3>\r\n\r\n          <p>\r\n            Suivez les rencontres, les r\u00e9sultats et les temps forts\r\n            de la VS Cup tout au long de la saison.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- PANNEAU -->\r\n      <div class=\"vsu-cup-panel\">\r\n\r\n        <div class=\"vsu-cup-panel-head\">\r\n          <span>Les cat\u00e9gories<\/span>\r\n          <h3>Choisissez votre comp\u00e9tition<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"vsu-cup-categories\">\r\n\r\n          <a class=\"vsu-cup-category\" href=\"\/vs-cup\/\">\r\n\r\n            <span class=\"vsu-cup-category-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <path d=\"M4 22c.5-6 3.2-9 8-9s7.5 3 8 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"vsu-cup-category-info\">\r\n              <strong>Hommes<\/strong>\r\n              <span>Calendrier, r\u00e9sultats et classement<\/span>\r\n            <\/span>\r\n\r\n            <svg class=\"vsu-cup-category-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n          <a class=\"vsu-cup-category\" href=\"\/vs-cup\/\">\r\n\r\n            <span class=\"vsu-cup-category-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <path d=\"M4 22c.5-6 3.2-9 8-9s7.5 3 8 9M12 11v7M9 16h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"vsu-cup-category-info\">\r\n              <strong>Dames<\/strong>\r\n              <span>Calendrier, r\u00e9sultats et classement<\/span>\r\n            <\/span>\r\n\r\n            <svg class=\"vsu-cup-category-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n          <a class=\"vsu-cup-category\" href=\"\/vs-cup\/\">\r\n\r\n            <span class=\"vsu-cup-category-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <circle cx=\"9\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <circle cx=\"17\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <path d=\"M2 21c.4-5 2.7-7.5 7-7.5S15.6 16 16 21M13 21c.3-4 1.8-6 4.5-6s4.2 2 4.5 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"vsu-cup-category-info\">\r\n              <strong>Juniors<\/strong>\r\n              <span>Les jeunes talents du canton<\/span>\r\n            <\/span>\r\n\r\n            <svg class=\"vsu-cup-category-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"vsu-cup-details\">\r\n\r\n          <div class=\"vsu-cup-detail\">\r\n            <strong>3<\/strong>\r\n            <span>cat\u00e9gories repr\u00e9sent\u00e9es<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"vsu-cup-detail\">\r\n            <strong>1<\/strong>\r\n            <span>grande finale cantonale<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"vsu-cup-detail\">\r\n            <strong>16<\/strong>\r\n            <span>clubs potentiellement engag\u00e9s<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"vsu-cup-detail\">\r\n            <strong>100%<\/strong>\r\n            <span>passion valaisanne<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"vsu-cup-panel-action\">\r\n\r\n          <a class=\"vsu-btn vsu-btn-primary\" href=\"\/vs-cup\/\">\r\n            D\u00e9couvrir la VS Cup\r\n\r\n            <svg class=\"vsu-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BANDEAU INF\u00c9RIEUR -->\r\n    <div class=\"vsu-cup-strip\">\r\n\r\n      <div class=\"vsu-cup-strip-item\">\r\n\r\n        <span class=\"vsu-cup-strip-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M8 3v4M16 3v4M3 10h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span class=\"vsu-cup-strip-info\">\r\n          <strong>Calendrier<\/strong>\r\n          <span>Toutes les rencontres<\/span>\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"vsu-cup-strip-item\">\r\n\r\n        <span class=\"vsu-cup-strip-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M5 19V9M12 19V5M19 19v-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span class=\"vsu-cup-strip-info\">\r\n          <strong>R\u00e9sultats<\/strong>\r\n          <span>Scores et classements<\/span>\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"vsu-cup-strip-item\">\r\n\r\n        <span class=\"vsu-cup-strip-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M7 4h10v5c0 4-2.3 7-5 7s-5-3-5-7V4Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M12 16v4M8 22h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span class=\"vsu-cup-strip-info\">\r\n          <strong>Finales<\/strong>\r\n          <span>Les grands rendez-vous<\/span>\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"vsu-cup-strip-item\">\r\n\r\n        <span class=\"vsu-cup-strip-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M4 19V7l8-4 8 4v12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M8 21v-8h8v8M3 21h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span class=\"vsu-cup-strip-info\">\r\n          <strong>Clubs<\/strong>\r\n          <span>Les \u00e9quipes participantes<\/span>\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n<!-- =========================================================\r\n     SECTION 5 \u2014 REL\u00c8VE & VS KIDS\r\n     \u00c0 coller directement apr\u00e8s la section VS Cup\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n.vsu-youth-section,\r\n.vsu-youth-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.vsu-youth-section{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:125px 0;\r\n  color:#ffffff;\r\n  background:\r\n    radial-gradient(circle at 12% 18%,rgba(215,10,47,.22),transparent 30%),\r\n    linear-gradient(135deg,#09090b 0%,#121216 52%,#08080a 100%);\r\n}\r\n\r\n.vsu-youth-section::before{\r\n  content:\"REL\u00c8VE\";\r\n  position:absolute;\r\n  left:-28px;\r\n  top:20px;\r\n  color:rgba(255,255,255,.018);\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:250px;\r\n  line-height:.8;\r\n  font-weight:900;\r\n  letter-spacing:-.06em;\r\n  white-space:nowrap;\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-youth-section::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  right:-260px;\r\n  bottom:-340px;\r\n  width:720px;\r\n  height:720px;\r\n  border:120px solid rgba(215,10,47,.035);\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-youth-head{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(320px,470px);\r\n  gap:70px;\r\n  align-items:end;\r\n  margin-bottom:60px;\r\n}\r\n\r\n.vsu-youth-title{\r\n  max-width:760px;\r\n  margin:0;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:clamp(58px,6.5vw,94px);\r\n  line-height:.84;\r\n  font-weight:900;\r\n  letter-spacing:-.035em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-youth-title em{\r\n  display:block;\r\n  color:#ef1742;\r\n  font-style:normal;\r\n}\r\n\r\n.vsu-youth-intro{\r\n  margin:0 0 4px;\r\n  color:rgba(255,255,255,.66);\r\n  font-size:15px;\r\n  line-height:1.8;\r\n}\r\n\r\n.vsu-youth-layout{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  gap:30px;\r\n}\r\n\r\n\/* =========================================================\r\n   GRANDES CARTES\r\n========================================================= *\/\r\n\r\n.vsu-youth-card{\r\n  position:relative;\r\n  min-height:690px;\r\n  overflow:hidden;\r\n  background-color:#17171a;\r\n  box-shadow:0 30px 75px rgba(0,0,0,.32);\r\n}\r\n\r\n.vsu-youth-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n  background:\r\n    linear-gradient(0deg,rgba(5,5,7,.96) 0%,rgba(5,5,7,.52) 45%,rgba(5,5,7,.10) 100%),\r\n    linear-gradient(135deg,rgba(215,10,47,.22),transparent 48%);\r\n}\r\n\r\n.vsu-youth-card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:18px;\r\n  z-index:2;\r\n  border:1px solid rgba(255,255,255,.15);\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-youth-card-relay{\r\n  background-image:url('https:\/\/vs-unihockey.ch\/wp-content\/uploads\/2026\/08\/Se\u2560ulections-M13-25-26.jpg');\r\n  background-size:cover;\r\n  background-position:center;\r\n}\r\n\r\n.vsu-youth-card-kids{\r\n  background-image:url('https:\/\/vs-unihockey.ch\/wp-content\/uploads\/2026\/08\/Kids-Day-1-scaled.jpg');\r\n  background-size:cover;\r\n  background-position:center;\r\n}\r\n\r\n.vsu-youth-card-top{\r\n  position:absolute;\r\n  left:32px;\r\n  top:32px;\r\n  z-index:3;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n}\r\n\r\n.vsu-youth-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  padding:11px 16px;\r\n  color:#ffffff;\r\n  background:#d70a2f;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.09em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-youth-badge svg{\r\n  width:18px;\r\n  height:18px;\r\n}\r\n\r\n.vsu-youth-card-number{\r\n  color:rgba(255,255,255,.45);\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:24px;\r\n  font-weight:900;\r\n}\r\n\r\n.vsu-youth-card-content{\r\n  position:absolute;\r\n  left:40px;\r\n  right:40px;\r\n  bottom:40px;\r\n  z-index:3;\r\n}\r\n\r\n.vsu-youth-card-content small{\r\n  display:block;\r\n  margin-bottom:12px;\r\n  color:#ff4264;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.1em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-youth-card-content h3{\r\n  max-width:580px;\r\n  margin:0;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:clamp(48px,5vw,74px);\r\n  line-height:.88;\r\n  font-weight:900;\r\n  letter-spacing:-.025em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-youth-card-content p{\r\n  max-width:590px;\r\n  margin:21px 0 0;\r\n  color:rgba(255,255,255,.72);\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n\r\n.vsu-youth-card-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-top:28px;\r\n}\r\n\r\n.vsu-youth-link{\r\n  min-height:52px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:13px;\r\n  padding:0 23px;\r\n  color:#ffffff;\r\n  border:1px solid rgba(255,255,255,.52);\r\n  background:rgba(255,255,255,.04);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.04em;\r\n  text-transform:uppercase;\r\n  backdrop-filter:blur(6px);\r\n  transition:\r\n    transform .25s ease,\r\n    color .25s ease,\r\n    background-color .25s ease,\r\n    border-color .25s ease;\r\n}\r\n\r\n.vsu-youth-link:hover{\r\n  color:#09090b;\r\n  background:#ffffff;\r\n  border-color:#ffffff;\r\n  transform:translateY(-3px);\r\n}\r\n\r\n.vsu-youth-link-primary{\r\n  border-color:#d70a2f;\r\n  background:#d70a2f;\r\n}\r\n\r\n.vsu-youth-link-primary:hover{\r\n  color:#ffffff;\r\n  background:#ef1742;\r\n  border-color:#ef1742;\r\n}\r\n\r\n.vsu-youth-link svg{\r\n  width:19px;\r\n  height:19px;\r\n}\r\n\r\n\/* =========================================================\r\n   BANDEAU INFORMATIONS\r\n========================================================= *\/\r\n\r\n.vsu-youth-info{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  margin-top:30px;\r\n  overflow:hidden;\r\n  border:1px solid rgba(255,255,255,.09);\r\n  background:rgba(255,255,255,.045);\r\n  backdrop-filter:blur(8px);\r\n}\r\n\r\n.vsu-youth-info-item{\r\n  min-height:150px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:17px;\r\n  padding:27px 24px;\r\n  border-right:1px solid rgba(255,255,255,.09);\r\n}\r\n\r\n.vsu-youth-info-item:last-child{\r\n  border-right:0;\r\n}\r\n\r\n.vsu-youth-info-icon{\r\n  width:52px;\r\n  height:52px;\r\n  display:grid;\r\n  place-items:center;\r\n  flex:0 0 auto;\r\n  color:#ffffff;\r\n  background:#d70a2f;\r\n}\r\n\r\n.vsu-youth-info-icon svg{\r\n  width:28px;\r\n  height:28px;\r\n}\r\n\r\n.vsu-youth-info-copy strong{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:27px;\r\n  line-height:.95;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-youth-info-copy span{\r\n  display:block;\r\n  color:rgba(255,255,255,.48);\r\n  font-size:10px;\r\n  line-height:1.5;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLETTE\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  .vsu-youth-section{\r\n    padding:95px 0;\r\n  }\r\n\r\n  .vsu-youth-head{\r\n    grid-template-columns:1fr;\r\n    gap:25px;\r\n  }\r\n\r\n  .vsu-youth-layout{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vsu-youth-card{\r\n    min-height:620px;\r\n  }\r\n\r\n  .vsu-youth-info{\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n  .vsu-youth-info-item:nth-child(2){\r\n    border-right:0;\r\n  }\r\n\r\n  .vsu-youth-info-item:nth-child(-n+2){\r\n    border-bottom:1px solid rgba(255,255,255,.09);\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .vsu-youth-section{\r\n    padding:75px 0;\r\n  }\r\n\r\n  .vsu-youth-section::before{\r\n    left:-8px;\r\n    top:95px;\r\n    font-size:120px;\r\n  }\r\n\r\n  .vsu-youth-title{\r\n    font-size:clamp(50px,15vw,68px);\r\n  }\r\n\r\n  .vsu-youth-intro{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .vsu-youth-head{\r\n    margin-bottom:38px;\r\n  }\r\n\r\n  .vsu-youth-layout{\r\n    gap:20px;\r\n  }\r\n\r\n  .vsu-youth-card{\r\n    min-height:570px;\r\n  }\r\n\r\n  .vsu-youth-card-top{\r\n    left:22px;\r\n    top:22px;\r\n  }\r\n\r\n  .vsu-youth-card-content{\r\n    left:25px;\r\n    right:25px;\r\n    bottom:26px;\r\n  }\r\n\r\n  .vsu-youth-card-content h3{\r\n    font-size:47px;\r\n  }\r\n\r\n  .vsu-youth-card-content p{\r\n    font-size:13px;\r\n  }\r\n\r\n  .vsu-youth-card-actions{\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vsu-youth-link{\r\n    width:100%;\r\n  }\r\n\r\n  .vsu-youth-info{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vsu-youth-info-item{\r\n    min-height:115px;\r\n    border-right:0;\r\n    border-bottom:1px solid rgba(255,255,255,.09);\r\n  }\r\n\r\n  .vsu-youth-info-item:last-child{\r\n    border-bottom:0;\r\n  }\r\n}\r\n\r\n@media(max-width:420px){\r\n\r\n  .vsu-youth-card{\r\n    min-height:600px;\r\n  }\r\n\r\n  .vsu-youth-card-content h3{\r\n    font-size:41px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"vsu-youth-section\">\r\n\r\n  <div class=\"vsu-shell\">\r\n\r\n    <div class=\"vsu-youth-head\">\r\n\r\n      <div>\r\n        <span class=\"vsu-section-kicker\">\r\n          Former la prochaine g\u00e9n\u00e9ration\r\n        <\/span>\r\n\r\n        <h2 class=\"vsu-youth-title\">\r\n          La rel\u00e8ve,\r\n          <em>notre avenir.<\/em>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"vsu-youth-intro\">\r\n        VS Unihockey accompagne les jeunes joueuses et joueurs\r\n        gr\u00e2ce aux s\u00e9lections cantonales M13 et M15, ainsi qu\u2019aux\r\n        journ\u00e9es VS Kids destin\u00e9es aux plus jeunes.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"vsu-youth-layout\">\r\n\r\n      <!-- S\u00c9LECTIONS M13 \/ M15 -->\r\n      <article class=\"vsu-youth-card vsu-youth-card-relay\">\r\n\r\n        <div class=\"vsu-youth-card-top\">\r\n\r\n          <span class=\"vsu-youth-badge\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <circle cx=\"17\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M2 21c.4-5 2.7-7.5 7-7.5S15.6 16 16 21M13 21c.3-4 1.8-6 4.5-6s4.2 2 4.5 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n            S\u00e9lections cantonales\r\n          <\/span>\r\n\r\n          <span class=\"vsu-youth-card-number\">01<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"vsu-youth-card-content\">\r\n\r\n          <small>M13 & M15<\/small>\r\n\r\n          <h3>\r\n            D\u00e9tecter,<br>\r\n            former,<br>\r\n            accompagner.\r\n          <\/h3>\r\n\r\n          <p>\r\n            Les s\u00e9lections cantonales permettent aux jeunes talents\r\n            valaisans de progresser, de se confronter \u00e0 d\u2019autres r\u00e9gions\r\n            et de repr\u00e9senter le canton dans les comp\u00e9titions nationales.\r\n          <\/p>\r\n\r\n          <div class=\"vsu-youth-card-actions\">\r\n\r\n            <a class=\"vsu-youth-link vsu-youth-link-primary\" href=\"\/releve\/\">\r\n              S\u00e9lection M13\r\n\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n            <a class=\"vsu-youth-link\" href=\"\/releve\/\">\r\n              S\u00e9lection M15\r\n\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- VS KIDS -->\r\n      <article class=\"vsu-youth-card vsu-youth-card-kids\">\r\n\r\n        <div class=\"vsu-youth-card-top\">\r\n\r\n          <span class=\"vsu-youth-badge\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <circle cx=\"17\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M2 21c.4-5 2.7-7.5 7-7.5S15.6 16 16 21M13 21c.3-4 1.8-6 4.5-6s4.2 2 4.5 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n            Initiation\r\n          <\/span>\r\n\r\n          <span class=\"vsu-youth-card-number\">02<\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"vsu-youth-card-content\">\r\n\r\n          <small>Journ\u00e9es VS Kids<\/small>\r\n\r\n          <h3>\r\n            D\u00e9couvrir<br>\r\n            le plaisir<br>\r\n            de jouer.\r\n          <\/h3>\r\n\r\n          <p>\r\n            Les journ\u00e9es VS Kids offrent aux enfants une premi\u00e8re\r\n            exp\u00e9rience de l\u2019unihockey \u00e0 travers des ateliers,\r\n            des petits matchs et une ambiance conviviale.\r\n          <\/p>\r\n\r\n          <div class=\"vsu-youth-card-actions\">\r\n\r\n            <a class=\"vsu-youth-link vsu-youth-link-primary\" href=\"\/vs-kids\/\">\r\n              D\u00e9couvrir VS Kids\r\n\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n            <a class=\"vsu-youth-link\" href=\"\/caldendrier\/\">\r\n              Voir les dates\r\n\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <path d=\"M8 3v4M16 3v4M3 10h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- INFORMATIONS -->\r\n    <div class=\"vsu-youth-info\">\r\n\r\n      <div class=\"vsu-youth-info-item\">\r\n\r\n        <span class=\"vsu-youth-info-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"m9 12 2 2 4-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span class=\"vsu-youth-info-copy\">\r\n          <strong>Encadrement<\/strong>\r\n          <span>Des entra\u00eeneurs engag\u00e9s<\/span>\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"vsu-youth-info-item\">\r\n\r\n        <span class=\"vsu-youth-info-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <circle cx=\"17\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M2 21c.4-5 2.7-7.5 7-7.5S15.6 16 16 21M13 21c.3-4 1.8-6 4.5-6s4.2 2 4.5 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span class=\"vsu-youth-info-copy\">\r\n          <strong>M13 & M15<\/strong>\r\n          <span>Deux s\u00e9lections cantonales<\/span>\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"vsu-youth-info-item\">\r\n\r\n        <span class=\"vsu-youth-info-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M4 19V7l8-4 8 4v12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M8 21v-8h8v8M3 21h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span class=\"vsu-youth-info-copy\">\r\n          <strong>Clubs<\/strong>\r\n          <span>Un r\u00e9seau dans tout le Valais<\/span>\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"vsu-youth-info-item\">\r\n\r\n        <span class=\"vsu-youth-info-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M12 3v18M3 12h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span class=\"vsu-youth-info-copy\">\r\n          <strong>VS Kids<\/strong>\r\n          <span>D\u00e9couverte et initiation<\/span>\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n<!-- =========================================================\r\n     SECTION 6 \u2014 DONN\u00c9ES SPORTIVES AUTOMATIS\u00c9ES\r\n     IMPORTANT :\r\n     Aucun score, classement ou prochain match n'est inscrit en dur ici.\r\n     Les blocs dynamiques seront inject\u00e9s par le module WordPress VSU\r\n     connect\u00e9 \u00e0 l'API officielle de swiss unihockey.\r\n========================================================= -->\r\n\r\n<style>\r\n.vsu-live-section,\r\n.vsu-live-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.vsu-live-section{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:110px 0;\r\n  color:#ffffff;\r\n  background:\r\n    radial-gradient(circle at 85% 15%,rgba(215,10,47,.26),transparent 32%),\r\n    linear-gradient(135deg,#08080a 0%,#141418 58%,#08080a 100%);\r\n}\r\n\r\n.vsu-live-head{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(300px,470px);\r\n  gap:60px;\r\n  align-items:end;\r\n  margin-bottom:44px;\r\n}\r\n\r\n.vsu-live-title{\r\n  margin:0;\r\n  color:#ffffff !important;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:clamp(52px,6vw,84px);\r\n  line-height:.88;\r\n  font-weight:900;\r\n  letter-spacing:-.035em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-live-title em{\r\n  display:block;\r\n  color:#ed1741;\r\n  font-style:normal;\r\n}\r\n\r\n.vsu-live-intro{\r\n  margin:0;\r\n  color:rgba(255,255,255,.68);\r\n  font-size:15px;\r\n  line-height:1.8;\r\n}\r\n\r\n.vsu-live-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:18px;\r\n}\r\n\r\n.vsu-live-card{\r\n  min-height:255px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n  padding:31px;\r\n  color:#ffffff;\r\n  border:1px solid rgba(255,255,255,.11);\r\n  background:rgba(255,255,255,.05);\r\n  backdrop-filter:blur(8px);\r\n  transition:transform .25s ease,border-color .25s ease,background-color .25s ease;\r\n}\r\n\r\n.vsu-live-card:hover{\r\n  color:#ffffff;\r\n  transform:translateY(-6px);\r\n  border-color:rgba(215,10,47,.65);\r\n  background:rgba(215,10,47,.12);\r\n}\r\n\r\n.vsu-live-icon{\r\n  width:54px;\r\n  height:54px;\r\n  display:grid;\r\n  place-items:center;\r\n  color:#ffffff;\r\n  background:#d70a2f;\r\n}\r\n\r\n.vsu-live-icon svg{\r\n  width:27px;\r\n  height:27px;\r\n}\r\n\r\n.vsu-live-card small{\r\n  display:block;\r\n  margin:26px 0 9px;\r\n  color:#ff4264;\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.1em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-live-card strong{\r\n  display:block;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:36px;\r\n  line-height:.95;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-live-card p{\r\n  margin:16px 0 0;\r\n  color:rgba(255,255,255,.58);\r\n  font-size:12px;\r\n  line-height:1.65;\r\n}\r\n\r\n.vsu-live-link{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:18px;\r\n  margin-top:27px;\r\n  padding-top:20px;\r\n  color:#ffffff;\r\n  border-top:1px solid rgba(255,255,255,.10);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.05em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-live-link svg{\r\n  width:20px;\r\n  height:20px;\r\n}\r\n\r\n.vsu-live-status{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-top:28px;\r\n  color:rgba(255,255,255,.55);\r\n  font-size:11px;\r\n  line-height:1.5;\r\n}\r\n\r\n.vsu-live-status::before{\r\n  content:\"\";\r\n  width:9px;\r\n  height:9px;\r\n  flex:0 0 auto;\r\n  border-radius:50%;\r\n  background:#22c55e;\r\n  box-shadow:0 0 0 6px rgba(34,197,94,.12);\r\n}\r\n\r\n@media(max-width:950px){\r\n  .vsu-live-head{\r\n    grid-template-columns:1fr;\r\n    gap:22px;\r\n  }\r\n\r\n  .vsu-live-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vsu-live-card{\r\n    min-height:220px;\r\n  }\r\n}\r\n\r\n@media(max-width:767px){\r\n  .vsu-live-section{\r\n    padding:75px 0;\r\n  }\r\n\r\n  .vsu-live-title{\r\n    font-size:clamp(46px,14vw,62px);\r\n  }\r\n\r\n  .vsu-live-card{\r\n    padding:25px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"vsu-live-section\" id=\"vsu-donnees-sportives\">\r\n  <div class=\"vsu-shell\">\r\n\r\n    <div class=\"vsu-live-head\">\r\n      <div>\r\n        <span class=\"vsu-section-kicker\">Donn\u00e9es officielles<\/span>\r\n        <h2 class=\"vsu-live-title\">\r\n          Matchs, r\u00e9sultats\r\n          <em>et classements.<\/em>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"vsu-live-intro\">\r\n        Les informations sportives ne sont pas saisies manuellement sur cette page.\r\n        Elles sont destin\u00e9es \u00e0 \u00eatre synchronis\u00e9es automatiquement avec la source\r\n        officielle de swiss unihockey.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"vsu-live-grid\">\r\n\r\n      <a class=\"vsu-live-card\" href=\"\/caldendrier\/\">\r\n        <div>\r\n          <span class=\"vsu-live-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M8 3v4M16 3v4M3 10h18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <small>Synchronisation automatique<\/small>\r\n          <strong>Prochains matchs<\/strong>\r\n          <p>Dates, horaires, lieux et \u00e9quipes mis \u00e0 jour depuis la source officielle.<\/p>\r\n        <\/div>\r\n        <span class=\"vsu-live-link\">\r\n          Voir le calendrier\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <a class=\"vsu-live-card\" href=\"\/caldendrier\/\">\r\n        <div>\r\n          <span class=\"vsu-live-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M5 19V9M12 19V5M19 19v-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <small>Apr\u00e8s chaque rencontre<\/small>\r\n          <strong>Derniers r\u00e9sultats<\/strong>\r\n          <p>Les scores publi\u00e9s officiellement apparaissent sans ressaisie dans WordPress.<\/p>\r\n        <\/div>\r\n        <span class=\"vsu-live-link\">\r\n          Voir les r\u00e9sultats\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n      <\/a>\r\n\r\n      <a class=\"vsu-live-card\" href=\"\/caldendrier\/\">\r\n        <div>\r\n          <span class=\"vsu-live-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M8 21h8M12 17v4M7 4h10v5c0 4-2.3 7-5 7s-5-3-5-7V4Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M7 6H3v2c0 4 2 6 5 6M17 6h4v2c0 4-2 6-5 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <small>Classements officiels<\/small>\r\n          <strong>Tables par cat\u00e9gorie<\/strong>\r\n          <p>Positions, matchs jou\u00e9s, points et diff\u00e9rence de buts restent toujours \u00e0 jour.<\/p>\r\n        <\/div>\r\n        <span class=\"vsu-live-link\">\r\n          Voir les classements\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"vsu-live-status\">\r\n      Pr\u00e9vu pour une connexion serveur \u00e0 l\u2019API officielle, avec cache automatique afin de ne jamais exposer la cl\u00e9 d\u2019acc\u00e8s.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     SECTION 7 \u2014 CONTACT & CTA FINAL\r\n     FORMULAIRE WPFORMS ID 12\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n.vsu-contact-section,\r\n.vsu-contact-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.vsu-contact-section{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:125px 0;\r\n  color:#ffffff;\r\n  background:\r\n    radial-gradient(circle at 10% 15%,rgba(215,10,47,.24),transparent 32%),\r\n    radial-gradient(circle at 95% 90%,rgba(215,10,47,.13),transparent 35%),\r\n    linear-gradient(135deg,#08080a 0%,#121216 52%,#070709 100%);\r\n}\r\n\r\n.vsu-contact-section::before{\r\n  content:\"CONTACT\";\r\n  position:absolute;\r\n  right:-35px;\r\n  top:25px;\r\n  color:rgba(255,255,255,.018);\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:230px;\r\n  line-height:.8;\r\n  font-weight:900;\r\n  letter-spacing:-.06em;\r\n  white-space:nowrap;\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-contact-section::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:-270px;\r\n  bottom:-390px;\r\n  width:760px;\r\n  height:760px;\r\n  border:125px solid rgba(215,10,47,.035);\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-contact-head{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(320px,470px);\r\n  gap:70px;\r\n  align-items:end;\r\n  margin-bottom:60px;\r\n}\r\n\r\n.vsu-contact-head .vsu-section-kicker{\r\n  color:#ff365b;\r\n}\r\n\r\n.vsu-contact-title{\r\n  max-width:800px;\r\n  margin:0;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:clamp(58px,6.5vw,94px);\r\n  line-height:.84;\r\n  font-weight:900;\r\n  letter-spacing:-.035em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-contact-title em{\r\n  display:block;\r\n  color:#ef1742;\r\n  font-style:normal;\r\n}\r\n\r\n.vsu-contact-intro{\r\n  margin:0 0 4px;\r\n  color:rgba(255,255,255,.65);\r\n  font-size:15px;\r\n  line-height:1.8;\r\n}\r\n\r\n.vsu-contact-layout{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:minmax(340px,.76fr) minmax(0,1.24fr);\r\n  gap:32px;\r\n  align-items:stretch;\r\n}\r\n\r\n\/* =========================================================\r\n   COLONNE INFORMATIONS\r\n========================================================= *\/\r\n\r\n.vsu-contact-info{\r\n  position:relative;\r\n  min-height:720px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  overflow:hidden;\r\n  padding:42px;\r\n  color:#ffffff;\r\n  background:\r\n    linear-gradient(0deg,rgba(5,5,7,.94),rgba(5,5,7,.30)),\r\n    url(\"COLLE-ICI-UNE-IMAGE-UNIHOCKEY-CONTACT.jpg\");\r\n\r\n  background-size:cover;\r\n  background-position:center;\r\n  box-shadow:0 30px 75px rgba(0,0,0,.32);\r\n}\r\n\r\n.vsu-contact-info::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    radial-gradient(circle at 10% 20%,rgba(215,10,47,.48),transparent 34%),\r\n    linear-gradient(135deg,rgba(215,10,47,.14),transparent 52%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-contact-info::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:18px;\r\n  border:1px solid rgba(255,255,255,.15);\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-contact-info-top{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.vsu-contact-badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:11px 16px;\r\n  color:#ffffff;\r\n  background:#d70a2f;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.09em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-contact-badge svg{\r\n  width:18px;\r\n  height:18px;\r\n}\r\n\r\n.vsu-contact-info-title{\r\n  max-width:500px;\r\n  margin:35px 0 0;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:54px;\r\n  line-height:.88;\r\n  font-weight:900;\r\n  letter-spacing:-.025em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-contact-info-title span{\r\n  display:block;\r\n  color:#ff3156;\r\n}\r\n\r\n.vsu-contact-info-copy{\r\n  max-width:500px;\r\n  margin:23px 0 0;\r\n  color:rgba(255,255,255,.72);\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n\r\n.vsu-contact-details{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  gap:12px;\r\n  margin-top:auto;\r\n  padding-top:45px;\r\n}\r\n\r\n.vsu-contact-detail{\r\n  display:grid;\r\n  grid-template-columns:54px 1fr;\r\n  gap:17px;\r\n  align-items:center;\r\n  min-height:82px;\r\n  padding:14px;\r\n  color:#ffffff;\r\n  border:1px solid rgba(255,255,255,.10);\r\n  background:rgba(255,255,255,.055);\r\n  backdrop-filter:blur(7px);\r\n  transition:\r\n    transform .25s ease,\r\n    border-color .25s ease,\r\n    background-color .25s ease;\r\n}\r\n\r\n.vsu-contact-detail:hover{\r\n  color:#ffffff;\r\n  transform:translateX(6px);\r\n  border-color:rgba(215,10,47,.60);\r\n  background:rgba(215,10,47,.12);\r\n}\r\n\r\n.vsu-contact-detail-icon{\r\n  width:54px;\r\n  height:54px;\r\n  display:grid;\r\n  place-items:center;\r\n  color:#ffffff;\r\n  background:#d70a2f;\r\n}\r\n\r\n.vsu-contact-detail-icon svg{\r\n  width:27px;\r\n  height:27px;\r\n}\r\n\r\n.vsu-contact-detail-copy small{\r\n  display:block;\r\n  margin-bottom:5px;\r\n  color:#ff4264;\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-contact-detail-copy strong{\r\n  display:block;\r\n  color:#ffffff;\r\n  font-size:13px;\r\n  line-height:1.4;\r\n  font-weight:700;\r\n}\r\n\r\n\/* =========================================================\r\n   FORMULAIRE\r\n========================================================= *\/\r\n\r\n.vsu-contact-form{\r\n  min-height:720px;\r\n  padding:48px;\r\n  color:#17171a;\r\n  background:#ffffff;\r\n  box-shadow:0 30px 75px rgba(0,0,0,.25);\r\n}\r\n\r\n.vsu-contact-form-head{\r\n  margin-bottom:34px;\r\n  padding-bottom:28px;\r\n  border-bottom:1px solid #e7e7ea;\r\n}\r\n\r\n.vsu-contact-form-head span{\r\n  display:block;\r\n  margin-bottom:10px;\r\n  color:#d70a2f;\r\n  font-size:11px;\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  letter-spacing:.09em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-contact-form-head h3{\r\n  margin:0;\r\n  color:#17171a;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:47px;\r\n  line-height:.9;\r\n  font-weight:900;\r\n  letter-spacing:-.02em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-contact-form-head p{\r\n  max-width:620px;\r\n  margin:18px 0 0;\r\n  color:#6a6a70;\r\n  font-size:13px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* Suppression des marges automatiques WPForms *\/\r\n\r\n.vsu-contact-form .wpforms-container{\r\n  margin:0 !important;\r\n}\r\n\r\n.vsu-contact-form .wpforms-container-full{\r\n  margin:0 !important;\r\n}\r\n\r\n\/* Labels *\/\r\n\r\n.vsu-contact-form .wpforms-field-label{\r\n  margin-bottom:9px !important;\r\n  color:#17171a !important;\r\n  font-family:\"Inter\",Arial,sans-serif !important;\r\n  font-size:11px !important;\r\n  line-height:1.2 !important;\r\n  font-weight:800 !important;\r\n  letter-spacing:.055em !important;\r\n  text-transform:uppercase !important;\r\n}\r\n\r\n.vsu-contact-form .wpforms-field-sublabel{\r\n  color:#77777d !important;\r\n  font-size:10px !important;\r\n}\r\n\r\n\/* Espacement des champs *\/\r\n\r\n.vsu-contact-form .wpforms-field{\r\n  padding:0 0 20px !important;\r\n}\r\n\r\n\/* Inputs *\/\r\n\r\n.vsu-contact-form input[type=\"text\"],\r\n.vsu-contact-form input[type=\"email\"],\r\n.vsu-contact-form input[type=\"tel\"],\r\n.vsu-contact-form input[type=\"number\"],\r\n.vsu-contact-form input[type=\"url\"],\r\n.vsu-contact-form input[type=\"date\"],\r\n.vsu-contact-form select,\r\n.vsu-contact-form textarea{\r\n  width:100% !important;\r\n  max-width:none !important;\r\n  min-height:56px !important;\r\n  margin:0 !important;\r\n  padding:14px 16px !important;\r\n  color:#17171a !important;\r\n  border:1px solid #ddddE1 !important;\r\n  border-radius:0 !important;\r\n  outline:none !important;\r\n  background:#f8f8f9 !important;\r\n  font-family:\"Inter\",Arial,sans-serif !important;\r\n  font-size:14px !important;\r\n  line-height:1.5 !important;\r\n  box-shadow:none !important;\r\n  transition:\r\n    border-color .25s ease,\r\n    background-color .25s ease,\r\n    box-shadow .25s ease !important;\r\n}\r\n\r\n.vsu-contact-form textarea{\r\n  min-height:155px !important;\r\n  resize:vertical !important;\r\n}\r\n\r\n.vsu-contact-form input:focus,\r\n.vsu-contact-form select:focus,\r\n.vsu-contact-form textarea:focus{\r\n  border-color:#d70a2f !important;\r\n  background:#ffffff !important;\r\n  box-shadow:0 0 0 4px rgba(215,10,47,.08) !important;\r\n}\r\n\r\n\/* Placeholder *\/\r\n\r\n.vsu-contact-form input::placeholder,\r\n.vsu-contact-form textarea::placeholder{\r\n  color:#99999e !important;\r\n  opacity:1 !important;\r\n}\r\n\r\n\/* Checkbox et choix *\/\r\n\r\n.vsu-contact-form .wpforms-field-checkbox li,\r\n.vsu-contact-form .wpforms-field-radio li{\r\n  color:#55555b !important;\r\n  font-size:13px !important;\r\n  line-height:1.5 !important;\r\n}\r\n\r\n.vsu-contact-form input[type=\"checkbox\"],\r\n.vsu-contact-form input[type=\"radio\"]{\r\n  accent-color:#d70a2f;\r\n}\r\n\r\n\/* Bouton WPForms *\/\r\n\r\n.vsu-contact-form .wpforms-submit-container{\r\n  margin:5px 0 0 !important;\r\n  padding:0 !important;\r\n}\r\n\r\n.vsu-contact-form button[type=\"submit\"],\r\n.vsu-contact-form .wpforms-submit{\r\n  min-height:58px !important;\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  justify-content:center !important;\r\n  padding:0 31px !important;\r\n  color:#ffffff !important;\r\n  border:1px solid #d70a2f !important;\r\n  border-radius:0 !important;\r\n  background:#d70a2f !important;\r\n  font-family:\"Inter\",Arial,sans-serif !important;\r\n  font-size:12px !important;\r\n  line-height:1 !important;\r\n  font-weight:800 !important;\r\n  letter-spacing:.055em !important;\r\n  text-transform:uppercase !important;\r\n  box-shadow:0 14px 32px rgba(215,10,47,.24) !important;\r\n  transition:\r\n    transform .25s ease,\r\n    background-color .25s ease,\r\n    border-color .25s ease !important;\r\n}\r\n\r\n.vsu-contact-form button[type=\"submit\"]:hover,\r\n.vsu-contact-form .wpforms-submit:hover{\r\n  color:#ffffff !important;\r\n  border-color:#ef1742 !important;\r\n  background:#ef1742 !important;\r\n  transform:translateY(-3px) !important;\r\n}\r\n\r\n\/* Messages WPForms *\/\r\n\r\n.vsu-contact-form .wpforms-error{\r\n  color:#d70a2f !important;\r\n  font-size:11px !important;\r\n}\r\n\r\n.vsu-contact-form label.wpforms-error{\r\n  margin-top:6px !important;\r\n}\r\n\r\n.vsu-contact-form .wpforms-confirmation-container-full{\r\n  padding:22px !important;\r\n  border:1px solid rgba(215,10,47,.25) !important;\r\n  background:#f9e9ed !important;\r\n}\r\n\r\n\/* =========================================================\r\n   BANDEAU FINAL\r\n========================================================= *\/\r\n\r\n.vsu-final-strip{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) auto;\r\n  gap:35px;\r\n  align-items:center;\r\n  margin-top:32px;\r\n  padding:36px 40px;\r\n  overflow:hidden;\r\n  color:#ffffff;\r\n  background:#d70a2f;\r\n  box-shadow:0 20px 50px rgba(215,10,47,.24);\r\n}\r\n\r\n.vsu-final-strip::before{\r\n  content:\"VSU\";\r\n  position:absolute;\r\n  right:190px;\r\n  top:50%;\r\n  color:rgba(255,255,255,.08);\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:150px;\r\n  line-height:1;\r\n  font-weight:900;\r\n  transform:translateY(-50%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vsu-final-strip-copy{\r\n  position:relative;\r\n  z-index:2;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:23px;\r\n}\r\n\r\n.vsu-final-strip-icon{\r\n  width:62px;\r\n  height:62px;\r\n  display:grid;\r\n  place-items:center;\r\n  flex:0 0 auto;\r\n  border:1px solid rgba(255,255,255,.34);\r\n  background:rgba(255,255,255,.10);\r\n}\r\n\r\n.vsu-final-strip-icon svg{\r\n  width:31px;\r\n  height:31px;\r\n}\r\n\r\n.vsu-final-strip h3{\r\n  margin:0 0 7px;\r\n  color:#ffffff;\r\n  font-family:\"Barlow Condensed\",Arial,sans-serif;\r\n  font-size:35px;\r\n  line-height:.95;\r\n  font-weight:900;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.vsu-final-strip p{\r\n  max-width:700px;\r\n  margin:0;\r\n  color:rgba(255,255,255,.79);\r\n  font-size:12px;\r\n  line-height:1.6;\r\n}\r\n\r\n.vsu-final-strip .vsu-btn{\r\n  position:relative;\r\n  z-index:2;\r\n  color:#111114;\r\n  background:#ffffff;\r\n  border-color:#ffffff;\r\n}\r\n\r\n.vsu-final-strip .vsu-btn:hover{\r\n  color:#ffffff;\r\n  background:#111114;\r\n  border-color:#111114;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLETTE\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  .vsu-contact-section{\r\n    padding:95px 0;\r\n  }\r\n\r\n  .vsu-contact-head{\r\n    grid-template-columns:1fr;\r\n    gap:25px;\r\n  }\r\n\r\n  .vsu-contact-layout{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vsu-contact-info{\r\n    min-height:620px;\r\n  }\r\n\r\n  .vsu-contact-form{\r\n    min-height:0;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .vsu-contact-section{\r\n    padding:75px 0;\r\n  }\r\n\r\n  .vsu-contact-section::before{\r\n    top:70px;\r\n    right:-20px;\r\n    font-size:105px;\r\n  }\r\n\r\n  .vsu-contact-head{\r\n    margin-bottom:38px;\r\n  }\r\n\r\n  .vsu-contact-title{\r\n    font-size:clamp(50px,15vw,68px);\r\n  }\r\n\r\n  .vsu-contact-intro{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .vsu-contact-layout{\r\n    gap:20px;\r\n  }\r\n\r\n  .vsu-contact-info{\r\n    min-height:600px;\r\n    padding:25px;\r\n  }\r\n\r\n  .vsu-contact-info-title{\r\n    margin-top:30px;\r\n    font-size:45px;\r\n  }\r\n\r\n  .vsu-contact-info-copy{\r\n    font-size:13px;\r\n  }\r\n\r\n  .vsu-contact-form{\r\n    padding:31px 20px;\r\n  }\r\n\r\n  .vsu-contact-form-head h3{\r\n    font-size:39px;\r\n  }\r\n\r\n  .vsu-contact-form button[type=\"submit\"],\r\n  .vsu-contact-form .wpforms-submit{\r\n    width:100% !important;\r\n  }\r\n\r\n  .vsu-final-strip{\r\n    grid-template-columns:1fr;\r\n    padding:28px 22px;\r\n  }\r\n\r\n  .vsu-final-strip-copy{\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .vsu-final-strip::before{\r\n    right:-10px;\r\n    top:20px;\r\n    font-size:100px;\r\n    transform:none;\r\n  }\r\n\r\n  .vsu-final-strip .vsu-btn{\r\n    width:100%;\r\n  }\r\n}\r\n\r\n@media(max-width:420px){\r\n\r\n  .vsu-contact-info{\r\n    min-height:650px;\r\n  }\r\n\r\n  .vsu-contact-info-title{\r\n    font-size:40px;\r\n  }\r\n\r\n  .vsu-contact-detail{\r\n    grid-template-columns:48px 1fr;\r\n  }\r\n\r\n  .vsu-contact-detail-icon{\r\n    width:48px;\r\n    height:48px;\r\n  }\r\n\r\n  .vsu-final-strip-copy{\r\n    display:block;\r\n  }\r\n\r\n  .vsu-final-strip-icon{\r\n    margin-bottom:18px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"vsu-contact-section\" id=\"vsu-contact\">\r\n\r\n  <div class=\"vsu-shell\">\r\n\r\n    <div class=\"vsu-contact-head\">\r\n\r\n      <div>\r\n\r\n        <span class=\"vsu-section-kicker\">\r\n          Parlons unihockey\r\n        <\/span>\r\n\r\n        <h2 class=\"vsu-contact-title\">\r\n          Une question,\r\n          <em>un projet ?<\/em>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p class=\"vsu-contact-intro\">\r\n        Contactez VS Unihockey pour toute demande concernant\r\n        l\u2019association, les clubs, la rel\u00e8ve, la VS Cup,\r\n        les journ\u00e9es VS Kids ou les partenariats.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"vsu-contact-layout\">\r\n\r\n      <!-- INFORMATIONS -->\r\n      <div class=\"vsu-contact-info\">\r\n\r\n        <div class=\"vsu-contact-info-top\">\r\n\r\n          <span class=\"vsu-contact-badge\">\r\n\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M4 5h16v14H4V5Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"m5 7 7 6 7-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n\r\n            Contact\r\n\r\n          <\/span>\r\n\r\n          <h3 class=\"vsu-contact-info-title\">\r\n            Ensemble,\r\n            <span>faisons avancer le jeu.<\/span>\r\n          <\/h3>\r\n\r\n          <p class=\"vsu-contact-info-copy\">\r\n            Notre \u00e9quipe r\u00e9pond \u00e0 vos questions et vous accompagne\r\n            dans vos d\u00e9marches li\u00e9es \u00e0 l\u2019unihockey valaisan.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"vsu-contact-details\">\r\n\r\n          <a class=\"vsu-contact-detail\" href=\"mailto:vsunihockey@outlook.com\">\r\n\r\n            <span class=\"vsu-contact-detail-icon\">\r\n\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M4 5h16v14H4V5Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <path d=\"m5 7 7 6 7-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span class=\"vsu-contact-detail-copy\">\r\n              <small>E-mail<\/small>\r\n              <strong>vsunihockey@outlook.com<\/strong>\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n          <div class=\"vsu-contact-detail\">\r\n\r\n            <span class=\"vsu-contact-detail-icon\">\r\n\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M12 21s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <circle cx=\"12\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span class=\"vsu-contact-detail-copy\">\r\n              <small>Association<\/small>\r\n              <strong>VS Unihockey \u00b7 Valais<\/strong>\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <a class=\"vsu-contact-detail\" href=\"\/organisation\/\">\r\n\r\n            <span class=\"vsu-contact-detail-icon\">\r\n\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <circle cx=\"17\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <path d=\"M2 21c.4-5 2.7-7.5 7-7.5S15.6 16 16 21M13 21c.3-4 1.8-6 4.5-6s4.2 2 4.5 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span class=\"vsu-contact-detail-copy\">\r\n              <small>Organisation<\/small>\r\n              <strong>D\u00e9couvrir notre organisation<\/strong>\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- FORMULAIRE -->\r\n      <div class=\"vsu-contact-form\">\r\n\r\n        <div class=\"vsu-contact-form-head\">\r\n\r\n          <span>Envoyez-nous un message<\/span>\r\n\r\n          <h3>\r\n            Nous vous r\u00e9pondons rapidement\r\n          <\/h3>\r\n\r\n          <p>\r\n            Remplissez le formulaire ci-dessous en pr\u00e9cisant\r\n            votre demande afin que nous puissions vous r\u00e9pondre.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- FORMULAIRE WPFORMS -->\r\n        <div class=\"wpforms-container \" id=\"wpforms-12\"><form id=\"wpforms-form-12\" class=\"wpforms-validate wpforms-form\" data-formid=\"12\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/de\/wp-json\/wp\/v2\/pages\/540\" data-token=\"0514cb99c54c8d0abdcd0a489bdb67ef\" data-token-time=\"1786446908\"><noscript class=\"wpforms-error-noscript\">Bitte aktiviere JavaScript in deinem Browser, um dieses Formular fertigzustellen.<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-12-field_0-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"0\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-12-field_0\">Votre nom <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-12-field_0\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][0]\" placeholder=\"Votre nom complet\" required><\/div><div id=\"wpforms-12-field_5-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"5\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-12-field_5\">T\u00e9l\u00e9phone <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-12-field_5\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][5]\" placeholder=\"Votre t\u00e9l\u00e9phone\" required><\/div><div id=\"wpforms-12-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-12-field_1\">E-mail <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-12-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" placeholder=\"Votre adresse E-mail\" spellcheck=\"false\" required><\/div><div id=\"wpforms-12-field_2-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"2\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-12-field_2\">Message <span class=\"wpforms-required-label\">*<\/span><\/label><textarea id=\"wpforms-12-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" placeholder=\"Votre Message\" required><\/textarea><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-field wpforms-field-hp\"><label for=\"wpforms-12-field-hp\" class=\"wpforms-field-label\">Phone<\/label><input type=\"text\" name=\"wpforms[hp]\" id=\"wpforms-12-field-hp\" class=\"wpforms-field-medium\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"12\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/vs-unihockey.ch\/de\/wp-json\/wp\/v2\/pages\/540\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-12\" class=\"wpforms-submit\" data-alt-text=\"Envoi...\" data-submit-text=\"Envoyer\" aria-live=\"assertive\" value=\"wpforms-submit\">Envoyer<\/button><\/div><\/form><\/div>  <!-- .wpforms-container -->\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CTA FINAL -->\r\n    <div class=\"vsu-final-strip\">\r\n\r\n      <div class=\"vsu-final-strip-copy\">\r\n\r\n        <span class=\"vsu-final-strip-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M7 4h10v5c0 4-2.3 7-5 7s-5-3-5-7V4Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M7 6H3v2c0 4 2 6 5 6M17 6h4v2c0 4-2 6-5 6M12 16v4M8 22h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <div>\r\n\r\n          <h3>\r\n            Rejoignez l\u2019aventure VS Unihockey\r\n          <\/h3>\r\n\r\n          <p>\r\n            D\u00e9couvrez les clubs membres et trouvez une \u00e9quipe\r\n            proche de chez vous pour pratiquer l\u2019unihockey en Valais.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <a class=\"vsu-btn\" href=\"\/clubs\/\">\r\n\r\n        Trouver un club\r\n\r\n        <svg class=\"vsu-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   CORRECTIONS FINALES \u2014 LIENS, MOBILE ET PETITS \u00c9CRANS\r\n========================================================= *\/\r\n\r\n.vsu-home-p1,\r\n.vsu-news,\r\n.vsu-clubs-section,\r\n.vsu-cup-section,\r\n.vsu-youth-section,\r\n.vsu-live-section,\r\n.vsu-contact-section{\r\n  max-width:100%;\r\n  overflow-x:hidden;\r\n}\r\n\r\n.vsu-home-p1 img,\r\n.vsu-news img,\r\n.vsu-clubs-section img,\r\n.vsu-cup-section img,\r\n.vsu-youth-section img,\r\n.vsu-live-section img,\r\n.vsu-contact-section img,\r\n.vsu-home-p1 svg,\r\n.vsu-news svg,\r\n.vsu-clubs-section svg,\r\n.vsu-cup-section svg,\r\n.vsu-youth-section svg,\r\n.vsu-live-section svg,\r\n.vsu-contact-section svg{\r\n  max-width:100%;\r\n}\r\n\r\n.vsu-hero-title,\r\n.vsu-section-title,\r\n.vsu-news-title h2,\r\n.vsu-news-content h3,\r\n.vsu-clubs-title,\r\n.vsu-cup-title,\r\n.vsu-youth-title,\r\n.vsu-live-title,\r\n.vsu-contact-title,\r\n.vsu-contact-info-title,\r\n.vsu-final-strip h3{\r\n  overflow-wrap:normal;\r\n  word-break:normal;\r\n  hyphens:none;\r\n}\r\n\r\n.vsu-btn,\r\n.vsu-news-btn,\r\n.vsu-youth-link,\r\n.vsu-live-card,\r\n.vsu-contact-detail{\r\n  white-space:normal;\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n  .vsu-news{\r\n    padding:76px 0;\r\n  }\r\n\r\n  .vsu-news-grid{\r\n    gap:38px;\r\n  }\r\n\r\n  .vsu-news-title h2{\r\n    font-size:clamp(44px,13vw,56px);\r\n    line-height:.9;\r\n  }\r\n\r\n  .vsu-news-card{\r\n    border-radius:12px;\r\n  }\r\n\r\n  .vsu-news-img{\r\n    min-height:220px;\r\n    height:220px;\r\n  }\r\n\r\n  .vsu-news-content{\r\n    padding:28px 22px;\r\n  }\r\n\r\n  .vsu-news-content h3{\r\n    font-size:clamp(34px,10vw,42px);\r\n    line-height:.96;\r\n  }\r\n\r\n  .vsu-clubs-title,\r\n  .vsu-cup-title,\r\n  .vsu-youth-title,\r\n  .vsu-live-title,\r\n  .vsu-contact-title{\r\n    max-width:100%;\r\n    font-size:clamp(46px,14vw,62px);\r\n    line-height:.88;\r\n  }\r\n\r\n  .vsu-clubs-head,\r\n  .vsu-cup-head,\r\n  .vsu-youth-head,\r\n  .vsu-live-head,\r\n  .vsu-contact-head{\r\n    gap:22px;\r\n  }\r\n\r\n  .vsu-clubs-panel,\r\n  .vsu-cup-panel,\r\n  .vsu-youth-card,\r\n  .vsu-contact-info,\r\n  .vsu-contact-form{\r\n    min-width:0;\r\n  }\r\n\r\n  .vsu-club-info strong{\r\n    white-space:normal;\r\n    overflow:visible;\r\n    text-overflow:clip;\r\n  }\r\n\r\n  .vsu-final-strip,\r\n  .vsu-clubs-action,\r\n  .vsu-cup-panel-action{\r\n    align-items:stretch;\r\n  }\r\n\r\n  .vsu-final-strip .vsu-btn,\r\n  .vsu-clubs-action .vsu-btn,\r\n  .vsu-cup-panel-action .vsu-btn{\r\n    width:100%;\r\n  }\r\n}\r\n\r\n@media(max-width:420px){\r\n\r\n  .vsu-home-p1 .vsu-shell,\r\n  .vsu-news .vsu-shell,\r\n  .vsu-clubs-section .vsu-shell,\r\n  .vsu-cup-section .vsu-shell,\r\n  .vsu-youth-section .vsu-shell,\r\n  .vsu-live-section .vsu-shell,\r\n  .vsu-contact-section .vsu-shell{\r\n    width:calc(100% - 28px);\r\n  }\r\n\r\n  .vsu-hero-title{\r\n    font-size:clamp(43px,14vw,48px);\r\n    line-height:.88;\r\n  }\r\n\r\n  .vsu-section-title{\r\n    font-size:clamp(39px,12vw,48px);\r\n  }\r\n\r\n  .vsu-contact-info-title{\r\n    font-size:clamp(37px,11vw,46px);\r\n  }\r\n\r\n  .vsu-btn,\r\n  .vsu-news-btn,\r\n  .vsu-youth-link{\r\n    width:100%;\r\n    min-width:0;\r\n    text-align:center;\r\n  }\r\n\r\n  .vsu-contact-detail-copy{\r\n    min-width:0;\r\n  }\r\n\r\n  .vsu-contact-detail-copy strong{\r\n    overflow-wrap:anywhere;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\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>Association valaisanne d\u2019unihockey Ensemble, faisons grandir l\u2019unihockey valaisan VS Unihockey r\u00e9unit les clubs du canton, d\u00e9veloppe la rel\u00e8ve, organise la VS Cup et les journ\u00e9es VS Kids afin de promouvoir l\u2019unihockey en Valais. D\u00e9couvrir Calendrier 16 Clubs dans tout le Valais 1\u2019500+ Joueurs passionn\u00e9s d\u2019unihockey 1 Coupe valaisanne Hommes \u00b7 Dames \u00b7 Juniors 2 S\u00e9lections [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-540","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accueil - VS Unihockey<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vs-unihockey.ch\/de\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accueil - VS Unihockey\" \/>\n<meta property=\"og:description\" content=\"Association valaisanne d\u2019unihockey Ensemble, faisons grandir l\u2019unihockey valaisan VS Unihockey r\u00e9unit les clubs du canton, d\u00e9veloppe la rel\u00e8ve, organise la VS Cup et les journ\u00e9es VS Kids afin de promouvoir l\u2019unihockey en Valais. D\u00e9couvrir Calendrier 16 Clubs dans tout le Valais 1\u2019500+ Joueurs passionn\u00e9s d\u2019unihockey 1 Coupe valaisanne Hommes \u00b7 Dames \u00b7 Juniors 2 S\u00e9lections [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vs-unihockey.ch\/de\/\" \/>\n<meta property=\"og:site_name\" content=\"VS Unihockey\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-07T06:46:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vs-unihockey.ch\\\/\",\"url\":\"https:\\\/\\\/vs-unihockey.ch\\\/\",\"name\":\"Accueil - VS Unihockey\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vs-unihockey.ch\\\/#website\"},\"datePublished\":\"2026-07-18T01:33:12+00:00\",\"dateModified\":\"2026-08-07T06:46:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vs-unihockey.ch\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vs-unihockey.ch\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vs-unihockey.ch\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/vs-unihockey.ch\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vs-unihockey.ch\\\/#website\",\"url\":\"https:\\\/\\\/vs-unihockey.ch\\\/\",\"name\":\"VS Unihockey\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/vs-unihockey.ch\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vs-unihockey.ch\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vs-unihockey.ch\\\/#organization\",\"name\":\"VS Unihockey\",\"url\":\"https:\\\/\\\/vs-unihockey.ch\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/vs-unihockey.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vs-unihockey.ch\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/images.jpg\",\"contentUrl\":\"https:\\\/\\\/vs-unihockey.ch\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/images.jpg\",\"width\":447,\"height\":447,\"caption\":\"VS Unihockey\"},\"image\":{\"@id\":\"https:\\\/\\\/vs-unihockey.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accueil - VS Unihockey","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:\/\/vs-unihockey.ch\/de\/","og_locale":"de_DE","og_type":"article","og_title":"Accueil - VS Unihockey","og_description":"Association valaisanne d\u2019unihockey Ensemble, faisons grandir l\u2019unihockey valaisan VS Unihockey r\u00e9unit les clubs du canton, d\u00e9veloppe la rel\u00e8ve, organise la VS Cup et les journ\u00e9es VS Kids afin de promouvoir l\u2019unihockey en Valais. D\u00e9couvrir Calendrier 16 Clubs dans tout le Valais 1\u2019500+ Joueurs passionn\u00e9s d\u2019unihockey 1 Coupe valaisanne Hommes \u00b7 Dames \u00b7 Juniors 2 S\u00e9lections [&hellip;]","og_url":"https:\/\/vs-unihockey.ch\/de\/","og_site_name":"VS Unihockey","article_modified_time":"2026-08-07T06:46:10+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vs-unihockey.ch\/","url":"https:\/\/vs-unihockey.ch\/","name":"Accueil - VS Unihockey","isPartOf":{"@id":"https:\/\/vs-unihockey.ch\/#website"},"datePublished":"2026-07-18T01:33:12+00:00","dateModified":"2026-08-07T06:46:10+00:00","breadcrumb":{"@id":"https:\/\/vs-unihockey.ch\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vs-unihockey.ch\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vs-unihockey.ch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/vs-unihockey.ch\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/vs-unihockey.ch\/#website","url":"https:\/\/vs-unihockey.ch\/","name":"VS Unihockey","description":"","publisher":{"@id":"https:\/\/vs-unihockey.ch\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vs-unihockey.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/vs-unihockey.ch\/#organization","name":"VS Unihockey","url":"https:\/\/vs-unihockey.ch\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/vs-unihockey.ch\/#\/schema\/logo\/image\/","url":"https:\/\/vs-unihockey.ch\/wp-content\/uploads\/2026\/07\/images.jpg","contentUrl":"https:\/\/vs-unihockey.ch\/wp-content\/uploads\/2026\/07\/images.jpg","width":447,"height":447,"caption":"VS Unihockey"},"image":{"@id":"https:\/\/vs-unihockey.ch\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/vs-unihockey.ch\/de\/wp-json\/wp\/v2\/pages\/540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vs-unihockey.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vs-unihockey.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vs-unihockey.ch\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vs-unihockey.ch\/de\/wp-json\/wp\/v2\/comments?post=540"}],"version-history":[{"count":26,"href":"https:\/\/vs-unihockey.ch\/de\/wp-json\/wp\/v2\/pages\/540\/revisions"}],"predecessor-version":[{"id":1767,"href":"https:\/\/vs-unihockey.ch\/de\/wp-json\/wp\/v2\/pages\/540\/revisions\/1767"}],"wp:attachment":[{"href":"https:\/\/vs-unihockey.ch\/de\/wp-json\/wp\/v2\/media?parent=540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}