BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//hacksw/handcal//NONSGML v1.0//EN
BEGIN:VEVENT
SUMMARY:Championnat de Duathlon par equipe 2026
UID:cf200bd1-8a17-45b4-980d-933358147194
DTSTART:20260920T063000Z
DTEND:20260920T100000Z
LOCATION:Localisation Parc du Colosse 97440 Saint-Andre
CATEGORIES:Manifestation
STATUS:
DESCRIPTION:<div class="topstrip">
 <div class="wrap"><span>TCSA —
 Triathlon Club de Saint-Andre</span> <span><span
 class="dot">●</span>Ligue Reunionnaise de Triathlon<span
 class="dot">●</span>Calendrier regional
 2026</span></div>
 </div>
 
 <div class="hero">
 <div class="wrap">
 <p
 class="hero-eyebrow">Championnat de la Reunion</p>
 
 <h1
 class="hero-title">Duathlon par equipe<br />
 du
 <em>Colosse</em></h1>
 
 <p class="hero-sub">Le titre regional est en
 jeu. Trois a cinq equipiers, un dossard, un seul chrono : course a
 pied, velo, course a pied — relayes sans jamais se
 quitter.</p>
 
 <div class="hero-meta">
 <div>
 <div
 class="k">Date</div>
 
 <div class="v">Dim. 20 sept.
 2026</div>
 </div>
 
 <div>
 <div class="k">Depart</div>
 
 <div
 class="v">08h30</div>
 </div>
 
 <div>
 <div class="k">Lieu</div>
 
 <div
 class="v">Parc du
 Colosse</div>
 </div>
 </div>
 </div>
 </div>
 
 <section>
 <div
 class="wrap">
 <div class="alert">
 <h3>A lire avant de
 s'inscrire</h3>
 
 <ul>
 	<li>Remise des dossards a partir de
 6h30</li>
 	<li>Fermeture du parc a velo a
 7h45</li>
 	<li>Porte-dossard 3 points obligatoire</li>
 	<li>Tenue
 commune (club) par equipe obligatoire</li>
 	<li><a
 href="https://drive.google.com/file/d/1YuZk5YuhTwR-cC7L75FWyZEb-GwA88-A/view?usp=drive_link"
 onclick="window.open(this.href, '',
 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no');
 return false;">Reglement complet de l'epreuve
 →</a></li>
 </ul>
 </div>
 </div>
 </section>
 
 <section>
 <div
 class="wrap">
 <p class="section-label">Format de course — Distance
 S</p>
 
 <h2>Trois relais, une equipe</h2>
 
 <div class="format">
 <div
 class="leg">
 <div class="num">Relais 1</div>
 
 <div class="dist">5
 km</div>
 
 <div class="disc">Course a pied 🏃</div>
 </div>
 
 <div
 class="arrow">→</div>
 
 <div class="leg">
 <div class="num">Relais
 2</div>
 
 <div class="dist">20 km</div>
 
 <div class="disc">Velo
 🚴</div>
 </div>
 
 <div class="arrow">→</div>
 
 <div
 class="leg">
 <div class="num">Relais 3</div>
 
 <div class="dist">2,5
 km</div>
 
 <div class="disc">Course a
 pied 🏃</div>
 </div>
 </div>
 
 <p class="format-note">Equipes de 3 a
 5 equipiers — classement pris sur le temps du 3ᵉ equipier a
 l'arrivee</p>
 </div>
 </section>
 
 <section>
 <div class="wrap">
 <p
 class="section-label">Reglement</p>
 
 <h2>Ce qu'il faut
 savoir</h2>
 
 <ol class="rules">
 	<li>Organisee par le TCSA en
 collaboration avec la commune de Saint-Andre, l'epreuve est inscrite
 au <strong>calendrier regional</strong>.</li>
 	<li>Ouverte aux «
 ententes » constituees d'athletes de clubs differents ou
 non-licencies. <strong>Aucune limite</strong> du nombre d'equipes par
 club.</li>
 	<li>Les concurrents d'une meme equipe doivent porter des
 <strong>tenues identiques ou ressemblantes</strong>.</li>
 	<li>Cadets
 et juniors peuvent integrer une equipe senior, ou former une equipe
 « jeunes » composee uniquement de cadets et juniors.</li>
 	<li>Une
 equipe comptant au moins un senior est classee
 <strong>senior</strong> ; une equipe « veteran » ne reunit que des
 veterans.</li>
 	<li>Pour le classement <strong>mixte</strong>, au
 moins un homme et une femme doivent etre presents a chaque pointage
 et a chaque transition.</li>
 	<li>Si un coureur manque une
 transition, il ne peut pas poursuivre et doit remettre son dossard
 aux arbitres — sous peine de <strong>non-classement</strong> de
 toute l'equipe.</li>
 	<li>L'organisation fixe seule l'ordre et
 l'heure de depart des equipes, communiques avant l'epreuve.
 Presentation complete sur l'aire de depart <strong>5 minutes
 avant</strong> l'horaire
 indique.</li>
 </ol>
 </div>
 </section>
 
 <section>
 <div
 class="wrap">
 <p class="section-label">Inscription</p>
 
 <h2>Tarifs &
 engagement</h2>
 
 <div class="price-grid">
 <div
 class="price-card">
 <div class="who">Athlete licencie(e)</div>
 
 <div
 class="amount">20<span>€</span></div>
 
 <div class="detail">par
 coureur(se)</div>
 </div>
 
 <div class="price-card">
 <div
 class="who">Athlete non-licencie(e)</div>
 
 <div
 class="amount">25<span>€</span></div>
 
 <div class="detail">20 €
 d'inscription + 5 € de pass licence
 journee</div>
 </div>
 </div>
 
 <div style="height:24px;"> </div>
 
 <div
 class="cta-block">
 <div class="txt">
 <h3>Cloture selon les regles
 federales</h3>
 
 <p>Ne tardez pas a inscrire vos equipes — les
 places partent vite.</p>
 </div>
 <a class="btn"
 href="http://www.sportpro.re/" onclick="window.open(this.href, '',
 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no');
 return false;" rel="noopener">S'inscrire sur SportPro
 →</a></div>
 </div>
 </section>
 
 <section>
 <div class="wrap">
 <div
 class="twocol">
 <div>
 <p class="section-label">Le jour
 J</p>
 
 <h2>Programme</h2>
 
 <div class="timeline">
 <div
 class="trow">
 <div class="time">06h30</div>
 
 <div
 class="lab">Accueil, emargement, remise des
 dossards</div>
 </div>
 
 <div class="trow">
 <div
 class="time">07h45</div>
 
 <div class="lab">Cloture des
 emargements</div>
 </div>
 
 <div class="trow">
 <div
 class="time">08h00</div>
 
 <div class="lab">Fermeture du parc a velo &
 expose de course</div>
 </div>
 
 <div class="trow">
 <div
 class="time">08h30</div>
 
 <div class="lab">Depart de la 1ʳᵉ
 equipe</div>
 </div>
 
 <div class="trow">
 <div
 class="time">09h45</div>
 
 <div class="lab">Depart prevu de la
 derniere equipe</div>
 </div>
 
 <div class="trow">
 <div
 class="time">11h15</div>
 
 <div class="lab">Remise des
 recompenses</div>
 </div>
 
 <div class="trow">
 <div
 class="time">12h00</div>
 
 <div class="lab">Cloture de la
 manifestation</div>
 </div>
 </div>
 </div>
 
 <div>
 <p
 class="section-label">Sur place</p>
 
 <h2>Lieu</h2>
 
 <div
 class="loc">
 <div class="pin">◉</div>
 
 <div class="addr">
 <p
 class="place">Parc du Colosse</p>
 
 <p class="sub">97440 Saint-Andre,
 La Reunion</p>
 </div>
 </div>
 
 <div style="height:16px;"> </div>
 
 <p
 style="font-size:14.5px; color:var(--muted);">Circuits CAP1, velo et
 CAP2 disponibles sur Openrunner
 ci-dessous.</p>
 </div>
 </div>
 </div>
 </section>
 
 <section>
 <p
 style="margin-bottom: 11px; text-align: center;"><span
 style="font-size:18px;">👉 voir heure de depart par equipe
 <em>(bientot disponible)</em></span></p>
 
 <p style="text-align:
 center;"><img
 src="https://admin.sportsregions.fr/media/uploaded/sites/14377/kcupload/images/image-20220424170026-1.jpeg"
 style="width: 214px; height: 100px;" /> <img
 src="https://admin.sportsregions.fr/media/uploaded/sites/14377/kcupload/images/image-20220424170509-2.jpeg"
 style="width: 100px; height: 100px;" />   <img
 src="https://admin.sportsregions.fr/media/uploaded/sites/14377/kcupload/images/image-20240820232609-1.jpeg"
 style="width: 104px; height: 100px;" />    <img
 src="https://admin.sportsregions.fr/media/uploaded/sites/14377/kcupload/images/image-20220424170528-3.jpeg"
 style="width: 105px; height: 100px;" /></p>
 
 <p style="text-align:
 center;"><span style="font-size:18px;">👉 voir heure de depart par
 equipe <em>(bientot disponible)</em></span></p>
 
 <p
 style="text-align: center;"> </p>
 
 <h2>Circuit (<a
 href="https://www.openrunner.com/collections/411131-duathlon-par-equipe-du-colosse"
 onclick="window.open(this.href, '',
 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no');
 return false;">CAP1, Velo et CAP2</a>):</h2>
 
 <ul>
 	<li>
 	<h4><a
 href="https://www.openrunner.com/route-details/21712560"
 onclick="window.open(this.href, '',
 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no');
 return false;"><img alt=""
 src="https://theme.zdassets.com/theme_assets/1773216/5a87d4842a4b001267570132e6779045d8c436e2.png"
 style="width: 20px; height: 20px;" /> Course A Pied (CAP1 : 5
 km)</a></h4>
 	</li>
 </ul>
 
 <p style="text-align: center;"><iframe
 height="650" loading="lazy"
 src="https://www.openrunner.com/embed/57336f50627448574a494e493376692f6d504d706469416a7369614a6f5a67764c2f54624473536b4d54773d3a3acd7dde5270b99caa5607cbf29735ab49?unit=metric"
 style="border: none;" width="100%"></iframe></p>
 
 <p
 style="text-align: center;"> </p>
 
 <ul>
 	<li>
 	<h4><a
 href="https://www.openrunner.com/route-details/21712375"
 onclick="window.open(this.href, '',
 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no');
 return false;"><img alt=""
 src="https://theme.zdassets.com/theme_assets/1773216/5a87d4842a4b001267570132e6779045d8c436e2.png"
 style="width: 20px; height: 20px;" /> Velo (20
 km)</a></h4>
 	</li>
 </ul>
 
 <p style="text-align: center;"><iframe
 height="650" loading="lazy"
 src="https://www.openrunner.com/embed/4f636e76336d44505648582b353338786861626d7a44756d466554684a4433544e3161764c4347656965633d3a3a11874037d67deccf6f790e4299fb1858?unit=metric"
 style="border: none;"
 width="100%"></iframe></p>
 
 <p> </p>
 
 <ul>
 	<li><a
 href="https://www.openrunner.com/route-details/21690115"
 onclick="window.open(this.href, '',
 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no');
 return false;"><img alt=""
 src="https://theme.zdassets.com/theme_assets/1773216/5a87d4842a4b001267570132e6779045d8c436e2.png"
 style="width: 20px; height: 20px;" /> Course A Pied  (CAP2 : 2,5
 km)</a></li>
 </ul>
 
 <p style="text-align: center;"><iframe
 height="650" loading="lazy"
 src="https://www.openrunner.com/embed/6a6f4a534a4f3131706e47424c72784241462f662b7362467850337747305970374a6c496a365758706d303d3a3a7edbeb96f88cab12c3a59875709f7443?unit=metric"
 style="border: none;" width="100%"></iframe></p>
 
 <div
 class="wrap">
 <p
 class="section-label">Renseignements</p>
 
 <h2>Contacts</h2>
 
 <div
 class="contacts">
 <div class="contact">
 <div
 class="role">Infoline</div>
 
 <div class="name">Sully Mardama</div>
 <a
 href="tel:+262692295977">0692 29 59 77</a><br />
 <a
 href="mailto:sully.mardama@gmail.com">sully.mardama@gmail.com</a></div>
 
 <div
 class="contact">
 <div class="role">Infoline</div>
 
 <div
 class="name">Philippe Gisbert</div>
 <a href="tel:+262693930634">0693
 93 06 34</a><br />
 <a
 href="mailto:legisb@yahoo.fr">legisb@yahoo.fr</a></div>
 </div>
 </div>
 </section>
 
 <footer>
 <div
 class="wrap">
 <p class="sign">Toute l'equipe du TCSA</p>
 
 <p>Nous
 souhaitons vous voir nombreux pour partager le plaisir du triple
 effort par equipe, dans un de nos terrains de jeu du Parc du Colosse
 a Saint-Andre.</p>
 </div>
 </footer>
 
 <p style="text-align:
 center;"> </p>
 <style type="text/css">@import
 url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600&display=swap');
 
 
  :root{
     --ink:#13201c;
     --paper:#f4efe4;
    
 --paper-2:#ece4d2;
     --line:#13201c;
     --asphalt:#2b2b29;
    
 --flag-red:#c1402b;
     --flag-gold:#d99a2b;
    
 --track-green:#2f6b4f;
     --muted:#5c5a4f;
   }
 
   *{
 box-sizing:border-box; }
   html,body{ margin:0; padding:0; }
   body{
 
    background:var(--paper);
     color:var(--ink);
    
 font-family:'Barlow', sans-serif;
     font-size:17px;
    
 line-height:1.55;
   }
 
   .wrap{ max-width:920px; margin:0 auto;
 padding:0 24px; }
 
   a{ color:var(--flag-red); }
 
   /* ---------- Top
 identity strip ---------- */
   .topstrip{
     background:var(--ink);
 
    color:var(--paper);
     font-family:'Barlow Condensed',
 sans-serif;
     font-weight:600;
     letter-spacing:.12em;
    
 text-transform:uppercase;
     font-size:12.5px;
     padding:9px 0;
  
 }
   .topstrip .wrap{ display:flex; justify-content:space-between;
 align-items:center; }
   .topstrip span.dot{ color:var(--flag-gold);
 margin:0 8px; }
 
   /* ---------- Hero ---------- */
   .hero{
    
 position:relative;
     border-bottom:4px solid var(--ink);
    
 padding:64px 0 56px;
     overflow:hidden;
   }
   .hero::before{
    
 content:"";
     position:absolute; inset:0;
     background-image:
    
   repeating-linear-gradient(90deg, transparent 0 38px,
 rgba(19,32,28,0.05) 38px 40px);
     pointer-events:none;
   }
  
 .hero-eyebrow{
     font-family:'Barlow Condensed', sans-serif;
    
 font-weight:600;
     letter-spacing:.18em;
    
 text-transform:uppercase;
     font-size:14px;
    
 color:var(--flag-red);
     margin:0 0 14px;
     display:flex;
 align-items:center; gap:10px;
   }
   .hero-eyebrow::before{
    
 content:"";
     width:34px; height:2px;
    
 background:var(--flag-red);
     display:inline-block;
   }
  
 h1.hero-title{
     font-family:'Archivo Black', sans-serif;
    
 font-size:54px;
     line-height:0.98;
     margin:0 0 18px;
    
 text-transform:uppercase;
     letter-spacing:-0.01em;
   }
  
 h1.hero-title em{
     font-style:normal;
     color:var(--flag-red);
  
   -webkit-text-stroke:0;
   }
   .hero-sub{
     font-size:19px;
    
 color:var(--asphalt);
     max-width:560px;
     margin:0 0 28px;
   }
 
 
  .hero-meta{
     display:flex;
     flex-wrap:wrap;
     gap:0;
    
 border:2px solid var(--ink);
     width:max-content;
   }
   .hero-meta
 div{
     padding:12px 22px;
     border-right:2px solid var(--ink);
  
 }
   .hero-meta div:last-child{ border-right:none; }
   .hero-meta .k{
 
    font-family:'Barlow Condensed', sans-serif;
     font-size:11px;
   
  letter-spacing:.14em;
     text-transform:uppercase;
    
 color:var(--muted);
     margin-bottom:3px;
   }
   .hero-meta .v{
    
 font-family:'Barlow Condensed', sans-serif;
     font-weight:700;
    
 font-size:19px;
   }
 
   /* ---------- Section shell ---------- */
  
 section{ padding:52px 0; border-bottom:1px solid rgba(19,32,28,0.18);
 }
   section:last-of-type{ border-bottom:none; }
 
   .section-label{
   
  font-family:'Barlow Condensed', sans-serif;
     font-weight:700;
    
 text-transform:uppercase;
     letter-spacing:.1em;
    
 font-size:13px;
     color:var(--flag-red);
     margin:0 0 6px;
   }
  
 h2{
     font-family:'Archivo Black', sans-serif;
     font-size:30px;
 
    text-transform:uppercase;
     margin:0 0 28px;
    
 letter-spacing:-0.005em;
   }
 
   /* ---------- Alert block ----------
 */
   .alert{
     background:var(--ink);
     color:var(--paper);
    
 padding:28px 30px;
     position:relative;
   }
   .alert::before{
    
 content:"";
     position:absolute; left:0; top:0; bottom:0;
 width:6px;
     background:var(--flag-red);
   }
   .alert h3{
    
 font-family:'Barlow Condensed', sans-serif;
    
 text-transform:uppercase;
     letter-spacing:.08em;
    
 font-size:16px;
     color:var(--flag-gold);
     margin:0 0 14px;
   }
 
  .alert ul{ margin:0; padding:0; list-style:none; }
   .alert li{
    
 padding:7px 0;
     border-top:1px solid rgba(244,239,228,0.18);
    
 font-size:16px;
     display:flex;
     gap:10px;
   }
   .alert
 li:first-child{ border-top:none; }
   .alert li::before{
 content:"›"; color:var(--flag-gold); font-weight:700; }
   .alert a{
 color:var(--paper); text-decoration:underline;
 text-decoration-color:var(--flag-gold); text-underline-offset:3px;
 }
 
   /* ---------- Format strip (CAP / VELO / CAP) ---------- */
  
 .format{
     display:grid;
     grid-template-columns:1fr auto 1fr
 auto 1fr;
     align-items:stretch;
     border:2px solid var(--ink);
  
   margin-bottom:18px;
   }
   .format .leg{
     padding:22px 18px;
    
 text-align:center;
   }
   .format .leg .num{
     font-family:'Barlow
 Condensed', sans-serif;
     font-size:11px;
    
 letter-spacing:.16em;
     color:var(--muted);
    
 text-transform:uppercase;
     margin-bottom:8px;
   }
   .format .leg
 .dist{
     font-family:'Archivo Black', sans-serif;
    
 font-size:30px;
   }
   .format .leg .disc{
     font-family:'Barlow
 Condensed', sans-serif;
     font-weight:600;
    
 text-transform:uppercase;
     font-size:13px;
    
 color:var(--muted);
     margin-top:4px;
   }
   .format .arrow{
    
 display:flex; align-items:center; justify-content:center;
    
 color:var(--flag-red);
     font-size:22px;
     font-weight:700;
    
 border-left:2px solid var(--ink);
     border-right:2px solid
 var(--ink);
     background:var(--paper-2);
     width:48px;
   }
  
 .format-note{
     font-size:14.5px;
     color:var(--muted);
    
 text-align:center;
     margin:0;
   }
 
   /* ---------- Rule list
 ---------- */
   .rules{ margin:0; padding:0; list-style:none;
 counter-reset:rule; }
   .rules li{
     counter-increment:rule;
    
 padding:16px 0 16px 52px;
     position:relative;
     border-top:1px
 solid rgba(19,32,28,0.18);
     font-size:16.5px;
   }
   .rules
 li:first-child{ border-top:none; }
   .rules li::before{
    
 content:counter(rule, decimal-leading-zero);
     position:absolute;
 left:0; top:16px;
     font-family:'Barlow Condensed', sans-serif;
    
 font-weight:700;
     font-size:15px;
     color:var(--flag-red);
   }
  
 .rules strong{ color:var(--ink); }
 
   /* ---------- Two column
 ---------- */
   .twocol{ display:grid; grid-template-columns:1fr 1fr;
 gap:36px; }
 
   /* ---------- Pricing ---------- */
   .price-grid{
 display:grid; grid-template-columns:1fr 1fr; gap:0; border:2px solid
 var(--ink); }
   .price-card{ padding:26px 24px; }
   .price-card +
 .price-card{ border-left:2px solid var(--ink); }
   .price-card .who{
 
    font-family:'Barlow Condensed', sans-serif;
    
 text-transform:uppercase;
     letter-spacing:.08em;
    
 font-size:13px;
     color:var(--muted);
     margin-bottom:10px;
   }
  
 .price-card .amount{
     font-family:'Archivo Black', sans-serif;
    
 font-size:42px;
     line-height:1;
   }
   .price-card .amount span{
 font-size:20px; }
   .price-card .detail{ font-size:14.5px;
 color:var(--muted); margin-top:8px; }
 
   /* ---------- Timeline /
 programme ---------- */
   .timeline{ margin:0; padding:0; }
   .trow{
 
    display:grid;
     grid-template-columns:90px 1fr;
     gap:18px;
   
  padding:13px 0;
     border-top:1px solid rgba(19,32,28,0.18);
    
 align-items:baseline;
   }
   .trow:first-child{ border-top:none; }
  
 .trow .time{
     font-family:'Archivo Black', sans-serif;
    
 font-size:18px;
     color:var(--flag-red);
   }
   .trow .lab{
 font-size:16.5px; }
 
   /* ---------- Registration CTA block
 ---------- */
   .cta-block{
     background:var(--paper-2);
    
 border:2px solid var(--ink);
     padding:32px;
     display:flex;
    
 justify-content:space-between;
     align-items:center;
     gap:24px;
 
    flex-wrap:wrap;
   }
   .cta-block .txt h3{
     font-family:'Archivo
 Black', sans-serif;
     text-transform:uppercase;
    
 font-size:22px;
     margin:0 0 6px;
   }
   .cta-block .txt p{
 margin:0; color:var(--muted); font-size:15px; }
   .btn{
    
 font-family:'Barlow Condensed', sans-serif;
     font-weight:700;
    
 text-transform:uppercase;
     letter-spacing:.06em;
    
 font-size:14.5px;
     background:var(--flag-red);
    
 color:var(--paper);
     text-decoration:none;
     padding:14px 28px;
 
    border:2px solid var(--ink);
     display:inline-block;
    
 white-space:nowrap;
   }
   .btn:hover{ background:var(--ink); }
  
 .btn-outline{
     background:transparent;
     color:var(--ink);
   }
  
 .btn-outline:hover{ background:var(--ink); color:var(--paper); }
 
  
 /* ---------- Contacts ---------- */
   .contacts{ display:grid;
 grid-template-columns:1fr 1fr; gap:0; border:2px solid var(--ink);
 margin-top:18px; }
   .contact{ padding:20px 22px; }
   .contact +
 .contact{ border-left:2px solid var(--ink); }
   .contact .role{
    
 font-family:'Barlow Condensed', sans-serif;
    
 text-transform:uppercase;
     font-size:11.5px;
    
 letter-spacing:.1em;
     color:var(--muted);
   }
   .contact .name{
 font-weight:600; font-size:17px; margin:3px 0 4px; }
   .contact a{
 font-size:15px; text-decoration:none; border-bottom:1px solid
 var(--flag-red); }
 
   /* ---------- Location ---------- */
   .loc{
   
  display:flex;
     align-items:flex-start;
     gap:18px;
    
 padding:22px;
     border:2px solid var(--ink);
   }
   .loc .pin{
    
 font-family:'Archivo Black', sans-serif;
     font-size:26px;
    
 color:var(--flag-red);
     line-height:1;
   }
   .loc .addr p{
 margin:0; }
   .loc .addr .place{ font-weight:600; font-size:18px; }
  
 .loc .addr .sub{ color:var(--muted); font-size:15px; }
 
   /*
 ---------- Footer band ---------- */
   footer{
    
 background:var(--ink);
     color:var(--paper);
     padding:36px 0;
   
  text-align:center;
   }
   footer .sign{
     font-family:'Archivo
 Black', sans-serif;
     text-transform:uppercase;
    
 font-size:20px;
     letter-spacing:.02em;
    
 color:var(--flag-gold);
     margin:0 0 8px;
   }
   footer p{ margin:0;
 color:var(--paper-2); font-size:15px; max-width:520px; margin:0 auto;
 }
 
   @media (max-width:680px){
     h1.hero-title{ font-size:38px; }
  
   .twocol{ grid-template-columns:1fr; }
     .price-grid{
 grid-template-columns:1fr; }
     .price-card + .price-card{
 border-left:none; border-top:2px solid var(--ink); }
     .contacts{
 grid-template-columns:1fr; }
     .contact + .contact{
 border-left:none; border-top:2px solid var(--ink); }
     .format{
 grid-template-columns:1fr; }
     .format .arrow{ width:auto;
 border-left:none; border-right:none; border-top:2px solid var(--ink);
 border-bottom:2px solid var(--ink); transform:rotate(90deg);
 padding:6px 0; }
     .cta-block{ flex-direction:column;
 align-items:flex-start; }
     .trow{ grid-template-columns:70px 1fr;
 }
   }
 </style>
URL;VALUE=URI:https://www.tcsa-974.fr/evenements/2026/09/20/championnat-de-duathlon-par-equipe-2026-2466900
END:VEVENT
END:VCALENDAR
