1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4 <!-- Google Tag Manager --> 5
5<script>
vendor: 359 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 6 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 7 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 8 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 9 })(window,document,'script','dataLayer','
9GTM-WTWBMRQ
vendor: 3 bytes, line 9
9');
9</script>
9 10 <!-- End Google Tag Manager --> 11 <meta charset="UTF-8"> 12 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 13 <meta name="description" content="Site web de la commune de Rurange-lès-Thionville. Retrouvez-y toutes les informations sur notre village et utilisez le pour nous contacter ou réserver le CSC."> 14 <title>Site officiel de Rurange-lès-thionville Montrequienne Logne</title> 15 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 16 <link rel="stylesheet" href="/commun.css"> 17 <link rel="stylesheet" href="/menu.css"> 18 <link rel="stylesheet" href="/page.css"> 19 <link rel="stylesheet" href="/../../css/structure/inscription.css"> 20 </head> 21<body> 22 <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 22-23
22 23 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
23GTM-WTWBMRQ
vendor: 99 bytes, lines 23-25
23" 24 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 25
25<!-- End Google Tag Manager (noscript) --> 26 <div class="haut"> 27 <img src="/images/structure/logo et nom.png"> 28 <div class="contact"> 29 <div class="mairie"> 30 Mairie 31 </div> 32 <div class="separation mairie"></div> 33 <div class="infos"> 34 <span class="material-icons">place</span>Rue Kennedy - 57310 Rurange-lès-Thionville<br> 35 <span class="material-icons">phone</span>03 87 73 90 85 - 06 38 89 71 59<br> 36 <!-- <span class="material-icons">email</span><a class="lien" href="mailto:[email protected]">[email protected]</a> --> 37 <span class="material-icons">email</span><a class="lien" href="mailto:[email protected]">[email protected]</a> 38 </div> 39 <a href="https://www.facebook.com/RurangeMontrequienneLogne/"><img src="/images/structure/facebook.png" alt=""></a> 40 <div class="separation"></div> 41 <a href="/nous-contacter" class="bouton"> 42 Nous contacter 43 </a> 44 </div> 45 <div class="connexion"> 46 <div class="seConnecter"><a href="/connexion">Se connecter</a></div><div class="creerUnCompte"><a href="/inscription">Créer un compte</a></div> </div> 47</div> 48<nav class="menu"> 49 <div class="elementDeMenu home"> 50 <a href="/"> 51 <span class="material-icons home">home</span> 52 </a> 53 </div> 54 55 <div class="elementDeMenu"> 56 <a href="#">Municipalité</a> 57 <div class="sousMenu"> 58 <a href="/horaires-mairie">Horaires mairie</a><a href="/conseils-municipaux">Conseils municipaux</a><a href="/procès-verbaux">Procès verbaux</a><a href="/finances/budget-et-fiscalite">Budget et fiscalité</a><a href="/commissions">Commissions</a><a href="/arretes-communaux">Arrêtés communaux</a><a href="/arretes-prefectoraux">Arrêtés préfectoraux</a><a href="/ccas">CCAS</a><a href="/marches-publics">Marchés publics</a><a href="/cimetiere">Cimetières</a><a href="/ccam">CCAM</a><a href="/historique">Historique</a><a href="/élections">Ãlections</a> </div> 59 </div> 60 <div class="elementDeMenu"> 61 <a href="#">Vie pratique</a> 62 <div class="sousMenu"> 63 <a href="/documents-administratifs">Documents administratifs</a><a href="/location-de-salles">Location de salles</a><a href="/location-de-tables-et-bancs">Location de tables et bancs</a><a href="/informations-utiles">Informations utiles</a><a href="/plan">Plan</a><a href="/transports">Transport</a><a href="/déchets-recyclage">Déchets et recyclage</a><a href="/recensement">Recensement</a> </div> 64 </div> 65 <div class="elementDeMenu"> 66 <a href="#">Communication</a> 67 <div class="sousMenu"> 68 <a href="/communication/bulletins-municipaux">Bulletin</a><a href="/communication/outils-de-communication">Outils de communication</a><a href="/communication/rml-info">RML info</a><a href="/communication/flashs">Flash</a><a href="/communication/revue-de-presse">Revue de presse</a><a href="/archives-photos">Archives photos</a> </div> 69 </div> 70 <div class="elementDeMenu"> 71 <a href="#">Enfance/Jeunesse</a> 72 <div class="sousMenu"> 73 <a href="/enfance-jeunesse/ecole-maternelle">Ecole maternelle</a><a href="/enfance-jeunesse/ecole-elementaire">Ecole élémentaire</a><a href="/enfance-jeunesse/periscolaire">Périscolaire (PEP57)</a><a href="/enfance-jeunesse/centre-aere">Centre aéré (ALSH)</a><a href="/enfance-jeunesse/assistants-maternels">Assistants maternels</a><a href="/enfance-jeunesse/mam">MAM</a><a href="/enfance-jeunesse/parents-d-eleves">Parents d'élèves</a><a href="/enfance-jeunesse/itineram">Itinéram</a><a href="/enfance-jeunesse/transports-scolaires">Transports scolaires</a><a href="/enfance-jeunesse/college">Collège</a> </div> 74 </div> 75 <div class="elementDeMenu"> 76 <a href="#">Loisirs</a> 77 <div class="sousMenu"> 78 <a href="/associations">Associations</a><a href="/loisirs/bibliotheque">Bibliothèque</a><a href="/loisirs/sortie-balades">Sorties, balades...</a><a href="/loisirs/manifestations-ceremonies-passees">Manifestations passées</a><a href="/loisirs/manifestations-ceremonies-a-venir">
78Manifestations à venir</a> </div> 79 </div> 80 <div class="elementDeMenu"> 81 <a href="#">Urbanisme et cadre de vie</a> 82 <div class="sousMenu"> 83 <a href="/urbanisme/plu">PLU</a><a href="/urbanisme/reglementation">Réglementation</a><a href="/urbanisme/travaux">Travaux</a><a href="/securite">Sécurité</a><a href="/urbanisme/environnement">Environnement</a><a href="/actualite/chasse">Chasse</a><a href="/urbanisme/arrêtés-urbanisme">Arrêtés</a> </div> 84 </div> 85</nav> 86<div class="menu_tel"> 87 <div class="bandeau"> 88 <img src="/logo.png" alt="logo rurange-les-thionville montrequienne logne"> 89 <div class="bouton_menu"><div class="barre"></div></div> 90 </div> 91 <div class="bloc" style="display: none;"> 92 <div class="boutons_haut"> 93 <a href="/"><span class="material-icons home">home</span></a> 94 <a href="/connexion">Se connecter</a><a href="/inscription">Créer un compte</a> </div> 95 <div class="liste_menu"> 96 <ul> 97 <li> 98 <ul> 99 <li>Municipalité</li> 100 <li style="display: none;"> 101 <ul> 102 <li><a href="/horaires-mairie">Horaires mairie</a></li><li><a href="/conseils-municipaux">Conseils municipaux</a></li><li><a href="/procès-verbaux">Procès verbaux</a></li><li><a href="/finances/budget-et-fiscalite">Budget et fiscalité</a></li><li><a href="/commissions">Commissions</a></li><li><a href="/arretes-communaux">Arrêtés communaux</a></li><li><a href="/arretes-prefectoraux">Arrêtés préfectoraux</a></li><li><a href="/ccas">CCAS</a></li><li><a href="/marches-publics">Marchés publics</a></li><li><a href="/cimetiere">Cimetières</a></li><li><a href="/ccam">CCAM</a></li><li><a href="/historique">Historique</a></li><li><a href="/élections">Ãlections</a></li> </ul> 103 </li> 104 </ul> 105 </li> 106 <li> 107 <ul> 108 <li>Vie pratique</li> 109 <li style="display: none;"> 110 <ul> 111 <li><a href="/documents-administratifs">Documents administratifs</a></li><li><a href="/location-de-salles">Location de salles</a></li><li><a href="/location-de-tables-et-bancs">Location de tables et bancs</a></li><li><a href="/informations-utiles">Informations utiles</a></li><li><a href="/plan">Plan</a></li><li><a href="/transports">Transport</a></li><li><a href="/déchets-recyclage">Déchets et recyclage</a></li><li><a href="/recensement">Recensement</a></li> </ul> 112 </li> 113 </ul> 114 </li> 115 <li> 116 <ul> 117 <li>Communication</li> 118 <li style="display: none;"> 119 <ul> 120 <li><a href="/communication/bulletins-municipaux">Bulletin</a></li><li><a href="/communication/outils-de-communication">Outils de communication</a></li><li><a href="/communication/rml-info">RML info</a></li><li><a href="/communication/flashs">Flash</a></li><li><a href="/communication/revue-de-presse">Revue de presse</a></li><li><a href="/archives-photos">Archives photos</a></li> </ul> 121 </li> 122 </ul> 123 </li> 124 <li> 125 <ul> 126 <li>Enfance/Jeunesse</li> 127 <li style="display: none;"> 128 <ul> 129 <li><a href="/enfance-jeunesse/ecole-maternelle">Ecole maternelle</a></li><li><a href="/enfance-jeunesse/ecole-elementaire">Ecole élémentaire</a></li><li><a href="/enfance-jeunesse/periscolaire">Périscolaire (PEP57)</a></li><li><a href="/enfance-jeunesse/centre-aere">Centre aéré (ALSH)</a></li><li><a href="/enfance-jeunesse/assistants-maternels">Assistants maternels</a></li><li><a href="/enfance-jeunesse/mam">MAM</a></li><li><a href="/enfance-jeunesse/parents-d-eleves">Parents d'élèves</a></li><li><a href="/enfance-jeunesse/itineram">Itinéram</a></li><li><a href="/enfance-jeunesse/transports-scolaires">Transports scolaires</a></li><li><a href="/enfance-jeunesse/college">Collège</a></li> </ul> 130 </li> 131 </ul> 132 </li> 133 <li> 134 <ul> 135 <li>Loisirs</li> 136 <li style="display: none;"> 137 <ul> 138 <li><a href="/associations">Associations</a></li><li><a href="/loisirs/bibliotheque">Bibliothèque</a></li><li><a href="/loisirs/sortie-balades">Sorties, balades...</a></li><li><a href="/loisirs/manifestations-ceremonies-passees">Manifestations passées</a></li><li><a href="/loisirs/manifestations-ceremonies-a-venir">
138Manifestations à venir</a></li> </ul> 139 </li> 140 </ul> 141 </li> 142 <li> 143 <ul> 144 <li>Urbanisme et cadre de vie</li> 145 <li style="display: none;"> 146 <ul> 147 <li><a href="/urbanisme/plu">PLU</a></li><li><a href="/urbanisme/reglementation">Réglementation</a></li><li><a href="/urbanisme/travaux">Travaux</a></li><li><a href="/securite">Sécurité</a></li><li><a href="/urbanisme/environnement">Environnement</a></li><li><a href="/actualite/chasse">Chasse</a></li><li><a href="/urbanisme/arrêtés-urbanisme">Arrêtés</a></li> </ul> 148 </li> 149 </ul> 150 </li> 151 </ul> 152 </div> 153 </div> 154</div> 155<div class="contenu"> 156 <h1>S'inscrire</h1> 157 <p>Pourquoi se créer un compte sur le site de Rurange Montrequienne Logne ?</p> 158 <ul> 159 <li>Pour pouvoir louer en ligne le CSC de Montrequienne,</li> 160 <li>Pour, si vous le souhaitez accompagner la commune dans sa démarche environnementale et ne plus recevoir ses actualités en version papier,</li> 161 <li>Pour être notifié par email lorsqu'un nouvel article est rédigé sur le site internet,</li> 162 <li>Paramétrez tout cela depuis la page "Mon compte" accessible après être inscrit.</li> 163 </ul> 164 <div class="formulaire"> 165 <form action="" method="post"> 166 <p><img src="/images/structure/logo et nom.png"></p> 167 <input class="chantaremplir" type="text" name="nom" placeholder="Nom" required="required" value=""> 168 <input class="chantaremplir" type="text" name="prenom" placeholder="Prénom" required="required" value=""> 169 <input class="chantaremplir" type="email" name="email" placeholder="Email" required="required" value=""> 170 <input class="chantaremplir" type="password" name="mdp" placeholder="Mot de passe" required="required"> 171 <input class="chantaremplir" type="text" name="adresse" placeholder="Adresse" required="required"> 172 <input class="chantaremplir" type="number" name="cp" placeholder="Code postal" required="required" id="cp"> 173 <select class="chantaremplir" name="ville" id="ville"> 174 <option>--Complétez le code postal--</option> 175 </select> 176 <div class="checkbox"> 177 <input type="checkbox" name="rml_email" id="rml_email" checked="checked"> 178 <label for="rml_email">Je souhaite recevoir le RML infos par mail.</label> 179 </div> 180 <div class="checkbox" id="bal" style="display:none">
181 <input type="checkbox" name="rml_physique" id="rml_physique" checked="checked"> 182 <label for="rml_physique">Je ne souhaite plus recevoir le RML info dans ma boite aux lettres</label> 183 </div> 184 <div class="checkbox"> 185 <input type="checkbox" name="notifications" id="notifications"> 186 <label for="notifications">Je souhaite être notifié par mail lorsqu'un article est publié sur le site.</label> 187 </div> 188 <div class="checkbox"> 189 <input type="checkbox" name="cgu" id="cgu"> 190 <label for="cgu">J'accepte les <a class="mdpoublie" href="/cgu">conditions générales d'utilisation.</a></label> 191 </div> 192 <input class="chantaremplir boutonconnexion" type="submit" name="inscription" required="required" value="S'inscrire"> 193 <div class="separateur"> 194 <span>Déja inscrit ?</span> 195 </div> 196 <a class="chantaremplir boutoninscription" href="/connexion">Connectez vous</a> 197 </form> 198 </div> 199</div>
200<script> 201 if (document.querySelector('span.reussite') != null){ 202 window.location = '/' } 203 document.querySelector('#cp').addEventListener('input',() => { 204 if(document.querySelector('#cp').value.length < 5){ 205 document.querySelector('#ville').innerHTML = '<option>--Complétez le code postal--</option>' 206 return false; 207 } 208 cp_ajax = new XMLHttpRequest() 209 if (!cp_ajax) { 210 alert('Un problème est survenu') 211 return false; 212 } 213 cp_ajax.onreadystatechange = reception_cp 214 cp_ajax.open('POST', 'https://vicopo.selfbuild.fr/code/' + document.querySelector('#cp').value) 215 cp_ajax.send() 216 }) 217 function reception_cp(){ 218 if (cp_ajax.readyState === XMLHttpRequest.DONE) { 219 if (cp_ajax.status === 200) { 220 if(JSON.parse(cp_ajax.response).cities.length == 0){ 221 document.querySelector('#ville').innerHTML = '<option>--Code postal invalide !--</option>' 222 } 223 let html = '' 224 JSON.parse(cp_ajax.response).cities.forEach(e => { 225 html += '<option value="' + e.city + '" cp="' + e.code + '">' + e.city + '</option>' 226 }) 227 document.querySelector('#ville').innerHTML = html 228 document.querySelector('#ville').addEventListener('change', () => { 229 document.querySelectorAll('#ville option').forEach(e => { 230 if(e.value == document.querySelector('#ville').value){ 231 document.querySelector('#cp').value = e.getAttribute('cp') 232 } 233 }) 234 }) 235 } else { 236 alert('Un problème est survenu') 237 } 238 } 239 } 240 document.querySelector('#ville').addEventListener('change',()=>{ 241 if (document.querySelector('#ville').value != 'RURANGE LES THIONVILLE'){ 242 document.querySelector('#bal').style.setProperty('display','none') 243 }else{ 244 document.querySelector('#bal').style.setProperty('display','block') 245 } 246 }) 247</script>
247<div class="pied-de-page"> 248 Copyright © 2020 Mairie de Rurange-lès-Thionville - Site officiel - Tous droits réservés 249 <br> 250 Site web développé par Clément Romanowski 251 <br> 252 <a class="lien" href="/cgu">Conditions génerales d'utilisation</a> - <a class="lien" href="/nous-contacter">Contact</a> 253</div>
253<script> 254 const bouton_menu = document.querySelector('.menu_tel .bandeau .bouton_menu'); 255 const bloc_menu = document.querySelector('.menu_tel .bloc'); 256 let menu_ouvert = false 257 bouton_menu.addEventListener('click',() => { 258 if(!menu_ouvert){ 259 bloc_menu.style.display = "block"; 260 bloc_menu.offsetHeight 261 bouton_menu.classList.add('ouvert'); 262 bloc_menu.classList.add('ouvert'); 263 document.querySelector('body').style.overflow = 'hidden' 264 menu_ouvert = true; 265 }else{ 266 setTimeout(() => { 267 bloc_menu.style.display = "none"; 268 },500) 269 bouton_menu.classList.remove('ouvert'); 270 bloc_menu.classList.remove('ouvert'); 271 document.querySelector('body').style.overflow = 'auto' 272 document.querySelector('body').style.overflowX = 'hidden' 273 menu_ouvert = false; 274 } 275 }) 276 const gros_menu = document.querySelectorAll('.menu_tel .bloc .liste_menu>ul>li>ul>li:first-child') 277 gros_menu.forEach(e => { 278 e.addEventListener('click', () => { 279 if(e.classList.contains('ouvert')){ 280 DOMAnimations.slideToggle(e.parentNode.querySelector('li:last-child')) 281 e.classList.remove('ouvert') 282 gros_menu.forEach(menu => { 283 if(menu != e){ 284 DOMAnimations.slideDown(menu) 285 } 286 }) 287 }else{ 288 gros_menu.forEach(menu => { 289 if(menu.classList.contains('ouvert')){ 290 DOMAnimations.slideToggle(menu.parentNode.querySelector('li:last-child')) 291 menu.classList.remove('ouvert') 292 } 293 gros_menu.forEach(menu => { 294 if(menu != e){ 295 DOMAnimations.slideUp(menu) 296 } 297 }) 298 }) 299 DOMAnimations.slideToggle(e.parentNode.querySelector('li:last-child')) 300 e.classList.add('ouvert') 301 } 302 }) 303 }) 304 305 class DOMAnimations { 306 static slideUp (element, duration = 500) { //fermer 307 return new Promise(function (resolve, reject) { 308 element.style.height = element.offsetHeight + 'px' 309 element.style.transitionProperty = `height, margin, padding` 310 element.style.transitionDuration = duration + 'ms' 311 element.offsetHeight // eslint-disable-line no-unused-expressions 312 element.style.overflow = 'hidden' 313 element.style.height = 0 314 element.style.paddingTop = 0 315 element.style.paddingBottom = 0 316 element.style.marginTop = 0 317 element.style.marginBottom = 0 318 window.setTimeout(function () { 319 element.style.display = 'none' 320 element.style.removeProperty('height') 321 element.style.removeProperty('padding-top') 322 element.style.removeProperty('padding-bottom') 323 element.style.removeProperty('margin-top') 324 element.style.removeProperty('margin-bottom') 325 element.style.removeProperty('overflow') 326 element.style.removeProperty('transition-duration') 327 element.style.removeProperty('transition-property') 328 resolve(false) 329 }, duration) 330 }) 331 } 332 static slideDown (element, duration = 500) { 333 return new Promise(function (resolve, reject) { 334 element.style.removeProperty('display') 335 let display = window.getComputedStyle(element).display 336 if (display === 'none') display = 'block' 337 element.style.display = display 338 let height = element.offsetHeight 339 element.style.overflow = 'hidden' 340 element.style.height = 0 341 element.style.paddingTop = 0 342 element.style.paddingBottom = 0 343 element.style.marginTop = 0 344 element.style.marginBottom = 0 345 element.offsetHeight // eslint-disable-line no-unused-expressions 346 element.style.transitionProperty = `height, margin, padding` 347 element.style.transitionDuration = duration + 'ms' 348 element.style.height = height + 'px' 349 element.style.removeProperty('padding-top') 350 element.style.removeProperty('padding-bottom') 351 element.style.removeProperty('margin-top') 352 element.style.removeProperty('margin-bottom') 353 window.setTimeout(function () { 354 element.style.removeProperty('height') 355 element.style.removeProperty('overflow') 356 element.style.removeProperty('transition-duration') 357 element.style.removeProperty('transition-property') 358 }, duration) 359 }) 360 } 361 static slideToggle (element, duration = 500) { 362 if (window.getComputedStyle(element).display === 'none') { 363 return this.slideDown(element, duration) 364 } else { 365 return this.slideUp(element, duration) 366 } 367 } 368 } 369</script>
vendor: 1 bytes, line 369
369
370<script> 371 // document.querySelector('.contenu').addEventListener('click', () => { 372 // dataLayer.push({event: "accepte-les-cookies"}) 373 // }) 374</script>
vendor: 1 bytes, line 374
374
375<script> </script>
375 376</body> 377</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.