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'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'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'é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'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'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'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">×</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'ouverture au public</strong></p> 870 <p style="margin:0;">le mardi de 16h00 à 18h00<br /> 871le jeudi de 16h00 à 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'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">×</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 à partir de ce formulaire sont nécessaires à la gestion de votre demande par notre Structure qui est responsable du traitement de vos données personnelles collectées.<br /> 1001Vos donn<span style="color:null"><span style="background-color:null">ées personnelles reçues sont conservées par notre Structure pendant toute la durée nécessaire au traitement de votre demande ou bien pour une durée de […….] mois maximum à compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des données les services et représentants de notre Structure en charge des réponses aux demandes émises via ce formulaire. Aucun transfert de vos données hors de l'Union européenne n'est réalisé. </span><br /> 1002<span style="background-color:null">Vous pouvez à tout moment demander l’accès, la rectification, l’effacement, la portabilité ou la limitation de vos données, ou bien vous opposer à leur traitement, en contactant le Délégué à la Protection des Données de notre structure : </span><br /> 1003<span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> 1004<span style="background-color:null">- Par voie postale à l’attention du Délégué à la Protection des Données et à l’adresse suivante : […….]. </span><br /> 1005<span style="background-color:null">Si vous estimez, après nous avoir contactés, que vos droits sur vos données personnelles ne sont pas respectés, vous pou</span></span>vez adresser une réclamation à 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">×</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">×</span> 1046 1047 <!-- Navigation Buttons --> 1048 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 1049 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</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.