PageSourceSearch

https://ouainville.fr/fr/rb/2380926/l-equipe-municipale-1

html ouainville.fr collected 2026-10-03 18:43:57 UTC 118,190 bytes, 1,513 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr" xmlns:ff4j="http://www.w3.org/1999/xhtml" xmlns:esi="http://www.edge-delivery.org/esi/1.0">
3    <head>
4        <title>
5            L&#039;équipe municipale - Ouainville        </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
46            });
47        </script>
47
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                    
56        
57    
58
59
60
61
62
63            <link href="/css/slick.css" rel='stylesheet' type='text/css'>
64        <link href="/css/slick-theme.css" rel='stylesheet' type='text/css'>
65                                            <link rel="apple-touch-icon" href="https://static.neopse.com/thumbs/p/3736/site/a6/c1/51/a6c1510e1eb8ebd0cc63ff46d3edb1fd1381b572.png?v=v1">
66                    <link rel="icon" href="https://static.neopse.com/thumbs/p/3736/site/a6/c1/51/a6c1510e1eb8ebd0cc63ff46d3edb1fd1381b572.png?v=v1">
67                
68                <link rel="preconnect" href="https://fonts.googleapis.com">
69                <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
70                <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Material+Icons" rel="stylesheet">
71                <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">
72
73                <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'>
74                <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'>
75                <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'>
76                <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'>
77                <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'>
78                <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'>
79                <link rel="stylesheet"
80                      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
81                <link href="/tpl/1/css/style.css" rel="stylesheet" type='text/css'>
82                <link rel="stylesheet"
83                      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/>
84
85                <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/>
86                <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/>
87                                    <style class="notranslate" title="customCss" type="text/css"
88                           rel="stylesheet">.bg_bloc { background-color: #304381 !important; } .table td, .table, .table thead th { border-color: #304381 !important; } .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu {background-color: #304381 !important;border-color: #304381 !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: #304381 !important;} .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #304381 !important; } .fc-unthemed td.fc-today{background: #304381 !important;} .cookies .btn{ color: #304381 !important; }body { background-color: #FFFFFF; }.bg_wrapper { background-color: #FFFFFF !important; }.c_btn, .c_btn:hover, .c_btn:focus, .c_btn:active { color: #FFFFFF; } .c_btn:before { background-color: #FFFFFF !important; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .carousel-indicators .active {background: #FFFFFF;opacity: 1;} .carousel-indicators li, .owl-theme .owl-dots .owl-dot span{background-color: #FFFFFF;opacity: 0.5;} .fc-event{ color: #FFFFFF !important;}.text_bloc {color:#FFFFFF !important;} .text_bloc .title:before {background-color:#FFFFFF!important;} .bg_bloc .c_text {color:#FFFFFF !important;} .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after {color:#FFFFFF !important;} .fc-unthemed thead.fc-head{ color: #FFFFFF !important; } .fc-unthemed td.fc-today{color: #FFFFFF !important;} .cookies .btn{ background-color: #FFFFFF !important; }body, .title, .lead, .heading { font-family:  !important; }.footer.bg { background-color: #92CC86; }.footer.bg { background-image: url(https://static.neopse.com/assets/img/textures/arches.png?v=v1); background-position: center; background-repeat: repeat; }nav.navbar.bg { background-color: #92CC86; }nav.navbar.bg { background-image: url(https://static.neopse.com/assets/img/textures/arches.png?v=v1); background-position: center; background-repeat: repeat; }
88.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: #304381; }body, .c_text, .container, .carousel-caption .title, .dropdown-item.c_text, .newsletter .requirements { color: #000000; } .slick-prev:before, .slick-next:before { color: #000000; } .c_text.navbar-toggler{ border-color: #000000 !important; } .title:before{ background-color: #000000 !important; } .intern-page .en-tete{ border-left-color: #000000;} .bootstrap-select .dropdown-menu li a{color: #000000;} .bootstrap-select .dropdown-toggle::after{color: #000000;} .fc-button{color: #000000 !important;}.footer .c_btn, .footer .c_btn:hover, .footer .c_btn:focus, .footer .c_btn:active { color: #FFFFFF; } .footer .c_btn:before { background-color: #FFFFFF !important; }nav.navbar .c_btn, nav.navbar .c_btn:hover, nav.navbar .c_btn:focus, nav.navbar .c_btn:active { color: #FFFFFF; }nav.navbar .dropdown-menu { background-color: #FFFFFF; }.footer .c_text { color: #FFFFFF; }nav.navbar .c_text { color: #FFFFFF; }nav.navbar .h_text:hover { color: #92CC86; }.footer .c_title { color: #FFFFFF; } .footer .c_title:before { background-color: #FFFFFF !important; }.breadcrumb.bg { background-color: #768AC9; }nav.navbar .dropdown-menu .c_text { color: #92CC86; }nav.navbar .dropdown-menu .h_text:hover { color: #FFFFFF; }nav.navbar .h_text:hover { background-color: #FFFFFF; }body .bg_btn { background-color: #92CC86; } body .bg_btn:hover, body .bg_btn:active, body .bg_btn:focus { background-color: #92CC86; } .fc-event{ background-color: #92CC86 !important; border-color: #92CC86 !important; }#w_headline { background-color: #FFFFFF; }.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: #FFFFFF; }.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 { text-decoration: none; }#w_5o16ny5pr .bg { background-color: #FFFFFF; }#w_69u28db2i .bg:before { background-color: #768AC9; }#w_dexnu8qpg .bg { background-color: #FFFFFF; }#w_headline .c_btn, #w_headline .c_btn:hover, #w_headline .c_btn:focus, #w_headline .c_btn:active { color: #92CC86; } #w_headline .c_btn:before { background-color: #92CC86 !important; } #w_headline .owl-theme .owl-dots .owl-dot.active span,#w_headline .owl-theme .owl-dots .owl-dot:hover span, #w_headline .carousel-indicators .active {background: #92CC86;opacity: 1;} #w_headline .carousel-indicators li, #w_headline .owl-theme .owl-dots .owl-dot span{background-color: #92CC86;opacity: 0.5;}#w_kk8zmbaaz .bg { background-color: #F0F0F0; }#w_myte2qgl2 .bg { background-color: #FFFFFF; }#w_rgskd31m7 .bg { background-color: #304381; }#w_tksqewdyn .bg { background-color: #FFFFFF; }#w_tksqewdyn .bg { background-image: url(https://static.neopse.com/assets/img/textures/cubes.png?v=v1); background-position: center; background-repeat: repeat; }#w_tq9i664fa .bg { background-color: #92CC86; }#w_wzjuqt3zy .bg { background-color: #768AC9; }.breadcrumb.bg .c_text { color: #FFFFFF; }nav.navbar .bg_btn, nav.navbar .bg_btn:hover, nav.navbar .bg_btn:active, nav.navbar .bg_btn:focus{ background-color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { background-color: #92CC86; }#w_5o16ny5pr .c_btn, #w_5o16ny5pr .c_btn:hover, #w_5o16ny5pr .c_btn:focus, #w_5o16ny5pr .c_btn:active { color: #92CC86; } #w_5o16ny5pr .c_btn.dark:before { background-color: #92CC86 !important; } #w_5o16ny5pr .owl-theme .owl-dots .owl-dot.active span, #w_5o16ny5pr .owl-theme .owl-dots .owl-dot:hover span {background: #92CC86;opacity: 1;} #w_5o16ny5pr .carousel-indicators li, #w_5o16ny5pr .owl-theme .owl-dots .owl-dot span{background-color: #92CC86;opacity: 0.5;}#w_dexnu8qpg .c_btn, #w_dexnu8qpg .c_btn:hover, #w_dexnu8qpg .c_btn:focus, #w_dexnu8qpg .c_btn:active, #w_dexnu8qpg .card-icon-date .day { color: #92CC86; border-color: #92CC86; } #w_dexnu8qpg .c_btn:before, #w_dexnu8qpg .owl-theme .owl-dots .owl-dot.active span, #w_dexnu8qpg .owl-theme .owl-dots .owl-dot:hover span, #w_dexnu8qpg .slick-dots .slick-active button:before, #w_dexnu8qpg .card-icon-date .month {background-color: #92CC86 !important;opacity: 1;} #w_dexnu8qpg .carousel-indicators li, #w_dexnu8qpg .owl-theme .owl-dots .owl-dot span, #w_dexnu8qpg .slick-dots li button:before {background-color: #92CC86; opacity: 0.5;}#w_headline .c_text { color: #FFFFFF; } #w_headline .title.c_text:before { background-color: #FFFFFF !important; }#w_kk8zmbaaz .c_btn, #w_kk8zmbaaz .c_btn:hover, #w_kk8zmbaaz .c_btn:focus, #w_kk8zmbaaz .c_btn:active { color: #768AC9; } #w_kk8zmbaaz .c_btn.dark:before { background-color: #768AC9 !important; }#w_myte2qgl2 .c_btn, #w_myte2qgl2 .c_btn:hover, #w_myte2qgl2 .c_btn:focus, #w_myte2qgl2 .c_btn:active, #w_myte2qgl2 .slick-prev:before, #w_myte2qgl2 .slick-next:before { color: #92CC86; } #w_myte2qgl2 .c_btn:before { background-color: #92CC86 !important; }#w_rgskd31m7 .c_btn, #w_rgskd31m7 .c_btn:hover, #w_rgskd31m7 .c_btn:focus, #w_rgskd31m7 .c_btn:active, #w_rgskd31m7 .carousel-control-prev i, #w_rgskd31m7 .carousel-control-next i { color: #FFFFFF; } #w_rgskd31m7 .c_btn:before { background-color: #FFFFFF !important; }#w_tksqewdyn .c_btn, #w_tksqewdyn .c_btn:hover, #w_tksqewdyn .c_btn:focus, #w_tksqewdyn .c_btn:active, #w_tksqewdyn .slick-prev:before, #w_tksqewdyn .slick-next:before { color: #92CC86; } #w_tksqewdyn .c_btn:before { background-color: #92CC86 !important; }#w_tq9i664fa .c_btn, #w_tq9i664fa .c_btn:hover, #w_tq9i664fa .c_btn:focus, #w_tq9i664fa .c_btn:active, #w_tq9i664fa .carousel-control-prev i, #w_tq9i664fa .carousel-control-next i { color: #FFFFFF; } #w_tq9i664fa .c_btn:before { background-color: #FFFFFF !important; }.breadcrumb.bg .c_title { color: #FFFFFF; } .breadcrumb.bg .c_title:before { background-color: #FFFFFF !important; }#w_5o16ny5pr .c_text { color: #000000; }#w_69u28db2i .c_text { color: #FFFFFF; } #w_69u28db2i .c_text:before { background-color: #FFFFFF; }#w_dexnu8qpg .c_text { color: #304381; }#w_kk8zmbaaz .c_text { color: #000000; }#w_rgskd31m7 .c_text { color: #FFFFFF; }#w_tq9i664fa .c_text { color: #000000; }#w_5o16ny5pr .c_title { color: #768AC9 !important; } #w_5o16ny5pr .c_title.dark:before { background-color: #768AC9 !important; }#w_69u28db2i .c_title { color: #FFFFFF; } #w_69u28db2i .c_title:before { background-color: #FFFFFF !important; }#w_dexnu8qpg .c_title { color: #768AC9; } #w_dexnu8qpg .c_title:before { background-color: #768AC9 !important; }#w_kk8zmbaaz .c_title { color: #304381; } #w_kk8zmbaaz .c_title.dark:before { background-color: #304381 !important; }#w_myte2qgl2 .c_title { color: #768AC9; } #w_myte2qgl2 .c_title:before { background-color: #768AC9 !important; }#w_rgskd31m7 .c_title { color: #FFFFFF; } #w_rgskd31m7 .c_title:before { background-color: #FFFFFF !important; }#w_tksqewdyn .c_title { color: #768AC9; } #w_tksqewdyn .c_title:before { background-color: #768AC9 !important; }#w_tq9i664fa .c_title { color: #000000; } #w_tq9i664fa .c_title:before { background-color: #000000 !important; }#w_wzjuqt3zy .c_title { color: #768AC9; } #w_wzjuqt3zy .c_title:before { background-color: #768AC9 !important; }#w_wzjuqt3zy .c_title { display: none; }#w_69u28db2i .card { background-color: #FF6651; }#w_dexnu8qpg .bg_text { background-color: #F0F0F0; }#w_headline .c_text_responsive { color: #FFFFFF; } #w_headline .title.c_text_responsive:before { background-color: #FFFFFF !important; }/*np-dropdowns*/.bootstrap-select{background-color:#304381!important;}.bootstrap-select .dropdown-menu{background-color:#304381!important;border-color:#304381!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:#304381!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:#FFFFFF!important;}</style>
89                            
90    
91        
91<script src="/js/vendor/jquery-3.2.1.min.js"></script>
91
92        
92<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
92
93    </head>
94    <body>
95
96        <header role="banner"><!-- Top navbar -->
97<nav role="navigation" class="navbar fixed-top navbar-expand-lg bg">
98    <div class="ov"></div>
99    <div class="container">
100        <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/">
101                            <h1 class="img">
102                    <picture>
103                        <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/3736/site/48/32/38/483238bdf5478348915ceca79ff7cb4ac80fb467.png">
104                        <img role="img" src="https://static.neopse.com/medias/p/3736/site/48/32/38/483238bdf5478348915ceca79ff7cb4ac80fb467.png" alt="Logo Ouainville" loading="eager">
105                    </picture>
106                    <span>Ouainville</span>
107                </h1>
108                    </a>
109        <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse"
110                data-target="#navbarNavDropdown"
111                aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation" style="z-index: 100;">
112            <span class="navbar-toggler-icon">
113                <i class="material-icons notranslate">menu</i>
114            </span>
115        </button>
116        <div class="collapse navbar-collapse" id="navbarNavDropdown">
117            <ul class="navbar-nav ml-auto">
118                <li class="nav-item dropdown">
119                    <a class="nav-link c_text h_text px-3" href="/" role="button">
120                        <i class="material-icons">home</i>
121                    </a>
122                </li>
123                                                            <li class="nav-item dropdown">
124                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown0" role="button"
125                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
126                                MA MAIRIE
127                            </a>
128                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown0">
129                                
130                                <div class="container mega-dropdown-menu">
131                                    <div class="divider">
132                                                                                                                        
133                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
134                                               href="/fr/rb/2380926/l-equipe-municipale-1">
135                                                L&#039;équipe municipale
136                                            </a>
137                                        
138                                        
139                                        
140                                                                                                                                                                
141                                        
142                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
143                                               href="/fr/rp/2631202/comptes-rendus-budgets">
144                                                Comptes rendus &amp; Budgets
145                                            </a>
146                                        
147                                        
148                                                                                                                                                                
149                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
150                                               href="/fr/rb/2380978/personnel-communal-62">
151                                                Personnel communal
152                                            </a>
153                                        
154                                        
155                                        
156                                                                                                                                                                
157                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
158                                               href="/fr/rb/2380991/le-village-histoire-patrimoine">
159                                                Le village : Histoire &amp; Patrimoine
160                                            </a>
161                                        
162                                        
163                                        
164                                                                                                                                                                
165                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
166                                               href="/fr/rb/2381004/bulletins-communaux-5">
167                                                Bulletins communaux
168                                            </a>
169                                        
170                                        
171                                        
172                                                                                                                    </div>
173                                </div>
174                            </div>
175                        </li>
176                    
177
178                                                            <li class="nav-item dropdown">
179                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button"
180                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
181                                MES DÉMARCHES
182                            </a>
183                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown1">
184                                
185                                <div class="container mega-dropdown-menu">
186                                    <div class="divider">
187                                                                                                                        
188                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
189                                               href="/fr/rb/2381017/identite-citoyennete-1">
190                                                Identité &amp; Citoyenneté
191                                            </a>
192                                        
193                                        
194                                        
195                                                                                                                                                                
196                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
197                                               href="/fr/rb/2381030/etat-civil-263">
198                                                État civil
199                                            </a>
200                                        
201                                        
202                                        
203                                                                                                                                                                
204                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
205                                               href="/fr/rb/2381043/travaux-urbanisme-4">
206                                                Travaux (Urbanisme)
207                                            </a>
208                                        
209                                        
210                                        
211                                                                                                                                                                
212                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
213                                               href="/fr/rb/2381056/cimetieres-53">
214                                                Cimetières
215                                            </a>
216                                        
217                                        
218                                        
219                                                                                                                    </div>
220                                </div>
221                            </div>
222                        </li>
223                    
224
225                                                            <li class="nav-item dropdown">
226                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button"
227                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
228                                VIE QUOTIDIENNE
229                            </a>
230                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown2">
231                                
232                                <div class="container mega-dropdown-menu">
233                                    <div class="divider">
234                                                                                                                        
235                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
236                                               href="/fr/rb/2381069/enfance-scolarite-sivos">
237                                                Enfance &amp; Scolarité (SIVOS)
238                                            </a>
239                                        
240                                        
241                                        
242                                                                                                                                                                
243                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
244                                               href="/fr/rb/2381082/solidarite-ccas-2">
245                                                Solidarité (CCAS)
246                                            </a>
247                                        
248                                        
249                                        
250                                                                                                                                                                
251                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
252                                               href="/fr/rb/2381095/gestion-des-dechets-167">
253                                                Gestion des déchets
254                                            </a>
255                                        
256                                        
257                                        
258                                                                                                                                                                
259                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
260                                               href="/fr/rb/2381108/tranquillite-publique-securite">
261                                                Tranquillité publique &amp; Sécurité
262                                            </a>
263                                        
264                                        
265                                        
266                                                                                                                                                                
267                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
268                                               href="/fr/rb/2381121/location-de-la-salle-des-fetes-6">
269                                                Location de la salle des fêtes
270                                            </a>
271                                        
272                                        
273                                        
274                                                                                                                    </div>
275                                </div>
276                            </div>
277                        </li>
278                    
279
280                                                            <li class="nav-item dropdown">
281                            <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button"
282                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
283                                VIE LOCALE
284                            </a>
285                            <div class="dropdown-menu container bg_text" aria-labelledby="menuDropdown3">
286                                
287                                <div class="container mega-dropdown-menu">
288                                    <div class="divider">
289                                                                                                                        
290                                        
291                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
292                                               href="/fr/ev/2630968/agenda-1786">
293                                                Agenda
294                                            </a>
295                                        
296                                        
297                                                                                                                                                                
298                                        
299                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
300                                               href="/fr/nw/2630955/actualites-1775">
301                                                Actualités
302                                            </a>
303                                        
304                                        
305                                                                                                                                                                
306                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
307                                               href="/fr/rb/2381173/tourisme-hebergements-2">
308                                                Tourisme &amp; Hébergements
309                                            </a>
310                                        
311                                        
312                                        
313                                                                                                                                                                
314                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
315                                               href="/fr/rb/2390611/ouainville-en-images">
316                                                Ouainville en images
317                                            </a>
318                                        
319                                        
320                                        
321                                                                                                                                                                
322                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
323                                               href="/fr/rb/2381160/vie-associative-57">
324                                                Vie associative
325                                            </a>
326                                        
327                                        
328                                        
329                                                                                                                                                                
330                                                                                    <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
331                                               href="/fr/rb/2381199/commerces-services-entreprises">
332                                                Commerces, Services &amp; Entreprises
333                                            </a>
334                                        
335                                        
336                                        
337                                                                                                                    </div>
338                                </div>
339                            </div>
340                        </li>
341                    
342
343                
344                                    <li class="nav-item">
345                        <a href="#search-form-collapse" role="button" class="search-button btn c_text h_text" data-toggle="collapse"
346                           data-target="#search-form-collapse" aria-expanded="false">
347                            <i class="material-icons">search</i>
348                        </a>
349                    </li>
350                    <form action="/fr/search" class="form-inline nav-link c_text" method="post">
351                        <div class="toggled row collapse" id="search-form-collapse">
352                            <input id="search-form" class="form-control col-lg-8 col-8" type="search" placeholder="Recherche"
353                                   aria-label="Search" name="keywords">
354                            <button type="submit" class="form-control col-lg-4 col-4 bg_btn c_btn"><i class="material-icons notranslate">search</i></button>
355                        </div>
356                    </form>
357                
358                
359            </ul>
360        </div>
361    </div>
362</nav>
363</header>
364
365        <main role="main">
366                <div class="main intern-page">
367        
368        
369        
370                        
371                                                    
372            
373                                                    
374            
375        
376        <!-- Header -->
377        <header class="breadcrumb container d-flex align-items-center bg">
378    <div class="ov"></div>
379    <div class="container">
380        <h1 class="title dark c_title">L&#039;équipe municipale</h1>
381        <nav class="ariane c_text">
382            <span><a href="/">Accueil</a></span>
383                            / <a href="/">MA MAIRIE</a>
384                            / <a href="/fr/rb/2380926/l-equipe-municipale-1">L&#039;équipe municipale</a>
385                    </nav>
386    </div>
387</header>
388
389
390
391        <!-- Contenu -->
392        <section class="container wrapper bg_wrapper c_wrapper">
393            <div class="ov bgw"></div>
394            
395            <div class="main-content dynamicContent">
396                <div class="row">
397                                        <div class="col col-md contenu">
398
399                        
400                                                                                    <div class="dynamicContent">
401                                                                                                                                                                                                                                                                <div class="row">
402                                                        <div class="col-sm-12"
403                                                             style="background-color: ">
404                                                                                                                                                                                                <p><span style="color:#304381;"><strong><span style="font-size:28px;">LE MAIRE</span></strong></span></p>
405                                                                                                                                                                                                                                                                
406                                                                                                                                                                                    </div>
407                                                    </div>
408
409                                                
410                                                <div class="my-5"></div>
411                                                                                                                                                                                                        <div class="row">
412                                                            <div class="col-sm-3"
413                                                                 style="background-color: ">
414                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/d8/13/51/d81351db5296ae10364a2e8d7d35d904d3f3b687.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Bruno THUNE">    </div>
415                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Bruno THUNE</p>
416                                                                                                                                                                                                                                                                                
417                                                                                                                                                                                                </div>
418                                                            <div class="col-sm-3"
419                                                                 style="background-color: ">
420                                                                                                                            </div>
421                                                            <div class="col-sm-3"
422                                                                 style="background-color: ">
423                                                                                                                            </div>
424                                                            <div class="col-sm-3"
425                                                                 style="background-color: ">
426                                                                                                                            </div>
427                                                        </div>
428                                                                                                    
429                                                <div class="my-5"></div>
430                                                                                                                                                <div class="row">
431                                                        <div class="col-sm-12"
432                                                             style="background-color: ">
433                                                                                                                    </div>
434                                                    </div>
435
436                                                
437                                                <div class="my-5"></div>
438                                                                                                                                                <div class="row">
439                                                        <div class="col-sm-12"
440                                                             style="background-color: ">
441                                                                                                                                                                                                <p><span style="color:#304381;"><strong><span style="font-size:28px;">LES ADJOINTS</span></strong></span></p>
442                                                                                                                                                                                                                                                                
443                                                                                                                                                                                    </div>
444                                                    </div>
445
446                                                
447                                                <div class="my-5"></div>
448                                                                                                                                                                                                        <div class="row">
449                                                            <div class="col-sm-3"
450                                                                 style="background-color: ">
451                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/bf/0b/7c/bf0b7c2f0b12fe61a39ecf8035ea211e2dc6d315.png?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Aucune photo.png">    </div>
452                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Fabien LECOURT<br><span style="color:#304381;">1er adjoint<br>[ Finances ]</span></p>
453                                                                                                                                                                                                                                                                                
454                                                                                                                                                                                                </div>
455                                                            <div class="col-sm-3"
456                                                                 style="background-color: ">
457                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/00/1d/0b/001d0bdd76119fcb7f2528c736ab8b20e9c3ed0c.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Michèle HAVY">    </div>
458                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Michèle HAVY<br><span style="color:#304381;">2ème adjointe<br>[ État civil &amp; Gestion des salles municipales ]</span></p>
459                                                                                                                                                                                                                                                                                
460                                                                                                                                                                                                </div>
461                                                            <div class="col-sm-3"
462                                                                 style="background-color: ">
463                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/69/4b/b3/694bb3b70bd0882121e53a14f07975ca4eb88065.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Cyril VITIS">    </div>
464                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Cyril VITIS<br><span style="color:#304381;">3ème adjoint<br>[ Vie associative ]</span></p>
465                                                                                                                                                                                                                                                                                
466                                                                                                                                                                                                </div>
467                                                            <div class="col-sm-3"
468                                                                 style="background-color: ">
469                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/b3/55/9c/b3559ccb649ecb90cd0d1933a75364a12d9bde3b.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Barbara DUFRESNE">    </div>
470                                                                                               
470                                                                                                                                                                                                                                                         <p style="text-align: center;">Barbara DUFRESNE<br><span style="color:#304381;">4ème adjointe<br>[ CCAS ]</span></p>
471                                                                                                                                                                                                                                                                                
472                                                                                                                                                                                                </div>
473                                                        </div>
474                                                                                                    
475                                                <div class="my-5"></div>
476                                                                                                                                                <div class="row">
477                                                        <div class="col-sm-12"
478                                                             style="background-color: ">
479                                                                                                                    </div>
480                                                    </div>
481
482                                                
483                                                <div class="my-5"></div>
484                                                                                                                                                <div class="row">
485                                                        <div class="col-sm-12"
486                                                             style="background-color: ">
487                                                                                                                                                                                                <p><span style="color:#304381;"><strong><span style="font-size:28px;">LES CONSEILLERS</span></strong></span></p>
488                                                                                                                                                                                                                                                                
489                                                                                                                                                                                    </div>
490                                                    </div>
491
492                                                
493                                                <div class="my-5"></div>
494                                                                                                                                                                                                        <div class="row">
495                                                            <div class="col-sm-3"
496                                                                 style="background-color: ">
497                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/20/39/cf/2039cf502b9ad47d00fb929de0c6e59aa4407141.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Isabelle COLLARDEAU">    </div>
498                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Isabelle COLLARDEAU<br><span style="color:#304381;"><span style="caret-color: rgb(48, 67, 129);">Présidente du </span></span><span style="caret-color: rgb(48, 67, 129);"><strong><a data-cke-saved-href="https://commune-de-ouainville.neopse-site.com/fr/rb/2381069/enfance-scolarite-sivos" href="https://commune-de-ouainville.neopse-site.com/fr/rb/2381069/enfance-scolarite-sivos"><span style="color:#768ac9;">SIVOS</span></a></strong></span></p>
499                                                                                                                                                                                                                                                                                
500                                                                                                                                                                                                </div>
501                                                            <div class="col-sm-3"
502                                                                 style="background-color: ">
503                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/f6/8a/1b/f68a1bbda75b3ea0c32f8fe89089cd1ce63328e4.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Clémence COURVALET Conseillère">    </div>
504                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Clémence COURVALET</p>
505                                                                                                                                                                                                                                                                                
506                                                                                                                                                                                                </div>
507                                                            <div class="col-sm-3"
508                                                                 style="background-color: ">
509                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/48/01/20/4801204751973753b45e1ccdcf81ed05fb494182.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Géraldine DÉVÉ">    </div>
510                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Géraldine DÉVÉ</p>
511                                                                                                                                                                                                                                                                                
512                                                                                                                                                                                                </div>
513                                                            <div class="col-sm-3"
514                                                                 style="background-color: ">
515                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/bf/0b/7c/bf0b7c2f0b12fe61a39ecf8035ea211e2dc6d315.png?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Aucune photo.png">    </div>
516                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Gilles GODEBOUT</p>
517                                                                                                                                                                                                                                                                                
518                                                                                                                                                                                                </div>
519                                                        </div>
520                                                                                                    
521                                                <div class="my-5"></div>
522                                                                                                                                                                                                        <div class="row">
523                                                            <div class="col-sm-3"
524                                                                 style="background-color: ">
525                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/e5/0e/dc/e50edc7872e1048bfdb203fa111e7bf081bb23e1.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Stéphane GUILLAIS">    </div>
526                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Stéphane GUILLAIS</p>
527                                                                                                                                                                                                                                                                                
528                                                                                                                                                                                                </div>
529                                                            <div class="col-sm-3"
530                                                                 style="background-color: ">
531                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/10/b3/0a/10b30
531a5cc00dd5be4741676e83962e28801d3032.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Antoine LECACHEUR">    </div>
532                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Antoine LECACHEUR</p>
533                                                                                                                                                                                                                                                                                
534                                                                                                                                                                                                </div>
535                                                            <div class="col-sm-3"
536                                                                 style="background-color: ">
537                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/9c/82/10/9c82103e814de1f2f6e8de912167341e9424baa8.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Victoria LEFRANÇOIS">    </div>
538                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Victoria LEFRANÇOIS</p>
539                                                                                                                                                                                                                                                                                
540                                                                                                                                                                                                </div>
541                                                            <div class="col-sm-3"
542                                                                 style="background-color: ">
543                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/bf/0b/7c/bf0b7c2f0b12fe61a39ecf8035ea211e2dc6d315.png?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Aucune photo.png">    </div>
544                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Henri PETIT</p>
545                                                                                                                                                                                                                                                                                
546                                                                                                                                                                                                </div>
547                                                        </div>
548                                                                                                    
549                                                <div class="my-5"></div>
550                                                                                                                                                                                                        <div class="row">
551                                                            <div class="col-sm-3"
552                                                                 style="background-color: ">
553                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/b5/79/2a/b5792a866b31
553a4e8dcf51cd6de516f0a0a77d87a.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Sarah REDIN">    </div>
554                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Sarah REDIN</p>
555                                                                                                                                                                                                                                                                                
556                                                                                                                                                                                                </div>
557                                                            <div class="col-sm-3"
558                                                                 style="background-color: ">
559                                                                                                                                                                                                                                                                                        <div class="photo-panel text-center">        <img src="https://static.neopse.com/medias/p/3736/site/5f/2b/96/5f2b9612770bb638c69f50488a72a51262b716bb.jpg?v=v1" width="100%" height="" class="img-fluid" data-target="" data-url="" data-width="" style="display: inline-block;" alt="Marcel WATRELOS">    </div>
560                                                                                                                                                                                                                                                                                                                                                        <p style="text-align: center;">Marcel WATRELOS</p>
561                                                                                                                                                                                                                                                                                
562                                                                                                                                                                                                </div>
563                                                            <div class="col-sm-3"
564                                                                 style="background-color: ">
565                                                                                                                            </div>
566                                                            <div class="col-sm-3"
567                                                                 style="background-color: ">
568                                                                                                                            </div>
569                                                        </div>
570                                                                                                    
571                                                <div class="my-5"></div>
572                                                                                                                                                <div class="row">
573                                                        <div class="col-sm-12"
574                                                             style="background-color: ">
575                                                                                                                    </div>
576                                                    </div>
577
578                                                
579                                                <div class="my-5"></div>
580                                                                                                                                                <div class="row">
581                                                        <div class="col-sm-12"
582                                                             style="background-color: #768ac9">
583                                                                                                                                                                                                <p><br><span style="color:#ffffff;"><span style="font-size:24px;"><strong>
583LES COMMISSIONS MUNICIPALES</strong></span></span></p>
584                                                                                                                                                                                                                                                                <p style="text-align: justify;"><em><span style="color:#ffffff;">Les commissions sont des groupes de travail internes où les élus de Ouainville préparent les projets et les dossiers avant qu'ils ne soient officiellement votés en Conseil Municipal.</span></em><br><br></p><div style="text-align: justify; margin-left: 40px;"><span style="font-size:20px;"><span style="color:#ffffff;"><strong>💰 FINANCES</strong></span></span></div><div style="margin-left: 40px; text-align: justify;"><span style="color:#ffffff;">Fabien LECOURT — Cyril VITIS — Antoine LECACHEUR — Henri PETIT<br>Michèle HAVY — Sarah REDIN — Isabelle COLLARDEAU — Barbara DUFRESNE<br><br><span style="font-size:20px;"><strong>🤝🏻 ASSOCIATIONS &amp; ÉVÈNEMENTIEL</strong></span><br>Cyril VITIS — Marcel WATRELOS — Stéphane GUILLAIS<br>Clémence COURVALET — Victoria LEFRANÇOIS</span></div><div style="text-align: justify; margin-left: 40px;"><br><span style="font-size:20px;"><span style="color:#ffffff;"><strong>🏗️ TRAVAUX, PATRIMOINE &amp; ACCESSIBILITÉ</strong></span></span><br><span style="color:#ffffff;">Bruno THUNE — Cyril VITIS — Fabien LECOURT — Henri PETIT — Stéphane GUILLAIS<br>Victoria LEFRANÇOIS</span><br><br>🛡️&nbsp;<span style="font-size:20px;"><span style="color:#ffffff;"><strong>SÉCURITÉ ROUTIÈRE &amp; DÉFENSE INCENDIE</strong></span></span><br><span style="color:#ffffff;">Bruno THUNE — Gilles GODEBOUT — Fabien LECOURT — Henri PETIT<br>Michèle HAVY — Barbara DUFRESNE<br><br><strong><span style="font-size:20px;">📢 COMMUNICATION</span></strong><br>Bruno THUNE — Gilles GODEBOUT — Antoine LECACHEUR<br>Clémence COURVALET — Sarah REDIN<br><br><span style="font-size:20px;"><strong>🌷 FLEURISSEMENT, MAISONS &amp; JARDINS FLEURIS</strong></span><br>Bruno THUNE — Marcel WATRELOS — Stéphane GUILLAIS<br>Clémence COURVALET — Géraldine DÉVÉ — Isabelle COLLARDEAU</span><br><br></div>
585                                                                                                                                                                                                                                                                
586                                                                                                                                                                                    </div>
587                                                    </div>
588
589                                                
590                                                <div class="my-5"></div>
591                                                                                                                                                <div class="row">
592                                                        <div class="col-sm-12"
593                                                             style="background-color: ">
594                                                                                                                                                                                                <p><span style="color:#304381;"><strong><span style="font-size:24px;">🗳️ LA COMMISSION DE CONTRÔLE DES LISTES ÉLECTORALES</span></strong></span></p><p style="text-align: justify;"><em>Cette commission est chargée de s'assurer de la régularité des listes électorales de la commune.</em></p><p style="text-align: justify; margin-left: 40px;"><em>Titulaire : </em>Isabelle COLLARDEAU<br><em>Suppléante : </em>Clémence COURVALET</p>
595                                                                                                                                                                                                                                                                
596                                                                                                                                                                                    </div>
597                                                    </div>
598
599                                                
600                                                <div class="my-5"></div>
601                                                                                                                                                <div class="row">
602                                                        <div class="col-sm-12"
603                                                             style="background-color: #f0f0f0">
604                                                                                                                                                                                                <p><br><span style="color:#768ac9;"><span style="font-size:24px;"><strong>LES REPRÉSENTATIONS EXTÉRIEURES</strong></span></span></p>
605                                                                                                                                                                                                                                                                <p style="text-align: justify;"><em>Les délégués sont les ambassadeurs du village : ils représentent Ouainville et défendent nos intérêts au sein des syndicats intercommunaux qui gèrent des services partagés.</em><br><br></p><div style="text-align: justify; margin-left: 40px;"><span style="color:#768ac9;"><span style="font-size:20px;"><strong>🏛️ CONSEIL COMMUNAUTAIRE</strong></span></span></div><p style="margin-left: 40px; text-align: justify;"><em>La commune de Ouainville fait partie de la 🔗 <strong><a data-cke-saved-href="http://www.cote-albatre.fr" href="http://www.cote-albatre.fr"><span style="color:#768ac9;">Communauté de Communes de la Côte d'Albâtre</span></a></strong>.</em> <em>Ce regroupement permet de gérer des compétences clés comme la gestion des déchets (poubelles/déchetteries), le développement économique ou le tourisme.</em></p><div style="margin-left: 40px; text-align: justify;"><em>Titulaire :</em>&nbsp; Bruno THUNE</div><div style="margin-left: 40px; text-align: justify;"><em>Suppléant : </em>Fabien LECOURT<br><br><span style="color:#768ac9;"><span style="font-size:20px;"><strong>🏫 SYNDICAT INTERCOMMUNAL MIXTE À VOCATION SCOLAIRE (SIVOS)</strong></span></span><br><em>Titulaires :</em> Bruno THUNE — Isabelle COLLARDEAU<br><em>Suppléante :</em> Géraldine DÉVÉ<br><br><span style="color:#768ac9;"><strong><span style="font-size:20px;">SYNDICAT MIXTE DES BASSINS VERSANTS DE LA DURDENT</span></strong></span><br><em>Titulaire : </em>Bruno THUNE<br><em>Suppléant : </em>Fabien LECOURT<br><br><span style="color:#768ac9;"><span style="font-size:20px;"><strong>SYNDICAT MIXTE DES BASSINS VERSANTS DE LA GANZEVILLE ET DE LA VALMONT</strong></span></span><br><em>Titulaire :</em> Bruno THUNE<br><em>Suppléant :</em> Fabien LECOURT<br><br></div>
606                                                                                                                                                                                                                                                                
607                                                                                                                                                                                    </div>
608                                                    </div>
609
610                                                
611                                                <div class="my-5"></div>
612                                                                                                                                                            <hr>
613                                </div>
614                                                                        </div>
615                                        
616                    
617                                    </div>
618            </div>
619        </section>
620
621                                                            </div>
622
623    <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
624    <div class="modal-dialog" role="document">
625        <div class="modal-content">
626            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
627                <span aria-hidden="true">&times;</span>
628            </button>
629
630            <embed type="application/pdf">
631        </div>
632    </div>
633</div>
634        </main>
635
636                    <div id="previewModalImage" class="modal">
637
638                <!-- The Close Button -->
639                <span id="closePreviewImage" class="close">&times;</span>
640
641                <!-- Navigation Buttons -->
642                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
643                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</a>
644
645                <!-- Image Counter -->
646                <div id="imageCounter" class="image-counter"></div>
647
648                <!-- Modal Content (The Image) -->
649                <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div>
650
651                <!-- Modal Caption (Image Text) -->
652                <div id="captionPreviewImage"></div>
653            </div>
654        
655                    
655<script>
656                (function() {
657                    // Get the modal elements
658                    const modal = document.getElementById('previewModalImage');
659                    const modalImg = modal.querySelector('img');
660                    const captionText = document.getElementById('captionPreviewImage');
661                    const closePreviewImage = document.getElementById('closePreviewImage');
662                    const prevBtn = document.getElementById('prevImage');
663                    const nextBtn = document.getElementById('nextImage');
664                    const imageCounter = document.getElementById('imageCounter');
665                    
666                    let currentImages = [];
667                    let currentIndex = 0;
668
669                    // Helper function to check if element is visible
670                    function isVisible(element) {
671                        return element && element.offsetParent !== null;
672                    }
673
674                    // Helper function to toggle element visibility
675                    function toggleElement(element, show) {
676                        if (element) {
677                            element.style.display = show ? 'block' : 'none';
678                        }
679                    }
680
681                    // Function to update the modal with a specific image
682                    function updateModal(index) {
683                        if (currentImages.length === 0) return;
684                        
685                        currentIndex = index;
686                        const img = currentImages[currentIndex];
687                        modalImg.setAttribute('src', img.src);
688                        modalImg.setAttribute('alt', img.alt || '');
689                        captionText.innerHTML = img.alt || '';
690                        
691                        // Update counter
692                        imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length;
693                        
694                        // Show/hide navigation buttons
695                        const showNav = currentImages.length > 1;
696                        toggleElement(prevBtn, showNav);
697                        toggleElement(nextBtn, showNav);
698                        toggleElement(imageCounter, showNav);
699                    }
700
701                    // Function to show next image
702                    function showNext() {
703                        if (currentImages.length === 0) return;
704                        currentIndex = (currentIndex + 1) % currentImages.length;
705                        updateModal(currentIndex);
706                    }
707
708                    // Function to show previous image
709                    function showPrev() {
710                        if (currentImages.length === 0) return;
711                        currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;
712                        updateModal(currentIndex);
713                    }
714
715                    // Helper function to find closest ancestor with class
716                    function closest(element, selector) {
717                        if (!element) return null;
718                        
719                        // For class selector (e.g., '.splide__slide')
720                        if (selector.startsWith('.')) {
721                            const className = selector.slice(1);
722                            let current = element;
723                            while (current && current !== document) {
724                                if (current.classList && current.classList.contains(className)) {
725                                    return current;
726                                }
727                                current = current.parentElement;
728                            }
729                        }
730                        return null;
731                    }
732
733                    // When clicking on an image
734                    document.addEventListener('click', function(e) {
735                        const target = e.target;
736                        // Check if clicked element is an image with class .img or .main-img inside .splide
737                        if (target.tagName === 'IMG' && 
738                            (target.classList.contains('img') || target.classList.contains('main-img')) &&
739                            closest(target, '.splide')) {
740                            
741                            // Find the clicked image's parent slide
742                            const clickedSlide = closest(target, '.splide__slide');
743                            if (!clickedSlide) return;
744                            
745                            // Find the list that contains this slide
746                            const splideList = closest(clickedSlide, '.splide__list');
747                            if (!splideList) return;
748                            
749                            // Get all slides from this specific list
750                            const allSlides = splideList.querySelectorAll('.splide__slide');
751                            
752                            // Get all images from these slides only, deduplicating by src
753                            // (Splide duplicates slides in loop mode, so we need to filter duplicates)
754                            currentImages = [];
755                            const seenSrcs = new Set();
756                            const clickedSrc = target.src;
757                            
758                            allSlides.forEach(function(slide) {
759                                const slideImg = slide.querySelector('.img, .main-img');
760                                if (slideImg) {
761                                    const imgSrc = slideImg.src;
762                                    // Only add if we haven't seen this src before
763                                    if (!seenSrcs.has(imgSrc)) {
764                                        seenSrcs.add(imgSrc);
765                                        currentImages.push(slideImg);
766                                    }
767                                }
768                            });
769                            
770                            // Find the index of the clicked image by src (to handle duplicates)
771                            currentIndex = currentImages.findIndex(function(img) {
772                                return img.src === clickedSrc;
773                            });
774                            
775                            if (currentIndex === -1) {
776                                currentIndex = 0; // Fallback to first image
777                            }
778                            
779                            // Update and show modal
780                            updateModal(currentIndex);
781                            modal.style.display = 'block';
782                        }
783                    });
784
785                    // Navigation button handlers
786                    if (nextBtn) {
787                        nextBtn.addEventListener('click', function (e) {
788                            e.preventDefault();
789                            e.stopPropagation();
790                            showNext();
791                        });
792                    }
793
794                    if (prevBtn) {
795                        prevBtn.addEventListener('click', function (e) {
796                            e.preventDefault();
797                            e.stopPropagation();
798                            showPrev();
799                        });
800                    }
801
802                    // Keyboard navigation
803                    document.addEventListener('keydown', function (e) {
804                        // Check if modal is visible by checking display style
805                        const isModalVisible = modal.style.display !== 'none' && 
806                                             (modal.style.display === 'block' || 
807                                              window.getComputedStyle(modal).display !== 'none');
808                        
809                        if (isModalVisible) {
810                            if (e.key === 'ArrowRight' || e.keyCode === 39) {
811                                e.preventDefault();
812                                showNext();
813                            } else if (e.key === 'ArrowLeft' || e.keyCode === 37) {
814                                e.preventDefault();
815                                showPrev();
816                            } else if (e.key === 'Escape' || e.keyCode === 27) {
817                                e.preventDefault();
818                                e.stopPropagation();
819                                modal.style.display = 'none';
820                            }
821                        }
822                    });
823
824                    // When the user clicks on <span> (x), close the modal
825                    if (closePreviewImage) {
826                        closePreviewImage.addEventListener('click', function () {
827                            modal.style.display = 'none';
828                        });
829                    }
830
831                    // Close modal when clicking outside the image
832                    modal.addEventListener('click', function (e) {
833                        if (e.target === modal) {
834                            modal.style.display = 'none';
835                        }
836                    });
837                })();
838            </script>
838
839        
840        
841                    
842        
843        <!-- Footer -->
844<footer role="contentinfo" class="footer bg footer1">
845    <div class="ov"></div>
846    <div class="container d-flex flex-wrap justify-content-between">
847        <div class="footer-container">
848            <h2 class="title light c_title d_title ">Contact</h2>
849<div class="footer-box">
850    <div class="contact c_text">
851        <p class="font-weight-bold mb-0" aria-label="Nom du structure">Mairie de Ouainville</p>
852        <p class="mb-0" aria-label="adresse">100 rue JH Curry</p>
853        <p class="mb-0" aria-label="adresse 2">76450 Ouainville - FRANCE</p>
854         <p class="mb-0"><a href="tel:+33235977192" title="Numéro de téléphone">+33 2 35 97 71 92</a></p>
855        
856                    <div class="mt-4">
857                <p style="margin:0;"><strong></strong></p>
858                <p><span style="font-size:18px"><strong>E-mail</strong></span><br />
859[email protected]<br />
860<br />
861<span style="font-size:18px"><strong>Permanences</strong></span><br />
862Lundi de 11h &agrave; 12h30 (adjoints)<br />
863Mardi de 17h30 &agrave; 19h (maire)<br />
864Vendredi de 17h30 &agrave; 19h (adjoints)</p>
865            </div>
866            </div>
867
868
869</div>
870
871
872
873            <div class="social-media">
874    <ul class="c_text">
875                    <li><a href="https://www.facebook.com/people/Commune-de-Ouainville/100064726490182/" class="icon-facebook" title="facebook" target="_blank"></a></li>
876                                                                                                                                                            </ul>
877</div>
878
879            
880        </div>
881        <div class="footer-container">
882            <h2 class="title light c_title d_title">Liens</h2>
883    
884    <div class="footer-box">
885        <p class="c_text">
886                            <a href="https://sante.gouv.fr/sante-et-environnement/eaux/eau" target="_blank">💧 Qualité de l&#039;eau potable</a>
887                            <a href="https://cote-albatre.fr/" target="_blank">Communauté de Communes de la Côte d&#039;Albâtre</a>
888                            <a href="https://www.service-public.gouv.fr/" target="_blank">Service Public</a>
889                    </p>
890    </div>
891</div>
892
893        
894    </div>
895    <div class="container d-flex flex-wrap position-relative c_text">
896        <p class="mr-2 c_text"><a href="/fr/li/2630942/mentions-legales-1892">Mentions légales</a>
897</p> -
898        <p class="mr-2 ml-2 c_text"><a href="/fr/2630942/politique-confidentialite">Politique de confidentialité</a>
899</p> -
900        <p class="mr-2 ml-2 c_text"><a href="/fr/accessibilite">Accessibilité</a>
901</p> -
902        
903        <p class="mr-2 ml-2 c_text">
904            <a href="/fr/sm/97128/plan-du-site-1">
905                Plan du site</a></p>-
906        <p class="ml-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p>
907    </div>
908</footer>
909
910<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true"
911     style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);">
912    <div class="modal-dialog" role="document">
913        <div class="modal-content">
914            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
915                <span aria-hidden="true">&times;</span>
916            </button>
917
918            <div class="modal-header bg_bloc">
919                            </div>
920            <form id="contactFormFooter" action="/formMdContact" method="post"
921                  novalidate enctype="multipart/form-data">
922                <div class="modal-body pb-0">
923
924                    
925                    <div class="form-group">
926    <div class="h-recaptcha m-auto d-inline-block"></div>
927    <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire
928    </div>
929</div>                </div>
930                <div class="modal-footer">
931                    <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">Envoyer</button>
932                </div>
933                <div class="m-3">
934                    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 />
935Vos 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 />
936<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 />
937<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : [&hellip;&hellip;.] ; </span><br />
938<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 />
939<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.
940                </div>
941            </form>
942
943            <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none">
944                <p role="status"></p>
945            </div>
946        </div>
947    </div>
948</div>
949
950        <div class="footer-bottom" style="position: relative;">
951    <div class="container">
952        <p>
953            <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank">
954                <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
955                Site créé en partenariat avec Réseau des Communes
956            </a>
957        </p>
958    </div>
959</div>
960        <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
961    <div class="modal-dialog" role="document">
962        <div class="modal-content">
963            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
964                <span aria-hidden="true">&times;</span>
965            </button>
966
967            <embed type="application/pdf">
968        </div>
969    </div>
970</div>
971
972        
973                        
973<script src="/js/vendor/popper.min.js"></script>
973
974            
974<script src="/js/vendor/bootstrap.min.js"></script>
974
975
976            <!-- Carousel -->
977            
977<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
977
978            
978<script src='/dist/owlcarousel/js/owl.linked.js'></script>
978
979
980            
980<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
980
981            
981<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
981
982
983            
983<script src='/dist/slick/slick.js'></script>
983
984            
984<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
984
985
986                        
986<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
986
987
988                        
988<script src='/dist/pagination.min.js'></script>
988
989
990            
990<script src="/js/shared.js?v1"></script>
990
991            
991<script src="/tpl/1/js/main.js"></script>
991
992            
992<script src="/lib/chartjs/Chart.js"></script>
992
993            
993<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
993
994
995                        
995<script type="text/javascript">
996
997                tarteaucitron.user.matomoId = 6;
998                (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');
999
1000
1001                (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
1002                (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
1003                (tarteaucitron.job = tarteaucitron.job || []).push('vimeo');
1004                (tarteaucitron.job = tarteaucitron.job || []).push('othervideo');
1005
1006                            </script>
1006
1007
1008        
1009    
1009<script src="/js/slick/slick.js"></script>
1009
1010
1011    
1011<script type="text/javascript">
1012        $(function () {
1013            $('.titleButtonForm').on('click', function () {
1014                console.log($(this).attr("data-target"));
1015                $('#' + $(this).attr("data-target") + '').modal('show');
1016            });
1017
1018
1019            $('.form-error').hide();
1020
1021            $('.contactContentForm').submit(function (e) {
1022                let form = $(this);
1023                let modal = form.closest('.modal');
1024
1025                $.ajax({
1026                    type: "POST",
1027                    url: form.attr('action'),
1028                    data: new FormData(form[0]),
1029                    contentType: false,
1030                    processData: false,
1031                    beforeSend: function () {
1032                        form.find('.form-error').hide();
1033                        form.find('.buttonContactFormContent').attr('disabled', true);
1034                    },
1035                    success: function (response) {
1036                        hcaptcha.reset();
1037
1038                        if (response.status === 'KO') {
1039                            let errors = response.errors;
1040                            for (let index in errors) {
1041                                if (errors.hasOwnProperty(index)) {
1042                                    let attr = errors[index];
1043                                    let error = attr[Object.keys(attr)[0]];
1044                                    form.find('#' + index + '-error').text(error).show();
1045                                }
1046                            }
1047                        }
1048                        else {
1049
1050                            form.css('display', 'none');
1051                            modal.find('.messageSendedForm').css('display', '');
1052                            form[0].reset();
1053                        }
1054                    },
1055                    complete: function () {
1056                        form.find('.buttonContactFormContent').prop('disabled', false);
1057                    }
1058                });
1059
1060                return false;
1061            });
1062
1063            $('.contactFormModal').on('hidden.bs.modal', function () {
1064                $(this).find('form')[0].reset();
1065                $('#contactFormFooter')[0].reset();
1066
1067                $(this).find('form').css('display', '');
1068                $('#contactFormFooter').css('display', '');
1069
1070                $(this).find('.messageSendedForm').css('display', 'none');
1071
1072                $('.form-error').hide();
1073
1074                $('.listFiles').empty();
1075
1076                hcaptcha.reset();
1077            });
1078
1079        });
1080    </script>
1080
1081
1082
1083    
1083<script type="text/javascript">
1084        $(function () {
1085            var carousels = $('div[class*="testCarousel"]');
1086//            gestion chargement slide slick
1087            carousels.each(function () {
1088
1089                $(this).find($('div[class="overlayNumber"]')).removeClass('overlayNumber');
1090
1091                if ($(this).attr("data-type-slide") === 'simpleCarousel') {
1092
1093                    $(this).slick();
1094                }
1095                else if ($(this).attr("data-type-slide") === 'multipleCarousel') {
1096                    $(this).slick({
1097                        infinite: true,
1098                        slidesToShow: 3,
1099                        slidesToScroll: 3,
1100                        responsive: [
1101                            {
1102                                breakpoint: 1024,
1103                                settings: {
1104                                    slidesToShow: 3,
1105                                    slidesToScroll: 3,
1106                                    infinite: true,
1107                                    dots: true
1108                                }
1109                            },
1110                            {
1111                                breakpoint: 600,
1112                                settings: {
1113                                    slidesToShow: 2,
1114                                    slidesToScroll: 2
1115                                }
1116                            },
1117                            {
1118                                breakpoint: 480,
1119                                settings: {
1120                                    slidesToShow: 1,
1121                                    slidesToScroll: 1
1122                                }
1123                            }
1124                        ]
1125                    });
1126
1127                }
1128                else if ($(this).attr("data-type-slide") === 'responsiveCarousel') {
1129                    $(this).slick({
1130                        dots: true,
1131                        infinite: false,
1132                        speed: 300,
1133                        slidesToShow: 4,
1134                        slidesToScroll: 4,
1135                        responsive: [
1136                            {
1137                                breakpoint: 1024,
1138                                settings: {
1139                                    slidesToShow: 3,
1140                                    slidesToScroll: 3,
1141                                    infinite: true,
1142                                    dots: true
1143                                }
1144                            },
1145                            {
1146                                breakpoint: 600,
1147                                settings: {
1148                                    slidesToShow: 2,
1149                                    slidesToScroll: 2
1150                                }
1151                            },
1152                            {
1153                                breakpoint: 480,
1154                                settings: {
1155                                    slidesToShow: 1,
1156                                    slidesToScroll: 1
1157                                }
1158                            }
1159                        ]
1160                    });
1161
1162                }
1163                else if ($(this).attr("data-type-slide") === 'adaptiveCarousel') {
1164                    $(this).slick({
1165                        dots: true,
1166                        infinite: true,
1167                        speed: 300,
1168                        slidesToShow: 1,
1169                        adaptiveHeight: true
1170                    });
1171
1172                }
1173                else if ($(this).attr("data-type-slide") === 'centerCarousel') {
1174                    $(this).slick({
1175                        centerMode: true,
1176                        centerPadding: '60px',
1177                        slidesToShow: 3,
1178                        responsive: [
1179                            {
1180                                breakpoint: 768,
1181                                settings: {
1182                                    arrows: false,
1183                                    centerMode: true,
1184                                    centerPadding: '40px',
1185                                    slidesToShow: 3
1186                                }
1187                            },
1188                            {
1189                                breakpoint: 480,
1190                                settings: {
1191                                    arrows: false,
1192                                    centerMode: true,
1193                                    centerPadding: '40px',
1194                                    slidesToShow: 1
1195                                }
1196                            }
1197                        ]
1198                    });
1199
1200                }
1201                else if ($(this).attr("data-type-slide") === 'fadeCarousel') {
1202                    $(this).slick({
1203                        dots: true,
1204                        infinite: true,
1205                        speed: 500,
1206                        fade: true,
1207                        cssEase: 'linear'
1208                    });
1209                }
1210
1211                // if ($(this).hasClass('autoPlay')) {
1212                //     $('#' + $(this).attr('id') + '').slick('slickSetOption', {
1213                //         autoplay: true,
1214                //         autoplaySpeed: 2000
1215                //     }, true);
1216                // }
1217
1218                $(this).removeAttr('style');
1219            });
1220
1221            var allHtmlCode = $('.contentHtml');
1222
1223            allHtmlCode.each(function (element) {
1224                var htmlCode = $(this).attr('data-code');
1225
1226                if(htmlCode != '' && htmlCode != undefined){
1227                    $(this).removeClass('col-md-8');
1228                    $(this).empty();
1229
1230                    addWidgetHtml(htmlCode,$(this));
1231                }
1232
1233
1234            });
1235
1236            async function addWidgetHtml(htmlCode,element){
1237                element.replaceWith(htmlCode);
1238            }
1239
1240            // setTimeout(function(){
1241            //     $('.contentHtml').each(function(element){
1242            //         var htmlCode = $(this).attr('data-code');
1243            //
1244            //         if(htmlCode.includes('apidae')){
1245            //             let idWidget = $(this).find($('#widgit'));
1246            //
1247            //             $(this).find('.w_large').remove();
1248            //
1249            //             $(this).find('div').addClass('w_large');
1250            //         }
1251            //     });
1252            // }, 3000);
1253
1254            let allIframe = $('iframe');
1255
1256            allIframe.each(function(element){
1257                var urlVideo = $(this).attr('src');
1258                let $this = $(this);
1259
1260                if(urlVideo != "" || urlVideo != undefined){
1261                    let newUrl = urlVideo.split('/');
1262                    let currentIdVideo = newUrl[newUrl.length-1];
1263
1264
1265                    if(urlVideo.includes('youtube')||urlVideo.includes('youtu.be')){
1266
1267                        $.ajax({
1268                            url: '/getVideoTitle',
1269                            type: 'POST',
1270                            data: {
1271                                video_id: currentIdVideo,
1272                                platform: 'Y'
1273                            },
1274                            success: function(data){
1275                                let title = data['title'];
1276                                $this.attr('title',title);
1277                            }
1278                        });
1279                    }
1280                    else if(urlVideo.includes('dailymotion')||urlVideo.includes('dai.ly')){
1281
1282                        $.get("https://api.dailymotion.com/video/"+currentIdVideo+"?fields=title", function(data) {
1283                            let title = data['title'];
1284                            $this.attr('title',title);
1285                        });
1286                    }
1287                    else if(urlVideo.includes('vimeo')){
1288
1289                        $.ajax({
1290                            url: '/getVideoTitle',
1291                            type: 'POST',
1292                            data: {
1293                                video_id: currentIdVideo,
1294                                platform: 'V'
1295                            },
1296                            success: function(data){
1297                                let title = data['title'];
1298                                $this.attr('title',title);
1299                            }
1300                        });
1301                    }
1302                }
1303            });
1304        });
1305    </script>
1305
1306
1307                    
1307<script type="text/javascript">
1308                $(document).ready(function () {
1309                                    });
1310
1311            </script>
1311
1312        
1313
1314        
1314<script>
1315            (function (i, s, o, g, r, a, m) {
1316                i['InstanaEumObject'] = r;
1317                i[r] = i[r] || function () {
1318                    (i[r].q = i[r].q || []).push(arguments)
1319                }, i[r].l = 1 * new Date();
1320                a = s.createElement(o),
1321                    m = s.getElementsByTagName(o)[0];
1322                a.async = 1;
1323                a.src = g;
1324                m.parentNode.insertBefore(a, m)
1325            })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum');
1326            ineum('reportingUrl', 'https://eum-eu-west-1.instana.io');
1327            ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA');
1328
1329            // set the name of a page on which this load/errors/calls happened
1330            ineum('page', 'front-site');
1331        </script>
1331
1332
1333
1334        
1334<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1334
1335
1336        
1336<script type="text/javascript">
1337            var CaptchaCallback = function () {
1338                $('.h-recaptcha').each(function (index, el) {
1339                    hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'});
1340                });
1341            };
1342
1343            var originalStyle = false;
1344
1345            $(window).on('shown.bs.modal', function () {
1346                originalStyle = $('body').attr('style');
1347
1348                $('body').attr('style', '');
1349            });
1350
1351            $(window).on('hidden.bs.modal', function () {
1352                $('body').attr('style', originalStyle);
1353
1354            });
1355
1356        </script>
1356
1357
1358        
1358<script>
1359            $(document).ready(function () {
1360
1361                $('.selectpicker').selectpicker();
1362
1363                var input = $('input[type=file]');
1364
1365                input.on('change', function () {
1366                    var list = $(this).parent().parent().parent().parent().find($('.listFiles'));
1367                    list.empty();
1368
1369                    for (var x = 0; x < this.files.length; x++) {
1370                        var newFile = '<li>Fichier joint :  ' + this.files[x].name + ' (' + humanFileSize(this.files[x].size) + ')</li>';
1371//                    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
1372                        list.append(newFile);
1373                    }
1374                });
1375
1376                $('.form-error').hide();
1377                $('#contactFormFooter').submit(function (e) {
1378                    let form = $(this);
1379
1380                    $.ajax({
1381                        type: "POST",
1382                        url: form.attr('action'),
1383                        data: new FormData(form[0]),
1384                        contentType: false,
1385                        processData: false,
1386                        beforeSend: function () {
1387                            form.find('.form-error').hide();
1388                            $('.formContactForm').attr('disabled', true);
1389                        },
1390                        success: function (response) {
1391                            hcaptcha.reset();
1392
1393                            if (response.status === 'KO') {
1394                                let errors = response.errors;
1395                                for (let index in errors) {
1396                                    if (errors.hasOwnProperty(index)) {
1397                                        let attr = errors[index];
1398                                        let error = attr[Object.keys(attr)[0]];
1399                                        form.find('#' + index + '-error').text(error).show();
1400                                    }
1401                                }
1402                            } else {
1403
1404                                $('#contactFormFooter').css('display', 'none');
1405                                $('#messageSendedFormContactFooter').css('display', '');
1406                                form[0].reset();
1407                            }
1408                        },
1409                        complete: function () {
1410
1411                            $('.formContactForm').removeAttr('disabled');
1412                        }
1413                    });
1414
1415                    return false;
1416                });
1417
1418                $('#contactFormContactFooter').on('hidden.bs.modal', function () {
1419                    $('#contactFormFooter')[0].reset();
1420
1421                    $('#contactFormFooter').css('display', '');
1422
1423                    $('#messageSendedFormContactFooter').css('display', 'none');
1424
1425                    $('.form-error').hide();
1426
1427                    $('.listFiles').empty();
1428
1429                    hcaptcha.reset();
1430                });
1431
1432
1433            });
1434
1435            function humanFileSize(size) {
1436                var i = Math.floor(Math.log(size) / Math.log(1024));
1437                return (size / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
1438            }
1439        </script>
1439
1440
1441        
1441<script>
1442            $(function () {
1443
1444
1445                var numberAlerts = false;
1446
1447                var allAlerts = $('#alertsModal').find($('.alertsInfo'));
1448
1449                numberAlerts = allAlerts.length;
1450
1451                allAlerts.each(function (e) {
1452
1453                    if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) {
1454                        $('#alertsModal').modal('show');
1455                    } else {
1456                        $(this).remove();
1457                        numberAlerts = numberAlerts - 1;
1458                        setActiveAndDecrementNumber();
1459                    }
1460
1461                });
1462
1463                $('.acceptCookiesAlerts').on('click', function (e) {
1464                    e.preventDefault();
1465
1466                    var currentDataId = $(this).attr('data-id');
1467
1468                    sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1');
1469
1470                    numberAlerts = numberAlerts - 1;
1471
1472                    var currentParentNode = $(this).parent().parent().parent();
1473
1474                    currentParentNode.removeClass('active');
1475                    currentParentNode.remove();
1476
1477                    setActiveAndDecrementNumber();
1478
1479                });
1480
1481                function setActiveAndDecrementNumber() {
1482                    var newListOfAlerts = $('#alertsModal').find($('.alertsInfo'));
1483
1484                    newListOfAlerts.each(function (index, e) {
1485                        if (index == 0) {
1486                            $(this).addClass('active');
1487                        }
1488                    });
1489
1490                    if (numberAlerts == 0) {
1491                        $('#alertsModal').modal('hide');
1492                    }
1493                }
1494
1495                var currentColorControl = '#212529';
1496
1497                $('#controlPrev').css('color', 'initial !important');
1498                $('#controlNext').css('color', 'initial !important');
1499
1500                $('#controlPrev').on('mouseover', function () {
1501
1502                    $(this).css('color', 'initial !important');
1503                });
1504
1505                $('#controlNext').on('mouseover', function () {
1506
1507                    $(this).css('color', 'initial !important');
1508                });
1509
1510            });
1511        </script>
1511
1512    </body>
1513</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.