PageSourceSearch

https://thieux.fr/fr/rb/1459096/generalites-1

html thieux.fr collected 2026-10-03 02:47:09 UTC 101,278 bytes, 1,806 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr">
3<head>
4    <title>
5        Généralités - Commune de Thieux    </title>
6
7    
7<script src="/lib/tarteaucitron/tarteaucitron.js"></script>
7
8    
8<script>
9        var tarteaucitronExpireInDay = true, tarteaucitronForceExpire = 183;
10
11        tarteaucitron.init({
12            "privacyUrl": "", /* Privacy policy url */
13
14            "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
15            "cookieName": "tarteaucitron", /* Cookie name */
16
17            "orientation": "bottom", /* Banner position (top - bottom) */
18
19            "showAlertSmall": false, /* Show the small banner on bottom right */
20            "cookieslist": true, /* Show the cookie list */
21
22            "showIcon": false, /* Show cookie icon to manage cookies */
23            // "iconSrc": "", /* Optionnal: URL or base64 encoded image */
24            "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */
25
26            "adblocker": false, /* Show a Warning if an adblocker is detected */
27
28            "DenyAllCta": true, /* Show the deny all button */
29            "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */
30            "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
31
32            "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
33
34            "removeCredit": false, /* Remove credit link */
35            "moreInfoLink": true, /* Show more info link */
36            "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
37
38            //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */
39
40            "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */
41
42            "mandatory": true, /* Show a message about mandatory cookies */
43
44            "listCookieByService": false, /* Show a message about list cookie by service */
45            "tarteaucitronForceLanguage" : 'fr',
46
47        });
48    </script>
48
49
50        
51<meta name="Description" content="">
52<meta name="Keywords" content="">
53<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
54<meta charset="UTF-8">
55            
55<script type="text/javascript">
56            tarteaucitron.user.gtagUa = 'G-8MG4VS7LLR';
57            tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */
58            };
59            (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
60        </script>
60
61        
62    <!-- Matomo -->
63<script>
64  var _paq = window._paq = window._paq || [];
65  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
66  _paq.push(['trackPageView']);
67  _paq.push(['enableLinkTracking']);
68  (function() {
69    var u="//matomo-client.neopse.com/";
70    _paq.push(['setTrackerUrl', u+'matomo.php']);
71    _paq.push(['setSiteId', '686']);
72    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
73    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
74  })();
75</script>
75
76<!-- End Matomo Code -->
77            <link href="/css/slick.css" rel='stylesheet' type='text/css'>
78        <link href="/css/slick-theme.css" rel='stylesheet' type='text/css'>
79                                    <link rel="apple-touch-icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1">
80                <link rel="icon" href="//static.neopse.com/assets/img/favicon/rdc_logo.ico?v=v1">
81                        <link rel="preconnect" href="https://fonts.googleapis.com">
82            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
83            <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Material+Icons" rel="stylesheet">
84            <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Jost:wght@400;700&family=Lato:wght@400;700&family=Lora:wght@400;700&family=Merriweather:wght@400;700&family=Montserrat:wght@400;700&family=Nunito:wght@400;700&family=Open+Sans:wght@400;700&family=Outfit:wght@400;700&family=Roboto:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
85
86            <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'>
87            <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'>
88            <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'>
89            <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'>
90            <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'>
91            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
92            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />
93            <link href="/tpl/2/css/style.css" rel="stylesheet" type='text/css'>
94
95            <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/>
96            <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/>
97
98                            <style class="notranslate">.bg_bloc { background-color: #9EF01A !important; }
99        .table td, .table, .table thead th { border-color: #9EF01A !important; }
100        .bg_bloc .dropdown-toggle,
101        .bg_bloc .dropdown-menu {
102            background-color: #9EF01A !important;
103            border-color: #9EF01A !important;
104        }
105        .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td{
106            border-color: #9EF01A !important;
107        }
108
109        .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #9EF01A !important; }
110
111        .fc-unthemed td.fc-today{
112            background: #9EF01A !important;
113        }
114
115        .cookies .btn{ color: #9EF01A !important; }header.intro { background-image: url(https://static.neopse.com/medias/p/4644/site/fc/3b/a4/fc3ba4ef37cb26f5d415ab75f796f6d748894552.jpg?v=v1); background-position: center; background-repeat: repeat; }.c_btn { color: #9EF01A; border-color: #9EF01A; }
116        .c_btn:hover { background-color: #9EF01A; }
117        .owl-theme .owl-dots .owl-dot.active span,
118        .owl-theme .owl-dots .owl-dot:hover span,
119        .carousel-indicators .active,
120        .slick-dots li.slick-active button {
121            background: #9EF01A;
122            opacity: 1;
123        }
124        .carousel-indicators li, .owl-theme .owl-dots .owl-dot span,
125        .slick-dots li button{
126            background-color: #9EF01A;
127            opacity: 0.5;
128        }
129        .fc-event .fc-title, .fc-event-container{ color: #9EF01A !important; }
130        .fc-event{ color: #9EF01A;}.h_btn:hover {
131            color: #006400;
132        }
133        .searchbar .bg_btn { background-color: #006400; }
134        .fc-event{ background-color: #006400 !important; border-color: #006400 !important; }.text_bloc {color:#006400 !important;}
135        .bg_bloc .c_text {color:#006400 !important;}
136        .bg_bloc .dropdown-toggle,
137        .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after {
138            color:#006400 !important;
139        }
140        .fc-unthemed thead.fc-head{ color: #006400 !important; }
141        .fc-unthemed td.fc-today{
142            color: #006400 !important;
143        }
144        .cookies .btn{ background-color: #006400 !important; }#footer .footer-links.bg { background-color: #006400; }nav.navbar.bg { background-color: #9ef01a; }body, .c_title, .c_text { color: #000000; }
145        .navbar-toggler.c_text{ border-color: #000000; }
146        .intern-page .en-tete{ border-left-color: #000000;}
147        .bootstrap-select .dropdown-menu li a{
148            color: #000000;
149        }
150        .c_text .dropdown-toggle { color: #000000 !important; }.navbar .dropdown-menu { background-color: #38b000; }#footer .footer-links .c_text { color: #FFFFFF; }#footer .footer-links .c_title { color: #9ef01a; }
151        #footer .footer-links .c_title:before { background-color: #9ef01a; }nav.navbar .c_text { color: #006400; }
152        .navbar-toggler.c_text{ border-color: #006400 !important; }nav.navbar .h_text:hover { color: #FFFFFF; }#footer .footer.bg { background-color: #38B000; }.breadcrumb.bg { background-color: #38B000; }.navbar .dropdown-menu .c_text { color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { color: #006400; }#footer .c_btn { color: #9EF01A !important; border-color: #9EF01A !important; }
153        #footer .c_btn:hover { background-color: #9EF01A !important; }#footer .h_btn:hover {
154            color: #006400 !important;
155        }nav.navbar .h_text:hover { background-color: ; }#footer .footer .c_text { color: #FFFFFF; }
155#w_fprgnalc5 .bg { background-color: #E7FBC6; }#w_lc27v1o5r .bg { background-color: #CFF78D; }.breadcrumb.bg .c_text { color: #E8D630; }.navbar .dropdown-menu .h_text:hover { background-color: #E8D630; }#footer .footer .c_title { color: #006400; }
156        #footer .footer .c_title:before { background-color: #006400; }#w_fprgnalc5 .c_btn,
157        #w_fprgnalc5 .card-icon-date .day { color: #006400; border-color: #006400; }
158        #w_fprgnalc5 .slick-dots li button { background-color: #006400;opacity:0.5; }
159        #w_fprgnalc5 .c_btn:hover,
160        #w_fprgnalc5 .owl-theme .owl-dots .owl-dot.active span,
161        #w_fprgnalc5 .owl-theme .owl-dots .owl-dot:hover span,
162        #w_fprgnalc5 .card-icon-date .month,
163        #w_fprgnalc5 .slick-dots li.slick-active button { background-color: #006400; opacity: 1 !important;}#w_fprgnalc5 .h_btn:hover { color: #9EF01A; }#w_lc27v1o5r .c_btn { color: #006400; border-color: #006400; }
164        #w_lc27v1o5r .c_btn:hover { background-color: #006400; }
165        #w_lc27v1o5r .slick-dots li button { background-color: #006400;opacity:0.5; }
166        #w_lc27v1o5r .slick-dots li.slick-active button { background-color: #006400;
166 opacity: 1 !important;}#w_lc27v1o5r .h_btn:hover { color: #9EF01A; }.breadcrumb.bg .c_title { color: #FFFFFF; }
167        .breadcrumb.bg .c_title:before { background-color: #FFFFFF; }#w_fprgnalc5 .c_text { color: #006400; }#w_lc27v1o5r .c_title { color: ; }
168        #w_lc27v1o5r .c_title.dark:before { background-color: ; }#w_fprgnalc5 .bg_text { background-color: ; }#w_lc27v1o5r .bg_text { background-color: #9ef01a; }</style>
169                    
170    
171    
171<script src="/js/vendor/jquery-3.2.1.min.js"></script>
171
172
173
174    <!-- Matomo -->
175    
175<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
175
176    <!-- End Matomo Code -->
177</head>
178<body class="bg_body">
179
180<header role="banner"><nav role="navigation" class="navbar navbar-fixed-left bg">
181    <div class="ov"></div>
182
183    <div class="container">
184
185        <!-- Logo -->
186        <div class="navbar-header">
187            <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/">
188                                    <h1 class="img">
189                        <picture>
190                            <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/4644/site/e9/a7/3b/e9a73bbe10384d348005a1091fa35c41330deed9.png">
191                            <img role="img" src="https://static.neopse.com/medias/p/4644/site/e9/a7/3b/e9a73bbe10384d348005a1091fa35c41330deed9.png" alt="Logo Commune de Thieux" loading="eager">
192                        </picture>
193                        <span>Commune de Thieux</span>
194                    </h1>
195                            </a>
196        </div>
197
198        <!-- Mobile button -->
199        <button class="navbar-toggler c_text"
200                type="button"
201                data-toggle="collapse"
202                data-target="#navbar"
203                aria-controls="navbar"
204                aria-expanded="false"
205                aria-label="Toggle navigation">
206            <span class="navbar-toggler-icon">
207                <i class="material-icons notranslate">menu</i>
208            </span>
209        </button>
210
211        <div class="collapse navbar-collapse" id="navbar">
212            <ul class="nav navbar-nav">
213
214                <li class="nav-item dropdown">
215                    <a class="nav-link c_text h_text" href="/" role="button">
216                        <i class="material-icons">home</i>
217                    </a>
218                </li>
219                                    
220
221                                                            <li class="nav-item dropdown">
222                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown1" role="button"
223                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
224                                La Commune
225                            </a>
226                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown1">
227                                
228                                <div class="divider">
229                                                                                                                                                <p class="dropdown-header-divider c_text" aria-hidden="true">Présentation de la commune</p>
230                                                                                                                                                
231                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
232                                           href="/fr/rb/1459096/generalites-1">
233                                            Généralités
234                                        </a>
235                                    
236                                    
237                                    
238                                                                                                                                                
239                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
240                                           href="/fr/rb/1459122/plan-acces-14">
241                                            Plan / Accès
242                                        </a>
243                                    
244                                    
245                                    
246                                                                                                                                                                                </div>
247                                <div class="divider">
248                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">Thieux à travers le temps</p>
249                                                                                                                                                
250                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
251                                           href="/fr/rb/1459200/un-peu-dhistoire-54">
252                                            Un peu d&#039;histoire...
253                                        </a>
254                                    
255                                    
256                                    
257                                                                                                                                                
258                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
259                                           href="/fr/rb/1459226/la-gare-de-thieux">
260                                            La gare de Thieux !
261                                        </a>
262                                    
263                                    
264                                    
265                                                                                                                                                
266                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
267                                           href="/fr/rb/1459252/les-maires-a-travers-lhistoire-3">
268                                            Les Maires à travers l&#039;histoire
269                                        </a>
270                                    
271                                    
272                                    
273                                                                                                                                                
274                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
275                                           href="/fr/rb/1459291/les-rues-de-thieux-en-images">
276                                            Les rues de Thieux en images
277                                        </a>
278                                    
279                                    
280                                    
281                                                                                                                                                                                </div>
282                                <div class="divider">
283                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">Bâtiments et monuments</p>
284                                                                                                                                                
285                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
286                                           href="/fr/rb/1459304/la-mairie-50">
287                                            La mairie
288                                        </a>
289                                    
290                                    
291                                    
292                                                                                                                                                
293                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
294                                           href="/fr/rb/1459330/leglise-35">
295                                            L&#039;église
296                                        </a>
297                                    
298                                    
299                                    
300                                                                                                                                                
301                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
302                                           href="/fr/rb/1459356/le-cimetiere-32">
303                                            Le cimetière
304                                        </a>
305                                    
306                                    
307                                    
308                                                                                                                                                
309                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
310                                           href="/fr/rb/1463035/notre-dame-de-la-route">
311                                            Notre Dame de la route
312                                        </a>
313                                    
314                                    
315                                    
316                                                                                                                                                
317                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
318                                           href="/fr/rb/1463048/le-monument-aux-morts-10">
319                                            Le monument aux morts
320                                        </a>
321                                    
322                                    
323                                    
324                                                                                                                                                
325                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
326                                           href="/fr/rb/1459421/les-puits-et-calvaires-1">
327                                            Les puits et calvaires
328                                        </a>
329                                    
330                                    
331                                    
332                                                                                                                                                
333                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
334                                           href="/fr/rb/1459447/les-ecoles-41">
335                                            Les écoles
336                                        </a>
337                                    
338                                    
339                                    
340                                                                                                                                                
341                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
342                                           href="/fr/rb/1488177/la-creche-1">
343                                            La crèche
344                                        </a>
345                                    
346                                    
347                                    
348                                                                                                                                                
349                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
350                                           href="/fr/rb/1459473/les-autres-points-dinterets">
351                                            Les autres points d&#039;intérêts
352                                        </a>
353                                    
354                                    
355                                    
356                                                                                                        </div>
357
358                            </div>
359                        </li>
360                    
361
362                                                            <li class="nav-item dropdown">
363                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown2" role="button"
364                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
365                                Vie Municipale et Communautaire
366                            </a>
367                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown2">
368                                
369                                <div class="divider">
370                                                                                                                                                <p class="dropdown-header-divider c_text" aria-hidden="true">La vie municipale</p>
371                                                                                                                                                
372                                    
373                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
374                                           href="/fr/tb/1977744/le-conseil-municipal-67">
375                                            Le Conseil Municipal
376                                        </a>
377                                    
378                                    
379                                                                                                                                                
380                                    
381                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
382                                           href="/fr/rp/1977666/comptes-rendus-du
382-conseil-municipal-18">
383                                            Comptes rendus du Conseil Municipal
384                                        </a>
385                                    
386                                    
387                                                                                                                                                
388                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
389                                           href="/fr/rb/1459616/les-commissions-69">
390                                            Les commissions
391                                        </a>
392                                    
393                                    
394                                    
395                                                                                                                                                                                </div>
396                                <div class="divider">
397                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">La vie communautaire</p>
398                                                                                                                                                
399                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
400                                           href="/fr/rb/1459720/la-communaute-de-communes-de-loise-picarde">
401                                            La Communauté de Communes de l&#039;Oise Picarde
402                                        </a>
403                                    
404                                    
405                                    
406                                                                                                                                                
407                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
408                                           href="/fr/rb/1459798/les-conseillers-departementaux-1">
409                                            Les conseillers départementaux
410                                        </a>
411                                    
412                                    
413                                    
414                                                                                                        </div>
415
416                            </div>
417                        </li>
418                    
419
420                                                            <li class="nav-item dropdown">
421                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown3" role="button"
422                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
423                                Culture et Education
424                            </a>
425                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown3">
426                                
427                                <div class="divider">
428                                                                                                                                                <p class="dropdown-header-divider c_text" aria-hidden="true">Scolarité</p>
429                                                                                                                                                
430                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
431                                           href="/fr/rb/1459811/le-regroupement-scolaire-5">
432                                            Le regroupement scolaire
433                                        </a>
434                                    
435                                    
436                                    
437                                                                                                                                                
438                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
439                                           href="/fr/rb/1459837/la-cantine-7">
440                                            La cantine
441                                        </a>
442                                    
443                                    
444                                    
445                                                                                                                                                
446                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
447                                           href="/fr/rb/1462554/le-periscolaire-9">
448                                            Le périscolaire
449                                        </a>
450                                    
451                                    
452                                    
453                                                                                                                                                
454                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
455                                           href="/fr/rb/1462567/le-college-5">
456                                            Le collège
457                                        </a>
458                                    
459                                    
460                                    
461                                                                                                                                                
462                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
463                                           href="/fr/rb/1459876/les-transports-scolaires-10">
464                                            Les transports scolaires
465                                        </a>
466                                    
467                                    
468                                    
469                                                                                                                                                                                </div>
470                                <div class="divider">
471                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">Ciné rural</p>
472                                                                                                                                                
473                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
474                                           href="/fr/rb/1459902/presentation-143">
475                                            Présentation
476                                        </a>
477                                    
478                                    
479                                    
480                                                                                                                                                
481                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
482                                           href="/fr/rb/1459941/programmation-6">
483                                            Programmation
484                                        </a>
485                                    
486                                    
487                                    
488                                                                                                                                                                                </div>
489                                <div class="divider">
490                                                                        <p class="dropdown-header-divider c_text" aria-hidden="true">Aide aux jeunes</p>
491                                                                                                                                                
492                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
493                                           href="/fr/rb/1459954/les-pass-citoyens">
494                                            Les Pass Citoyens
495                                        </a>
496                                    
497                                    
498                                    
499                                                                                                                                                
500                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
501                                           href="/fr/rb/1460019/le-pass-sports">
502                                            Le Pass Sports
503                                        </a>
504                                    
505                                    
506                                    
507                                                                                                        </div>
508
509                            </div>
510                        </li>
511                    
512
513                                                            <li class="nav-item dropdown">
514                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown4" role="button"
515                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
516                                Etat Civil
517                            </a>
518                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown4">
519                                
520                                <div class="divider">
521                                                                                                            
522                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
523                                           href="/fr/rb/1460058/naissances-12">
524                                            Naissances
525                                        </a>
526                                    
527                                    
528                                    
529                                                                                                                                                
530                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
531                                           href="/fr/rb/1460084/mariages-12">
532                                            Mariages
533                                        </a>
534                                    
535                                    
536                                    
537                                                                                                                                                
538                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
539                                           href="/fr/rb/1460110/deces-61">
540                                            Décès
541                                        </a>
542                                    
543                                    
544                                    
545                                                                                                        </div>
546
547                            </div>
548                        </li>
549                    
550
551                                                            <li class="nav-item dropdown">
552                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown5" role="button"
553                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
554                                Associations et Professionnels
555                            </a>
556                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown5">
557                                
558                                <div class="divider">
559                                                                                                                                                <p class="dropdown-header-divider c_text" aria-hidden="true">Les associations</p>
560                                                                                                                                                
561                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
562                                           href="/fr/rb/1460149/la-jeunesse-sportive-de-thieux">
563                                            La Jeunesse Sportive de Thieux
564                                        </a>
565                                    
566                                    
567                                    
568                                                                                                                                                
569                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
570                                           href="/fr/rb/1460162/la-societe-de-chasse-4">
571                                            La société de chasse
572                                        </a>
573                                    
574                                    
575                                    
576                                                                                                                                                
577                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
578                                           href="/fr/rb/1460201/le-club-des-aines-1">
579                                            Le club des aînés
580                                        </a>
581                                    
582                                    
583                                    
584                                                                                                                                                
585                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
586                                           href="/fr/rb/1460227/le-club-de-gym-volontaire">
587                                            Le club de gym volontaire
588                                        </a>
589                                    
590                                    
591                                    
592                                                                                                                                                
593                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
594                                           href="/fr/rb/1460279/che-tchots-cartables">
595                                            Ché t&#039;chots cartables
596                                        </a>
597                                    
598                                    
599                                    
600                                                                                                                                                                                </div>
601                                <div class="divider">
602                                                                        <p class="
602dropdown-header-divider c_text" aria-hidden="true">Professionnels et services</p>
603                                                                                                                                                
604                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
605                                           href="/fr/rb/1460305/les-artisans-12">
606                                            Les artisans
607                                        </a>
608                                    
609                                    
610                                    
611                                                                                                                                                
612                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
613                                           href="/fr/rb/1460344/les-commerces-ambulants-1">
614                                            Les commerces ambulants
615                                        </a>
616                                    
617                                    
618                                    
619                                                                                                                                                
620                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
621                                           href="/fr/rb/1460422/les-assistantes-maternelles-17">
622                                            Les assistantes maternelles
623                                        </a>
624                                    
625                                    
626                                    
627                                                                                                        </div>
628
629                            </div>
630                        </li>
631                    
632
633                                                            <li class="nav-item dropdown">
634                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown6" role="button"
635                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
636                                Démarches administratives informations pratiques
637                            </a>
638                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown6">
639                                
640                                <div class="divider">
641                                                                                                            
642                                    
643                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
644                                           href="/fr/pg/1977627/le-guide-des-demarches-administratives">
645                                            Le guide des démarches administratives
646                                        </a>
647                                    
648                                    
649                                                                                                                                                
650                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
651                                           href="/fr/rb/1459512/le-bureau-de-poste">
652                                            Le bureau de poste
653                                        </a>
654                                    
655                                    
656                                    
657                                                                                                                                                
658                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
659                                           href="/fr/rb/1460461/la-location-de-la-salle-municipale">
660                                            La location de la salle municipale
661                                        </a>
662                                    
663                                    
664                                    
665                                                                                                                                                
666                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
667                                           href="/fr/rb/1460474/les-dechetteries-de-la-ccop-2">
668                                            Les déchetteries de la CCOP
669                                        </a>
670                                    
671                                    
672                                    
673                                                                                                                                                
674                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
675                                           href="/fr/rb/1460513/ordures-menageres-et-tri-selectif-6">
676                                            Ordures ménagères et tri sélectif
677                                        </a>
678                                    
679                                    
680                                    
681                                                                                                                                                
682                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
683                                           href="/fr/rb/1460526/bien-vivre-a-thieux">
684                                            Bien vivre à Thieux
685                                        </a>
686                                    
687                                    
688                                    
689                                                                                                                                                
690                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
691                                           href="/fr/rb/1488242/fil-multiservices-1">
692                                            Fil Multiservices
693                                        </a>
694                                    
695                                    
696                                    
697                                                                                                        </div>
698
699                            </div>
700                        </li>
701                    
702
703                                                            <li class="nav-item dropdown">
704                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown7" role="button"
705                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
706                                Contacts
707                            </a>
708                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown7">
709                                
710                                <div class="divider">
711                                                                                                            
712                                    
713                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
714                                           href="/fr/ct/1977120/contactez-votre-mairie-5">
715                                            Contactez votre mairie
716                                        </a>
717                                    
718                                    
719                                                                                                                                                
720                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
721                                           href="/fr/rb/1460552/les-numeros-utiles-9">
722                                            les numéros utiles
723                                        </a>
724                                    
725                                    
726                                    
727                                                                                                        </div>
728
729                            </div>
730                        </li>
731                    
732
733                
734                            </ul>
735        </div>
736    </div>
737</nav>
738</header>
739
740<main role="main">
741        <div class="main intern-page">
742        
743        
744        
745                        
746                                                    
747            
748                                                    
749            
750        
751        <!-- Header -->
752        <header class="d-flex align-items-center breadcrumb bg">
753    <div class="ov"></div>
754    <div class="container text-center">
755        <h1 class="title c_title">Généralités</h1>
756        <nav class="ariane c_text">
757            <span><a href="/fr/" class="font-weight-bold">Accueil</a></span>
758                            / <a href="/">La Commune</a>
759                            / <a href="/fr/rb/1459096/generalites-1">Généralités</a>
760                    </nav>
761    </div>
762</header>
763
764
765        <!-- Contenu -->
766        <section class="container wrapper bg_wrapper c_wrapper">
767            <div class="ov bgw"></div>
768            
769            <div class="main-content dynamicContent">
770                <div class="row">
771                                        <div class="col col-md contenu">
772
773                        
774                                                                                    <div class="dynamicContent">
775                                                                                                                                                                                                            
776                                                                                                            <div class="row">
777                                                            <div class="col-sm-4"
778                                                                 style="background-color: ">
779                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/4644/site/c6/8d/87/c68d87cbebc9d5241610b54d4b13a650051e3b29.JPG?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="panneau Thieux.JPG">    </div>
780                                                                                                                                                                                                                                                                        </div>
781                                                            <div class="col-sm-8"
782                                                                 style="background-color: ">
783                                                                                                                                                                                                            <p style="text-align: justify;"><br>Le village de Thieux est une commune du département de l’Oise (60), en région des Hauts-de-France. Thieux compte en 2019 une population de 437 habitants, appelés les Thilsois et les Thilsoises.<br><br>La commune fait partie du canton de Saint-Just-en-Chaussée, de la Communauté de Communes de l'Oise Picarde et de l’arrondissement de Clermont.<br>Le territoire s’étend sur une superficie de 9,18 km²</p>
784                                                                                                                                                                                                </div>
785                                                        </div>
786                                                    
787                                                
788                                                <div class="my-5"></div>
789                                                                                            
790                                                                                                            <div class="row">
791                                                            <div class="col-sm-6"
792                                                                 style="background-color: ">
793                                                                                                                                                                                                            <p><br><br>La Commune est située à environ 12 km de Breteuil, 11 km de Saint-Just-en-Chaussée, 25 km de Beauvais, 26 kms de Clermont de l’Oise.<br> <br>Elle est entouré au Nord du village de Campremy, à l’Est de Wavignies, à l’Ouest de Noyers-St-Martin et au Sud de Bucamp et Montreuil sur BrÃ
793ªche.</p>
794                                                                                                                                                                                                </div>
795                                                            <div class="col-sm-6"
796                                                                 style="background-color: ">
797                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/4644/site/d4/0e/55/d40e55b3a3431745d24f311691dca56274f6a654.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="73" style="display: inline-block; width: 73%;" alt="thieux vu du ciel.jpg">    </div>
798                                                                                                                                                                                                                                                                        </div>
799                                                        </div>
800                                                    
801                                                
802                                                <div class="my-5"></div>
803                                                                                            
804                                                                                                            <div class="row">
805                                                            <div class="col-sm-8"
806                                                                 style="background-color: ">
807                                                                                                                            </div>
808                                                            <div class="col-sm-4"
809                                                                 style="background-color: ">
810                                                                                                                            </div>
811                                                        </div>
812                                                    
813                                                
814                                                <div class="my-5"></div>
815                                                                                                                                                <div class="row">
816                                                        <div class="col-sm-12"
817                                                             style="background-color: ">
818                                                            
819                                                        </div>
820                                                    </div>
821
822                                                
823                                                <div class="my-5"></div>
824                                                                                                                                                            <hr>
825                                </div>
826                                                                        </div>
827                                        
828                    
829
830                                    </div>
831            </div>
832        </section>
833                                                                <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
834    <div class="modal-dialog" role="document">
835        <div class="modal-content">
836            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
837                <span aria-hidden="true">&times;</span>
838            </button>
839
840            <embed type="application/pdf">
841        </div>
842    </div>
843</div>
844    </div>
845
846</main>
847
848<div class="main">
849                
850    
851    <div id="footer">
852    <footer role="contentinfo" class="footer footer1 bg">
853        <div class="ov"></div>
854        <div class="container d-flex flex-wrap">
855            <div class="footer-container">
856                <h2 class="title light c_title d_title btn-line"><a
857        href="/fr/ct/1977120/contactez-votre-mairie-5">Contactez votre mairie</a></h2>
858<div class="footer-box">
859    <div class="contact c_text">
860        <p class="font-weight-bold mb-0">Commune de Thieux</p>
861        <p class="mb-0">3 rue des Hayes</p>
862        <p class="mb-0">60480 Thieux - FRANCE</p>
863         <p class="mb-0"><a href="tel:+33344807359">+33 3 44 80 73 59</a>
864            </p>
865                    <p class="mb-0"><a href="#" data-toggle="modal" data-target="#contactFormContactFooter" class="btn-outline c_btn h_btn">Contact par formulaire</a>
866            </p>
867        
868                    <div class="mt-4">
869                <p style="margin:0;"><strong>Horaires d&#039;ouverture au public</strong></p>
870                <p style="margin:0;">le mardi de 16h00 &agrave; 18h00<br />
871le jeudi de 16h00 &agrave; 17h00</p>
872            </div>
873            </div>
874</div>
875
876
877                <div class="social-media">
878    <ul class="c_text">
879                                                                                                                                                            </ul>
880</div>
881
882                                
883            </div>
884        </div>
885    </footer>
886
887    <section class="bg footer-links footer2">
888        <div class="ov"></div>
889        <div class="container d-flex flex-wrap">
890            <div class="footer-container">
891    <h2 class="title-container clearfix mb-3">
892                    <a href="/fr/lk/1977315/liens-1355"
893                class="title c_title d_title">Liens</a>
894            </h2>
895    <div class="links c_text row linksCustom">
896                    <p class="col-8 col-md-8">
897                <a href="https://kom-conseil.fr/" target="_blank">Site réalisé par KOM Conseil</a>
898            </p>
899                    <p class="col-8 col-md-8">
900                <a href="https://www.oise-mobilite.fr/" target="_blank">Oise mobilité</a>
901            </p>
902                    <p class="col-8 col-md-8">
903                <a href="https://www.service-public.fr/" target="_blank">Service Public</a>
904            </p>
905                    <p class="col-8 col-md-8">
906                <a href="https://cc-oisepicarde.fr/fr/" target="_blank">Communauté de Communes de l&#039;Oise Picarde</a>
907            </p>
908            </div>
909</div>
910
911
912
913            
914
915        </div>
916        <div class="container d-flex flex-wrap" style="justify-content:center;">
917            <p class="mt-0 mb-0 c_text"><a href="/fr/li/1977159/mentions-legales-1433">Mentions légales</a>
918</p>
919            <span class="c_text" style="margin: 0 8px;">-</span>
920            <p class="mt-0 mb-0 c_text"><a href="/fr/1977159/politique-confidentialite">Politique de confidentialité</a>
921</p>
922            <span class="c_text" style="margin: 0 8px;">-</span>
923            <p class="mt-0 mb-0 c_text"><a href="/fr/accessibilite">Accessibilité</a>
924</p>
925            <span class="c_text" style="margin: 0 8px;">-</span>
926            
927            <p class="mt-0 mb-0 c_text"><a href="/fr/sm/120736/plan-du-site-1" >Plan du site</a></p>
928            <span class="c_text" style="margin: 0 8px;">-</span>
929            <p class="mt-0 mb-0 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p>
930        </div>
931    </section>
932</div>
933
934<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true"
935     style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);">
936    <div class="modal-dialog" role="document">
937        <div class="modal-content">
938            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
939                <span aria-hidden="true">&times;</span>
940            </button>
941
942            <div class="modal-header bg_bloc text_bloc">
943                                <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Nous contacter par e-mail</h4>
944                            </div>
945            <form id="contactFormFooter" action="/formMdContact" method="post"
946                  novalidate enctype="multipart/form-data">
947                <div class="modal-body pb-0">
948
949                                            <p class="title field-wrapper">Quelle est votre demande ?</p>
950<hr>                                            <div class="form-group position-relative">
951    <div><label for="2_input">Nom</label><span>*</span></div>
952    <input type="text" name="2_input" class="form-control" id="2_input" aria-describedby="2_inputHelp">
953        <span class="form-error requirements" id="2_input-error" role="alert">Ce champ est obligatoire</span>
954</div>                                            <div class="form-group position-relative">
955    <div><label for="3_input">Prénom</label><span>*</span></div>
956    <input type="text" name="3_input" class="form-control" id="3_input" aria-describedby="3_inputHelp">
957        <span class="form-error requirements" id="3_input-error" role="alert">Ce champ est obligatoire</span>
958</div>                                            <div class="form-group">
959    <div><label for="4_email">Adresse email</label><span>*</span></div>
960    <input type="email" name="4_email" class="form-control" id="4_email"
961           aria-describedby="Adresse email">
962        <span class="form-error requirements" id="4_email-error" role="alert">Ce champ est obligatoire</span>
963</div>                                            <div class="form-group position-relative">
964    <div><label for="5_input">Objet de votre demande</label><span>*</span></div>
965    <input type="text" name="5_input" class="form-control" id="5_input" aria-describedby="5_inputHelp">
966        <span class="form-error requirements" id="5_input-error" role="alert">Ce champ est obligatoire</span>
967</div>                                            <div class="form-group position-relative">
968    <div><label for="6_textarea">Détail de votre demande</label><span></span>
969    </div>
970    <textarea name="6_textarea" class="form-control pl-0" id="6_textarea" rows="3"></textarea>
971        <span class="form-error requirements" id="6_textarea-error" role="alert">Ce champ est obligatoire</span>
972</div>                                            <div class="field-wrapper">
973    <div><label for="7_email" class="font-weight-bold mr-1">Pièce jointe</label><span></span></div>
974    <div class="d-flex align-items-center">
975        <div class="form-group col-10 col-md-10 px-0 mb-0">
976            <div class="upload-btn-wrapper">
977                <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button>
978                <input type="file" name="7_file" id="7_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents">
979            </div>
980        </div>
981            </div>
982
983    <div>
984        <ul class="listFiles">
985
986        </ul>
987    </div>
988    <span class="form-error requirements" id="7_file-error" role="alert">Ce champ est obligatoire</span>
989</div>
990                    
991                    <div class="form-group">
992    <div class="h-recaptcha m-auto d-inline-block"></div>
993    <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire
994    </div>
995</div>                </div>
996                <div class="modal-footer">
997                                        <button id="formContactForm" type="submit" class="btn-outline btn-right c_btn h_btn formContactForm">ENVOYER</button>
998                </div>
999                <div class="m-3">
1000                    Les informations recueillies &agrave; partir de ce formulaire sont n&eacute;cessaires &agrave; la gestion de votre demande par notre Structure qui est responsable du traitement de vos donn&eacute;es personnelles collect&eacute;es.<br />
1001Vos donn<span style="color:null"><span style="background-color:null">&eacute;es personnelles re&ccedil;ues sont conserv&eacute;es par notre Structure pendant toute la dur&eacute;e n&eacute;cessaire au traitement de votre demande ou bien pour une dur&eacute;e de [&hellip;&hellip;.] mois maximum &agrave; compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des donn&eacute;es les services et repr&eacute;sentants de notre Structure en charge des r&eacute;ponses aux demandes &eacute;mises via ce formulaire. Aucun transfert de vos donn&eacute;es hors de l&#39;Union europ&eacute;enne n&#39;est r&eacute;alis&eacute;. </span><br />
1002<span style="background-color:null">Vous pouvez &agrave; tout moment demander l&rsquo;acc&egrave;s, la rectification, l&rsquo;effacement, la portabilit&eacute; ou la limitation de vos donn&eacute;es, ou bien vous opposer &agrave; leur traitement, en contactant le D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es de notre structure : </span><br />
1003<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : [&hellip;&hellip;.] ; </span><br />
1004<span style="background-color:null">- Par voie postale &agrave; l&rsquo;attention du D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es et &agrave; l&rsquo;adresse suivante : [&hellip;&hellip;.]. </span><br />
1005<span style="background-color:null">Si vous estimez, apr&egrave;s nous avoir contact&eacute;s, que vos droits sur vos donn&eacute;es personnelles ne sont pas respect&eacute;s, vous pou</span></span>vez adresser une r&eacute;clamation &agrave; la CNIL.
1006                </div>
1007            </form>
1008
1009            <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none">
1010                <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p>
1011            </div>
1012        </div>
1013    </div>
1014</div>
1015
1016    <div class="footer-bottom" style="position: relative;">
1017	<div class="container">
1018		<p>
1019
1020			<a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank">
1021				<img role="img" src="/images/rdc-logo-footer-2.png" alt="Logo Réseau des Communes" class="img-fluid">
1022				Site créé en partenariat avec Réseau des Communes
1023			</a>
1024		</p>
1025	</div>
1026</div>
1027    <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
1028    <div class="modal-dialog" role="document">
1029        <div class="modal-content">
1030            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1031                <span aria-hidden="true">&times;</span>
1032            </button>
1033
1034            <embed type="application/pdf">
1035        </div>
1036    </div>
1037</div>
1038
1039    
1040</div>
1041
1042            <div id="previewModalImage" class="modal">
1043
1044                <!-- The Close Button -->
1045                <span id="closePreviewImage" class="close">&times;</span>
1046
1047                <!-- Navigation Buttons -->
1048                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
1049                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</a>
1050
1051                <!-- Image Counter -->
1052                <div id="imageCounter" class="image-counter"></div>
1053
1054                <!-- Modal Content (The Image) -->
1055                <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div>
1056
1057                <!-- Modal Caption (Image Text) -->
1058                <div id="captionPreviewImage"></div>
1059            </div>
1060        
1061                    
1061<script>
1062                (function() {
1063                    // Get the modal elements
1064                    const modal = document.getElementById('previewModalImage');
1065                    const modalImg = modal.querySelector('img');
1066                    const captionText = document.getElementById('captionPreviewImage');
1067                    const closePreviewImage = document.getElementById('closePreviewImage');
1068                    const prevBtn = document.getElementById('prevImage');
1069                    const nextBtn = document.getElementById('nextImage');
1070                    const imageCounter = document.getElementById('imageCounter');
1071                    
1072                    let currentImages = [];
1073                    let currentIndex = 0;
1074
1075                    // Helper function to check if element is visible
1076                    function isVisible(element) {
1077                        return element && element.offsetParent !== null;
1078                    }
1079
1080                    // Helper function to toggle element visibility
1081                    function toggleElement(element, show) {
1082                        if (element) {
1083                            element.style.display = show ? 'block' : 'none';
1084                        }
1085                    }
1086
1087                    // Function to update the modal with a specific image
1088                    function updateModal(index) {
1089                        if (currentImages.length === 0) return;
1090                        
1091                        currentIndex = index;
1092                        const img = currentImages[currentIndex];
1093                        modalImg.setAttribute('src', img.src);
1094                        modalImg.setAttribute('alt', img.alt || '');
1095                        captionText.innerHTML = img.alt || '';
1096                        
1097                        // Update counter
1098                        imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length;
1099                        
1100                        // Show/hide navigation buttons
1101                        const showNav = currentImages.length > 1;
1102                        toggleElement(prevBtn, showNav);
1103                        toggleElement(nextBtn, showNav);
1104                        toggleElement(imageCounter, showNav);
1105                    }
1106
1107                    // Function to show next image
1108                    function showNext() {
1109                        if (currentImages.length === 0) return;
1110                        currentIndex = (currentIndex + 1) % currentImages.length;
1111                        updateModal(currentIndex);
1112                    }
1113
1114                    // Function to show previous image
1115                    function showPrev() {
1116                        if (currentImages.length === 0) return;
1117                        currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;
1118                        updateModal(currentIndex);
1119                    }
1120
1121                    // Helper function to find closest ancestor with class
1122                    function closest(element, selector) {
1123                        if (!element) return null;
1124                        
1125                        // For class selector (e.g., '.splide__slide')
1126                        if (selector.startsWith('.')) {
1127                            const className = selector.slice(1);
1128                            let current = element;
1129                            while (current && current !== document) {
1130                                if (current.classList && current.classList.contains(className)) {
1131                                    return current;
1132                                }
1133                                current = current.parentElement;
1134                            }
1135                        }
1136                        return null;
1137                    }
1138
1139                    // When clicking on an image
1140                    document.addEventListener('click', function(e) {
1141                        const target = e.target;
1142                        // Check if clicked element is an image with class .img or .main-img inside .splide
1143                        if (target.tagName === 'IMG' && 
1144                            (target.classList.contains('img') || target.classList.contains('main-img')) &&
1145                            closest(target, '.splide')) {
1146                            
1147                            // Find the clicked image's parent slide
1148                            const clickedSlide = closest(target, '.splide__slide');
1149                            if (!clickedSlide) return;
1150                            
1151                            // Find the list that contains this slide
1152                            const splideList = closest(clickedSlide, '.splide__list');
1153                            if (!splideList) return;
1154                            
1155                            // Get all slides from this specific list
1156                            const allSlides = splideList.querySelectorAll('.splide__slide');
1157                            
1158                            // Get all images from these slides only, deduplicating by src
1159                            // (Splide duplicates slides in loop mode, so we need to filter duplicates)
1160                            currentImages = [];
1161                            const seenSrcs = new Set();
1162                            const clickedSrc = target.src;
1163                            
1164                            allSlides.forEach(function(slide) {
1165                                const slideImg = slide.querySelector('.img, .main-img');
1166                                if (slideImg) {
1167                                    const imgSrc = slideImg.src;
1168                                    // Only add if we haven't seen this src before
1169                                    if (!seenSrcs.has(imgSrc)) {
1170                                        seenSrcs.add(imgSrc);
1171                                        currentImages.push(slideImg);
1172                                    }
1173                                }
1174                            });
1175                            
1176                            // Find the index of the clicked image by src (to handle duplicates)
1177                            currentIndex = currentImages.findIndex(function(img) {
1178                                return img.src === clickedSrc;
1179                            });
1180                            
1181                            if (currentIndex === -1) {
1182                                currentIndex = 0; // Fallback to first image
1183                            }
1184                            
1185                            // Update and show modal
1186                            updateModal(currentIndex);
1187                            modal.style.display = 'block';
1188                        }
1189                    });
1190
1191                    // Navigation button handlers
1192                    if (nextBtn) {
1193                        nextBtn.addEventListener('click', function (e) {
1194                            e.preventDefault();
1195                            e.stopPropagation();
1196                            showNext();
1197                        });
1198                    }
1199
1200                    if (prevBtn) {
1201                        prevBtn.addEventListener('click', function (e) {
1202                            e.preventDefault();
1203                            e.stopPropagation();
1204                            showPrev();
1205                        });
1206                    }
1207
1208                    // Keyboard navigation
1209                    document.addEventListener('keydown', function (e) {
1210                        // Check if modal is visible by checking display style
1211                        const isModalVisible = modal.style.display !== 'none' && 
1212                                             (modal.style.display === 'block' || 
1213                                              window.getComputedStyle(modal).display !== 'none');
1214                        
1215                        if (isModalVisible) {
1216                            if (e.key === 'ArrowRight' || e.keyCode === 39) {
1217                                e.preventDefault();
1218                                showNext();
1219                            } else if (e.key === 'ArrowLeft' || e.keyCode === 37) {
1220                                e.preventDefault();
1221                                showPrev();
1222                            } else if (e.key === 'Escape' || e.keyCode === 27) {
1223                                e.preventDefault();
1224                                e.stopPropagation();
1225                                modal.style.display = 'none';
1226                            }
1227                        }
1228                    });
1229
1230                    // When the user clicks on <span> (x), close the modal
1231                    if (closePreviewImage) {
1232                        closePreviewImage.addEventListener('click', function () {
1233                            modal.style.display = 'none';
1234                        });
1235                    }
1236
1237                    // Close modal when clicking outside the image
1238                    modal.addEventListener('click', function (e) {
1239                        if (e.target === modal) {
1240                            modal.style.display = 'none';
1241                        }
1242                    });
1243                })();
1244            </script>
1244
1245        
1246        
1246<script src="/js/vendor/popper.min.js"></script>
1246
1247    
1247<script src="/js/vendor/bootstrap.min.js"></script>
1247
1248    <!-- Carousel -->
1249    
1249<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1249
1250    
1250<script src='/dist/owlcarousel/js/owl.linked.js'></script>
1250
1251    
1251<script src='/dist/slick/slick.js'></script>
1251
1252
1253    
1253<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1253
1254    
1254<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1254
1255
1256
1257        
1257<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1257
1258
1259    <!-- Custom JS -->
1260    
1260<script src="/js/shared.js?v1"></script>
1260
1261    
1261<script src="/tpl/2/js/main.js"></script>
1261
1262    
1262<script src="/lib/chartjs/Chart.js"></script>
1262
1263    
1263<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1263
1264
1265        
1265<script type="text/javascript">
1266
1267        tarteaucitron.user.matomoId = 6;
1268        (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');
1269
1270
1271        (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
1272        (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
1273        (tarteaucitron.job = tarteaucitron.job || []).push('vimeo');
1274        (tarteaucitron.job = tarteaucitron.job || []).push('othervideo');
1275
1276            </script>
1276
1277
1278    
1278<script>
1279        (function(i,s,o,g,r,a,m){i['InstanaEumObject']=r;i[r]=i[r]||function(){
1280            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
1281            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
1282        })(window,document,'script','//eum.instana.io/eum.min.js','ineum');
1283        ineum('reportingUrl', 'https://eum-eu-west-1.instana.io');
1284        ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA');
1285
1286        // set the name of a page on which this load/errors/calls happened
1287        ineum('page', 'front-site');
1288    </script>
1288
1289
1290    
1290<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1290
1291
1292    
1292<script type="text/javascript">
1293        var CaptchaCallback = function () {
1294            $('.h-recaptcha').each(function (index, el) {
1295                hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'});
1296            });
1297        };
1298    </script>
1298
1299
1300    
1300<script>
1301        $(document).ready(function () {
1302
1303            $('.selectpicker').selectpicker();
1304
1305            // Smooth scroll
1306            $("a[href*='#']:not([href='#'])").click(function () {
1307                if (location.hostname == this.hostname && this.pathname.replace(/^\//, "") == location.pathname.replace(/^\//, "")) {
1308                    var anchor = $(this.hash);
1309                    anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) + "]");
1310
1311                    if (anchor.length) {
1312                        $("html, body").animate({scrollTop: anchor.offset().top - 90}, 1500);
1313                    }
1314                }
1315            });
1316
1317            var input = $('input[type=file]');
1318
1319            input.on('change', function () {
1320                var list = $(this).parent().parent().parent().parent().find($('.listFiles'));
1321                list.empty();
1322
1323                for (var x = 0; x < this.files.length; x++) {
1324                    var newFile = '<li>Fichier joint :  ' + this.files[x].name + ' ('+humanFileSize(this.files[x].size)+')</li>';
1325//                    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
1326                    list.append(newFile);
1327                }
1328            });
1329
1330            $('.form-error').hide();
1331            $('#contactFormFooter').submit(function (e) {
1332                let form = $(this);
1333
1334                $.ajax({
1335                    type: "POST",
1336                    url: form.attr('action'),
1337                    data: new FormData(form[0]),
1338                    contentType: false,
1339                    processData: false,
1340                    beforeSend: function () {
1341                        form.find('.form-error').hide();
1342                        $('.formContactForm').attr('disabled', true);
1343                    },
1344                    success: function (response) {
1345                        hcaptcha.reset();
1346
1347                        if (response.status === 'KO') {
1348                            let errors = response.errors;
1349                            for (let index in errors) {
1350                                if (errors.hasOwnProperty(index)) {
1351                                    let attr = errors[index];
1352                                    let error = attr[Object.keys(attr)[0]];
1353                                    form.find('#' + index + '-error').text(error).show();
1354                                }
1355                            }
1356                        }
1357                        else {
1358
1359                            $('#contactFormFooter').css('display', 'none');
1360                            $('#messageSendedFormContactFooter').css('display', '');
1361                            form[0].reset();
1362                        }
1363                    },
1364                    complete: function () {
1365
1366                        $('.formContactForm').removeAttr('disabled');
1367                    }
1368                });
1369
1370                return false;
1371            });
1372
1373            $('#contactFormContactFooter').on('hidden.bs.modal', function () {
1374                $('#contactFormFooter')[0].reset();
1375
1376                $('#contactFormFooter').css('display', '');
1377
1378                $('#messageSendedFormContactFooter').css('display', 'none');
1379
1380                $('.form-error').hide();
1381
1382                $('.listFiles').empty();
1383
1384                hcaptcha.reset();
1385            });
1386        });
1387
1388        function humanFileSize(size) {
1389            var i = Math.floor(Math.log(size) / Math.log(1024));
1390            return ( size / Math.pow(1024, i) ).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
1391        }
1392    </script>
1392
1393
1394    
1394<script>
1395        $(function () {
1396
1397
1398            var numberAlerts = false;
1399
1400            var allAlerts = $('#alertsModal').find($('.alertsInfo'));
1401
1402            numberAlerts = allAlerts.length;
1403
1404            allAlerts.each(function (index) {
1405
1406                if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) {
1407
1408                    if(index == 0){
1409                        $('#header'+$(this).attr('data-id')+'').removeClass('d-none');
1410                    }
1411
1412                    $('#alertsModal').modal('show');
1413                } else {
1414                    $(this).remove();
1415                    $('#header'+$(this).attr('data-id')+'').remove();
1416                    numberAlerts = numberAlerts - 1;
1417                    setActiveAndDecrementNumber();
1418                }
1419
1420            });
1421
1422            $('.acceptCookiesAlerts').on('click', function (e) {
1423                e.preventDefault();
1424
1425                var currentDataId = $(this).attr('data-id');
1426
1427                sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1');
1428
1429                numberAlerts = numberAlerts - 1;
1430
1431                var currentParentNode = $(this).parent().parent().parent();
1432
1433                currentParentNode.removeClass('active');
1434                $('#header'+currentDataId+'').remove();
1435                currentParentNode.remove();
1436
1437                setActiveAndDecrementNumber();
1438
1439                setTitle();
1440            });
1441
1442            function setActiveAndDecrementNumber() {
1443                var newListOfAlerts = $('#alertsModal').find($('.alertsInfo'));
1444
1445                newListOfAlerts.each(function (index, e) {
1446                    if (index == 0) {
1447                        $(this).addClass('active');
1448                        $('#header'+$(this).attr('data-id')+'').removeClass('d-none');
1449                    }
1450                });
1451
1452                if (numberAlerts == 0) {
1453                    $('#alertsModal').modal('hide');
1454                }
1455            }
1456
1457
1458
1459            var currentColorControl = '#212529';
1460
1461            $('#controlPrev').css('color', 'initial !important');
1462            $('#controlNext').css('color', 'initial !important');
1463
1464            $('#controlNext').on('click',function(){
1465                setTimeout(function(){
1466                    setTitle();
1467                    }, 1000);
1468            });
1469
1470            $('#controlPrev').on('click',function(){
1471                setTimeout(function(){
1472                    setTitle();
1473                }, 1000);
1474            });
1475
1476            $('#controlPrev').on('mouseover', function () {
1477
1478                $(this).css('color', 'initial !important');
1479            });
1480
1481            $('#controlNext').on('mouseover', function () {
1482
1483                $(this).css('color', 'initial !important');
1484            });
1485
1486            function setTitle(){
1487                $('.titleHeaderAlerts').addClass('d-none');
1488                var currentId = $('.carousel-item.active').attr('data-id');
1489                $('#header'+currentId+'').removeClass('d-none');
1490            }
1491        });
1492    </script>
1492
1493
1494    
1494<script src="/js/slick/slick.js"></script>
1494
1495
1496    
1496<script type="text/javascript">
1497        $(function () {
1498            $('.titleButtonForm').on('click', function () {
1499                console.log($(this).attr("data-target"));
1500                $('#' + $(this).attr("data-target") + '').modal('show');
1501            });
1502
1503            $('.titleButtonForm').removeClass('btn-secondary');
1504
1505            $('.form-error').hide();
1506
1507            $('.contactContentForm').submit(function (e) {
1508                let form = $(this);
1509                let modal = form.closest('.modal');
1510
1511                $.ajax({
1512                    type: "POST",
1513                    url: form.attr('action'),
1514                    data: new FormData(form[0]),
1515                    contentType: false,
1516                    processData: false,
1517                    beforeSend: function () {
1518                        form.find('.form-error').hide();
1519                        form.find('.buttonContactFormContent').attr('disabled', true);
1520                    },
1521                    success: function (response) {
1522                        hcaptcha.reset();
1523
1524                        if (response.status === 'KO') {
1525                            let errors = response.errors;
1526                            for (let index in errors) {
1527                                if (errors.hasOwnProperty(index)) {
1528                                    let attr = errors[index];
1529                                    let error = attr[Object.keys(attr)[0]];
1530                                    form.find('#' + index + '-error').text(error).show();
1531                                }
1532                            }
1533                        }
1534                        else {
1535
1536                            form.css('display', 'none');
1537                            modal.find('.messageSendedForm').css('display', '');
1538                            form[0].reset();
1539                        }
1540                    },
1541                    complete: function () {
1542                        form.find('.buttonContactFormContent').prop('disabled', false);
1543                    }
1544                });
1545
1546                return false;
1547            });
1548
1549            $('.contactFormModal').on('hidden.bs.modal', function () {
1550                $(this).find('form')[0].reset();
1551                $('#contactFormFooter')[0].reset();
1552
1553                $(this).find('form').css('display', '');
1554                $('#contactFormFooter').css('display', '');
1555
1556                $(this).find('.messageSendedForm').css('display', 'none');
1557
1558                $('.form-error').hide();
1559
1560                $('.listFiles').empty();
1561
1562                hcaptcha.reset();
1563            });
1564
1565        });
1566    </script>
1566
1567
1568    
1568<script type="text/javascript">
1569        $(function () {
1570            var carousels = $('div[class*="testCarousel"]');
1571//            gestion chargement slide slick
1572            carousels.each(function () {
1573
1574                $(this).find($('div[class="overlayNumber"]')).removeClass('overlayNumber');
1575
1576                if ($(this).attr("data-type-slide") === 'simpleCarousel') {
1577
1578                    $(this).slick({
1579                        dots: true,
1580                        arrows: false
1581                    });
1582                }
1583                else if ($(this).attr("data-type-slide") === 'multipleCarousel') {
1584                    $(this).slick({
1585                        dots: true,
1586                        arrows: false,
1587                        infinite: true,
1588                        slidesToShow: 3,
1589                        slidesToScroll: 3,
1590                        responsive: [
1591                            {
1592                                breakpoint: 1024,
1593                                settings: {
1594                                    slidesToShow: 3,
1595                                    slidesToScroll: 3,
1596                                    infinite: true,
1597                                    dots: true,
1598                                    arrows: false
1599                                }
1600                            },
1601                            {
1602                                breakpoint: 600,
1603                                settings: {
1604                                    slidesToShow: 2,
1605                                    slidesToScroll: 2
1606                                }
1607                            },
1608                            {
1609                                breakpoint: 480,
1610                                settings: {
1611                                    slidesToShow: 1,
1612                                    slidesToScroll: 1
1613                                }
1614                            }
1615                        ]
1616                    });
1617
1618                }
1619                else if ($(this).attr("data-type-slide") === 'responsiveCarousel') {
1620                    $(this).slick({
1621                        infinite: false,
1622                        speed: 300,
1623                        slidesToShow: 4,
1624                        slidesToScroll: 4,
1625                        dots: true,
1626                        arrows: false,
1627                        responsive: [
1628                            {
1629                                breakpoint: 1024,
1630                                settings: {
1631                                    slidesToShow: 3,
1632                                    slidesToScroll: 3,
1633                                    infinite: true,
1634                                    dots: true
1635                                }
1636                            },
1637                            {
1638                                breakpoint: 600,
1639                                settings: {
1640                                    slidesToShow: 2,
1641                                    slidesToScroll: 2
1642                                }
1643                            },
1644                            {
1645                                breakpoint: 480,
1646                                settings: {
1647                                    slidesToShow: 1,
1648                                    slidesToScroll: 1
1649                                }
1650                            }
1651                        ]
1652                    });
1653
1654                }
1655                else if ($(this).attr("data-type-slide") === 'adaptiveCarousel') {
1656                    $(this).slick({
1657                        infinite: true,
1658                        speed: 300,
1659                        slidesToShow: 1,
1660                        adaptiveHeight: true,
1661                        dots: true,
1662                        arrows: false
1663                    });
1664
1665                }
1666                else if ($(this).attr("data-type-slide") === 'centerCarousel') {
1667                    $(this).slick({
1668                        centerMode: true,
1669                        centerPadding: '60px',
1670                        slidesToShow: 3,
1671                        dots: true,
1672                        arrows: false,
1673                        responsive: [
1674                            {
1675                                breakpoint: 768,
1676                                settings: {
1677                                    arrows: false,
1678                                    centerMode: true,
1679                                    centerPadding: '40px',
1680                                    slidesToShow: 3
1681                                }
1682                            },
1683                            {
1684                                breakpoint: 480,
1685                                settings: {
1686                                    arrows: false,
1687                                    centerMode: true,
1688                                    centerPadding: '40px',
1689                                    slidesToShow: 1
1690                                }
1691                            }
1692                        ]
1693                    });
1694
1695                }
1696                else if ($(this).attr("data-type-slide") === 'fadeCarousel') {
1697                    $(this).slick({
1698                        dots: true,
1699                        arrows: false,
1700                        infinite: true,
1701                        speed: 500,
1702                        fade: true,
1703                        cssEase: 'linear'
1704                    });
1705                }
1706
1707                if ($(this).hasClass('autoPlay')) {
1708                    $('#' + $(this).attr('id') + '').slick('slickSetOption', {
1709                        autoplay: true,
1710                        autoplaySpeed: 2000
1711                    }, true);
1712                }
1713
1714                $(this).removeAttr('style');
1715            });
1716
1717            var allHtmlCode = $('.contentHtml');
1718
1719            allHtmlCode.each(function (element) {
1720                var htmlCode = $(this).attr('data-code');
1721
1722                if(htmlCode != '' && htmlCode != undefined){
1723                    $(this).removeClass('col-md-8');
1724                    $(this).empty();
1725
1726                    addWidgetHtml(htmlCode,$(this));
1727                }
1728
1729
1730            });
1731
1732            async function addWidgetHtml(htmlCode,element){
1733                element.replaceWith(htmlCode);
1734            }
1735            //
1736            // setTimeout(function(){
1737            //     $('.contentHtml').each(function(element){
1738            //         var htmlCode = $(this).attr('data-code');
1739            //
1740            //         if(htmlCode.includes('apidae')){
1741            //             let idWidget = $(this).find($('#widgit'));
1742            //
1743            //             $(this).find('.w_large').remove();
1744            //
1745            //             $(this).find('div').addClass('w_large');
1746            //         }
1747            //     });
1748            // }, 3000);
1749
1750            let allIframe = $('iframe');
1751
1752            allIframe.each(function(element){
1753                var urlVideo = $(this).attr('src');
1754                let $this = $(this);
1755
1756                if(urlVideo != "" || urlVideo != undefined){
1757                    let newUrl = urlVideo.split('/');
1758                    let currentIdVideo = newUrl[newUrl.length-1];
1759
1760
1761                    if(urlVideo.includes('youtube')||urlVideo.includes('youtu.be')){
1762
1763                        $.ajax({
1764                            url: '/getVideoTitle',
1765                            type: 'POST',
1766                            data: {
1767                                video_id: currentIdVideo,
1768                                platform: 'Y'
1769                            },
1770                            success: function(data){
1771                                let title = data['title'];
1772                                $this.attr('title',title);
1773                            }
1774                        });
1775                    }
1776                    else if(urlVideo.includes('dailymotion')||urlVideo.includes('dai.ly')){
1777
1778                        $.get("https://api.dailymotion.com/video/"+currentIdVideo+"?fields=title", function(data) {
1779                            let title = data['title'];
1780                            $this.attr('title',title);
1781                        });
1782                    }
1783                    else if(urlVideo.includes('vimeo')){
1784
1785                        $.ajax({
1786                            url: '/getVideoTitle',
1787                            type: 'POST',
1788                            data: {
1789                                video_id: currentIdVideo,
1790                                platform: 'V'
1791                            },
1792                            success: function(data){
1793                                let title = data['title'];
1794                                $this.attr('title',title);
1795                            }
1796                        });
1797                    }
1798                }
1799            });
1800        });
1801    </script>
1801
1802
1803    
1803<script type="text/javascript">
1804            </script>
1804
1805</body>
1806</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.