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 !</title> 12 <meta name="description" content="Tri'athlon"> 13 14 <!-- Facebook Meta Tags --> 15 <meta property="og:url" content="https://triathlon-infotri.fr"> 16 <meta property="og:type" content="website"> 17 <meta property="og:title" content="Tri'athlon - Mentions légales"> 18 <meta property="og:description" content="Tri'athlon"> 19 <meta property="og:image:type" content="image/jpeg" /> 20 <meta property="og:image:width" content="1200" /> 21 <meta property="og:image:height" content="630" /> 22 23 <!-- Twitter Meta Tags --> 24 <meta name="twitter:card" content="summary_large_image"> 25 <meta property="twitter:domain" content="triathlon-infotri.fr"> 26 <meta property="twitter:url" content="https://triathlon-infotri.fr"> 27 <meta name="twitter:title" content="Tri'athlon - Mentions légales"> 28 <meta name="twitter:description" content="Tri'athlon"> 29 30 <!-- Favicon & css & jquery --> 31 <link rel="icon" href="img/favicon.ico"> 32 <link href="css/style.css" rel="stylesheet" type="text/css"> 33
33<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
33 34 <link rel="stylesheet" href="https://use.typekit.net/qne2fje.css"> 35</head> 36 37<body> 38 <div id="overlay"> 39 <div class="loader"></div> 40 </div> 41 42 <header class="header"> 43 <div class="header-top"> 44 <a class="header-logo" href="/" title="Vers accueil"> 45 <img loading="lazy" src="img/logo-triathlon.webp" alt="Logo principal Tri'athlon"> 46 </a> 47 <nav class="nav-bar"> 48 <ul> 49 <li><a class="active" href="https://triathlon-infotri.fr">accueil</a></li> 50 <li><a class="" href="https://triathlon-infotri.fr#lots">Lots à gagner</a></li> 51 <li><a class="" href="https://triathlon-infotri.fr#video">Bande-annonce</a></li> 52 <li><a class="" href="https://triathlon-infotri.fr#guide">Comment participer</a></li> 53 <li><a class="" href="https://triathlon-infotri.fr#infotri">Lâinfo-tri, câest quoi ?</a></li> 54 </ul> 55 </nav> 56 <nav class="menu-mobile"> 57 <div class="menu-mobile-switch"> 58 <?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> 59 </div> 60 <div class="menu-panel"> 61 <img loading="lazy" class="burger-close" src="img/burger_close.png" alt="Menu burger mobile"> 62 63 64 <a class="header-logo" href="/"><img src="img/logo-triathlon.webp" alt="Logo Tri'athlon"></a> 65 <nav> 66 <ul> 67 <li><a class="active" href="https://triathlon-infotri.fr">accueil</a></li> 68 <li><a class="" href="https://triathlon-infotri.fr#lots">Lots à gagner</a></li> 69 <li><a class="" href="https://triathlon-infotri.fr#video">Bande-annonce</a></li> 70 <li><a class="" href="https://triathlon-infotri.fr#guide">Comment participer</a></li> 71 <li><a class="" href="https://triathlon-infotri.fr#infotri">Lâinfo-tri, câest quoi ?</a></li> 72 </ul> 73 </nav> 74 </div> 75 </nav> 76 <div class="header-result" id="header-inscription"> 77 <span>J'envoie mon résultat</span> 78 </div> 79 </header> 80 81 <main> 82 83 <section id="legal"> 84 <div class="wrapper"> 85 <h1>Mentions légales</h1> 86 <h3>1. Ãditeur</h3> 87 <p>[Page en cours d'actualisation suite aux changements gouvernementaux]</p> 88 <h3>2. Directeur de la publication et responsable de la rédaction</h3> 89 <p>Le ministère du Partenariat avec les territoires et de la Décentralisation, le ministère de la Transition écologique, de lâÃnergie, du Climat et de la Prévention des risques et le ministère du Logement et de la Rénovation urbaine.</p> 90 <p>Direction de la Communication<br/>244, Boulevard Saint Germain<br/>75007 Paris France</p> 91 <p>Directrice de la publication : Anaïs Lançon, directrice de la communication</p> 92 <h3>3. Hébergeur</h3> 93 <p>Ce site est hébergé par :<br/> 94 <strong>OVH</strong><br/> 95 S.A.S filiale de la société OVH Groupe SA, au capital de 50.000.000 euros entièrement versé<br/> 96 RCS LILLE FR2242476 419 â N° de TVA intracommunautaire : FR 22 424 761 419<br/> 97 Siège social : 2 rue Kellermann - 59100 Roubaix - France</p> 98 </div> 99 </section> 100 101 102 <div id="cookies"><!-- Popup cookies --> 103 <div class="main-overlay"> 104 <div class="popup-cookies-main" id="popupCookiesMain"> 105 <h3>Nous assurons le respect de votre vie privée</h3> 106 <p>Lorsque vous naviguez sur notre site, Tri'athlon et ses partenaires utilisent des cookies et 107 autres traceurs pour les finalités suivantes :</p> 108 <p> 109 <ul> 110 <li>Mesurer l'audience et la performance du site</li> 111 </ul> 112 <p>En cliquant sur <strong>paramétrer</strong>
112, vous pouvez prendre connaissance du 113 détail, et nous indiquer vos préférences.</p> 114 <p>Pour en savoir plus ou pour modifier vos préférences, vous pouvez cliquer sur 115 le lien cookies figurant en bas de page sur ce site à tout moment.</p> 116 <p> <a class="charte-cookies" href="https://www.ecologie.gouv.fr/mentions-legales" target="_blank"><img src="img/CTA_small.png" 117 alt="Background of a button"><span>Lire notre charte cookies</span></a></p> 118 <div class="flex-row"> 119 <button id="dont-give-consent-cookies" type="button" class="" title="" 120 aria-label="Refuser les cookies et fermer la boite de dialogue">Continuer sans 121 accepter</button> 122 <button type="button" aria-label="Paramétrer vos cookies" id="set-cookies" class="" 123 id="">Personnaliser</button> 124 <button type="button" aria-label="Accepter les cookies et fermer la boite de dialogue" 125 id="give-consent-cookies">Accepter & fermer</button> 126 </div> 127 </div> 128 129 <div class="popup-cookies-choices" id="popupCookiesChoices"> 130 <h3>Vos choix relatifs aux cookies</h3> 131 <div class="close-param-cookies-popup"> 132 <img loading="lazy" src="img/close.png" alt="Close button"> 133 </div> 134 <div class="popup-cookies-choices-table"> 135 <div class="popup-cookies-choices-block popup-cookies-choices-block"> 136 <strong>Les cookies pour mesurer l'audience et la performance du site :</strong> 137 <p>Ces cookies nous permettent de récolter des informations sur les visites effectuées 138 sur notre site, afin de mesurer l'audience et d'optimiser la performance du site. 139 Par exemple, nous pouvons savoir quelles pages internet sont les plus ou moins 140 visitées.</p> 141 <div class="flex-row"> 142 <button class="no-consent_cookies" id="refuseAudienceCookies">Refuser</button> 143 <button class="give-consent_cookies" id="acceptAudienceCookies">Accepter</button> 144 </div> 145 </div> 146 <button id="end-cookies" title="Enregistrer" 147 aria-label="Enregistrer le paramétrage de vos cookies"><img loading="lazy" src="img/CTA.png" 148 alt="Background of a button"><span>Enregistrer mes préférences</span></button> 149 <input id="cookiesAudienceChoice" type="hidden" value="true"> 150 </div> 151 </div> 152 </div> 153 </div> 154 </main> 155 156 157 <footer> 158 159 <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" alt="Logo Ministère de la Transition écologique, de lâÃnergie, du Climat et de la Prévention des risques"></a> 160 161 <div class="footer-right"> 162 <div class="footer-links"> 163 <div class="links"> 164 <a class="open-cookies">Cookies</a> 165 <a href="reglement.html">Règlement</a> 166 <a href="mentions.html">Mentions légales</a> 167 <div class="footer-send-result">J'envoie mon résultat</div> 168 </div> 169 <a class="to-top" href="/"> 170 <img src="img/to-top.jpg" alt='Vers accueil'> 171 </a> 172 </div> 173 <div class="mentions-epic"> 174 <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> 175 <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> 176 </div>
177 </div> 178 </footer> 179 180 <div class="popup" id="popup-participation"><!-- Popup bouton participation --> 181 <div class="main-overlay"> 182 <form id="form" method="POST" accept-charset="utf-8" enctype="multipart/form-data"> 183 <div class="popup-step" id="step1"><!-- Etape 1 --> 184 <div class="close-popup"> 185 <img src="img/close.png" alt="Close button"> 186 </div> 187 <div class="flex-row"> 188 <div class="step1-left"> 189 <label for="fakeInput"> 190 <input type="text" id="fakeInput" /> 191 <!-- Input fictif pour cacher la boîte de fichier de l'input=file suivant --> 192 <input type="file" id="step1-screenshot" name="step1-screenshot" required 193 accept=".jpg, .jpeg, .png" multiple width="100%" height="100"> 194 <p id="filename"></p> 195 <input type="text" name="validation-code" id="validation-code" hidden> 196 </label> 197 <div class="step1-left_text"> 198 <span>glisse ton image ici</span> 199 <span>ou clique sur cette zone <br/> pour lâimporter</span> 200 </div> 201 </div> 202 </div> 203 </div> 204 205 <div class="popup-step" id="step2"><!-- Etape 2 --> 206 <div class="close-popup"> 207 <img loading="lazy" src="img/close.png" alt="Close button"> 208 </div> 209 <h3>Confirme ta participation</h3> 210 <div class="flex-row" id="row-email"> 211 <div> 212 <label for="step2-email"> 213 <span>Ton email</span></label> 214 <input type="email" id="step2-email" name="step2-email" /> 215 </div> 216 </div> 217 <div class="flex-row" id="checkboxes"> 218 <div class="row-checkbox"> 219 <input type="checkbox" value="" id="check1" name="check1" required> 220 <label for="check2"> 221 JE VALIDE LES TERMES ET CONDITIONS DU <a href="reglement.html">RÃGLEMENT 222 DU CONCOURS</a>. 223 </label> 224 </div> 225 <div class="row-checkbox"> 226 <input type="checkbox" value="" id="check2" name="check2" required> 227 <label for="check3"> 228 J'autorise le Ministère à utiliser mes informations personnelles pour ma participation 229 au concours Tri'athlon, conformément aux dispositions stipulées dans les 230 <a href="mentions.html">mentions légales</a> et le <a 231 href="reglement.html">règlement du concours</a>. 232 </label> 233 </div> 234 </div> 235 <div class="buttons"> 236 <button id="submit" class="g-recaptcha popup-submit" 237 data-sitekey="6Ld_ZQ0qAAAAAEcy9suLS6WPJs1rxjYOlW2gU85l" data-callback="onSubmit" 238 data-action="submit"> 239 <span>Valider ma participation</span> 240 <img loading="lazy" src="img/CTA.png" alt="Background of a button"> 241 </button> 242 </div> 243 </div> 244 </form> 245 </div> 246 247 <div class="popup-step" id="step-confirmation"><!-- Etape 3 --> 248 <div class="close-popup closeConfirmation"> 249 <img loading="lazy" src="img/close.png" alt="Close button"> 250 </div> 251 <img loading="lazy" src="img/logo-triathlon.webp" alt="Logo Tri'athlon"> 252 <h3 id="resultModalTitle">Participation confirmée</h3> 253 <p id="resultModalBody">Merci d'avoir participé à l'expérience <span color: #fac31d;>TRI'ATHLON</span>.<br /> 254 Vous avez jusqu'au <span color: #fac31d;>31 octobre</span> pour améliorer votre résultat et <span color: 255 #fac31d;>vous pouvez participer autant de fois que vous le souhaitez !</span></p> 256 <div class="end-popup closeConfirmation"><span>Fermer</span><img loading="lazy" src="img/CTA.png"
257 alt="Background of a button"></div> 258 <input type="hidden" id="closeAll" value=""> 259 </div> 260 </div> 261 262 263 264
264<script> 265 266 267 /* Menu mobile */ 268 document.querySelector(".menu-mobile-switch").addEventListener("click", function () { 269 document.querySelector(".menu-panel").style.display = "block"; 270 }); 271 document.querySelector(".menu-panel").addEventListener("click", function () { 272 document.querySelector(".menu-panel").style.display = "none"; 273 }); 274 document.querySelector(".burger-close").addEventListener("click", function () { 275 document.querySelector(".menu-panel").style.display = "none"; 276 }); 277 278 </script>
278 279 280 281
281<script> 282 283 /* Détection Viewport pour menu */ 284 $.fn.isInViewport = function () { 285 var elementTop = $(this).offset().top; 286 var elementBottom = elementTop + $(this).outerHeight(); 287 288 var viewportTop = $(window).scrollTop(); 289 var viewportBottom = viewportTop + $(window).height(); 290 291 return elementBottom > viewportTop + 300 && elementTop < viewportBottom - 300; 292 }; 293 294 295 /* Envoyer résultat */ 296 297 $(document).ready(function () { 298 $("#register1").on("click", function () { 299 $("#popup-participation").show(); 300 }); 301 }); 302 $(document).ready(function () { 303 $(".footer-send-result").on("click", function () { 304 $("#popup-participation").show(); 305 }); 306 }); 307 $(document).ready(function () { 308 $(".header-result").on("click", function () { 309 $("#popup-participation").show(); 310 }); 311 }); 312 $(document).ready(function () { 313 $(".guide-box-text_participation").on("click", function () { 314 $("#popup-participation").show(); 315 }); 316 }); 317 318 /* Footer : ouvrir bandeau cookies etc */ 319 $(document).ready(function () { 320 $(".open-cookies").on("click", function () { 321 $("#cookies").show(); 322 }); 323 }); 324 325 326 $(document).ready(function () { 327 $("#set-cookies").on("click", function () { 328 $("#popupCookiesChoices").show(); 329 }); 330 }); 331 332 $(document).ready(function () { 333 $(".close-param-cookies-popup").on("click", function () { 334 $("#cookies").hide(); 335 }); 336 }); 337 338 $(document).ready(function () { 339 $("#end-cookies").on("click", function () { 340 $("#cookies").hide(); 341 }); 342 }); 343 344 /* Fermer popup */ 345 $(document).ready(function () { 346 $(".close-popup").on("click", function () { 347 $(".popup").hide(); 348 }); 349 }); 350 351 352 </script>
352 353 354
354<script src="js/custom.js"></script>
354 355 356</body> 357 358 359</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.