PageSourceSearch

https://www.triathlon-infotri.fr/

html triathlon-infotri.fr collected 2026-10-08 07:21:11 UTC 31,995 bytes, 566 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
3
4<head>
5
6    <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <meta name="robots" content="index, follow">
9
10    <!-- HTML Meta Tags -->
11    <title>Tri'athlon : Sauve le ville et deviens le héros&nbsp;!</title>
12    <meta name="description" content="Tri'athlon">
13    <meta http-equiv="Content-Security-Policy" content="style-src 'self' 'unsafe-inline' https://use.typekit.net https://p.typekit.net;">
14    
15
16
17    <!-- Facebook Meta Tags -->
18    <meta property="og:url" content="https://triathlon-infotri.fr">
19    <meta property="og:type" content="website">
20    <meta property="og:title" content="Tri'athlon : Sauve le ville et deviens le héros&nbsp;!">
21    <meta property="og:description" content="Tri'athlon">
22    <meta property="og:image:type" content="image/jpeg" />
23    <meta property="og:image:width" content="1200" />
24    <meta property="og:image:height" content="630" />
25
26    <!-- Twitter Meta Tags -->
27    <meta name="twitter:card" content="summary_large_image">
28    <meta property="twitter:domain" content="triathlon-infotri.fr">
29    <meta property="twitter:url" content="https://triathlon-infotri.fr">
30    <meta name="twitter:title" content="Tri'athlon : Sauve le ville et deviens le héros&nbsp;!">
31    <meta name="twitter:description" content="Tri'athlon">
32
33    <!-- Favicon & css & jquery -->
34    <link rel="icon" href="img/favicon.ico">
35    <link href="css/style.css" rel="stylesheet" type="text/css">
36    
36<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
36
37    <link rel="stylesheet" href="https://use.typekit.net/qne2fje.css">
38</head>
39
40<body>
41    <div id="overlay">
42        <div class="loader"></div>
43    </div>
44
45    <header class="header">
46        <div class="header-top">
47            <a class="header-logo" href="/" title="Vers accueil">
48                <img  src="img/logo-triathlon.webp" alt="Logo principal Tri'athlon">
49            </a>
50            <nav class="nav-bar">
51                <ul>
52                    <li><a class="active" href="https://triathlon-infotri.fr">accueil</a></li>
53                    <li><a class="" href="#lots">Lots à gagner</a></li>
54                    <li><a class="" href="#video">Bande-annonce</a></li>
55                    <li><a class="" href="#guide">Comment participer</a></li>
56                    <li><a class="" href="#infotri">L'info-tri, c'est quoi ?</a></li>
57                </ul>
58            </nav>
59            <nav class="menu-mobile">
60                <div class="menu-mobile-switch">
61                    <?xml version="1.0" encoding="UTF-8"?><svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 20"><path d="M2,4h24c1.1,0,2-.9,2-2s-.9-2-2-2H2C.9,0,0,.9,0,2s.9,2,2,2ZM26,8H2c-1.1,0-2,.9-2,2s.9,2,2,2h24c1.1,0,2-.9,2-2s-.9-2-2-2ZM26,16H2c-1.1,0-2,.9-2,2s.9,2,2,2h24c1.1,0,2-.9,2-2s-.9-2-2-2Z"/></svg>
62                </div>
63                <div class="menu-panel">
64                    <img  class="burger-close" src="img/burger_close.png" alt="Menu burger mobile">
65                    <a class="header-logo" href="/"><img  src="img/logo-triathlon.webp" alt="Logo Tri'athlon"></a>
66                    <nav>
67                        <ul>
68                            <li><a class="active" href="https://triathlon-infotri.fr">accueil</a></li>
69                            <li><a class="" href="#lots">Lots à gagner</a></li>
70                            <li><a class="" href="#video">Bande-annonce</a></li>
71                            <li><a class="" href="#guide">Comment participer</a></li>
72                            <li><a class="" href="#infotri">L'info-tri, c'est quoi ?</a></li>
73                        </ul>
74                    </nav>
75                </div>
76            </nav>
77            <div class="header-result" id="header-inscription">
78                <span>Concours Terminé !</span>
79            </div>
80    </header>
81
82    <main>
83        <section id="home">
84            <div class="wrapper">
85                <div class="home-left">
86                    <h1>
87                        <span>Sauve la ville</span>
88                        <span>Et deviens <br/>un héros&nbsp;!</span>
89                    </h1>
90                </div>   
91                
92                <div class="home-center">
93                    <!-- <video  playsinline autoplay muted loop class="main-logo">
94                        <source src="img/LOGO_TRI_ATHLON.webm" type="video/webm" />
95                    </video> -->
96                    <img  class="main-logo" src="img/triathlon_main_logo.webp" alt="Logo principal Tri'athlon">             
97                    <img  class="created-in" src="img/CreatedInFortnite_Stacked_White_FR.webp" alt="Créé dans Fortnite">
98
99                    <div class="yellow-cta" id="register1">
100                        <img  src="img/CTA.webp" alt="CTA jaune">
101                        <p class="home-result-text">
102                            Concours Terminé !
103                        </p>
104                    </div>
105                </div>
106
107
108                <div class="home-right">
109                    <div class="copy-code" onclick="copyContent()">
110                        <span id="code-map-1" >5939-7163-3702</span>
111                        <img  src="img/codemap.webp"  alt="Code de l'île Fortnite 5939-7163-3702">
112                        <span class="map_code_copy" id="map-code-copied1">Code copié dans le presse-papiers !</span>
113                    </div>
114                    <div class="available-on">Jouable gratuitement sur
115                        <img  src="img/available-on.webp" alt="Disponible sur">
116                    </div>
117                </div>
118
119            <img  class="home-objets_left" width="631" height="330" src="img/home_objets_left.webp" alt="Image d'objets : miroir, batteries, panneau solaire, canette, fauteuil">   
120            <img  class="home-objets_right" id="poubelle_jaune" src="img/poubelle_jaune.webp" alt="Image d'objets : poubelle jaune">    
121            <img  class="home-objets_right" id="benne_vetements" src="img/benne_vetements.webp" alt="Image d'objets : borne à vetements">                              
122            <img  class="home-objets_right" id="poubelle_verte" src="img/poubelle_verte.webp" alt="Image d'objets : poubelle verte">
123            <img  class="home-objets_right" id="panneau_tri" src="img/panneau_tri.webp" alt="Image d'objets : panneau tri">                             
124            </div>
125        </section>
126
127
128        <section id="lots">
129            <div class="wrapper">
130                <h2><span>Remporte des lots</span>
131                    <span>reconditionnés</span></h2>
132                    <p class="lots-mention">Les gagnants de ces récompenses ont la possibilité de faire don de leur prix à l'association de leur choix.</p>
133                <div class="flex-row">
134                    <div class="lots-box" id="lots_1">
135                        <img  src="img/lots_1.webp" alt="Lot 1 : une PS reconditionnée">
136                        <div class="lots-box_text">
137                            <img  src="img/fleche.svg" alt="Flèche">
138                            <span>top 1</span>
139                            <span>1 ps5</span>
140                        </div>
141                    </div>
142                    <div class="lots-box" id="lots_2">      
143                        <img  src="img/lots_2.webp" alt="Lot 1 : une Switch reconditionnée">                 
144                        <div class="lots-box_text">
145                            <img  src="img/fleche.svg" alt="Flèche">
146                            <span>top 2</span>
147                            <span>1 Switch</span>
148                        </div>
149                    </div>
150                    <div class="lots-box" id="lots_3">     
151                        <img  src="img/lots_3.webp" alt="Lot 3 : une xbox series S">                                
152                        <div class="lots-box_text">
153                            <img  src="img/fleche.svg" alt="Flèche">
154                            <span>top 3</span>
155                            <span>1 xbox series S</span>
156                        </div>
157                    </div>
158                    <div class="lots-box" id="lots_4">  
159                        <img  src="img/lots_4.webp" alt="Lot 4 : des V bucks">                                          
160                        <div class="lots-box_text">
161                            <img  src="img/fleche.svg" alt="Flèche">
162                            <span>top 4-5</span>
163                            <span>V-bucks</span>
164                        </div>
165                    </div>
166                    <div class="lots-box lots_infobox">
167                        <img  src="img/infobox.webp" alt="Cadre illustratif">
168                        <div><h3>Pourquoi du reconditionné&nbsp;?</h3>
169                        <p>Acheter des appareils reconditionnés est une excellente façon de réduire ton impact environnemental. En donnant une nouvelle vie à un produit, tu évites l'extraction et la consommation de nouvelles ressources, tu réduis les déchets et tu obtiens un produit de qualité à un prix plus abordable.</p></div>
170                    </div>
171                </div>
172                <div class="lots_forall">
173                    <img  src="img/forall_box.png" alt="Panneau illustratif">
174                    <div class="lots_forall_text">
175                        <p>Et pour tou·te·s</p>
176                        <p>un tirage au sort pour gagner</p>
177                        <p>1 ps5 <span style="color: #7cd245;">+</span> V-bucks</p>
178                    </div>
179                </div>
180            </div>
181        </section>
182
183        <section id="video">
184            <div class="video-box">
185                <div class="video-box-resp">
186                    <video width="100%" height="100%" autoplay muted loop playsinline controls controlsList="nodownload"
187                        type="video/mp4">
188                        <source src="">
189                    </video>
190                </div>
191            </div>
192        </section>
193
194        <section id="guide">
195            <div class="wrapper">
196                <h2>Comment participer ?</h2>
197
198                <div class="flex-row">
199                    <div class="guide-box" id="guide-box_1">
200                        <img  src="img/guide-box_1.webp" alt="Illustration panneau">
201                        <div class="guide-box-text">
202                            <span>allume</span>
203                            <span>l'appareil</span>
204                            <span>de ton</span>
205                            <span>choix</span>
206                            <img  src="img/guide_1.png" alt="Liste des consoles compatibles Xbox Switch PS">
207                        </div>
208                    </div>
209                    <svg  xmlns="http://www.w3.org/2000/svg"  xmlns:xlink="http://www.w3.org/1999/xlink"                        width="40px" height="67px">
210                        <defs>
211                            <filter filterUnits="userSpaceOnUse" id="Filter_0" x="0px" y="0px" width="40px" height="67px"  >
212                                <feOffset in="SourceAlpha" dx="0" dy="8" />
213                                <feGaussianBlur result="blurOut" stdDeviation="0" />
214                                <feFlood flood-color="rgb(80, 175, 47)" result="floodOut" />
215                                <feComposite operator="atop" in="floodOut" in2="blurOut" />
216                                <feComponentTransfer><feFuncA type="linear" slope="1"/></feComponentTransfer>
217                                <feMerge>
218                                <feMergeNode/>
219                                    <feMergeNode in="SourceGraphic"/>
220                                </feMerge>
221                            </filter>
222                        </defs>
223                        <g filter="url(#Filter_0)">
224                            <path fill-rule="evenodd"  fill="rgb(209, 242, 74)" d="M0.358,0.039 L30.126,22.563 L8.825,56.219 L10.510,27.089 L0.358,0.039 Z"/>
225                        </g>
226                    </svg>
227                    <div class="guide-box" id="guide-box_2">
228                        <img  src="img/guide-box_2.webp" alt="Illustration panneau">
229                        <div class="guide-box-text">
230                            <span>Installe</span>
231                            <span>Fortnite</span>
232                            <span>gratuitement</span>
233                            <img  src="img/guide-text_2.svg" alt="Illustration lama">
234                            <span>et lance</span>
235                            <span>le jeu</span>
236                        </div>
237                    </div>   
238                    <svg                     xmlns="http://www.w3.org/2000/svg"                    xmlns:xlink="http://www.w3.org/1999/xlink"                    width="38px" height="68px">
239                    <defs>
240                    <filter filterUnits="userSpaceOnUse" id="Filter_0" x="0px" y="0px" width="38px" height="68px"  >
241                        <feOffset in="SourceAlpha" dx="0" dy="8" />
242                        <feGaussianBlur result="blurOut" stdDeviation="0" />
243                        <feFlood flood-color="rgb(88, 177, 57)" result="floodOut" />
244                        <feComposite operator="atop" in="floodOut" in2="blurOut" />
245                        <feComponentTransfer><feFuncA type="linear" slope="0.73"/></feComponentTransfer>
246                        <feMerge>
247                        <feMergeNode/>
248                        <feMergeNode in="SourceGraphic"/>
249                        </feMerge>
250                    </filter>
251                    </defs>
252                    <g filter="url(#Filter_0)">
253                    <path fill-rule="evenodd"  fill="rgb(216, 249, 82)"
254                        d="M0.734,0.416 L28.604,25.248 L4.679,57.093 L8.690,28.191 L0.734,0.416 Z"/>
255                    </g>
256                   </svg>
257                    <div class="guide-box" id="guide-box_3">
258                        <img  src="img/guide-box_3.webp" alt="Illustration panneau">
259                        <div class="guide-box-text">
260                            <span>Rentre</span>
261                            <span>le code</span>
262                            <div class="copy-code" onclick="copyContent2()">
263                                <div class="code-map-2">
264                                    <span id="code-map-2" >5939-7163-3702</span>
265                                    <img  src="img/guide-box-text_3.png" alt="Illustration Codemap">
266                                    <span class="map_code_copy" id="map-code-copied2">Code copié dans le presse-papiers !</span>
267                                </div>
268                            </div>
269                            <span>dans le menu</span>
270                            <span>"Recherche"</span>
271                            <img  src="img/guide-box-text_3b.png" alt="Illustration barre recherche dans Fortnite">
272                        </div>
273                    </div>
274
275                    <svg                 xmlns="http://www.w3.org/2000/svg"                xmlns:xlink="http://www.w3.org/1999/xlink"                width="38px" height="68px">
276                        <defs>
277                            <filter filterUnits="userSpaceOnUse" id="Filter_0" x="0px" y="0px" width="38px" height="68px"  >
278                                <feOffset in="SourceAlpha" dx="0" dy="8" />
279                                <feGaussianBlur result="blurOut" stdDeviation="0" />
280                                <feFlood flood-color="rgb(136, 205, 64)" result="floodOut" />
281                                <feComposite operator="atop" in="floodOut" in2="blurOut" />
282                                <feComponentTransfer><feFuncA type="linear" slope="1"/></feComponentTransfer>
283                                <feMerge>
284                                <feMergeNode/>
285                                <feMergeNode in="SourceGraphic"/>
286                                </feMerge>
287                            </filter>
288                        </defs>
289                        <g filter="url(#Filter_0)">
290                            <path fill-rule="evenodd"  fill="rgb(225, 255, 102)" d="M5.274,0.703 L28.890,29.611 L0.253,57.296 L8.761,29.384 L5.274,0.703 Z"/>
291                        </g>
292                    </svg>
293                    <div class="guide-box" id="guide-box_4">
294                        <img  src="img/guide-box_4.webp" alt="Illustration panneau">
295                        <div class="guide-box-text">
296                            <span>Prends une</span>
297                            <span>capture</span>
298                            <span>d'écran</span>
299                            <span>de ton score</span>
300                            <span>Concours Terminé !</span>
301                            <img  src="img/guide_4-cta.png" class="guide-box-text_participation" alt="Bouton Participer" style="opacity: 0.5; pointer-events: none;">
302                        </div>
303                    </div>
304                    <svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="67px">
305                        <defs>
306                            <filter filterUnits="userSpaceOnUse" id="Filter_0" x="0px" y="0px" width="40px" height="67px"  >
307                                <feOffset in="SourceAlpha" dx="0" dy="8" />
308                                <feGaussianBlur result="blurOut" stdDeviation="0" />
309                                <feFlood flood-color="rgb(80, 175, 47)" result="floodOut" />
310                                <feComposite operator="atop" in="floodOut" in2="blurOut" />
311                                <feComponentTransfer><feFuncA type="linear" slope="1"/></feComponentTransfer>
312                                <feMerge>
313                                <feMergeNode/>
314                                <feMergeNode in="SourceGraphic"/>
315                                </feMerge>
316                            </filter>
317                        </defs>
318                        <g filter="url(#Filter_0)">
319                        <path fill-rule="evenodd"  fill="rgb(209, 242, 74)"
320                            d="M9.078,0.210 L30.717,30.627 L0.299,56.342 L10.647,29.060 L9.078,0.210 Z"/>
321                        </g>
322                   </svg>
323                   <div class="guide-box" id="guide-box_5">
324                        <img  src="img/guide-box_5.webp" alt="Illustration panneau">
325                        <div class="guide-box-text">
326                            <span>Gagne</span>
327                            <span>de nombreux</span>
328                            <span>lots</span>
329                            <span>reconditionnés</span>
330                        </div>
331                    </div>
332            </div>
333
334            </div>
335            <img  class="guide-bottom" src="img/guide_bottom.webp" alt="Illustration tapis roulant de tri">
336        </section>
337
338
339        <section id="infotri">
340            <div class="wrapper">
341                <h2><span>L'Info-tri</span><span>qu'est ce que c'est&nbsp;?</span></h2>
342                <p>L'étiquette Info-tri permet à chacun de mieux trier ses produits du quotidien avec une indication claire et précise sur l'endroit où les déposer.</p>
343                <div class="infotri-box">
344                    <img  src="img/infotri-logo.webp" width="500" height="152" alt="Logo Info tri">
345                    <div class="infotri-box_text">
346                        <p>Un doute sur l'endroit <br/>où jeter un déchet ?</p>
347                        <a href="https://www.ecologie.gouv.fr/info-tri" target="_blank">quefairedemesdechets.gouv.fr</a>
348                    </div>
349                </div>
350            </div>
351        </section>
352
353
354
355        <div id="cookies"><!-- Popup cookies -->
356            <div class="main-overlay">
357                <div class="popup-cookies-main" id="popupCookiesMain">
358                    <h3>Nous assurons le respect de votre vie priv&eacute;e</h3>
359                    <p>Lorsque vous naviguez sur notre site, Tri'athlon et ses partenaires utilisent des cookies et
360                        autres traceurs pour les finalit&eacute;s suivantes :</p>
361                    <p>
362                    <ul>
363                        <li>Mesurer l&apos;audience et la performance du site</li>
364                    </ul>
365                    <p>En cliquant sur <strong>personnaliser</strong>
365, vous pouvez prendre connaissance du
366                        d&eacute;tail, et nous indiquer vos pr&eacute;f&eacute;rences.</p>
367                    <p>Pour en savoir plus ou pour modifier vos pr&eacute;f&eacute;rences, vous pouvez cliquer sur
368                        le lien cookies figurant en bas de page sur ce site &agrave; tout moment.</p>
369                    <p> <a class="charte-cookies" href="https://www.ecologie.gouv.fr/donnees-personnelles" target="_blank"><img  src="img/CTA_small.png"
370                        alt="Background of a button"><span>Lire notre charte cookies</span></a></p>
371                    <div class="flex-row">
372                        <button id="dont-give-consent-cookies" type="button" class="" title=""
373                            aria-label="Refuser les cookies et fermer la boite de dialogue">Continuer sans
374                            accepter</button>
375                        <button type="button" aria-label="Paramétrer vos cookies" id="set-cookies" class=""
376                            id="">Personnaliser</button>
377                        <button type="button" aria-label="Accepter les cookies et fermer la boite de dialogue"
378                            id="give-consent-cookies">Accepter & fermer</button>
379                    </div>
380                </div>
381
382                <div class="popup-cookies-choices" id="popupCookiesChoices">
383                    <h3>Vos choix relatifs aux cookies</h3>
384                    <div class="close-param-cookies-popup">
385                        <img  src="img/close.png" alt="Close button">
386                    </div>
387                    <div class="popup-cookies-choices-table">
388                        <div class="popup-cookies-choices-block popup-cookies-choices-block">
389                            <strong>Les cookies pour mesurer l'audience et la performance du site :</strong>
390                            <p>Ces cookies nous permettent de récolter des informations sur les visites effectuées
391                                sur notre site, afin de mesurer l'audience et d'optimiser la performance du site.
392                                Par exemple, nous pouvons savoir quelles pages internet sont les plus ou moins
393                                visitées.</p>
394                            <div class="flex-row">
395                                <button class="no-consent_cookies" id="refuseAudienceCookies">Refuser</button>
396                                <button class="give-consent_cookies" id="acceptAudienceCookies">Accepter</button>
397                            </div>
398                        </div>
399                        <button id="end-cookies" title="Enregistrer"
400                            aria-label="Enregistrer le paramétrage de vos cookies"><img  src="img/CTA.webp"
401                                alt="Background of a button"><span>Enregistrer mes préférences</span></button>
402                        <input id="cookiesAudienceChoice" type="hidden" value="true">
403                    </div>
404                </div>
405            </div>
406        </div>
407    </main>
408
409
410    <footer>
411
412    <a class="footer_logo_ministere" title="Vers le site du Ministère de la Transition écologique, de l'Énergie, du Climat et de la Prévention des risques" href="https://www.ecologie.gouv.fr/" target="_blank"><img  src="img/logo_ministere.webp" width="" alt="Logo Ministère de la Transition écologique, de l'Énergie, du Climat et de la Prévention des risques"></a>
413 
414     <div class="footer-right">
415        <div class="footer-links">
416            <div class="links">
417                <p class="open-cookies">Cookies</p>
418                <a href="reglement.html">Règlement</a>
419                <a href="mentions.html">Mentions légales</a>
420                <div class="footer-send-result">Concours Terminé !</div>                              
421            </div>
422            <a class="to-top" href="#home">
423                <img  src="img/to-top.webp" alt='Flèche vers accueil'>
424            </a>
425        </div>
426        <div class="mentions-epic">
427            <p>Ceci n'est pas sponsorisé, soutenu ou administré par Epic Games, Inc. Dans la mesure autorisée par la loi applicable, les participants acceptent de dégager de toute responsabilité Epic Games, Inc., ses concédants de licence, ses et leurs affiliés, ainsi que ses et leurs employés, responsables, directeurs, agents, contractants et autres représentants de toute réclamation, demande, action, perte, responsabilité et dépense en lien avec cette promotion. Les informations fournies par les participants en lien avec cette promotion sont fournies au sponsor et non à Epic Games, Inc.</p>
428            <p>Toutes les données personnelles que vous soumettez sur ce site seront utilisées conformément à la politique de confidentialité applicable, que vous pouvez trouver <a title="Lire la politique de confidentialité" target="_blank" href="https://www.ecologie.gouv.fr/mentions-legales">ici</a>.</p>
429        </div>
430     </div>
431    </footer>
432
433    <div class="popup" id="popup-participation"><!-- Popup bouton participation -->
434        <div class="main-overlay">
435            <form id="form" method="POST" accept-charset="utf-8" enctype="multipart/form-data">
436                <div class="popup-step" id="step1"><!-- Etape 1 -->
437                    <div class="close-popup">
438                        <img  src="img/close.png" alt="Close button">
439                    </div>
440                    <div class="flex-row">
441                        <div class="step1-left">
442                            <label for="fakeInput">
443                                <input type="text" id="fakeInput" />
444                                <!-- Input fictif pour cacher la boîte de fichier de l'input=file suivant -->
445                                <input type="file" id="step1-screenshot" name="step1-screenshot" required
446                                    accept=".jpg, .jpeg, .png" multiple width="100%" height="100">
447                                <p id="filename"></p>
448                                <input type="text" name="validation-code" id="validation-code" hidden>
449                            </label>
450                            <div class="step1-left_text">
451                                <span>glisse ton image ici</span>
452                                <span>ou clique sur cette zone <br/> pour l'importer</span>
453                            </div>
454                        </div>
455                    </div>
456                </div>
457
458                <div class="popup-step" id="step2"><!-- Etape 2 -->
459                    <div class="close-popup">
460                        <img  src="img/close.png" alt="Close button">
461                    </div>
462                    <h3>Confirme ta participation</h3>
463                    <div class="flex-row" id="row-email">
464                        <div>
465                            <label for="step2-email">
466                                <span>Ton email</span></label>
467                            <input type="email" id="step2-email" name="step2-email" />
468                        </div>
469                    </div>
470                    <div class="flex-row" id="checkboxes">
471                        <div class="row-checkbox">
472                            <input type="checkbox" value="" id="check1" name="check1" required>
473                            <label for="check1">
474                                JE VALIDE LES TERMES ET CONDITIONS DU <a href="reglement.html">RÈGLEMENT
475                                    DU CONCOURS</a>.
476                            </label>
477                        </div>
478                        <div class="row-checkbox">
479                            <input type="checkbox" value="" id="check2" name="check2" required>
480                            <label for="check2">
481                                J'autorise le Ministère de la Transition écologique, de l’Énergie, du Climat et de la Prévention des risques à utiliser mes informations personnelles pour ma participation au concours Tri'athlon, conformément aux dispositions stipulées dans les
482                                <a href="mentions.html">mentions légales</a> et le <a
483                                    href="reglement.html">règlement du concours</a>.
484                            </label>
485                        </div>
486                    </div>
487                    <div class="buttons">
488                        <button id="submit" class="g-recaptcha popup-submit"
489                            data-sitekey="6Ld_ZQ0qAAAAAEcy9suLS6WPJs1rxjYOlW2gU85l" data-callback="onSubmit"
490                            data-action="submit">
491                            <span>Valider ma participation</span>
492                            <img  src="img/CTA.webp" alt="Background of a button">
493                        </button>
494                    </div>
495                </div>
496            </form>
497        </div>
498
499        <div class="popup-step" id="step-confirmation"><!-- Etape 3 -->
500            <div class="close-popup closeConfirmation">
501                <img  src="img/close.png" alt="Close button">
502            </div>
503            <img  src="img/logo-triathlon.webp" alt="Logo Tri'athlon">
504            <h3 id="resultModalTitle">Participation confirmée</h3>
505            <p id="resultModalBody">Merci d'avoir participé à l'expérience <span color: #fac31d;>TRI'ATHLON</span>.<br />
506                Vous avez jusqu'au <span color: #fac31d;>31 octobre</span> pour améliorer votre résultat et <span color:
507                    #fac31d;>vous pouvez participer autant de fois que vous le souhaitez !</span></p>
508            <div class="end-popup closeConfirmation"><span>Fermer</span><img  src="img/CTA.webp"
509                    alt="Background of a button"></div>
510            <input type="hidden" id="closeAll" value="">
511        </div>
512    </div>
513
514
515
516    
516<script>
517
518
519        /* Menu mobile */
520        document.querySelector(".menu-mobile-switch").addEventListener("click", function () {
521            document.querySelector(".menu-panel").style.display = "block";
522        });
523        document.querySelector(".menu-panel").addEventListener("click", function () {
524            document.querySelector(".menu-panel").style.display = "none";
525        });
526        document.querySelector(".burger-close").addEventListener("click", function () {
527            document.querySelector(".menu-panel").style.display = "none";
528        });
529
530
531
532        /* Copier code map */
533        var mapcodetext = document.getElementById("code-map-1").innerHTML;
534
535        var copyContent = async () => {
536            try {
537                await navigator.clipboard.writeText(mapcodetext);
538                console.log('Content copied to clipboard');
539                document.getElementById("map-code-copied1").style.display = "block";
540            } catch (err) {
541                console.error('Erreur de copie: ', err);
542            }
543        }
544
545          /* Copier code map */
546          var mapcodetext = document.getElementById("code-map-2").innerHTML;
547
548            var copyContent2 = async () => {
549                try {
550                    await navigator.clipboard.writeText(mapcodetext);
551                    console.log('Content copied to clipboard');
552                    document.getElementById("map-code-copied2").style.display = "block";
553                } catch (err) {
554                    console.error('Erreur de copie: ', err);
555                }
556            }      
557       
558    </script>
558
559
560
561    
561<script src="js/custom.js"></script>
561
562
563</body>
564
565
566</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.