PageSourceSearch

https://rurange-les-thionville.fr/inscription

html rurange-les-thionville.fr collected 2026-10-03 01:01:22 UTC 22,742 bytes, 377 lines download raw bytes

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&nbsp;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.