1<!DOCTYPE html> 2<html dir="ltr" lang="fr"> 3<head> 4 <title> 5 Historique - Commune de Treilles </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-FQQGYWQ8X3'; 57 tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ 58 }; 59 (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); 60 </script>
60 61 <meta name="google-site-verification" content="jZKl9cKfv_NTt-Jfh5SF3HdbbGL4H7MLxwTrTj4tlSg" /> 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', '641']); 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: rgb(242,242,242) !important; } .table td, .table, .table thead th { border-color: rgb(242,242,242) !important; } .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu { background-color: rgb(242,242,242) !important; border-color: rgb(242,242,242) !important;} .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{ border-color: rgb(242,242,242) !important;} .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ 99 background-color: rgb(242,242,242) !important; 100} .fc-unthemed td.fc-today{background: rgb(242,242,242) !important;} .cookies .btn{ color: rgb(242,242,242) !important; }header.intro { background-image: url(https://static.neopse.com/medias/p/2481/site/6e/db/96/6edb96727995df7c1ba14c52729ab058b6798522.jpg?v=v1); background-position: center; background-repeat: repeat; }body { background-color: #E6D3A3; }.c_btn { color: rgb(58,58,58); border-color: rgb(58,58,58); } .c_btn:hover { background-color: rgb(58,58,58); } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .carousel-indicators .active, .slick-dots li.slick-active button {background: rgb(58,58,58);opacity: 1;} .carousel-indicators li, .owl-theme .owl-dots .owl-dot span, .slick-dots li button{background-color: rgb(58,58,58);opacity: 0.5;} .fc-event .fc-title, .fc-event-container{ color: rgb(58,58,58) !important; } .fc-event{ color: rgb(58,58,58);}.text_bloc {color:#E6D3A3 !important;} .bg_bloc .c_text {color:#E6D3A3 !important;} .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after {color:#E6D3A3 !important;} .fc-unthemed thead.fc-head{ color: #E6D3A3 !important; } .fc-unthemed td.fc-today{color: #E6D3A3 !important;} .cookies .btn{ background-color: #E6D3A3 !important; }#footer .footer-links.bg { background-color: rgb(201,168,106); }#footer .footer-links.bg { background-image: url(https://static.neopse.com/assets/img/textures/dark-wood.png?v=v1); background-position: center; background-repeat: repeat; }nav.navbar.bg { background-color: rgb(201,168,106); }nav.navbar.bg { background-image: url(undefined); background-position: center; background-repeat: repeat; }
100.dynamicContent a:not(.c_btn):not(.bg_btn), .dynamicContent a:not(.c_btn):not(.bg_btn):hover, .dynamicContent a:not(.c_btn):not(.bg_btn):focus, .dynamicContent a:not(.c_btn):not(.bg_btn):active, .dynamicContent a:not(.c_btn):not(.bg_btn):visited { color: rgb(107,107,107); }body, .c_title, .c_text { color: #3A3A3A; } .navbar-toggler.c_text{ border-color: #3A3A3A; } .intern-page .en-tete{ border-left-color: #3A3A3A;} .bootstrap-select .dropdown-menu li a{color: #3A3A3A;} .c_text .dropdown-toggle { color: #3A3A3A !important; }.searchbar .c_btn { color: #FFFFFF !important; }.navbar .dropdown-menu { background-color: rgb(230,211,163); }#footer .footer-links .c_text { color: rgb(255,255,255)!important; }.searchbar .c_text { color: #3A3A3A; } .searchbar ::placeholder { color: #3A3A3A; }#footer .footer-links .c_title { color: rgb(255,255,255); } #footer .footer-links .c_title:before { background-color: rgb(255,255,255); }nav.navbar .c_text { color: #6B6B6B; } .navbar-toggler.c_text{ border-color: #6B6B6B !important; }nav.navbar .h_text:hover { color: #3A3A3A; }#footer .footer.bg { background-color: rgb(58,58,58); }#footer .footer.bg { background-image: url(https://static.neopse.com/assets/img/textures/dark-wood.png?v=v1); background-position: center; background-repeat: repeat; }.breadcrumb.bg { background-color: rgb(230,211,163); }.navbar .dropdown-menu .c_text { color: #3A3A3A; }nav.navbar .dropdown-menu .h_text:hover { color: rgb(255,255,255); }#footer .c_btn { color: #FFFFFF !important; border-color: #FFFFFF !important; } #footer .c_btn:hover { background-color: #FFFFFF !important; }#w_headline { background-color: #E6D3A3; }#w_headline { background-image: url(https://static.neopse.com/assets/img/textures/brushed-alum.png?v=v1); background-position: center; background-repeat: repeat; }nav.navbar .h_text:hover { background-color: rgb(201,168,106); }.dynamicContent a:not(.c_btn):not(.bg_btn), .dynamicContent a:not(.c_btn):not(.bg_btn):hover, .dynamicContent a:not(.c_btn):not(.bg_btn):focus, .dynamicContent a:not(.c_btn):not(.bg_btn):active { background-color: rgba(255,255,255,0); }#footer .footer .c_text { color: #FFFFFF; }#w_jqyfyn3qq .bg { background-color: #E6D3A3; }#w_n13akrvqy .bg { background-color: #EFC896; }#w_podg6j755 .bg { background-color: #DEEFD0; }#w_pujxm31p6 .bg { background-color: #DEEFD0; }#w_v9qd6udkb .bg { background-color: rgb(201,168,106); }#w_v9qd6udkb .bg { background-image: url(https://static.neopse.com/assets/img/textures/dark-wood.png?v=v1); background-position: center; background-repeat: repeat; }.breadcrumb.bg .c_text { color: rgb(58,58,58); }.searchbar .bg_btn { background-color: rgb(107,107,107) !important; }.navbar .dropdown-menu .h_text:hover { background-color: rgb(107,107,107); }#footer .footer .c_title { color: #FFFFFF; } #footer .footer .c_title:before { background-color: #FFFFFF; }#w_jqyfyn3qq .slick-dots li button { background-color: #3A3A3A; opacity:0.5; } #w_jqyfyn3qq .slick-dots li.slick-active button { background-color: #3A3A3A; opacity: 1 !important;}#w_oneclick .c_text { color: #3A3A3A; } #w_oneclick .c_text:before { background-color: #3A3A3A; }#w_v9qd6udkb .c_btn { color: rgb(255,255,255); } #w_v9qd6udkb .c_btn:before { background-color: rgb(255,255,255); }.breadcrumb.bg .c_title { color: rgb(58,58,58); } .breadcrumb.bg .c_title:before { background-color: rgb(58,58,58); }#w_v9qd6udkb .c_text { color: rgb(255,255,255); }#w_jqyfyn3qq .c_title { color: rgb(107,107,107) !important; }#w_n13akrvqy .c_title { color: rgb(107,107,107); }#w_v9qd6udkb .c_title { color: rgb(58,58,58); } #w_v9qd6udkb .c_title:before { background-color: rgb(58,58,58); }#w_headline .c_title { display: none; }#w_oneclick .c_title { display: none; }#w_9jakyyfmg .c_title { display: none; }#w_jqyfyn3qq .c_title { display: inline-block; }#w_podg6j755 .c_title { display: none; }#w_pujxm31p6 .c_title { display: none; }#w_oneclick .bg_text { background-color: rgba(230,211,163,0.05); }#w_v9qd6udkb .bg_btn { background-color: rgb(107,107,107); } #w_v9qd6udkb .bg_btn { border-color: rgb(107,107,107); }/*np-dropdowns*/.bootstrap-select{background-color:#EFC896!important;}.bootstrap-select .dropdown-menu{background-color:#EFC896!important;border-color:#EFC896!important;}.bootstrap-select .dropdown-menu .dropdown-item,.bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu .dropdown-item:hover,.bootstrap-select .dropdown-menu .dropdown-item:focus,.bootstrap-select .dropdown-menu .dropdown-item.active,.bootstrap-select .dropdown-menu .dropdown-item.selected{background-color:#EFC896!important;}.bootstrap-select,.bootstrap-select .dropdown-toggle,.bootstrap-select .dropdown-toggle::after,.bootstrap-select .dropdown-menu,.bootstrap-select .dropdown-menu .c_text,.bootstrap-select .dropdown-menu .dropdown-item,.bootstrap-select .dropdown-menu .dropdown-item:hover,.bootstrap-select .dropdown-menu .dropdown-item:focus,.bootstrap-select .dropdown-menu .dropdown-item.active,.bootstrap-select .dropdown-menu .dropdown-item.selected,.bootstrap-select .dropdown-menu li a,.bootstrap-select .dropdown-menu .text{color:#E6D3A3!important;}</style> 101 102 103
103<script src="/js/vendor/jquery-3.2.1.min.js"></script>
103 104 105 106 <!-- Matomo --> 107
107<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
107 108 <!-- End Matomo Code --> 109</head> 110<body class="bg_body"> 111 112<header role="banner"><nav role="navigation" class="navbar navbar-fixed-left bg"> 113 <div class="ov"></div> 114 115 <div class="container"> 116 117 <!-- Logo --> 118 <div class="navbar-header"> 119 <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/"> 120 <h1 class="img"> 121 <picture> 122 <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/2481/site/4e/d3/a2/4ed3a2ca8fc143532dcd7b44bdefafc3ee9ecda9.png"> 123 <img role="img" src="https://static.neopse.com/medias/p/2481/site/4e/d3/a2/4ed3a2ca8fc143532dcd7b44bdefafc3ee9ecda9.png" alt="Logo Commune de Treilles" loading="eager"> 124 </picture> 125 <span>Commune de Treilles</span> 126 </h1> 127 </a> 128 </div> 129 130 <!-- Mobile button --> 131 <button class="navbar-toggler c_text" 132 type="button" 133 data-toggle="collapse" 134 data-target="#navbar" 135 aria-controls="navbar" 136 aria-expanded="false" 137 aria-label="Toggle navigation"> 138 <span class="navbar-toggler-icon"> 139 <i class="material-icons notranslate">menu</i> 140 </span> 141 </button> 142 143 <div class="collapse navbar-collapse" id="navbar"> 144 <ul class="nav navbar-nav"> 145 146 <li class="nav-item dropdown"> 147 <a class="nav-link c_text h_text" href="/" role="button"> 148 <i class="material-icons">home</i> 149 </a> 150 </li> 151 152 153 <li class="nav-item dropdown"> 154 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown1" role="button" 155 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 156 ACCUEIL 157 </a> 158 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown1"> 159 160 <div class="divider"> 161 162 163 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 164 href="/fr/ed/1545377/edito-53"> 165 Edito 166 </a> 167 168 169 170 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 171 href="/fr/rb/1009595/historique-47"> 172 Historique 173 </a> 174 175 176 177 178 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 179 href="/fr/rb/1042628/les-maires-de-treilles"> 180 Les maires de Treilles 181 </a> 182 183 184 185 </div> 186 187 </div> 188 </li> 189 190 191 <li class="nav-item dropdown"> 192 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown2" role="button" 193 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 194 VIE COMMUNALE 195 </a> 196 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown2"> 197 198 <div class="divider"> 199 200 201 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 202 href="/fr/tb/1545845/le-conseil-municipal-39"> 203 Le Conseil municipal 204 </a> 205 206 207 208 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 209 href="/fr/rb/1008776/le-personnel-communal-13"> 210 Le personnel communal 211 </a> 212 213 214 215 216 217 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 218 href="/fr/rp/1545689/comptes-rendus-cm-3"> 219 Comptes rendus CM 220 </a> 221 222 223 224 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 225 href="/fr/rb/1334348/les-arretes-municipaux-5"> 226 Les arrêtés municipaux 227 </a> 228 229 230 231 232 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 233 href="/fr/rb/1334387/les-arretes-prefectoraux-2"> 234 Les arrêtés préfectoraux 235 </a> 236 237 238 239 240 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 241 href="/fr/rb/1776530/les-arretes-du-conseil-departemental"> 242 Les arrêtés du Conseil Départemental 243 </a> 244 245 246 247 248 249 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 250 href="/fr/nw/1544948/actualites-1068"> 251 Actualités 252 </a> 253 254 255 256 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 257 href="/fr/rb/1010999/le-plu-6"> 258 Le PLU 259 </a> 260 261 262 263 264 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 265 href="/fr/rb/1038312/les-risques-majeurs-3"> 266 Les risques majeurs 267 </a> 268 269 270 271 272 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 273 href="/fr/rb/1200851/le-cipff"> 274 Le CIPFF 275 </a> 276 277 278 279 </div> 280 281 </div> 282 </li> 283 284 285 <li class="nav-item dropdown"> 286 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown3" role="button" 287 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 288 VIE PRATIQUE 289 </a> 290 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown3"> 291 292 <div class="divider"> 293 294 295 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 296 href="/fr/ev/1544987/agenda-1069"> 297 Agenda 298 </a> 299 300 301 302 303 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 304 href="/fr/pg/1545572/guide-des-demarches-635"> 305 Guide des démarches 306 </a> 307 308 309 310 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 311 href="/fr/rb/1011038/les-ordures-menageres-le-compostage"> 312 Les ordures ménagères / Le compostage 313 </a> 314 315 316 317 318 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 319 href="/fr/rb/1011051/le-debroussaillement"> 320 Le débroussaillement 321 </a> 322 323 324 325 326 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 327 href="/fr/rb/1200812/eau-potable-et-assainissement"> 328 Eau potable et assainissement 329 </a> 330 331 332 333 334 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 335 href="/fr/rb/1405562/covoiturage-et-transport"> 336 Covoiturage et transport 337 </a> 338 339 340 341 342 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 343 href="/fr/rb/1829999/espace-seniors"> 344 Espace Seniors 345 </a> 346 347 348 349 350 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
351 href="/fr/rb/1533287/espace-sports-et-loisirs"> 352 Espace Sports et Loisirs 353 </a> 354 355 356 357 358 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 359 href="/fr/rb/2140738/les-nuisances-sonores-3"> 360 Les nuisances sonores 361 </a> 362 363 364 365 366 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 367 href="/fr/rb/2419614/vie-pratique-urbanisme"> 368 ð¡ Vie Pratique â Urbanisme 369 </a> 370 371 372 373 </div> 374 375 </div> 376 </li> 377 378 379 <li class="nav-item dropdown"> 380 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown4" role="button" 381 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 382 BATIMENTS COMMUNAUX 383 </a> 384 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown4"> 385 386 <div class="divider"> 387 388 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 389 href="/fr/rb/1008828/mediatheque-mariette-gerber"> 390 MEDIATHEQUE Mariette GERBER 391 </a> 392 393 394 395 396 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 397 href="/fr/rb/1124775/la-maison-villageoise"> 398 La maison villageoise 399 </a> 400 401 402 403 404 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 405 href="/fr/rb/1124814/le-foyer"> 406 Le foyer 407 </a> 408 409 410 411 412 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 413 href="/fr/rb/1319242/lecole-17"> 414 L'école 415 </a> 416 417 418 419 420 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 421 href="/fr/rb/1319437/la-cantine-scolaire-4"> 422 La cantine scolaire 423 </a> 424 425 426 427 </div> 428 429 </div> 430 </li> 431 432 433 <li class="nav-item dropdown"> 434 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown5" role="button" 435 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 436 ANNUAIRES 437 </a> 438 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown5"> 439 440 <div class="divider"> 441 442 443 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 444 href="/fr/as/1545611/annuaire-des-associations-466"> 445 Annuaire des associations 446 </a> 447 448 449 450 451 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 452 href="/fr/bu/1545650/annuaire-des-professionnels-473"> 453 Annuaire des professionnels 454 </a> 455 456 457 458 459 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 460 href="/fr/lk/1545065/liens-utiles-23"> 461 Liens utiles 462 </a> 463 464 465 466 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 467 href="/fr/rb/1221859/numeros-durgence-22"> 468 Numéros d'urgence 469 </a> 470 471 472 473 </div> 474 475 </div> 476 </li> 477 478 479 <li class="nav-item dropdown"> 480 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown6" role="button" 481 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 482 CONTACT 483 </a> 484 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown6"> 485 486 <div class="divider"> 487 488 489 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 490 href="/fr/ct/1544870/contacts-982"> 491 Contacts 492 </a> 493 494 495 </div> 496 497 </div> 498 </li> 499 500 501 <li class="nav-item dropdown"> 502 <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown7" role="button" 503 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 504 PHOTOS-VIDEOS 505 </a> 506 <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown7"> 507 508 <div class="divider"> 509 510 511 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 512 href="/fr/pc/1545494/galerie-de-photos-11"> 513 Galerie de photos 514 </a> 515 516 517 518 519 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 520 href="/fr/vd/1545455/galerie-de-videos-567"> 521 Galerie de vidéos 522 </a> 523 524 525 </div> 526 527 </div> 528 </li> 529 530 531 532 </ul> 533 </div> 534 </div> 535</nav> 536</header> 537 538<main role="main"> 539 <div class="main intern-page"> 540 541 542 543 544 545 546 547 548 549 <!-- Header --> 550 <header class="d-flex align-items-center breadcrumb bg"> 551 <div class="ov"></div> 552 <div class="container text-center"> 553 <h1 class="title c_title">Historique</h1> 554 <nav class="ariane c_text">
555 <span><a href="/fr/" class="font-weight-bold">Accueil</a></span> 556 / <a href="/">ACCUEIL</a> 557 / <a href="/fr/rb/1009595/historique-47">Historique</a> 558 </nav> 559 </div> 560</header> 561 562 563 <!-- Contenu --> 564 <section class="container wrapper bg_wrapper c_wrapper"> 565 <div class="ov bgw"></div> 566 567 <div class="main-content dynamicContent"> 568 <div class="row"> 569 <div class="col col-md contenu"> 570 571 572 <div class="dynamicContent"> 573 <div class="row"> 574 <div class="col-sm-12" 575 style="background-color: "> 576 <p><u><strong>L'historique de notre village</strong></u></p> 577 578 <p>« Câest en lâan 966 que nous trouvons la première mention de Treilles dans les écrits dâAdélaïde, Vicomtesse de Narbonne, épouse du Vicomte Manfred :   « Alos de Trolias â¦Â »  « Trolias » renvoie au mot « treuil » quâon employait couramment en Ancien Français pour désigner un pressoir. Au Moyen-Age, un pressoir constituait un point remarquable dans le paysage rural. Câétait, avec le four et le moulin, lâun des trois équipements que le Seigneur dâun fief avait seul le droit de posséder.<br>Trolias a donné en occitan « Trolhas » qui désigne les résidus, après pressage, des olives ou du raisin. Partant de ce nom « Trolias », par modifications successives, nous arrivons, selon les diverses archives,  à celui de « Trelhes » en 1595 et, finalement, à « Treilles » en 1781.<br>En lâan 978, la Vicomtesse Adélaïde rédige son premier testament, en latin. Dâun passage concernant notre village on peut donner la traduction en français suivante « En ces alleux(1)  de Trolias (Treilles), que cette partie que je possède dans cette église (2) demeure au monastère dâAniane » (3).<br>Treilles a donc été entre les mains des Vicomtes de Narbonne avant lâan mil. »<br> <br>(1)  Alleu est une terre possédée en propriété complète (terme très employé au Moyen-Age.<br>(2)  Le terme « église » était employé à lâépoque dans le sens de village ou communauté.<br>(3)  Aniane, est un petit village à 20km au nord de Montpellier. Cette Abbaye bénédictine fondée en 785 a connu un grand rayonnement.</p> 579 <div class="col-sm-12 blue haveClone" style="height: 300px"></div> 580 <p><br><u>Photos issues des Archives Départementales de l'Aude</u></p> 581 582 </div> 583 </div> 584 585 586 <div class="my-5"></div> 587 <div class="row"> 588 <div class="col-sm-12" 589 style="background-color: "> 590 591 </div> 592 </div> 593 594 595 <div class="my-5"></div> 596 597 <div class="row"> 598 <div class="col-sm-4" 599 style="background-color: "> 600 <div class="photo-panel text-center"> <img src="https://static.neopse.com/medias/p/2481/site/a3/5f/92/a35f922c59f5a9a93f3e8fa255856945f511018b.JPG?v=v1" class="img-fluid" data-target="" data-url="" data-width="46" style="display: inline-block; width: 46%;" width="100%" height="" alt="Blason.JPG"> </div> 601 602 </div> 603 <div class="col-sm-8" 604 style="background-color: "> 605 <p><u><strong>HERALDIQUE </strong></u>:<br>Blason coupé d'azur à une colonne d'argent soutenue de deux lions affrontés d'or, et de gueules au chevron d'argent<br>Le statut officiel du blason reste à déterminer.</p> 606 </div> 607 </div> 608 609 610 <div class="my-5"></div> 611 <div class="row"> 612 <div class="col-sm-12" 613 style="background-color: "> 614 615 </div> 616 </div> 617 618 619 <div class="my-5"></div> 620 <hr> 621 </div> 622 </div> 623 624 625 626 627 <div class="col-12 col-md-3 sous-rubriques"> 628 <div> 629 <!-- Si il n'y a pas de contenu, le titre ci-dessous ne devra pas s'afficher sinon il y aura une répétition avec le titre du header --> 630 <h1 class="title dark c_title">Historique</h1> 631 632 <div class="d-flex flex-column"> 633 <a href="/fr/rb/2022737/la-grande-guerre-treilles-et-caves-face-a-leur-histoire" 634 class="text-decoration"><i class="material-icons align-middle">keyboard_arrow_right</i>La grande guerre : Treilles et Caves face à leur histoire 635 </a> 636 637 </div> 638 </div> 639 </div> 640 </div> 641 </div> 642 </section> 643 <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true"> 644 <div class="modal-dialog" role="document"> 645 <div class="modal-content"> 646 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
647 <span aria-hidden="true">×</span> 648 </button> 649 650 <embed type="application/pdf"> 651 </div> 652 </div> 653</div> 654 </div> 655 656</main> 657 658<div class="main"> 659 660 661 <div id="footer"> 662 <footer role="contentinfo" class="footer footer1 bg"> 663 <div class="ov"></div> 664 <div class="container d-flex flex-wrap"> 665 <div class="footer-container"> 666 <h2 class="title light c_title d_title btn-line"><a 667 href="/fr/ct/1544870/contacts-982">Contacts</a></h2> 668<div class="footer-box"> 669 <div class="contact c_text"> 670 <p class="font-weight-bold mb-0">Commune de Treilles</p> 671 <p class="mb-0">8, place de la Fontaine</p> 672 <p class="mb-0">11510 Treilles - FRANCE</p> 673 <p class="mb-0"><a href="tel:+33468457181">+33 4 68 45 71 81</a> 674 </p> 675 <p class="mb-0"><a href="#" data-toggle="modal" data-target="#contactFormContactFooter" class="btn-outline c_btn h_btn">Contact par formulaire</a> 676 </p> 677 678 </div> 679</div> 680 681 682 <div class="social-media"> 683 <ul class="c_text"> 684 <li><a href="http://www.facebook.com/Mairie-de-Treilles-104900057900219" class="icon-facebook" title="facebook" target="_blank"></a></li> 685 <li><a href="https://www.youtube.com/channel/UCuWnxpVAAlXQGL_lTIaoLlw" class="icon-youtube" title="youtube" target="_blank"></a></li> 686 </ul> 687</div> 688 689 690 </div> 691 </div> 692 </footer> 693 694 <section class="bg footer-links footer2"> 695 <div class="ov"></div> 696 <div class="container d-flex flex-wrap"> 697 <div class="footer-container"> 698 <h2 class="title-container clearfix mb-3"> 699 <a href="/fr/lk/1545065/liens-utiles-23" 700 class="title c_title d_title">Liens utiles</a> 701 </h2> 702 <div class="links c_text row linksCustom"> 703 <p class="col-8 col-md-8"> 704 <a href="http://www.gouvernement.fr/" target="_blank">Portail du gouvernement</a> 705 </p> 706 <p class="col-8 col-md-8"> 707 <a href="https://www.legrandnarbonne.com/emploi-saisonnier" target="_blank">Maison du travail saisonnier (Grand Narbonne)</a> 708 </p> 709 <p class="col-8 col-md-8"> 710 <a href="http://www.laregion.fr/" target="_blank">Région Occitanie</a> 711 </p> 712 <p class="col-8 col-md-8"> 713 <a href="https://www.legrandnarbonne.com/comprendre-mon-agglo/deliberations-et-arretes" target="_blank">Délibérations et arrêtés (Grand Narbonne)</a> 714 </p> 715 <p class="col-8 col-md-8"> 716 <a href="http://www.legrandnarbonne.com/" target="_blank">Le Grand Narbonne</a> 717 </p> 718 </div> 719</div> 720 721 722 723 724 725 </div> 726 <div class="container d-flex flex-wrap" style="justify-content:center;"> 727 <p class="mt-0 mb-0 c_text"><a href="/fr/li/1544909/mentions-legales-1119">Mentions légales</a> 728</p> 729 <span class="c_text" style="margin: 0 8px;">-</span> 730 <p class="mt-0 mb-0 c_text"><a href="/fr/1544909/politique-confidentialite">Politique de confidentialité</a> 731</p> 732 <span class="c_text" style="margin: 0 8px;">-</span> 733 <p class="mt-0 mb-0 c_text"><a href="/fr/accessibilite">Accessibilité</a> 734</p> 735 <span class="c_text" style="margin: 0 8px;">-</span> 736 737 <p class="mt-0 mb-0 c_text"><a href="/fr/sm/64498/plan-du-site-1" >Plan du site</a></p> 738 <span class="c_text" style="margin: 0 8px;">-</span> 739 <p class="mt-0 mb-0 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p> 740 </div> 741 </section> 742</div> 743 744<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true" 745 style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> 746 <div class="modal-dialog" role="document"> 747 <div class="modal-content"> 748 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
749 <span aria-hidden="true">×</span> 750 </button> 751 752 <div class="modal-header bg_bloc text_bloc"> 753 <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Mairie de TREILLES</h4> 754 </div> 755 <form id="contactFormFooter" action="/formMdContact" method="post" 756 novalidate enctype="multipart/form-data"> 757 <div class="modal-body pb-0"> 758 759 <p class="field-wrapper">Pour envoyer un message à la Mairie de TREILLES, merci de remplir les champs du formulaire. </p> <div class="form-group position-relative"> 760 <div><label for="2_input">Votre prénom et nom</label><span>*</span></div> 761 <input type="text" name="2_input" class="form-control" id="2_input" aria-describedby="2_inputHelp"> 762 <span class="form-error requirements" id="2_input-error" role="alert">Ce champ est obligatoire</span> 763</div> <div class="form-group"> 764 <div><label for="3_email">Votre adresse courriel</label><span>*</span></div> 765 <input type="email" name="3_email" class="form-control" id="3_email" 766 aria-describedby="Votre adresse courriel"> 767 <span class="form-error requirements" id="3_email-error" role="alert">Ce champ est obligatoire</span> 768</div> <div class="form-group position-relative"> 769 <div><label for="4_textarea">Votre demande</label><span>*</span> 770 </div> 771 <textarea name="4_textarea" class="form-control pl-0" id="4_textarea" rows="3"></textarea> 772 <span class="form-error requirements" id="4_textarea-error" role="alert">Ce champ est obligatoire</span> 773</div> <div class="form-group"> 774 <div><label for="5_date">Date</label><span>*</span></div> 775 <div class="d-flex align-items-center"> 776 <div class="col-10 col-md-5 mr-3 px-0"> 777 <input type="date" name="5_date" class="form-control" id="5_date" 778 aria-describedby="5_dateHelp" placeholder="Date"> 779 <span class="help-message"><i class="material-icons notranslate">date_range</i></span> 780 </div> 781 <div data-toggle="popover" data-content=""> 782 </div> 783 </div> 784 <span class="form-error requirements" id="5_date-error" role="alert">Ce champ est obligatoire</span> 785</div> <div class="field-wrapper"> 786 <div><label for="6_email" class="font-weight-bold mr-1">Joindre des fichiers</label><span></span></div> 787 <div class="d-flex align-items-center"> 788 <div class="form-group col-10 col-md-10 px-0 mb-0"> 789 <div class="upload-btn-wrapper"> 790 <button class="btn-file">JPG/PNG/PDF - 5Mo max.</button> 791 <input type="file" name="6_file" id="6_file" accept="application/pdf,image/jpeg,image/png" aria-label="Télécharger des documents"> 792 </div> 793 </div> 794 </div> 795 796 <div> 797 <ul class="listFiles"> 798 799 </ul> 800 </div> 801 <span class="form-error requirements" id="6_file-error" role="alert">Ce champ est obligatoire</span> 802</div> 803 804 <div class="form-group"> 805 <div class="h-recaptcha m-auto d-inline-block"></div> 806 <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire 807 </div> 808</div> </div> 809 <div class="modal-footer"> 810 <button id="formContactForm" type="submit" class="btn-outline btn-right c_btn h_btn formContactForm">ENVOYER</button> 811 </div> 812 <div class="m-3"> 813 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 /> 814Vos 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 /> 815<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 /> 816<span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> 817<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 /> 818<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. 819 </div> 820 </form> 821 822 <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none"> 823 <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p> 824 </div> 825 </div> 826 </div> 827</div> 828 829 <div class="footer-bottom" style="position: relative;"> 830 <div class="container"> 831 <p> 832 833 <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank"> 834 <img role="img" src="/images/rdc-logo-footer-2.png" alt="Logo Réseau des Communes" class="img-fluid">
835 Site créé en partenariat avec Réseau des Communes 836 </a> 837 </p> 838 </div> 839</div> 840 <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true"> 841 <div class="modal-dialog" role="document"> 842 <div class="modal-content"> 843 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 844 <span aria-hidden="true">×</span> 845 </button> 846 847 <embed type="application/pdf"> 848 </div> 849 </div> 850</div> 851 852 853</div> 854 855 <div id="previewModalImage" class="modal"> 856 857 <!-- The Close Button --> 858 <span id="closePreviewImage" class="close">×</span> 859 860 <!-- Navigation Buttons --> 861 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 862 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</a> 863 864 <!-- Image Counter --> 865 <div id="imageCounter" class="image-counter"></div> 866 867 <!-- Modal Content (The Image) --> 868 <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div> 869 870 <!-- Modal Caption (Image Text) --> 871 <div id="captionPreviewImage"></div> 872 </div> 873 874
874<script> 875 (function() { 876 // Get the modal elements 877 const modal = document.getElementById('previewModalImage'); 878 const modalImg = modal.querySelector('img'); 879 const captionText = document.getElementById('captionPreviewImage'); 880 const closePreviewImage = document.getElementById('closePreviewImage'); 881 const prevBtn = document.getElementById('prevImage'); 882 const nextBtn = document.getElementById('nextImage'); 883 const imageCounter = document.getElementById('imageCounter'); 884 885 let currentImages = []; 886 let currentIndex = 0; 887 888 // Helper function to check if element is visible 889 function isVisible(element) { 890 return element && element.offsetParent !== null; 891 } 892 893 // Helper function to toggle element visibility 894 function toggleElement(element, show) { 895 if (element) { 896 element.style.display = show ? 'block' : 'none'; 897 } 898 } 899 900 // Function to update the modal with a specific image 901 function updateModal(index) { 902 if (currentImages.length === 0) return; 903 904 currentIndex = index; 905 const img = currentImages[currentIndex]; 906 modalImg.setAttribute('src', img.src); 907 modalImg.setAttribute('alt', img.alt || ''); 908 captionText.innerHTML = img.alt || ''; 909 910 // Update counter 911 imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length; 912 913 // Show/hide navigation buttons 914 const showNav = currentImages.length > 1; 915 toggleElement(prevBtn, showNav); 916 toggleElement(nextBtn, showNav); 917 toggleElement(imageCounter, showNav); 918 } 919 920 // Function to show next image 921 function showNext() { 922 if (currentImages.length === 0) return; 923 currentIndex = (currentIndex + 1) % currentImages.length; 924 updateModal(currentIndex); 925 } 926 927 // Function to show previous image 928 function showPrev() { 929 if (currentImages.length === 0) return; 930 currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length; 931 updateModal(currentIndex); 932 } 933 934 // Helper function to find closest ancestor with class 935 function closest(element, selector) { 936 if (!element) return null; 937 938 // For class selector (e.g., '.splide__slide') 939 if (selector.startsWith('.')) { 940 const className = selector.slice(1); 941 let current = element; 942 while (current && current !== document) { 943 if (current.classList && current.classList.contains(className)) { 944 return current; 945 } 946 current = current.parentElement; 947 } 948 } 949 return null; 950 } 951 952 // When clicking on an image 953 document.addEventListener('click', function(e) { 954 const target = e.target; 955 // Check if clicked element is an image with class .img or .main-img inside .splide 956 if (target.tagName === 'IMG' && 957 (target.classList.contains('img') || target.classList.contains('main-img')) && 958 closest(target, '.splide')) { 959 960 // Find the clicked image's parent slide 961 const clickedSlide = closest(target, '.splide__slide'); 962 if (!clickedSlide) return; 963 964 // Find the list that contains this slide 965 const splideList = closest(clickedSlide, '.splide__list'); 966 if (!splideList) return; 967 968 // Get all slides from this specific list 969 const allSlides = splideList.querySelectorAll('.splide__slide'); 970 971 // Get all images from these slides only, deduplicating by src 972 // (Splide duplicates slides in loop mode, so we need to filter duplicates) 973 currentImages = []; 974 const seenSrcs = new Set(); 975 const clickedSrc = target.src; 976
977 allSlides.forEach(function(slide) { 978 const slideImg = slide.querySelector('.img, .main-img'); 979 if (slideImg) { 980 const imgSrc = slideImg.src; 981 // Only add if we haven't seen this src before 982 if (!seenSrcs.has(imgSrc)) { 983 seenSrcs.add(imgSrc); 984 currentImages.push(slideImg); 985 } 986 } 987 }); 988 989 // Find the index of the clicked image by src (to handle duplicates) 990 currentIndex = currentImages.findIndex(function(img) { 991 return img.src === clickedSrc; 992 }); 993 994 if (currentIndex === -1) { 995 currentIndex = 0; // Fallback to first image 996 } 997 998 // Update and show modal 999 updateModal(currentIndex); 1000 modal.style.display = 'block'; 1001 } 1002 }); 1003 1004 // Navigation button handlers 1005 if (nextBtn) { 1006 nextBtn.addEventListener('click', function (e) { 1007 e.preventDefault(); 1008 e.stopPropagation(); 1009 showNext(); 1010 }); 1011 } 1012 1013 if (prevBtn) { 1014 prevBtn.addEventListener('click', function (e) { 1015 e.preventDefault(); 1016 e.stopPropagation(); 1017 showPrev(); 1018 }); 1019 } 1020 1021 // Keyboard navigation 1022 document.addEventListener('keydown', function (e) { 1023 // Check if modal is visible by checking display style 1024 const isModalVisible = modal.style.display !== 'none' && 1025 (modal.style.display === 'block' || 1026 window.getComputedStyle(modal).display !== 'none'); 1027 1028 if (isModalVisible) { 1029 if (e.key === 'ArrowRight' || e.keyCode === 39) { 1030 e.preventDefault(); 1031 showNext(); 1032 } else if (e.key === 'ArrowLeft' || e.keyCode === 37) { 1033 e.preventDefault(); 1034 showPrev(); 1035 } else if (e.key === 'Escape' || e.keyCode === 27) { 1036 e.preventDefault(); 1037 e.stopPropagation(); 1038 modal.style.display = 'none'; 1039 } 1040 } 1041 }); 1042 1043 // When the user clicks on <span> (x), close the modal 1044 if (closePreviewImage) { 1045 closePreviewImage.addEventListener('click', function () { 1046 modal.style.display = 'none'; 1047 }); 1048 } 1049 1050 // Close modal when clicking outside the image 1051 modal.addEventListener('click', function (e) { 1052 if (e.target === modal) { 1053 modal.style.display = 'none'; 1054 } 1055 }); 1056 })(); 1057 </script>
1057 1058 1059
1059<script src="/js/vendor/popper.min.js"></script>
1059 1060
1060<script src="/js/vendor/bootstrap.min.js"></script>
1060 1061 <!-- Carousel --> 1062
1062<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1062 1063
1063<script src='/dist/owlcarousel/js/owl.linked.js'></script>
1063 1064
1064<script src='/dist/slick/slick.js'></script>
1064 1065 1066
1066<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1066 1067
1067<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1067 1068 1069 1070
1070<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1070 1071 1072 <!-- Custom JS --> 1073
1073<script src="/js/shared.js?v1"></script>
1073 1074
1074<script src="/tpl/2/js/main.js"></script>
1074 1075
1075<script src="/lib/chartjs/Chart.js"></script>
1075 1076
1076<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1076 1077 1078
1078<script type="text/javascript"> 1079 1080 tarteaucitron.user.matomoId = 6; 1081 (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack'); 1082 1083 1084 (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); 1085 (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); 1086 (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); 1087 (tarteaucitron.job = tarteaucitron.job || []).push('othervideo'); 1088 1089 </script>
1089 1090 1091
1091<script> 1092 (function(i,s,o,g,r,a,m){i['InstanaEumObject']=r;i[r]=i[r]||function(){ 1093 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1094 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 1095 })(window,document,'script','//eum.instana.io/eum.min.js','ineum'); 1096 ineum('reportingUrl', 'https://eum-eu-west-1.instana.io'); 1097 ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA'); 1098 1099 // set the name of a page on which this load/errors/calls happened 1100 ineum('page', 'front-site'); 1101 </script>
1101 1102 1103
1103<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1103 1104 1105
1105<script type="text/javascript"> 1106 var CaptchaCallback = function () { 1107 $('.h-recaptcha').each(function (index, el) { 1108 hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'}); 1109 }); 1110 }; 1111 </script>
1111 1112 1113
1113<script> 1114 $(document).ready(function () { 1115 1116 $('.selectpicker').selectpicker(); 1117 1118 // Smooth scroll 1119 $("a[href*='#']:not([href='#'])").click(function () { 1120 if (location.hostname == this.hostname && this.pathname.replace(/^\//, "") == location.pathname.replace(/^\//, "")) { 1121 var anchor = $(this.hash); 1122 anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) + "]"); 1123 1124 if (anchor.length) { 1125 $("html, body").animate({scrollTop: anchor.offset().top - 90}, 1500); 1126 } 1127 } 1128 }); 1129 1130 var input = $('input[type=file]'); 1131 1132 input.on('change', function () { 1133 var list = $(this).parent().parent().parent().parent().find($('.listFiles')); 1134 list.empty(); 1135 1136 for (var x = 0; x < this.files.length; x++) { 1137 var newFile = '<li>Fichier joint : ' + this.files[x].name + ' ('+humanFileSize(this.files[x].size)+')</li>'; 1138// li.innerHTML = 'File ' + (x + 1) + ': ' + input.files[x].name; 1139 list.append(newFile); 1140 } 1141 }); 1142 1143 $('.form-error').hide(); 1144 $('#contactFormFooter').submit(function (e) { 1145 let form = $(this); 1146 1147 $.ajax({ 1148 type: "POST", 1149 url: form.attr('action'), 1150 data: new FormData(form[0]), 1151 contentType: false, 1152 processData: false, 1153 beforeSend: function () { 1154 form.find('.form-error').hide(); 1155 $('.formContactForm').attr('disabled', true); 1156 }, 1157 success: function (response) { 1158 hcaptcha.reset(); 1159 1160 if (response.status === 'KO') { 1161 let errors = response.errors; 1162 for (let index in errors) { 1163 if (errors.hasOwnProperty(index)) { 1164 let attr = errors[index]; 1165 let error = attr[Object.keys(attr)[0]]; 1166 form.find('#' + index + '-error').text(error).show(); 1167 } 1168 } 1169 } 1170 else { 1171 1172 $('#contactFormFooter').css('display', 'none'); 1173 $('#messageSendedFormContactFooter').css('display', ''); 1174 form[0].reset(); 1175 } 1176 }, 1177 complete: function () { 1178 1179 $('.formContactForm').removeAttr('disabled'); 1180 } 1181 }); 1182 1183 return false; 1184 }); 1185 1186 $('#contactFormContactFooter').on('hidden.bs.modal', function () { 1187 $('#contactFormFooter')[0].reset(); 1188 1189 $('#contactFormFooter').css('display', ''); 1190 1191 $('#messageSendedFormContactFooter').css('display', 'none'); 1192 1193 $('.form-error').hide(); 1194 1195 $('.listFiles').empty(); 1196 1197 hcaptcha.reset(); 1198 }); 1199 }); 1200 1201 function humanFileSize(size) { 1202 var i = Math.floor(Math.log(size) / Math.log(1024)); 1203 return ( size / Math.pow(1024, i) ).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; 1204 } 1205 </script>
1205 1206 1207
1207<script> 1208 $(function () { 1209 1210 1211 var numberAlerts = false; 1212 1213 var allAlerts = $('#alertsModal').find($('.alertsInfo')); 1214 1215 numberAlerts = allAlerts.length; 1216 1217 allAlerts.each(function (index) { 1218 1219 if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) { 1220 1221 if(index == 0){ 1222 $('#header'+$(this).attr('data-id')+'').removeClass('d-none'); 1223 } 1224 1225 $('#alertsModal').modal('show'); 1226 } else { 1227 $(this).remove(); 1228 $('#header'+$(this).attr('data-id')+'').remove(); 1229 numberAlerts = numberAlerts - 1; 1230 setActiveAndDecrementNumber(); 1231 } 1232 1233 }); 1234 1235 $('.acceptCookiesAlerts').on('click', function (e) { 1236 e.preventDefault(); 1237 1238 var currentDataId = $(this).attr('data-id'); 1239 1240 sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1'); 1241 1242 numberAlerts = numberAlerts - 1; 1243 1244 var currentParentNode = $(this).parent().parent().parent(); 1245 1246 currentParentNode.removeClass('active'); 1247 $('#header'+currentDataId+'').remove(); 1248 currentParentNode.remove(); 1249
1250 setActiveAndDecrementNumber(); 1251 1252 setTitle(); 1253 }); 1254 1255 function setActiveAndDecrementNumber() { 1256 var newListOfAlerts = $('#alertsModal').find($('.alertsInfo')); 1257 1258 newListOfAlerts.each(function (index, e) { 1259 if (index == 0) { 1260 $(this).addClass('active'); 1261 $('#header'+$(this).attr('data-id')+'').removeClass('d-none'); 1262 } 1263 }); 1264 1265 if (numberAlerts == 0) { 1266 $('#alertsModal').modal('hide'); 1267 } 1268 } 1269 1270 1271 1272 var currentColorControl = '#212529'; 1273 1274 $('#controlPrev').css('color', 'initial !important'); 1275 $('#controlNext').css('color', 'initial !important'); 1276 1277 $('#controlNext').on('click',function(){ 1278 setTimeout(function(){ 1279 setTitle(); 1280 }, 1000); 1281 }); 1282 1283 $('#controlPrev').on('click',function(){ 1284 setTimeout(function(){ 1285 setTitle(); 1286 }, 1000); 1287 }); 1288 1289 $('#controlPrev').on('mouseover', function () { 1290 1291 $(this).css('color', 'initial !important'); 1292 }); 1293 1294 $('#controlNext').on('mouseover', function () { 1295 1296 $(this).css('color', 'initial !important'); 1297 }); 1298 1299 function setTitle(){ 1300 $('.titleHeaderAlerts').addClass('d-none'); 1301 var currentId = $('.carousel-item.active').attr('data-id'); 1302 $('#header'+currentId+'').removeClass('d-none'); 1303 } 1304 }); 1305 </script>
1305 1306 1307
1307<script src="/js/slick/slick.js"></script>
1307 1308 1309
1309<script type="text/javascript"> 1310 $(function () { 1311 $('.titleButtonForm').on('click', function () { 1312 console.log($(this).attr("data-target")); 1313 $('#' + $(this).attr("data-target") + '').modal('show'); 1314 }); 1315 1316 $('.titleButtonForm').removeClass('btn-secondary'); 1317 1318 $('.form-error').hide(); 1319 1320 $('.contactContentForm').submit(function (e) { 1321 let form = $(this); 1322 let modal = form.closest('.modal'); 1323 1324 $.ajax({ 1325 type: "POST", 1326 url: form.attr('action'), 1327 data: new FormData(form[0]), 1328 contentType: false, 1329 processData: false, 1330 beforeSend: function () { 1331 form.find('.form-error').hide(); 1332 form.find('.buttonContactFormContent').attr('disabled', true); 1333 }, 1334 success: function (response) { 1335 hcaptcha.reset(); 1336 1337 if (response.status === 'KO') { 1338 let errors = response.errors; 1339 for (let index in errors) { 1340 if (errors.hasOwnProperty(index)) { 1341 let attr = errors[index]; 1342 let error = attr[Object.keys(attr)[0]]; 1343 form.find('#' + index + '-error').text(error).show(); 1344 } 1345 } 1346 } 1347 else { 1348 1349 form.css('display', 'none'); 1350 modal.find('.messageSendedForm').css('display', ''); 1351 form[0].reset(); 1352 } 1353 }, 1354 complete: function () { 1355 form.find('.buttonContactFormContent').prop('disabled', false); 1356 } 1357 }); 1358 1359 return false; 1360 }); 1361 1362 $('.contactFormModal').on('hidden.bs.modal', function () { 1363 $(this).find('form')[0].reset(); 1364 $('#contactFormFooter')[0].reset(); 1365 1366 $(this).find('form').css('display', ''); 1367 $('#contactFormFooter').css('display', ''); 1368 1369 $(this).find('.messageSendedForm').css('display', 'none'); 1370 1371 $('.form-error').hide(); 1372 1373 $('.listFiles').empty(); 1374 1375 hcaptcha.reset(); 1376 }); 1377 1378 }); 1379 </script>
1379 1380 1381
1381<script type="text/javascript"> 1382 $(function () { 1383 var carousels = $('div[class*="testCarousel"]'); 1384// gestion chargement slide slick 1385 carousels.each(function () { 1386 1387 $(this).find($('div[class="overlayNumber"]')).removeClass('overlayNumber'); 1388 1389 if ($(this).attr("data-type-slide") === 'simpleCarousel') { 1390 1391 $(this).slick({ 1392 dots: true, 1393 arrows: false 1394 }); 1395 } 1396 else if ($(this).attr("data-type-slide") === 'multipleCarousel') { 1397 $(this).slick({ 1398 dots: true, 1399 arrows: false, 1400 infinite: true, 1401 slidesToShow: 3, 1402 slidesToScroll: 3, 1403 responsive: [ 1404 { 1405 breakpoint: 1024, 1406 settings: { 1407 slidesToShow: 3, 1408 slidesToScroll: 3, 1409 infinite: true, 1410 dots: true, 1411 arrows: false 1412 } 1413 }, 1414 { 1415 breakpoint: 600, 1416 settings: { 1417 slidesToShow: 2, 1418 slidesToScroll: 2 1419 } 1420 }, 1421 { 1422 breakpoint: 480, 1423 settings: { 1424 slidesToShow: 1, 1425 slidesToScroll: 1 1426 } 1427 } 1428 ] 1429 }); 1430 1431 } 1432 else if ($(this).attr("data-type-slide") === 'responsiveCarousel') { 1433 $(this).slick({ 1434 infinite: false, 1435 speed: 300, 1436 slidesToShow: 4, 1437 slidesToScroll: 4, 1438 dots: true, 1439 arrows: false, 1440 responsive: [ 1441 { 1442 breakpoint: 1024, 1443 settings: { 1444 slidesToShow: 3, 1445 slidesToScroll: 3, 1446 infinite: true, 1447 dots: true 1448 } 1449 }, 1450 { 1451 breakpoint: 600, 1452 settings: { 1453 slidesToShow: 2, 1454 slidesToScroll: 2 1455 } 1456 }, 1457 { 1458 breakpoint: 480, 1459 settings: { 1460 slidesToShow: 1, 1461 slidesToScroll: 1 1462 } 1463 } 1464 ] 1465 }); 1466 1467 } 1468 else if ($(this).attr("data-type-slide") === 'adaptiveCarousel') { 1469 $(this).slick({ 1470 infinite: true, 1471 speed: 300, 1472 slidesToShow: 1, 1473 adaptiveHeight: true, 1474 dots: true, 1475 arrows: false 1476 }); 1477 1478 } 1479 else if ($(this).attr("data-type-slide") === 'centerCarousel') { 1480 $(this).slick({ 1481 centerMode: true, 1482 centerPadding: '60px', 1483 slidesToShow: 3, 1484 dots: true,
1485 arrows: false, 1486 responsive: [ 1487 { 1488 breakpoint: 768, 1489 settings: { 1490 arrows: false, 1491 centerMode: true, 1492 centerPadding: '40px', 1493 slidesToShow: 3 1494 } 1495 }, 1496 { 1497 breakpoint: 480, 1498 settings: { 1499 arrows: false, 1500 centerMode: true, 1501 centerPadding: '40px', 1502 slidesToShow: 1 1503 } 1504 } 1505 ] 1506 }); 1507 1508 } 1509 else if ($(this).attr("data-type-slide") === 'fadeCarousel') { 1510 $(this).slick({ 1511 dots: true, 1512 arrows: false, 1513 infinite: true, 1514 speed: 500, 1515 fade: true, 1516 cssEase: 'linear' 1517 }); 1518 } 1519 1520 if ($(this).hasClass('autoPlay')) { 1521 $('#' + $(this).attr('id') + '').slick('slickSetOption', { 1522 autoplay: true, 1523 autoplaySpeed: 2000 1524 }, true); 1525 } 1526 1527 $(this).removeAttr('style'); 1528 }); 1529 1530 var allHtmlCode = $('.contentHtml'); 1531 1532 allHtmlCode.each(function (element) { 1533 var htmlCode = $(this).attr('data-code'); 1534 1535 if(htmlCode != '' && htmlCode != undefined){ 1536 $(this).removeClass('col-md-8'); 1537 $(this).empty(); 1538 1539 addWidgetHtml(htmlCode,$(this)); 1540 } 1541 1542 1543 }); 1544 1545 async function addWidgetHtml(htmlCode,element){ 1546 element.replaceWith(htmlCode); 1547 } 1548 // 1549 // setTimeout(function(){ 1550 // $('.contentHtml').each(function(element){ 1551 // var htmlCode = $(this).attr('data-code'); 1552 // 1553 // if(htmlCode.includes('apidae')){ 1554 // let idWidget = $(this).find($('#widgit')); 1555 // 1556 // $(this).find('.w_large').remove(); 1557 // 1558 // $(this).find('div').addClass('w_large'); 1559 // } 1560 // }); 1561 // }, 3000); 1562 1563 let allIframe = $('iframe'); 1564 1565 allIframe.each(function(element){ 1566 var urlVideo = $(this).attr('src'); 1567 let $this = $(this); 1568 1569 if(urlVideo != "" || urlVideo != undefined){ 1570 let newUrl = urlVideo.split('/'); 1571 let currentIdVideo = newUrl[newUrl.length-1]; 1572 1573 1574 if(urlVideo.includes('youtube')||urlVideo.includes('youtu.be')){ 1575 1576 $.ajax({ 1577 url: '/getVideoTitle', 1578 type: 'POST', 1579 data: { 1580 video_id: currentIdVideo, 1581 platform: 'Y' 1582 }, 1583 success: function(data){ 1584 let title = data['title']; 1585 $this.attr('title',title); 1586 } 1587 }); 1588 } 1589 else if(urlVideo.includes('dailymotion')||urlVideo.includes('dai.ly')){ 1590 1591 $.get("https://api.dailymotion.com/video/"+currentIdVideo+"?fields=title", function(data) { 1592 let title = data['title']; 1593 $this.attr('title',title); 1594 }); 1595 } 1596 else if(urlVideo.includes('vimeo')){ 1597 1598 $.ajax({ 1599 url: '/getVideoTitle', 1600 type: 'POST', 1601 data: { 1602 video_id: currentIdVideo, 1603 platform: 'V' 1604 }, 1605 success: function(data){ 1606 let title = data['title']; 1607 $this.attr('title',title); 1608 } 1609 }); 1610 } 1611 } 1612 }); 1613 }); 1614 </script>
1614 1615 1616
1616<script type="text/javascript"> 1617 </script>
1617 1618</body> 1619</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.