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

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4            <!-- Google Tag Manager -->
5        

5<script>

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

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/connexion.css">
20    </head>
21<body>
22            <!-- Google Tag Manager (noscript) -->

22
23        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

23GTM-WTWBMRQ

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>Se connecter</h1>
157    <div class="formulaire">
158        <form action="" method="post">
159            <p><img src="/images/structure/logo et nom.png"></p>
160                        <input class="chantaremplir" type="email" name="email" placeholder="Email" required="required" value="">
161            <input class="chantaremplir" type="password" name="mdp" placeholder="Mot de passe" required="required">
162            <input class="chantaremplir boutonconnexion" type="submit" name="connexion" required="required" value="Connexion">
163            <a class="mdpoublie" href="/mot-de-passe-oublie">Vous avez oublié votre mot de passe ?</a>
164            <div class="separateur">
165                <span>Pas encore inscrit ?</span>
166            </div>
167                        <a class="chantaremplir boutoninscription" href="/inscription">S'inscrire</a>
168        </form>     
169    </div>
170</div>

171<script>
172    if (document.querySelector('span.reussite') != null){
173        window.location = '/'    }
174</script>

174<div class="pied-de-page">
175    Copyright © 2020 Mairie de Rurange-lès-Thionville - Site officiel - Tous droits réservés
176    <br>
177    Site web développé par Clément Romanowski
178    <br>
179    <a class="lien" href="/cgu">Conditions génerales d'utilisation</a> - <a class="lien" href="/nous-contacter">Contact</a>
180</div>

180<script>
181    const bouton_menu = document.querySelector('.menu_tel .bandeau .bouton_menu');
182    const bloc_menu = document.querySelector('.menu_tel .bloc');
183    let menu_ouvert = false
184    bouton_menu.addEventListener('click',() => {
185        if(!menu_ouvert){
186            bloc_menu.style.display = "block";
187            bloc_menu.offsetHeight
188            bouton_menu.classList.add('ouvert');
189            bloc_menu.classList.add('ouvert');
190            document.querySelector('body').style.overflow = 'hidden'
191            menu_ouvert = true;
192        }else{
193            setTimeout(() => {
194                bloc_menu.style.display = "none";
195            },500)
196            bouton_menu.classList.remove('ouvert');
197            bloc_menu.classList.remove('ouvert');
198            document.querySelector('body').style.overflow = 'auto'
199            document.querySelector('body').style.overflowX = 'hidden'
200            menu_ouvert = false;
201        }
202    })
203    const gros_menu = document.querySelectorAll('.menu_tel .bloc .liste_menu>ul>li>ul>li:first-child')
204    gros_menu.forEach(e => {
205        e.addEventListener('click', () => {
206            if(e.classList.contains('ouvert')){
207                DOMAnimations.slideToggle(e.parentNode.querySelector('li:last-child'))
208                e.classList.remove('ouvert')
209                gros_menu.forEach(menu => {
210                    if(menu != e){
211                        DOMAnimations.slideDown(menu)
212                    }
213                })
214            }else{
215                gros_menu.forEach(menu => {
216                    if(menu.classList.contains('ouvert')){
217                        DOMAnimations.slideToggle(menu.parentNode.querySelector('li:last-child'))
218                        menu.classList.remove('ouvert')
219                    }
220                    gros_menu.forEach(menu => {
221                        if(menu != e){
222                            DOMAnimations.slideUp(menu)
223                        }
224                    })
225                })
226                DOMAnimations.slideToggle(e.parentNode.querySelector('li:last-child'))
227                e.classList.add('ouvert')
228            }
229        })
230    })
231    
232    class DOMAnimations {
233        static slideUp (element, duration = 500) { //fermer
234            return new Promise(function (resolve, reject) {
235            element.style.height = element.offsetHeight + 'px'
236            element.style.transitionProperty = `height, margin, padding`
237            element.style.transitionDuration = duration + 'ms'
238            element.offsetHeight // eslint-disable-line no-unused-expressions
239            element.style.overflow = 'hidden'
240            element.style.height = 0
241            element.style.paddingTop = 0
242            element.style.paddingBottom = 0
243            element.style.marginTop = 0
244            element.style.marginBottom = 0
245            window.setTimeout(function () {
246                element.style.display = 'none'
247                element.style.removeProperty('height')
248                element.style.removeProperty('padding-top')
249                element.style.removeProperty('padding-bottom')
250                element.style.removeProperty('margin-top')
251                element.style.removeProperty('margin-bottom')
252                element.style.removeProperty('overflow')
253                element.style.removeProperty('transition-duration')
254                element.style.removeProperty('transition-property')
255                resolve(false)
256            }, duration)
257            })
258        }
259        static slideDown (element, duration = 500) {
260            return new Promise(function (resolve, reject) {
261            element.style.removeProperty('display')
262            let display = window.getComputedStyle(element).display
263            if (display === 'none') display = 'block'
264            element.style.display = display
265            let height = element.offsetHeight
266            element.style.overflow = 'hidden'
267            element.style.height = 0
268            element.style.paddingTop = 0
269            element.style.paddingBottom = 0
270            element.style.marginTop = 0
271            element.style.marginBottom = 0
272            element.offsetHeight // eslint-disable-line no-unused-expressions
273            element.style.transitionProperty = `height, margin, padding`
274            element.style.transitionDuration = duration + 'ms'
275            element.style.height = height + 'px'
276            element.style.removeProperty('padding-top')
277            element.style.removeProperty('padding-bottom')
278            element.style.removeProperty('margin-top')
279            element.style.removeProperty('margin-bottom')
280            window.setTimeout(function () {
281                element.style.removeProperty('height')
282                element.style.removeProperty('overflow')
283                element.style.removeProperty('transition-duration')
284                element.style.removeProperty('transition-property')
285            }, duration)
286            })
287        }
288        static slideToggle (element, duration = 500) {
289            if (window.getComputedStyle(element).display === 'none') {
290            return this.slideDown(element, duration)
291            } else {
292            return this.slideUp(element, duration)
293            }
294        }
295    }
296</script>

296

297<script>
298    // document.querySelector('.contenu').addEventListener('click', () => {
299    //     dataLayer.push({event: "accepte-les-cookies"})
300    // })
301</script>

301

302<script> </script>

302
303</body>
304</html>