1<!DOCTYPE html> 2<html dir="ltr" lang="fr"> 3<head> 4 <title> 5 Les Côtes d'Arey en quelques chiffres - Les Côtes d'Arey </title> 6 7
7<script src="/lib/tarteaucitron/tarteaucitron.js"></script>
7 8
8<script> 9 var tarteaucitronExpireInDay = true, tarteaucitronForceExpire = 183; 10 11 tarteaucitron.init({ 12 "privacyUrl": "", /* Privacy policy url */ 13 14 "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ 15 "cookieName": "tarteaucitron", /* Cookie name */ 16 17 "orientation": "bottom", /* Banner position (top - bottom) */ 18 19 "showAlertSmall": false, /* Show the small banner on bottom right */ 20 "cookieslist": true, /* Show the cookie list */ 21 22 "showIcon": false, /* Show cookie icon to manage cookies */ 23 // "iconSrc": "", /* Optionnal: URL or base64 encoded image */ 24 "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */ 25 26 "adblocker": false, /* Show a Warning if an adblocker is detected */ 27 28 "DenyAllCta": true, /* Show the deny all button */ 29 "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */ 30 "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */ 31 32 "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ 33 34 "removeCredit": false, /* Remove credit link */ 35 "moreInfoLink": true, /* Show more info link */ 36 "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */ 37 38 //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */ 39 40 "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */ 41 42 "mandatory": true, /* Show a message about mandatory cookies */ 43 44 "listCookieByService": false, /* Show a message about list cookie by service */ 45 "tarteaucitronForceLanguage" : 'fr', 46 47 }); 48 </script>
48 49 50 <meta name="Description" content=""> 51<meta name="Keywords" content=""> 52<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 53<meta charset="UTF-8"> 54 55 56 57 <link href="/css/slick.css" rel='stylesheet' type='text/css'> 58 <link href="/css/slick-theme.css" rel='stylesheet' type='text/css'> 59 <link rel="apple-touch-icon" href="https://static.neopse.com/thumbs/p/1793/site/3c/41/19/3c4119048733101bd4c5becf49d2d3d2b08f24a6.png?v=v1"> 60 <link rel="icon" href="https://static.neopse.com/thumbs/p/1793/site/3c/41/19/3c4119048733101bd4c5becf49d2d3d2b08f24a6.png?v=v1"> 61 <link rel="preconnect" href="https://fonts.googleapis.com"> 62 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 63 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Material+Icons" rel="stylesheet"> 64 <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Shadows+Into+Light+Two" rel="stylesheet"> 65 <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"> 66 <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'> 67 <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'> 68 <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'> 69 <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'> 70 <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'> 71 <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'> 72 <link rel="stylesheet" 73 href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css"> 74 <link rel="stylesheet" 75 href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/> 76 <link href="/tpl/4/css/style.css" rel="stylesheet" type='text/css'> 77 78 <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/> 79 <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/> 80 81 <style class="notranslate" title="customCss" type="text/css" rel="stylesheet">.bg_bloc { background-color: #FAFAFA !important; } .table td, .table, .table thead th { border-color: #FAFAFA !important; } .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu {background-color: #FAFAFA !important;border-color: #FAFAFA !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: #FAFAFA !important;} .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #FAFAFA !important; } .fc-unthemed td.fc-today{background: #FAFAFA !important;} .cookies .btn{ color: #FAFAFA !important; }body { background-color: #FFFFFF; }.bg_wrapper { background-color: #FFFFFF !important; }body .c_btn, body .c_btn:hover { color: #FFFFFF; } .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;} .carousel-control-prev, .carousel-control-next, .owl-theme .owl-nav [class*=owl-]{color: #FFFFFF !important;} .fc-event .fc-title { color: #FFFFFF !important; } .slick-prev:before, .slick-next:before { color: #FFFFFF; } .fc-event{ color: #FFFFFF;}.text_bloc, .bg_bloc .c_text, .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after, .fc-unthemed thead.fc-head{ color: #000000 !important; } .text_bloc .title:before {background-color:#000000!important;} .fc-unthemed td.fc-today{color: #000000 !important;} .cookies .btn{ background-color: #000000 !important; }#footer .footer-links.bg { background-color: #273548; }nav.navbar.bg { background-color: #273548; }body, .c_text, .c_title, .container, .carousel-caption .title, .dropdown-item.c_text { color: #000000; } .dash-title .left, .dash-title .right, .map:before,.c_text.navbar-toggler {border-color: #000000;} .title:before { background-color: #000000 !important; } .intern-page .en-tete { border-left-color: #000000;} .bootstrap-select .dropdown-menu li a, .bootstrap-select .dropdown-toggle::after{color: #000000;} .fc-button{color: #000000 !important;}nav.navbar .c_btn, .top-navbar .c_btn { color: #FFFFFF; }nav.navbar .dropdown-menu { background-color: #273548; }#footer .footer-links .c_text { color: #FFFFFF!important; }nav.navbar .c_text, .top-navbar .c_text, nav.navbar .c_text .navbar-toggler-icon i { color: #FFFFFF; } .c_text.navbar-toggler{ border-color: #FFFFFF !important; }nav.navbar .h_text:hover { color: #FFFFFF; }#footer .footer-links .c_title { color: #FFFFFF; }#footer .footer.bg { background-color: #34455E; }.breadcrumb.bg { background-color: #34455E; }nav.navbar .dropdown-menu .c_text { color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { color: #34455E; }nav.navbar .h_text:hover { background-color: #34455E; }body .bg_btn, body .bg_btn:hover { background-color: #253062; } .fc-event{ background-color: #253062 !important; border-color: #253062 !important; } .carousel-control-prev-icon, .carousel-control-next-icon, .owl-theme .owl-nav [class*=owl-]{background-color: #253062 !important;} .slick-prev, .slick-next { background-color: #253062 !important; }#footer .c_btn { color: #FFFFFF !important; }#footer .footer .c_text { color: #FFFFFF; }#w_4ggopyec6 .bg { background-color: #FFFFFF; }#w_bp576dtlx .bg { background-color: #FFFFFF; }#w_headline .c_btn { color: #FFFFFF; } #w_headline .c_btn:before { background-color: #FFFFFF !important; } #w_headline .carousel-control-prev, #w_headline .carousel-control-next {color: #FFFFFF !important;}#w_xea7r36fn .bg { background-color: #34455E; }.breadcrumb.bg .c_text { color: #FFFFFF; }nav.navbar .bg_btn{ background-color: #253062!important } .searchbar input, .searchbar .btn { border-color: #253062!important }
81 .searchbar input::placeholder,.searchbar input:-ms-input-placeholder,.searchbar input::-ms-input-placeholder { color: #253062!important }nav.navbar .dropdown-menu .h_text:hover { background-color: #FFFFFF; }#footer .footer .c_title { color: #FFFFFF; }#w_4ggopyec6 .c_btn { color: #FFFFFF; } #w_4ggopyec6 .owl-theme .owl-dots .owl-dot.active span, #w_4ggopyec6 .owl-theme .owl-dots .owl-dot:hover span {background: #FFFFFF;opacity: 1;} #w_4ggopyec6 .carousel-indicators li, #w_4ggopyec6 .owl-theme .owl-dots .owl-dot span{background-color: #FFFFFF;opacity: 0.5;} #w_4ggopyec6 .carousel-control-prev, #w_4ggopyec6 .carousel-control-next, #w_4ggopyec6 .owl-theme .owl-nav [class*=owl-]{color: #FFFFFF !important;}#w_headline .c_text .title, #w_headline .c_text { color: #000000; }#w_oneclick .c_text { color: #FFFFFF; }#w_xea7r36fn .c_btn, #w_xea7r36fn .vignette .day, #w_xea7r36fn .vignette .month, #w_xea7r36fn .slick-prev:before, #w_xea7r36fn .slick-next:before {color: #FFFFFF;}.breadcrumb.bg .c_title { color: #FFFFFF; } .breadcrumb:before { border-color: #FFFFFF; }#w_4ggopyec6 .c_text { color: #FFFFFF; }#w_oneclick .c_title { color: #273548; }#w_xea7r36fn .c_text { color: #FFFFFF; }#w_4ggopyec6 .c_title { color: #273548 !important; } #w_4ggopyec6 .dash-title .left, #w_4ggopyec6 .dash-title .right { border-color: #273548; }#w_bp576dtlx .c_title { color: #273548; } #w_bp576dtlx .dash-title .left, #w_bp576dtlx .dash-title .right { border-color: #273548; }#w_xea7r36fn .c_title { color: #FFFFFF; } #w_xea7r36fn .dash-title .left, #w_xea7r36fn .dash-title .right { border-color: #FFFFFF; }#footer .bg_btn { background-color: #F5F5F5; }#w_headline .bg_btn, #w_headline .carousel-indicators .active { background: #253062 !important;} #w_headline .bg_btn, #w_headline .carousel-indicators li { border-color: #253062 !important;} #w_headline .carousel-control-prev-icon, #w_headline .carousel-control-next-icon {background-color: #253062 !important;}#w_4ggopyec6 .bg_btn, #w_4ggopyec6 .carousel-indicators .active { background: #253062 !important;} #w_4ggopyec6 .bg_btn, #w_4ggopyec6 .carousel-indicators li{ border-color: #253062 !important;} #w_4ggopyec6 .carousel-control-prev-icon, #w_4ggopyec6 .carousel-control-next-icon, #w_4ggopyec6 .owl-theme .owl-nav [class*=owl-]{background-color: #253062 !important;}#w_oneclick .vignette { background-color: #253062; }#w_xea7r36fn .bg_btn, #w_xea7r36fn .vignette { background-color: #F5F5F5; } #w_xea7r36fn .slick-prev, #w_xea7r36fn .slick-next{background-color: #F5F5F5 !important;}#w_4ggopyec6 .card-body { background-color: #34455E; }#w_headline .c_text_responsive .title, #w_headline .c_text_responsive { color: #000000; }/*np-dropdowns*/.bootstrap-select{background-color:#FAFAFA!important;}.bootstrap-select .dropdown-menu{background-color:#FAFAFA!important;border-color:#FAFAFA!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:#FAFAFA!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:#000000!important;}</style> 82 83 84
84<script src="/js/vendor/jquery-3.2.1.min.js"></script>
84 85
85<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
85 86 <!-- Matomo --> 87 <!-- End Matomo Code --> 88</head> 89<body> 90<div class="top-navbar bg"> 91 <div class="ov"></div> 92 93 <div class="navbar-brand bloc_logo"> <a href="/fr/" class="img"> 94 <img role="img" src="https://static.neopse.com/medias/p/1793/site/45/eb/0e/45eb0e2acbe5ed8fae0f2cdd25d751431ea1de66.jpg" alt="Les Côtes d'Arey" 95 class="logo"> 96 </a> 97 </div> 98</div> 99<!-- Top navbar --> 100<header role="banner" class="sticky-top"> 101 <nav role="navigation" class="navbar navbar-expand-lg sticky-top navigation bg"> 102 <div class="container"> 103 <button class="navbar-toggler c_text h_text" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> 104 <span class="navbar-toggler-icon"> 105 <i class="material-icons notranslate" style="color: inherit;">menu</i> 106 </span> 107 </button> 108 109 <a class="brand navbar-brand c_text bloc_logo" href="/fr/"> 110 <div class="img"> 111 <img role="img" src="https://static.neopse.com/medias/p/1793/site/4b/d5/7e/4bd57ed29775541e7afbdce4ab5d222ec42e47ee.png" alt="Les Côtes d'Arey" 112 class="logo"> 113 </div> 114 </a> 115 116 <div class="collapse navbar-collapse" id="navbar"> 117 <ul class="navbar-nav"> 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 Bienvenue 127 </a> 128 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown0"> 129 <div class="dropdown-menu-image" aria-hidden="true" 130 style="background-image: url(https://static.neopse.com/thumbs/p/1793/site/41/3b/b7/413bb7509f8115f4676adde255c67cbe64fb1a5e.png?v=v1);"></div> 131 132 <div class="mega-dropdown-menu"> 133 <div class="divider"> 134 135 136 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 137 href="/fr/ap/1045449/plan-acces-433"> 138 Plan/Accès 139 </a> 140 141 142 143 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 144 href="/fr/rb/2264238/les-cotes-darey-en-quelques-chiffres"> 145 Les Côtes d'Arey en quelques chiffres 146 </a> 147 148 149 150 151 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 152 href="/fr/rb/2264251/un-peu-dhistoire"> 153 Un peu d'histoire 154 </a> 155 156 157 158 159 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 160 href="/fr/rb/2264264/patrimoine-157"> 161 Patrimoine 162 </a> 163 164 165 166 167 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 168 href="/fr/rb/2264277/le-village-de-nos-anciens-en-images-1"> 169 Le village de nos anciens en images. 170 </a> 171 172 173 174 175 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 176 href="/fr/rb/2264290/balades-et-randonnees-9"> 177 Balades et randonnées 178 </a> 179 180 181 182 183 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 184 href="/fr/rb/2264303/equipements-de-loisirs-et-sportifs"> 185 Equipements de loisirs et sportifs 186 </a> 187 188 189 190 </div> 191 </div> 192 </div> 193 </li> 194 <li class="nav-item dropdown"> 195 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button" 196 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 197 Vie municipale 198 </a> 199 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown1"> 200 201 <div class="mega-dropdown-menu"> 202 <div class="divider"> 203 204 205 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 206 href="/fr/tb/1045566/conseil-municipal-283"> 207 Conseil municipal 208 </a> 209 210 211 212 213 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 214 href="/fr/rp/1045098/comptes-rendus-399"> 215 Comptes rendus 216 </a> 217 218 219 220 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 221 href="/fr/rb/2264420/videoprotection-6"> 222 Vidéoprotection 223 </a> 224 225 226 227 228 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 229 href="/fr/rb/2264407/arretes-municipaux-138"> 230 Arrêtés Municipaux 231 </a> 232 233 234 235 236 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 237 href="/fr/rb/2264394/organigramme-du-personnel-communal-1"> 238 Organigramme du personnel communal 239 </a> 240 241 242 243 244 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 245 href="/fr/rb/2264381/publications-26"> 246 Publications 247 </a> 248 249 250 251 252 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 253 href="/fr/rb/2264368/plan-local-durbanisme-112"> 254 Plan local d'urbanisme 255 </a> 256 257 258 259 260 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 261 href="/fr/rb/2264355/plan-local-durbanisme-intercommunal-plui-6"> 262 Plan Local dâUrbanisme intercommunal (PLUi) 263 </a> 264 265 266 267 268 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 269 href="/fr/rb/2264342/voirie-travaux"> 270 Voirie - Travaux 271 </a> 272 273 274 275 276 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 277 href="/fr/rb/2266903/batiments-travaux-1"> 278 Bâtiments - Travaux 279 </a> 280 281 282 283 284 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 285 href="/fr/rb/2264316/intercommunalite-330"> 286 Intercommunalité 287 </a> 288 289 290 291 </div> 292 </div> 293
293 </div> 294 </li> 295 <li class="nav-item dropdown"> 296 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button" 297 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 298 Vie pratique 299 </a> 300 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown2"> 301 302 <div class="mega-dropdown-menu"> 303 <div class="divider"> 304 305 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 306 href="/fr/rb/2264446/numeros-utiles-358"> 307 Numéros utiles 308 </a> 309 310 311 312 313 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 314 href="/fr/rb/2264459/les-professions-de-sante"> 315 Les professions de santé 316 </a> 317 318 319 320 321 322 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 323 href="/fr/pg/1044708/demarches-en-ligne-31"> 324 Démarches en ligne 325 </a> 326 327 328 329 330 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 331 href="/fr/rr/1045527/salles-municipales-43"> 332 Salles municipales 333 </a> 334 335 336 337 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 338 href="/fr/rb/2264472/civisme-17"> 339 Civisme 340 </a> 341 342 343 344 345 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 346 href="/fr/rb/2264485/transports-241"> 347 Transports 348 </a> 349 350 351 352 353 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 354 href="/fr/rb/2264498/environnement-219"> 355 Environnement 356 </a> 357 358 359 360 361 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 362 href="/fr/rb/2264511/les-risques-et-nuisances-majeurs-sur-la-commune"> 363 Les risques et nuisances majeurs sur la commune 364 </a> 365 366 367 368 </div> 369 </div> 370 </div> 371 </li> 372 <li class="nav-item dropdown"> 373 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button" 374 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 375 Vie sociale 376 </a> 377 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown3"> 378 379 <div class="mega-dropdown-menu"> 380 <div class="divider"> 381 382 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 383 href="/fr/rb/2264524/culture-et-manifestations-1"> 384 Culture et manifestations 385 </a> 386 387 388 389 390 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 391 href="/fr/rb/2264537/associations-231"> 392 Associations 393 </a> 394 395 396 397 398 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 399 href="/fr/rb/2264550/comite-des-fetes-37"> 400 Comité des fêtes 401 </a> 402 403 404 405 406 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 407 href="/fr/rb/2264563/en-direct-de-nos-associations"> 408 En direct de nos associations 409 </a> 410 411 412 413 414 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 415 href="/fr/rb/2264576/conseil-municipal-denfants-et-de-jeunes-cmej"> 416 Conseil Municipal d'Enfants et de Jeunes CMEJ 417 </a> 418 419 420 421 422 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 423 href="/fr/rb/2264589/centre-communal-daction-sociale-ccas-15"> 424 Centre Communal d'
424Action Sociale CCAS. 425 </a> 426 427 428 429 430 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 431 href="/fr/rb/2264602/bibliotheque-207"> 432 Bibliothèque 433 </a> 434 435 436 437 438 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 439 href="/fr/rb/2264615/centre-de-loisirs-22"> 440 Centre de loisirs 441 </a> 442 443 444 445 446 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 447 href="/fr/rb/2264628/culte-paroissial-1"> 448 Culte paroissial 449 </a> 450 451 452 453 </div> 454 </div> 455 </div> 456 </li> 457 <li class="nav-item dropdown"> 458 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button" 459 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 460 Vie scolaire 461 </a> 462 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown4"> 463 464 <div class="mega-dropdown-menu"> 465 <div class="divider"> 466 467 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 468 href="/fr/rb/2264719/groupe-scolaire-11"> 469 Groupe scolaire 470 </a> 471 472 473 474 475 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 476 href="/fr/rb/2264706/vie-scolaire-60"> 477 Vie scolaire 478 </a> 479 480 481 482 483 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 484 href="/fr/rb/2264693/en-direct-de-nos-ecoles"> 485 En direct de nos écoles 486 </a> 487 488 489 490 491 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 492 href="/fr/rb/2264680/restauration-scolaire-117"> 493 Restauration scolaire 494 </a> 495 496 497 498 499 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 500 href="/fr/rb/2264667/accueil-periscolaire-53"> 501 Accueil périscolaire 502 </a> 503 504 505 506 507 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 508 href="/fr/rb/2264654/batiment-periscolaire-et-chaufferie-ce
508ntrale"> 509 Bâtiment périscolaire et chaufferie centrale 510 </a> 511 512 513 514 515 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 516 href="/fr/rb/2264641/assistantes-maternelles-161"> 517 Assistantes maternelles 518 </a> 519 520 521 522 </div> 523 </div> 524 </div> 525 </li> 526 <li class="nav-item dropdown"> 527 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button" 528 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 529 Vie économique 530 </a> 531 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown5"> 532 533 <div class="mega-dropdown-menu"> 534 <div class="divider"> 535 536 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 537 href="/fr/rb/2264771/le-marche-du-village"> 538 Le marché du village 539 </a> 540 541 542 543 544 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 545 href="/fr/rb/2264758/agriculteurs-13"> 546 Agriculteurs 547 </a> 548 549 550 551 552 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 553 href="/fr/rb/2264745/artisans-entreprises-1"> 554 Artisans - Entreprises 555 </a> 556 557 558 559 560 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 561 href="/fr/rb/2264732/commerces-et-services-6"> 562 Commerces et Services 563 </a> 564 565 566 567 </div> 568 </div> 569 </div> 570 </li> 571 <li class="nav-item dropdown"> 572 <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown6" role="button" 573 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 574 Thèmes 575 </a> 576 <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown6"> 577 578 <div class="mega-dropdown-menu"> 579 <div class="divider"> 580 581 582 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 583 href="/fr/nw/1043850/actualites-766"> 584 Actualités 585 </a> 586 587 588 589 590 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 591 href="/fr/ev/1043889/agenda-765"> 592 Agenda 593 </a> 594 595 596 597 598 <a class="dropdown-item c_text h_text bg_h_text" role="menuitem" 599 href="/fr/bn/1044279/flash-infos-377"> 600 Flash Infos 601 </a> 602 603 604 </div> 605 </div> 606 </div> 607 </li> 608 609 <li class="nav-item position-relative">
610 <a role="button" class="search-button nav-link c_text h_text"> 611 <i class="material-icons">search</i> 612 </a> 613 <form action="/fr/search" class="searchbar form-inline search mb-0 hide" method="post"> 614 <input id="search-form" name="keywords" class="form-control" type="search" placeholder="Recherche" aria-label="Recherche"> 615 <button class="btn c_btn bg_btn" type="submit"><i class="material-icons">search</i></button> 616 </form> 617 </li> 618 619 620 </ul> 621 </div> 622 </div> 623</nav> 624 625</header> 626 627<main role="main"> 628 <div class="main intern-page"> 629 630 631 632 633 634 635 636 637 638 <!-- Header --> 639 <header class="breadcrumb container d-flex align-items-center bg"> 640 <div class="ov"></div> 641 <div class="container text-center"> 642 <h1 class="title dark c_title">Les Côtes d'Arey en quelques chiffres</h1> 643 <nav class="ariane c_text"> 644 <span><a href="/" class="font-weight-bold">Accueil</a></span> 645 / <a href="/">Bienvenue</a> 646 / <a href="/fr/rb/2264238/les-cotes-darey-en-quelques-chiffres">Les Côtes d'Arey en quelques chiffres</a> 647 </nav> 648 </div> 649</header> 650 651 652 653 <!-- Contenu --> 654 <section class="container wrapper bg_wrapper c_wrapper"> 655 <div class="ov bgw"></div> 656 657 <div class="main-content dynamicContent"> 658 <div class="row"> 659 <div class="col col-md contenu"> 660 661 662 <div class="dynamicContent"> 663 <div class="row"> 664 <div class="col-sm-12" 665 style="background-color: "> 666 <h2>Les Côtes d'Arey en quelques chiffres</h2><h3><br>Les Côtes d'Arey - commune de Vienne Sud - se situe en limite Ouest du département de l'Isère (région Rhône-Alpes).</h3> 667 668 </div> 669 </div> 670 671 672 <div class="my-5"></div> 673 <div class="row"> 674 <div class="col-sm-12" 675 style="background-color: "> 676 <p><br></p><p>La commune appartient à la Communauté d'Agglomération du Pays Viennois (ViennAgglo) et au Schéma de Cohérence Territoriale (SCoT) de
676s rives du Rhône. Elle se situe à 10 Km au Sud de Vienne et à 47 Km au Sud de Lyon.<br>Le territoire est vaste ; il s'étend sur 2 440 ha cadastrés avec une altitude minimale de 217 mètres et une maximale de 409 mètres.<br>La commune jouxte 9 communes toutes situées dans le département de l'Isère :</p><ul><li>Au Nord : Reventin-Vaugris, Vienne, Jardin</li><li>A l'Est : St Sorlin de Vienne, Châlons</li><li>Au Sud : Vernioz, Cheyssieu</li><li>A l'Ouest : Auberives sur Varèze, Saint-Prim</li></ul><p> <br>En 1619, il y avait 400 habitants aux Côtes d'Arey, la population était constituée pour 50% de jeunes de moins de 20 ans.<br>En 1748, la population se répartie de la façon suivante : 446 habitants au village, 186 à Saint-Mamert et 66 à Petit Cour. Le XVIIe siècle est marqué par une baisse de la natalité et un recul de la population : périodes de crise, mortalité infantile, disette, mauvaises récoltes.<br>De 1836 (1228 habitants) à 1962 (632 habitants), une longue période de décroissance carractérise la population du village, les côtarins migrent dans les villes pour le travail en usine.<br>Actuellement, la population des Côtes d'Arey s'élève à 2 077 habitants. Ainsi, depuis 1962, la commune a plus que triplé sa population. </p> 677 678 </div> 679 </div> 680 681 682 <div class="my-5"></div> 683 <hr> 684 </div> 685 </div> 686 687 688 </div> 689 </div> 690 </section> 691 692 <div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true"> 693 <div class="modal-dialog" role="document"> 694 <div class="modal-content"> 695 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 696 <span aria-hidden="true">×</span> 697 </button> 698 699 <embed type="application/pdf"> 700 </div> 701 </div> 702</div> 703 </div> 704 705</main> 706 707 <div id="previewModalImage" class="modal"> 708 709 <!-- The Close Button --> 710 <span id="closePreviewImage" class="close">×</span> 711 712 <!-- Navigation Buttons --> 713 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 714 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</a> 715 716 <!-- Image Counter --> 717 <div id="imageCounter" class="image-counter"></div> 718 719 <!-- Modal Content (The Image) --> 720 <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div> 721 722 <!-- Modal Caption (Image Text) --> 723 <div id="captionPreviewImage"></div> 724 </div> 725 726
726<script> 727 (function() { 728 // Get the modal elements 729 const modal = document.getElementById('previewModalImage'); 730 const modalImg = modal.querySelector('img'); 731 const captionText = document.getElementById('captionPreviewImage'); 732 const closePreviewImage = document.getElementById('closePreviewImage'); 733 const prevBtn = document.getElementById('prevImage'); 734 const nextBtn = document.getElementById('nextImage'); 735 const imageCounter = document.getElementById('imageCounter'); 736 737 let currentImages = []; 738 let currentIndex = 0; 739 740 // Helper function to toggle element visibility 741 function toggleElement(element, show) { 742 if (element) { 743 element.style.display = show ? 'block' : 'none'; 744 } 745 } 746 747 // Function to update the modal with a specific image 748 function updateModal(index) { 749 if (currentImages.length === 0) return; 750 751 currentIndex = index; 752 const img = currentImages[currentIndex]; 753 modalImg.setAttribute('src', img.src); 754 modalImg.setAttribute('alt', img.alt || ''); 755 captionText.innerHTML = img.alt || ''; 756 757 // Update counter 758 imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length; 759 760 // Show/hide navigation buttons 761 const showNav = currentImages.length > 1; 762 toggleElement(prevBtn, showNav); 763 toggleElement(nextBtn, showNav); 764 toggleElement(imageCounter, showNav); 765 } 766 767 // Function to show next image 768 function showNext() { 769 if (currentImages.length === 0) return; 770 currentIndex = (currentIndex + 1) % currentImages.length; 771 updateModal(currentIndex); 772 } 773 774 // Function to show previous image 775 function showPrev() { 776 if (currentImages.length === 0) return; 777 currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length; 778 updateModal(currentIndex); 779 } 780 781 // Helper function to find closest ancestor with class 782 function closest(element, selector) { 783 if (!element) return null; 784 if (selector.startsWith('.')) { 785 const className = selector.slice(1); 786 let current = element; 787 while (current && current !== document) { 788 if (current.classList && current.classList.contains(className)) { 789 return current; 790 } 791 current = current.parentElement; 792 } 793 } 794 return null; 795 } 796 797 // When clicking on an image 798 document.addEventListener('click', function(e) { 799 const target = e.target; 800 if (target.tagName === 'IMG' && 801 (target.classList.contains('img') || target.classList.contains('main-img')) && 802 closest(target, '.splide')) { 803 804 const clickedSlide = closest(target, '.splide__slide'); 805 if (!clickedSlide) return; 806 807 const splideList = closest(clickedSlide, '.splide__list'); 808 if (!splideList) return; 809 810 const allSlides = splideList.querySelectorAll('.splide__slide'); 811 812 currentImages = []; 813 const seenSrcs = new Set(); 814 const clickedSrc = target.src; 815
816 allSlides.forEach(function(slide) { 817 const slideImg = slide.querySelector('.img, .main-img'); 818 if (slideImg) { 819 const imgSrc = slideImg.src; 820 if (!seenSrcs.has(imgSrc)) { 821 seenSrcs.add(imgSrc); 822 currentImages.push(slideImg); 823 } 824 } 825 }); 826 827 currentIndex = currentImages.findIndex(function(img) { 828 return img.src === clickedSrc; 829 }); 830 831 if (currentIndex === -1) { 832 currentIndex = 0; 833 } 834 835 updateModal(currentIndex); 836 modal.style.display = 'block'; 837 } 838 }); 839 840 // Navigation button handlers 841 if (nextBtn) { 842 nextBtn.addEventListener('click', function (e) { 843 e.preventDefault(); 844 e.stopPropagation(); 845 showNext(); 846 }); 847 } 848 849 if (prevBtn) { 850 prevBtn.addEventListener('click', function (e) { 851 e.preventDefault(); 852 e.stopPropagation(); 853 showPrev(); 854 }); 855 } 856 857 // Keyboard navigation 858 document.addEventListener('keydown', function (e) { 859 const isModalVisible = modal.style.display !== 'none' && 860 (modal.style.display === 'block' || 861 window.getComputedStyle(modal).display !== 'none'); 862 863 if (isModalVisible) { 864 if (e.key === 'ArrowRight' || e.keyCode === 39) { 865 e.preventDefault(); 866 showNext(); 867 } else if (e.key === 'ArrowLeft' || e.keyCode === 37) { 868 e.preventDefault(); 869 showPrev(); 870 } else if (e.key === 'Escape' || e.keyCode === 27) { 871 e.preventDefault(); 872 e.stopPropagation(); 873 modal.style.display = 'none'; 874 } 875 } 876 }); 877 878 // Close button handler 879 if (closePreviewImage) { 880 closePreviewImage.addEventListener('click', function () { 881 modal.style.display = 'none'; 882 }); 883 } 884 885 // Close modal when clicking outside the image 886 modal.addEventListener('click', function (e) { 887 if (e.target === modal) { 888 modal.style.display = 'none'; 889 } 890 }); 891 })(); 892 </script>
892 893 894 895 896 897<!-- Footer --> 898<div id="footer"> 899 <footer role="contentinfo" class="footer bg"> 900 <div class="ov"></div> 901 902 <div class="container mb-3 d-flex flex-wrap justify-content-between"> 903 <div class="footer-container"> 904 <h2 class="title c_title" style="font-size:1.5rem !important;">Contacts</h2> 905<div class="footer-box"> 906 <div class="contact c_text"> 907 <p class="font-weight-bold mb-0">Commune de Les Côtes d'Arey</p> 908 <p class="mb-0">1 place Arélis</p> 909 <p class="mb-0">38138 Les Côtes-d'Arey - FRANCE</p> 910 911 912 913 </div> 914</div> 915 916 917 918 <div class="social-media"> 919 <ul class="c_text"> 920 </ul> 921</div> 922 923 924 925 926 </div> 927 </div> 928 929 <div class="footer-links bg" style="padding: 10px 0 !important;"> 930 <div class="ov"></div> 931 <div class="container"> 932 <div class="footer-links-container"> 933 934 </div> 935 936 <div class="footer-links-container"> 937 938 </div> 939 </div> 940 941 <div class="container d-flex flex-wrap position-relative justify-content-center mt-3 c_text"> 942 <p class="mr-2 c_text"><a href="/fr/li/1043811/mentions-legales-800">Mentions légales</a> 943</p>- 944 <p class="ml-2 mr-2 c_text"><a href="/fr/1043811/politique-confidentialite">Politique de confidentialité</a> 945</p>- 946 <p class="ml-2 mr-2 c_text"><a href="/fr/accessibilite">Accessibilité</a> 947</p>- 948 949 <p class="ml-2 mr-2 c_text"><a href="/fr/sm/46610/plan-du-site-1" >Plan du site</a></p>- 950 <p class="ml-2 mr-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p> 951 </div> 952 </div> 953 954 </footer> 955 956 957</div> 958 959<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true" 960 style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);"> 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">×</span> 965 </button> 966 967 <div class="modal-header bg_bloc"> 968 </div> 969 <form id="contactFormFooter" action="/formMdContact" method="post" 970 novalidate enctype="multipart/form-data"> 971 <div class="modal-body pb-0"> 972 973 974 <div class="form-group"> 975 <div class="h-recaptcha m-auto d-inline-block"></div> 976 <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire 977 </div> 978</div> </div> 979 <div class="modal-footer"> 980 <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">Envoyer</button> 981 </div> 982 <div class="m-3"> 983 Les informations recueillies à partir de ce formulaire sont nécessaires à la gestion de votre demande par notre Structure qui est responsable du traitement de vos données personnelles collectées.<br /> 984Vos donn<span style="color:null"><span style="background-color:null">ées personnelles reçues sont conservées par notre Structure pendant toute la durée nécessaire au traitement de votre demande ou bien pour une durée de […….] mois maximum à compter du dernier contact. Dans la limite de leurs attributions respectives, sont destinataires de tout ou partie des données les services et représentants de notre Structure en charge des réponses aux demandes émises via ce formulaire. Aucun transfert de vos données hors de l'Union européenne n'est réalisé. </span><br /> 985<span style="background-color:null">Vous pouvez à tout moment demander l’accès, la rectification, l’effacement, la portabilité ou la limitation de vos données, ou bien vous opposer à leur traitement, en contactant le Délégué à la Protection des Données de notre structure : </span><br /> 986<span style="background-color:null">- Par voie électronique à l’adresse : […….] ; </span><br /> 987<span style="background-color:null">- Par voie postale à l’attention du Délégué à la Protection des Données et à l’adresse suivante : […….]. </span><br /> 988<span style="background-color:null">Si vous estimez, après nous avoir contactés, que vos droits sur vos données personnelles ne sont pas respectés, vous pou</span></span>vez adresser une réclamation à la CNIL. 989 </div> 990 </form> 991 992 <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none"> 993 <p role="status"></p> 994 </div> 995 </div> 996 </div> 997</div> 998 999<div class="footer-bottom" style="position: relative;"> 1000 <div class="container"> 1001 <p> 1002 1003 <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank"> 1004 <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
1005 Site créé en partenariat avec Réseau des Communes 1006 </a> 1007 </p> 1008 </div> 1009</div> 1010<div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true"> 1011 <div class="modal-dialog" role="document"> 1012 <div class="modal-content"> 1013 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 1014 <span aria-hidden="true">×</span> 1015 </button> 1016 1017 <embed type="application/pdf"> 1018 </div> 1019 </div> 1020</div> 1021 1022 1023
1023<script src="/js/vendor/popper.min.js"></script>
1023 1024
1024<script src="/js/vendor/bootstrap.min.js"></script>
1024 1025 1026 <!-- Carousel --> 1027
1027<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
1027 1028 1029
1029<script src='/dist/slick/slick.js'></script>
1029 1030
1030<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
1030 1031 1032
1032<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
1032 1033
1033<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
1033 1034 1035
1035<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
1035 1036 1037
1037<script src='/dist/pagination.min.js'></script>
1037 1038 1039
1039<script src="/js/shared.js?v1"></script>
1039 1040
1040<script src="/tpl/4/js/main.js"></script>
1040 1041
1041<script src="/lib/chartjs/Chart.js"></script>
1041 1042
1042<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
1042 1043 1044 1045 1046 1047 1048 1049 1050 1051
1051<script type="text/javascript"> 1052 1053 tarteaucitron.user.matomoId = 6; 1054 (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack'); 1055 1056 1057 (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); 1058 (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); 1059 (tarteaucitron.job = tarteaucitron.job || []).push('vimeo'); 1060 (tarteaucitron.job = tarteaucitron.job || []).push('othervideo'); 1061 1062 </script>
1062 1063 1064
1064<script src="/js/slick/slick.js"></script>
1064 1065 1066
1066<script type="text/javascript"> 1067 $(function () { 1068 $('.titleButtonForm').on('click', function () { 1069 console.log($(this).attr("data-target")); 1070 $('#' + $(this).attr("data-target") + '').modal('show'); 1071 }); 1072 1073 1074 $('.form-error').hide(); 1075 1076 $('.contactContentForm').submit(function (e) { 1077 let form = $(this); 1078 let modal = form.closest('.modal'); 1079 1080 $.ajax({ 1081 type: "POST", 1082 url: form.attr('action'), 1083 data: new FormData(form[0]), 1084 contentType: false, 1085 processData: false, 1086 beforeSend: function () { 1087 form.find('.form-error').hide(); 1088 form.find('.buttonContactFormContent').attr('disabled', true); 1089 }, 1090 success: function (response) { 1091 hcaptcha.reset(); 1092 1093 if (response.status === 'KO') { 1094 let errors = response.errors; 1095 for (let index in errors) { 1096 if (errors.hasOwnProperty(index)) { 1097 let attr = errors[index]; 1098 let error = attr[Object.keys(attr)[0]]; 1099 form.find('#' + index + '-error').text(error).show(); 1100 } 1101 } 1102 } 1103 else { 1104 1105 form.css('display', 'none'); 1106 modal.find('.messageSendedForm').css('display', ''); 1107 form[0].reset(); 1108 } 1109 }, 1110 complete: function () { 1111 form.find('.buttonContactFormContent').prop('disabled', false); 1112 } 1113 }); 1114 1115 return false; 1116 }); 1117 1118 $('.contactFormModal').on('hidden.bs.modal', function () { 1119 $(this).find('form')[0].reset(); 1120 $('#contactFormFooter')[0].reset(); 1121 1122 $(this).find('form').css('display', ''); 1123 $('#contactFormFooter').css('display', ''); 1124 1125 $(this).find('.messageSendedForm').css('display', 'none'); 1126 1127 $('.form-error').hide(); 1128 1129 $('.listFiles').empty(); 1130 1131 hcaptcha.reset(); 1132 }); 1133 1134 }); 1135 </script>
1135 1136 1137 1138
1138<script type="text/javascript"> 1139 $(function () { 1140 var carousels = $('div[class*="testCarousel"]'); 1141// gestion chargement slide slick 1142 carousels.each(function () { 1143 1144 if ($(this).attr("data-type-slide") === 'simpleCarousel') { 1145 1146 $(this).slick(); 1147 } 1148 else if ($(this).attr("data-type-slide") === 'multipleCarousel') { 1149 $(this).slick({ 1150 infinite: true, 1151 slidesToShow: 3, 1152 slidesToScroll: 3, 1153 responsive: [ 1154 { 1155 breakpoint: 1024, 1156 settings: { 1157 slidesToShow: 3, 1158 slidesToScroll: 3, 1159 infinite: true, 1160 dots: true 1161 } 1162 }, 1163 { 1164 breakpoint: 600, 1165 settings: { 1166 slidesToShow: 2, 1167 slidesToScroll: 2 1168 } 1169 }, 1170 { 1171 breakpoint: 480, 1172 settings: { 1173 slidesToShow: 1, 1174 slidesToScroll: 1 1175 } 1176 } 1177 ] 1178 }); 1179 1180 } 1181 else if ($(this).attr("data-type-slide") === 'responsiveCarousel') { 1182 $(this).slick({ 1183 dots: true, 1184 infinite: false, 1185 speed: 300, 1186 slidesToShow: 4, 1187 slidesToScroll: 4, 1188 responsive: [ 1189 { 1190 breakpoint: 1024, 1191 settings: { 1192 slidesToShow: 3, 1193 slidesToScroll: 3, 1194 infinite: true, 1195 dots: true 1196 } 1197 }, 1198 { 1199 breakpoint: 600, 1200 settings: { 1201 slidesToShow: 2, 1202 slidesToScroll: 2 1203 } 1204 }, 1205 { 1206 breakpoint: 480, 1207 settings: { 1208 slidesToShow: 1, 1209 slidesToScroll: 1 1210 } 1211 } 1212 ] 1213 }); 1214 1215 } 1216 else if ($(this).attr("data-type-slide") === 'adaptiveCarousel') { 1217 $(this).slick({ 1218 dots: true, 1219 infinite: true, 1220 speed: 300, 1221 slidesToShow: 1, 1222 adaptiveHeight: true 1223 }); 1224 1225 } 1226 else if ($(this).attr("data-type-slide") === 'centerCarousel') { 1227 $(this).slick({ 1228 centerMode: true, 1229 centerPadding: '60px', 1230 slidesToShow: 3, 1231 responsive: [ 1232 { 1233 breakpoint: 768, 1234 settings: { 1235 arrows: false, 1236 centerMode: true, 1237 centerPadding: '40px', 1238 slidesToShow: 3 1239 } 1240 }, 1241 { 1242 breakpoint: 480, 1243 settings: {
1244 arrows: false, 1245 centerMode: true, 1246 centerPadding: '40px', 1247 slidesToShow: 1 1248 } 1249 } 1250 ] 1251 }); 1252 1253 } 1254 else if ($(this).attr("data-type-slide") === 'fadeCarousel') { 1255 $(this).slick({ 1256 dots: true, 1257 infinite: true, 1258 speed: 500, 1259 fade: true, 1260 cssEase: 'linear' 1261 }); 1262 } 1263 1264 // if ($(this).hasClass('autoPlay')) { 1265 // $('#' + $(this).attr('id') + '').slick('slickSetOption', { 1266 // autoplay: true, 1267 // autoplaySpeed: 2000 1268 // }, true); 1269 // } 1270 1271 $(this).removeAttr('style'); 1272 }); 1273 1274 var allHtmlCode = $('.contentHtml'); 1275 1276 allHtmlCode.each(function (element) { 1277 var htmlCode = $(this).attr('data-code'); 1278 1279 if(htmlCode != '' && htmlCode != undefined){ 1280 $(this).removeClass('col-md-8'); 1281 $(this).empty(); 1282 1283 addWidgetHtml(htmlCode,$(this)); 1284 } 1285 1286 1287 }); 1288 1289 async function addWidgetHtml(htmlCode,element){ 1290 element.replaceWith(htmlCode); 1291 } 1292 1293 // setTimeout(function(){ 1294 // $('.contentHtml').each(function(element){ 1295 // var htmlCode = $(this).attr('data-code'); 1296 // 1297 // if(htmlCode.includes('apidae')){ 1298 // let idWidget = $(this).find($('#widgit')); 1299 // 1300 // $(this).find('.w_large').remove(); 1301 // 1302 // $(this).find('div').addClass('w_large'); 1303 // } 1304 // }); 1305 // }, 3000); 1306 1307 let allIframe = $('iframe'); 1308 1309 allIframe.each(function(element){ 1310 var urlVideo = $(this).attr('src'); 1311 let $this = $(this); 1312 1313 if(urlVideo != "" || urlVideo != undefined){ 1314 let newUrl = urlVideo.split('/'); 1315 let currentIdVideo = newUrl[newUrl.length-1]; 1316 1317 1318 if(urlVideo.includes('youtube')||urlVideo.includes('youtu.be')){ 1319 1320 $.ajax({ 1321 url: '/getVideoTitle', 1322 type: 'POST', 1323 data: { 1324 video_id: currentIdVideo, 1325 platform: 'Y' 1326 }, 1327 success: function(data){ 1328 let title = data['title']; 1329 $this.attr('title',title); 1330 } 1331 }); 1332 } 1333 else if(urlVideo.includes('dailymotion')||urlVideo.includes('dai.ly')){ 1334 1335 $.get("https://api.dailymotion.com/video/"+currentIdVideo+"?fields=title", function(data) { 1336 let title = data['title']; 1337 $this.attr('title',title); 1338 }); 1339 } 1340 else if(urlVideo.includes('vimeo')){ 1341 1342 $.ajax({ 1343 url: '/getVideoTitle', 1344 type: 'POST', 1345 data: { 1346 video_id: currentIdVideo, 1347 platform: 'V' 1348 }, 1349 success: function(data){ 1350 let title = data['title']; 1351 $this.attr('title',title); 1352 } 1353 }); 1354 } 1355 } 1356 }); 1357 }); 1358 </script>
1358 1359 1360
1360<script type="text/javascript"> 1361 </script>
1361 1362
1363<script> 1364 (function (i, s, o, g, r, a, m) { 1365 i['InstanaEumObject'] = r; 1366 i[r] = i[r] || function () { 1367 (i[r].q = i[r].q || []).push(arguments) 1368 }, i[r].l = 1 * new Date(); 1369 a = s.createElement(o), 1370 m = s.getElementsByTagName(o)[0]; 1371 a.async = 1; 1372 a.src = g; 1373 m.parentNode.insertBefore(a, m) 1374 })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum'); 1375 ineum('reportingUrl', 'https://eum-eu-west-1.instana.io'); 1376 ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA'); 1377 1378 // set the name of a page on which this load/errors/calls happened 1379 ineum('page', 'front-site'); 1380</script>
1380 1381
1382<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1382 1383
1384<script type="text/javascript"> 1385 var CaptchaCallback = function () { 1386 $('.h-recaptcha').each(function (index, el) { 1387 hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'}); 1388 }); 1389 }; 1390</script>
1390 1391
1392<script> 1393 $(document).ready(function () { 1394 1395 $('.selectpicker').selectpicker(); 1396 1397 var input = $('input[type=file]'); 1398 1399 input.on('change', function () { 1400 var list = $(this).parent().parent().parent().parent().find($('.listFiles')); 1401 list.empty(); 1402 1403 for (var x = 0; x < this.files.length; x++) { 1404 var newFile = '<li>Fichier joint : ' + this.files[x].name + ' (' + humanFileSize(this.files[x].size) + ')</li>'; 1405// li.innerHTML = 'File ' + (x + 1) + ': ' + input.files[x].name; 1406 list.append(newFile); 1407 } 1408 }); 1409 1410 $('.form-error').hide(); 1411 $('#contactFormFooter').submit(function (e) { 1412 let form = $(this); 1413 1414 $.ajax({ 1415 type: "POST", 1416 url: form.attr('action'), 1417 data: new FormData(form[0]), 1418 contentType: false, 1419 processData: false, 1420 beforeSend: function () { 1421 form.find('.form-error').hide(); 1422 $('.formContactForm').attr('disabled', true); 1423 }, 1424 success: function (response) { 1425 hcaptcha.reset(); 1426 1427 if (response.status === 'KO') { 1428 let errors = response.errors; 1429 for (let index in errors) { 1430 if (errors.hasOwnProperty(index)) { 1431 let attr = errors[index]; 1432 let error = attr[Object.keys(attr)[0]]; 1433 form.find('#' + index + '-error').text(error).show(); 1434 } 1435 } 1436 } else { 1437 1438 $('#contactFormFooter').css('display', 'none'); 1439 $('#messageSendedFormContactFooter').css('display', ''); 1440 form[0].reset(); 1441 } 1442 }, 1443 complete: function () { 1444 1445 $('.formContactForm').removeAttr('disabled'); 1446 } 1447 }); 1448 1449 return false; 1450 }); 1451 1452 $('#contactFormContactFooter').on('hidden.bs.modal', function () { 1453 $('#contactFormFooter')[0].reset(); 1454 1455 $('#contactFormFooter').css('display', ''); 1456 1457 $('#messageSendedFormContactFooter').css('display', 'none'); 1458 1459 $('.form-error').hide(); 1460 1461 $('.listFiles').empty(); 1462 1463 hcaptcha.reset(); 1464 }); 1465 1466 1467 }); 1468 1469 function humanFileSize(size) { 1470 var i = Math.floor(Math.log(size) / Math.log(1024)); 1471 return (size / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i]; 1472 } 1473</script>
1473 1474
1475<script> 1476 $(function () { 1477 1478 1479 var numberAlerts = false; 1480 1481 var allAlerts = $('#alertsModal').find($('.alertsInfo')); 1482 1483 numberAlerts = allAlerts.length; 1484 1485 allAlerts.each(function (e) { 1486 1487 if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) { 1488 $('#alertsModal').modal('show'); 1489 } else { 1490 $(this).remove(); 1491 numberAlerts = numberAlerts - 1; 1492 setActiveAndDecrementNumber(); 1493 } 1494 1495 }); 1496 1497 $('.acceptCookiesAlerts').on('click', function (e) { 1498 e.preventDefault(); 1499 1500 var currentDataId = $(this).attr('data-id'); 1501 1502 sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1'); 1503 1504 numberAlerts = numberAlerts - 1; 1505 1506 var currentParentNode = $(this).parent().parent().parent(); 1507 1508 currentParentNode.removeClass('active'); 1509 currentParentNode.remove(); 1510 1511 setActiveAndDecrementNumber(); 1512 1513 }); 1514 1515 function setActiveAndDecrementNumber() { 1516 var newListOfAlerts = $('#alertsModal').find($('.alertsInfo')); 1517 1518 newListOfAlerts.each(function (index, e) { 1519 if (index == 0) { 1520 $(this).addClass('active'); 1521 } 1522 }); 1523 1524 if (numberAlerts == 0) { 1525 $('#alertsModal').modal('hide'); 1526 } 1527 } 1528 1529 var currentColorControl = '#212529'; 1530 1531 $('#controlPrev').css('color', 'initial !important'); 1532 $('#controlNext').css('color', 'initial !important'); 1533 $('#controlPrev').on('mouseover', function () { 1534 1535 $(this).css('color', 'initial !important'); 1536 }); 1537 1538 $('#controlNext').on('mouseover', function () { 1539 1540 $(this).css('color', 'initial !important'); 1541 }); 1542 1543 }); 1544</script>
1544 1545</body> 1546</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.