PageSourceSearch

https://mairie-treilles.fr/fr/rb/1009595/historique-47

html mairie-treilles.fr collected 2026-10-02 21:23:56 UTC 94,043 bytes, 1,619 lines download raw bytes

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&#039;é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&#039;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">&times;</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">&times;</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 &agrave; partir de ce formulaire sont n&eacute;cessaires &agrave; la gestion de votre demande par notre Structure qui est responsable du traitement de vos donn&eacute;es personnelles collect&eacute;es.<br />
814Vos donn<span style="color:null"><span style="background-color:null">&eacute;es personnelles re&ccedil;ues sont conserv&eacute;es par notre Structure pendant toute la dur&eacute;e n&eacute;cessaire au traitement de votre demande ou bien pour une dur&eacute;e de [&hellip;&hellip;.] mois maximum &agrave; compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des donn&eacute;es les services et repr&eacute;sentants de notre Structure en charge des r&eacute;ponses aux demandes &eacute;mises via ce formulaire. Aucun transfert de vos donn&eacute;es hors de l&#39;Union europ&eacute;enne n&#39;est r&eacute;alis&eacute;. </span><br />
815<span style="background-color:null">Vous pouvez &agrave; tout moment demander l&rsquo;acc&egrave;s, la rectification, l&rsquo;effacement, la portabilit&eacute; ou la limitation de vos donn&eacute;es, ou bien vous opposer &agrave; leur traitement, en contactant le D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es de notre structure : </span><br />
816<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : [&hellip;&hellip;.] ; </span><br />
817<span style="background-color:null">- Par voie postale &agrave; l&rsquo;attention du D&eacute;l&eacute;gu&eacute; &agrave; la Protection des Donn&eacute;es et &agrave; l&rsquo;adresse suivante : [&hellip;&hellip;.]. </span><br />
818<span style="background-color:null">Si vous estimez, apr&egrave;s nous avoir contact&eacute;s, que vos droits sur vos donn&eacute;es personnelles ne sont pas respect&eacute;s, vous pou</span></span>vez adresser une r&eacute;clamation &agrave; la CNIL.
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">&times;</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">&times;</span>
859
860                <!-- Navigation Buttons -->
861                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
862                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</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.