Outiref

Code source de l'URL : https://www.ville-chalindrey.fr/fr/

<!DOCTYPE html>
<html lang="fr">
<head>
    <title>
            Ville de Chalindrey - Site officiel de la mairie de Chalindrey    </title>

    <script src="/lib/tarteaucitron/tarteaucitron.js"></script>
    <script>
        var tarteaucitronExpireInDay = true, tarteaucitronForceExpire = 183;

        tarteaucitron.init({
            "privacyUrl": "", /* Privacy policy url */

            "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
            "cookieName": "tarteaucitron", /* Cookie name */

            "orientation": "bottom", /* Banner position (top - bottom) */

            "showAlertSmall": false, /* Show the small banner on bottom right */
            "cookieslist": true, /* Show the cookie list */

            "showIcon": false, /* Show cookie icon to manage cookies */
            // "iconSrc": "", /* Optionnal: URL or base64 encoded image */
            "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */

            "adblocker": false, /* Show a Warning if an adblocker is detected */

            "DenyAllCta": true, /* Show the deny all button */
            "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */
            "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */

            "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */

            "removeCredit": false, /* Remove credit link */
            "moreInfoLink": true, /* Show more info link */
            "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */

            //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */

            "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */

            "mandatory": true, /* Show a message about mandatory cookies */

            "listCookieByService": false, /* Show a message about list cookie by service */
            "tarteaucitronForceLanguage" : 'fr',

        });
    </script>

            
<meta name="Description" content="Ce site constitue un véritable outil relationnel au service de la population et vient en complémentarité de la revue municipale. Il permet de nombreux liens sur des services, des démarches administratives, des numéros ou adresses utiles.">
<meta name="Keywords" content="chalindrey ville mairie commune collectivité territoriale,Grand-Est Haute-Marne Gare SNCF">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta charset="UTF-8">
            <script type="text/javascript">
            tarteaucitron.user.gtagUa = 'G-K3WWL4WYC0';
            tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */
            };
            (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
        </script>
        
    <!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//matomo-client.neopse.com/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '89']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->
                                    <link rel="apple-touch-icon" href="https://static.neopse.com/thumbs/p/2537/site/85/12/59/851259a707d8f6f0dc9a973f569266fd0e2ff945.png?v=v1">
                <link rel="icon" href="https://static.neopse.com/thumbs/p/2537/site/85/12/59/851259a707d8f6f0dc9a973f569266fd0e2ff945.png?v=v1">
                        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Material+Icons" rel="stylesheet">

            <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'>
            <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'>
            <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'>
            <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'>
            <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'>
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />
            <link href="/tpl/2/css/style.css" rel="stylesheet" type='text/css'>

            <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/>
            <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/>

                            <style class="notranslate">.bg_bloc { background-color: #55B559 !important; } .table td, .table, .table thead th { border-color: #55B559 !important; } .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu { background-color: #55B559 !important; border-color: #55B559 !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: #55B559 !important;} .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{
  background-color: #55B559 !important;
} .fc-unthemed td.fc-today{background: #55B559 !important;} .cookies .btn{ color: #55B559 !important; }header.intro { background-image: url(https://static.neopse.com/medias/p/2537/site/f7/ae/b1/f7aeb1a6a396be11368fc87fb04d6de8d55915f6.jpeg?v=v1); background-position: center; background-repeat: repeat; }body { background-color: #FFFFFF; }.c_btn { color: #E9BB0A; border-color: #E9BB0A; } .c_btn:hover { background-color: #E9BB0A; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .carousel-indicators .active, .slick-dots li.slick-active button {background: #E9BB0A;opacity: 1;} .carousel-indicators li, .owl-theme .owl-dots .owl-dot span, .slick-dots li button{background-color: #E9BB0A;opacity: 0.5;} .fc-event .fc-title, .fc-event-container{ color: #E9BB0A !important; } .fc-event{ color: #E9BB0A;}.h_btn:hover {color: #FFFFFF;} .searchbar .bg_btn { background-color: #FFFFFF; } .fc-event{ background-color: #FFFFFF !important; border-color: #FFFFFF !important; }.text_bloc {color:#000000 !important;} .bg_bloc .c_text {color:#000000 !important;} .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu, .bg_bloc.bootstrap-select .dropdown-toggle::after {color:#000000 !important;} .fc-unthemed thead.fc-head{ color: #000000 !important; } .fc-unthemed td.fc-today{color: #000000 !important;} .cookies .btn{ background-color: #000000 !important; }#footer .footer-links.bg { background-color: #B87848; }nav.navbar.bg { background-color: #B87848; }body, .c_title, .c_text { color: #000000; } .navbar-toggler.c_text{ border-color: #000000; } .intern-page .en-tete{ border-left-color: #000000;} .bootstrap-select .dropdown-menu li a{color: #000000;} .c_text .dropdown-toggle { color: #000000 !important; }.searchbar .c_btn { color: #FFFFFF !important; }.navbar .dropdown-menu { background-color: #34455E; }#footer .footer-links .c_text { color: #FFFFFF; }.searchbar .c_text { color: #FFFFFF; } .searchbar ::placeholder { color: #FFFFFF; }#footer .footer-links .c_title { color: #FFFFFF; } #footer .footer-links .c_title:before { background-color: #FFFFFF; }nav.navbar .c_text { color: #FFFFFF; } .navbar-toggler.c_text{ border-color: #FFFFFF !important; }nav.navbar .h_text:hover { color: #FFFFFF; }#footer .footer.bg { background-color: #34455E; }.breadcrumb.bg { background-color: #34455E; }.navbar .dropdown-menu .c_text { color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { color: #B87848; }#footer .c_btn { color: #47A5B6 !important; border-color: #47A5B6 !important; } #footer .c_btn:hover { background-color: #47A5B6 !important; }#footer .h_btn:hover {color: #FFFFFF !important;}#w_headline { background-color: #FFFFFF; }nav.navbar .h_text:hover { background-color: #34455E; }#footer .footer .c_text { color: #FFFFFF; }#w_cofswh6i8 .bg { background-color: #FFFFFF; }#w_headline .c_btn { color: #47A5B6; border-color: #47A5B6; } #w_headline .c_btn:hover { background-color: #47A5B6; } #w_headline .carousel-indicators li { background-color: #47A5B6;opacity:0.5; } #w_headline .carousel-indicators .active { background-color: #47A5B6;opacity: 1; }#w_hnuzws14v .bg { background-color: #FFFFFF; }#w_hz6j51bn0 .bg { background-color: #FFFFFF; }#w_i93n7ykrk .bg { background-color: #FFFFFF; }#w_ohodkdqra .bg { background-color: #FFFFFF; }#w_qmu36xoea .bg { background-color: #FFFFFF; }#w_sh7kilaif .bg { background-color: #FFFFFF; }#w_tnnymj8t7 .bg { background-color: #FFFFFF; }#w_upplupo8m .bg { background-color: #FFFFFF; }#w_uq3xgb8ke .bg { background-color: #FFFFFF; }#w_z4zmuiyys .bg { background-color: #FFFFFF; }.breadcrumb.bg .c_text { color: #FFFFFF; }.searchbar .bg_btn { background-color: #E9BB0A !important; }.navbar .dropdown-menu .h_text:hover { background-color: #FFFFFF; }#footer .footer .c_title { color: #FFFFFF; } #footer .footer .c_title:before { background-color: #FFFFFF; }#w_headline .c_text { color: #000000; }#w_hnuzws14v .c_btn { color: #47A5B6; border-color: #47A5B6; } #w_hnuzws14v .c_btn:hover { background-color: #47A5B6; } #w_hnuzws14v .slick-dots li button { background-color: #47A5B6;opacity:0.5; } #w_hnuzws14v .slick-dots li.slick-active button { background-color: #47A5B6; opacity: 1 !important;}#w_hnuzws14v .h_btn:hover { color: #FFFFFF; }#w_hz6j51bn0 .c_btn { color: #FFFFFF; border-color: #FFFFFF; } #w_hz6j51bn0 .c_btn:hover { background-color: #FFFFFF; } #w_hz6j51bn0 .carousel-indicators li, #w_hz6j51bn0 .slick-dots li button { background-color: #FFFFFF;opacity:0.5; } #w_hz6j51bn0 .carousel-indicators .active, #w_hz6j51bn0 .slick-dots li.slick-active button { background-color: #FFFFFF;opacity: 1 !important; }#w_hz6j51bn0 .h_btn:hover { color: #E9BB0A; }#w_oneclick .c_text { color: #FFFFFF; } #w_oneclick .c_text:before { background-color: #FFFFFF; }#w_sh7kilaif .owl-theme .owl-dots .owl-dot.active span, #w_sh7kilaif .owl-theme .owl-dots .owl-dot:hover span {background-color: #47A5B6;} #w_sh7kilaif .slick-dots li button { background-color: #47A5B6;opacity:0.5; } #w_sh7kilaif .slick-dots li.slick-active button { background-color: #47A5B6; opacity: 1 !important;} #w_sh7kilaif .c_btn { color: #47A5B6; border-color: #47A5B6; } #w_sh7kilaif .c_btn:hover { background-color: #47A5B6; }#w_sh7kilaif .h_btn:hover { color: #FFFFFF; }#w_tnnymj8t7 .slick-dots li button { background-color: #47A5B6; opacity:0.5; } #w_tnnymj8t7 .slick-dots li.slick-active button { background-color: #47A5B6; opacity: 1 !important;}#w_upplupo8m .c_btn { color: #47A5B6; border-color: #47A5B6; } #w_upplupo8m .c_btn:hover { background-color: #47A5B6; } #w_upplupo8m .slick-dots li button { background-color: #47A5B6;opacity:0.5; } #w_upplupo8m .slick-dots li.slick-active button { background-color: #47A5B6; opacity: 1 !important;}#w_upplupo8m .h_btn:hover { color: #FFFFFF; }#w_z4zmuiyys .c_btn { color: #E9BB0A; border-color: #E9BB0A; } #w_z4zmuiyys .c_btn:hover { background-color: #E9BB0A; } #w_z4zmuiyys .slick-dots li button { background-color: #E9BB0A;opacity:0.5; } #w_z4zmuiyys .slick-dots li.slick-active button { background-color: #E9BB0A; opacity: 1 !important;}#w_z4zmuiyys .h_btn:hover { color: #FFFFFF; }.breadcrumb.bg .c_title { color: #FFFFFF; } .breadcrumb.bg .c_title:before { background-color: #FFFFFF; }#w_headline .c_title { color: #E9BB0A !important; }#w_hz6j51bn0 .c_text { color: #55B559; }#w_oneclick .c_title { color: #B87848; } #w_oneclick .c_title:before { background-color: #B87848; }#w_uq3xgb8ke .c_text { color: #000000; } #w_uq3xgb8ke .c_text:before { background-color: #000000; }#w_z4zmuiyys .c_text { color: #000000; }#w_cofswh6i8 .c_title { color: #B87848; }#w_hnuzws14v .c_title { color: #B87848; } #w_hnuzws14v .c_title:before { background-color: #B87848; }#w_hz6j51bn0 .c_title { color: #000000; } #w_hz6j51bn0 .c_title:before { background-color: #000000; }#w_i93n7ykrk .c_title { color: #B87848; }#w_ohodkdqra .c_title { color: #B87848; }#w_qmu36xoea .c_title { color: #B87848; }#w_sh7kilaif .c_title { color: #B87848; }#w_tnnymj8t7 .c_title { color: #B87848 !important; }#w_upplupo8m .c_title { color: #B87848; } #w_upplupo8m .c_title:before { background-color: #B87848; }#w_uq3xgb8ke .c_title { color: #B87848; } #w_uq3xgb8ke .c_title:before { background-color: #B87848 !important; }#w_z4zmuiyys .c_title { color: #B87848; } #w_z4zmuiyys .c_title.dark:before { background-color: #B87848; }#w_oneclick .bg_text { background-color: #E9BB0A; }#w_uq3xgb8ke .card { background-color: #FFFFFF; }#w_z4zmuiyys .bg_text { background-color: #FFFFFF; }</style>
                    
                    <meta property="og:url" content="http://www.ville-chalindrey.fr/fr/">
            <meta property="og:type" content="website">
            <meta property="og:title" content="Ville de Chalindrey">
            <meta property="og:description" content="Ce site constitue un véritable outil relationnel au service de la population et vient en complémentarité de la revue municipale. Il permet de nombreux liens sur des services, des démarches administratives, des numéros ou adresses utiles.">
            
    <script src="/js/vendor/jquery-3.2.1.min.js"></script>


    <!-- Matomo -->
    <script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
    <!-- End Matomo Code -->
</head>
<body class="bg_body">

<header role="banner"><nav role="navigation" class="navbar navbar-fixed-left bg">
    <div class="ov"></div>

    <div class="container">

        <!-- Logo -->
        <div class="navbar-header">
            <a class="navbar-brand c_text" aria-label="Accueil" href="/fr/">
                                    <div class="img">
                        <img role="img" src="https://static.neopse.com/medias/p/2537/site/dc/6e/c8/dc6ec8987b84602e7f58c3f9be8c2d6b2bbddfbc.png" alt="Ville de Chalindrey">
                    </div>
                            </a>
        </div>

        <!-- Mobile button -->
        <button class="navbar-toggler c_text"
                type="button"
                data-toggle="collapse"
                data-target="#navbar"
                aria-controls="navbar"
                aria-expanded="false"
                aria-label="Toggle navigation">
            <span class="navbar-toggler-icon">
                <i class="material-icons notranslate">menu</i>
            </span>
        </button>

        <div class="collapse navbar-collapse" id="navbar">
            <ul class="nav navbar-nav">

                <li class="nav-item dropdown">
                    <a class="nav-link c_text h_text" href="/" role="button">
                        <i class="material-icons">home</i>
                    </a>
                </li>
                                    

                                                            <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown1" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                VIE QUOTIDIENNE
                            </a>
                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown1">
                                                                    <div class="dropdown-menu-image" aria-hidden="true"
                                         style="background-image: url(https://static.neopse.com/thumbs/p/2537/site/54/ee/7c/54ee7cfe2adba4d5d24635f33dd2578fc2909424.png?v=v1);"></div>
                                
                                <div class="divider">
                                                                                                            
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/nw/1579333/actualites-1088">
                                            Actualités
                                        </a>
                                    
                                    
                                                                                                                                                
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/ev/1579372/agenda-1089">
                                            Agenda
                                        </a>
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077975/dechets-environnement-2">
                                            Déchets / Environnement
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1054744/permanences-sur-la-commune">
                                            Permanences sur la commune
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/ap/1580932/plan-acces-697">
                                            Plan/Accès
                                        </a>
                                    
                                    
                                                                                                                                                
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/mk/1580815/marches-482">
                                            Marchés
                                        </a>
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1078014/jeunesse-34">
                                            Jeunesse
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1078053/seniors-39">
                                            Seniors
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1078092/ccas-91">
                                            CCAS
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1078131/animaux-12">
                                            Animaux
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077923/regles-de-bon-voisinage-4">
                                            Règles de bon voisinage
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1078560/objets-trouves-8">
                                            Objets trouvés
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077988/transports-125">
                                            Transports
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/bu/1580503/entreprises-et-commerces-5">
                                            Entreprises et commerces
                                        </a>
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077936/coordonnees-utiles-1">
                                            Coordonnées utiles
                                        </a>
                                    
                                    
                                    
                                                                                                        </div>

                            </div>
                        </li>
                    

                                                            <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown2" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                VOS DÉMARCHES
                            </a>
                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown2">
                                                                    <div class="dropdown-menu-image" aria-hidden="true"
                                         style="background-image: url(https://static.neopse.com/thumbs/p/2537/site/84/98/d1/8498d127968836d4b8fba7595cfe50bd59774550.png?v=v1);"></div>
                                
                                <div class="divider">
                                                                                                            
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1063558/etat-civil-115">
                                            Etat civil
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1067666/aide-dans-vos-demarches">
                                            Aide dans vos démarches
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1073906/recensement-citoyen-12">
                                            Recensement citoyen
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077637/papiers-didentite-3">
                                            Papiers d&#039;identité
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077650/changement-de-coordonnees">
                                            Changement de coordonnées
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077663/inscription-listes-electorales-1">
                                            Inscription listes électorales
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rr/1581010/salles-municipales-73">
                                            Salles municipales
                                        </a>
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077689/sinstaller-a-chalindrey">
                                            S&#039;installer à Chalindrey
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077702/obtenir-sa-poubelle-homologuee">
                                            Obtenir sa poubelle homologuée
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077728/urbanisme-287">
                                            Urbanisme
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077767/cimetiere-98">
                                            Cimetière
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077780/vide-maison-et-loterie">
                                            Vide-maison et Loterie
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1077819/archives-municipales-1">
                                            Archives municipales
                                        </a>
                                    
                                    
                                    
                                                                                                        </div>

                            </div>
                        </li>
                    

                                                            <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown3" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                VIE ASSOCIATIVE, LOISIRS ET TOURISME
                            </a>
                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown3">
                                                                    <div class="dropdown-menu-image" aria-hidden="true"
                                         style="background-image: url(https://static.neopse.com/thumbs/p/2537/site/f5/87/c7/f587c7c0139d18741b7e26c0dc516da48d83e232.png?v=v1);"></div>
                                
                                <div class="divider">
                                                                                                            
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1072047/cinema-25">
                                            Cinéma
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1073815/equipements-sportifs-et-zones-de-loisirs">
                                            Équipements sportifs et zones de loisirs
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1071982/bibliotheque-115">
                                            Bibliothèque
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1073880/manifestations-8">
                                            Manifestations
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/as/1580464/annuaire-des-associations-479">
                                            Annuaire des associations
                                        </a>
                                    
                                    
                                                                                                                                                
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/tr/1580542/annuaire-touristique-526">
                                            Annuaire touristique
                                        </a>
                                    
                                    
                                                                                                        </div>

                            </div>
                        </li>
                    

                                                            <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown4" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                VIE MUNICIPALE
                            </a>
                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown4">
                                                                    <div class="dropdown-menu-image" aria-hidden="true"
                                         style="background-image: url(https://static.neopse.com/thumbs/p/2537/site/c9/d0/b6/c9d0b62b57edabc12b60977414cdd19dc6fe8f2c.png?v=v1);"></div>
                                
                                <div class="divider">
                                                                                                            
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/pb/1580971/publications-498">
                                            Publications
                                        </a>
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1078222/travaux-et-projets-3">
                                            Travaux et Projets
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rb/1678913/budget-communal-16">
                                            Budget communal
                                        </a>
                                    
                                    
                                    
                                                                                                                                                
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/rp/1580581/comptes-rendus-et-arretes-1">
                                            Comptes-rendus et arrêtés
                                        </a>
                                    
                                    
                                                                                                                                                
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/tb/1581049/elus-et-leurs-fonctions">
                                            Elus et leurs fonctions
                                        </a>
                                    
                                    
                                                                                                                                                
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/jb/1580347/annonces-demploi-497">
                                            Annonces d’emploi
                                        </a>
                                    
                                    
                                                                                                        </div>

                            </div>
                        </li>
                    

                                                            <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle c_text h_text" href="#" id="menuDropdown5" role="button"
                               data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                CONTACT
                            </a>
                            <div class="dropdown-menu mega-dropdown-menu row bg_text" aria-labelledby="menuDropdown5">
                                
                                <div class="divider">
                                                                                                            
                                    
                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
                                           href="/fr/ct/1579255/contacts-998">
                                            Contacts
                                        </a>
                                    
                                    
                                                                                                        </div>

                            </div>
                        </li>
                    

                
                            </ul>
        </div>
    </div>
</nav>
</header>

<main role="main">
    	<div class="main home">
        <header class="intro bandeau bg header">
			<div class="ov"></div>

			<!-- Search box with direct access -->
			<div class="research-container">
									<form action="/fr/search" class="form-inline row searchbar" method="post">
						<input id="search-form" name="keywords" class="col-10 c_text" type="search" placeholder="Recherche" aria-label="Search">
						<button type="submit" class="col-2 bg_btn c_btn h_btn">
							<i class="material-icons mt-2">search</i>
						</button>
					</form>
				
                    <div id="w_oneclick">
        <div class="keywords-container inamovible" id="w_oneclick">
            <h2 class="h2">
            <span class="d_title c_title">Accès directs</span>
        </h2>
                <div class="keyword">
            <a class="bg_text c_text bold-title" href="/fr/rb/1077637/papiers-didentite-3"               >
                                            <i class="material-icons notranslate mr-2 align-middle">date_range</i>
                                        RENDEZ-VOUS PAPIERS D&#039;IDENTITÉ
            </a>
        </div>
            <div class="keyword">
            <a class="bg_text c_text bold-title" href="/fr/nw/1579333/actualites-1088"               >
                                            <i class="material-icons notranslate mr-2 align-middle">visibility</i>
                                        ACTUALITÉS
            </a>
        </div>
            <div class="keyword">
            <a class="bg_text c_text bold-title" href="/fr/ev/1579372/agenda-1089"               >
                                            <i class="material-icons notranslate mr-2 align-middle">supervised_user_circle</i>
                                        AGENDA
            </a>
        </div>
            <div class="keyword">
            <a class="bg_text c_text bold-title" href="/fr/rp/1580581/comptes-rendus-et-arretes-1"               >
                                            <i class="material-icons notranslate mr-2 align-middle">fiber_new</i>
                                        PUBLICATIONS ADMINISTRATIVES COMMUNALES
            </a>
        </div>
            <div class="keyword">
            <a class="bg_text c_text bold-title" href="/fr/rb/1889331/affichage-administratif-du-ccas"               >
                                            <i class="material-icons notranslate mr-2 align-middle">import_contacts</i>
                                        PUBLICATIONS ADMINISTRATIVES CCAS
            </a>
        </div>
    </div>
    </div>

			</div>

		</header>

        <div class="position-relative">
                <div id="w_headline">
        <div class="news bg" id="w_headline">
    <div class="ov"></div>
            <h2 class="h2 d_title c_title position-relative">A la une</h2>
    
    <div id="carouselIndicators" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
                        <div class="carousel-item c_text active">
                <div class="news--content">
                    <h3 class="bold-title h4"><a href="/fr/ev/1579372/1798903/marche-de-noel-358" >MARCHÉ DE NOËL</a></h3>
                                            <p class="c_text"><a href="/fr/ev/1579372/1798903/marche-de-noel-358" >13 et 14 DECEMBRE</a></p>
                                    </div>
                <div class="news--image" style="background-image:url(https://static.neopse.com/thumbs/p/2537/site/89/69/13/896913386777a6f599da479b84012161c2323e7d.png?v=v1);"></div>
            </div>
                        <div class="carousel-item c_text">
                <div class="news--content">
                    <h3 class="bold-title h4"><a href="/fr/ev/1579372/1799410/concert-et-conte-de-noel" >CONCERT et CONTE DE NOËL</a></h3>
                                            <p class="c_text"><a href="/fr/ev/1579372/1799410/concert-et-conte-de-noel" >21 décembre</a></p>
                                    </div>
                <div class="news--image" style="background-image:url(https://static.neopse.com/thumbs/p/2537/site/21/86/67/2186672e54acc6c3fcec1f930684a5b85cd59957.png?v=v1);"></div>
            </div>
                        <div class="carousel-item c_text">
                <div class="news--content">
                    <h3 class="bold-title h4"><a href="/fr/nw/1579333/2696748/marches-de-fin-dannee" >MARCHÉS DE FIN D&#039;ANNÉE</a></h3>
                                            <p class="c_text"><a href="/fr/nw/1579333/2696748/marches-de-fin-dannee" >Les mercredis à la place des jeudis</a></p>
                                    </div>
                <div class="news--image" style="background-image:url(https://static.neopse.com/thumbs/p/2537/site/93/3b/b0/933bb0cfbcc2b7eb9f6fc85f44caa2ab1a2a84db.png?v=v1);"></div>
            </div>
                    </div>

        <!-- Bullet navigation -->
        <ol class="carousel-indicators">
                            <li data-target="#carouselIndicators" data-slide-to="0" class="active"></li>
                            <li data-target="#carouselIndicators" data-slide-to="1"></li>
                            <li data-target="#carouselIndicators" data-slide-to="2"></li>
                    </ol>
    </div>
</div>

    </div>

        </div>

            <div id="w_cofswh6i8">
        <section class="bg">
    <div class="ov"></div>
    <div class="container">
        <div class="clearfix">
                            <div class="title dark c_title d_title">PanneauPocket</div>
                    </div>

                    <div class="widget-container panneaupocket"
                 data-htmlcode='&lt;iframe src=&quot;https://app.panneaupocket.com/embeded/1427605027&quot; height=&quot;518&quot; width=&quot;300&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;'></div>
            </div>
</section>
    </div>
    <div id="w_upplupo8m">
        <section class="bg background-offset">
    <div class="ov"></div>
    <div class="container">
        <div class="title-container clearfix">
                            <h2 class="title c_title d_title">Galerie de photos</h2>
                        <a href="/fr/pc/1579957/galeries-de-photos-593" class="btn-outline btn-right c_btn h_btn">Voir tout</a>
        </div>

                                    <div class="bloc-diapo block-gallery">
        
    <div class="splide centerSplide" id="splideshow-1030121620">
        <div class="splide__track">
            <ul class="splide__list">
                                    <li class="splide__slide">
                                                    <img role="img" class="img" src="https://static.neopse.com/medias/p/2537/site/36/d9/34/36d9340f7dc9535669f4447de95b97c873024875.jpg?v=v1" alt="rte de langres 2.jpeg">
                                            </li>
                                    <li class="splide__slide">
                                                    <img role="img" class="img" src="https://static.neopse.com/medias/p/2537/site/ae/f3/94/aef394474efee749b85f1f10ce4a01159db09b07.jpg?v=v1" alt="rte de Langres 1.jpeg">
                                            </li>
                                    <li class="splide__slide">
                                                    <img role="img" class="img" src="https://static.neopse.com/medias/p/2537/site/8d/7a/86/8d7a8620e73e241cbf07a3e1b18e60470205d735.jpg?v=v1" alt="rte de Langres 4.jpeg">
                                            </li>
                                    <li class="splide__slide">
                                                    <img role="img" class="img" src="https://static.neopse.com/medias/p/2537/site/df/67/2e/df672e982c3d6c5dffd07eb39db81c5878a3772b.jpeg?v=v1" alt="rte de langres 5.jpeg">
                                            </li>
                                    <li class="splide__slide">
                                                    <img role="img" class="img" src="https://static.neopse.com/medias/p/2537/site/02/2f/2c/022f2cfce72e0c2babf17b57e79274598d1081e1.jpg?v=v1" alt="20250611_104328.jpg">
                                            </li>
                                    <li class="splide__slide">
                                                    <img role="img" class="img" src="https://static.neopse.com/medias/p/2537/site/2a/b9/ad/2ab9ad80fda8e6ba0523b65f5791630a64188190.jpg?v=v1" alt="20250611_104608.jpg">
                                            </li>
                            </ul>
        </div>
    </div>

</div>
                        </div>
</section>
    </div>
    <div id="w_tnnymj8t7">
        <section class="bg labels">
    <div class="ov"></div>
    <div class="container">

        <div class="title-container clearfix">
                            <h2 class="title c_title d_title">Labels</h2>
                    </div>

        <div class="carousel-5 mt-3 partners">
                            <div class="item" data-toggle="tooltip" title="Fondation du patrimoine">
                                            <a href="https://www.fondation-patrimoine.org/" target="_blank">
                            <img role="img" alt="Fondation du patrimoine"
                                 src="http://static.neopse.com/medias/d/label/83/38/f1/8338f18ed70d61a9a8567455dfb133e2c46e1e2a.PNG"
                                 data-image="https://www.fondation-patrimoine.org/"
                                 data-description="" class="img-fluid">
                        </a>
                                                            </div>
                            <div class="item" data-toggle="tooltip" title="France Services">
                                            <a href="https://www.cohesion-territoires.gouv.fr/france-services" target="_blank">
                            <img role="img" alt="France Services"
                                 src="http://static.neopse.com/medias/d/label/20/ba/b4/20bab4ef8ec455a79ff1dc89ef5dba236ffd58ee.jpg"
                                 data-image="https://www.cohesion-territoires.gouv.fr/france-services"
                                 data-description="" class="img-fluid">
                        </a>
                                                            </div>
                            <div class="item" data-toggle="tooltip" title="Petites villes de demain">
                                            <a href="https://agence-cohesion-territoires.gouv.fr/petites-villes-de-demain-45" target="_blank">
                            <img role="img" alt="Petites villes de demain"
                                 src="http://static.neopse.com/medias/d/label/25/2d/45/252d45ef990550c4bf66d859c39ea9e7a9f7f678.png"
                                 data-image="https://agence-cohesion-territoires.gouv.fr/petites-villes-de-demain-45"
                                 data-description="" class="img-fluid">
                        </a>
                                                            </div>
                            <div class="item" data-toggle="tooltip" title="Villes et Villages Fleuris">
                                            <a href="http://www.villes-et-villages-fleuris.com/" target="_blank">
                            <img role="img" alt="Villes et Villages Fleuris"
                                 src="https://static.neopse.com/medias/d/label/99/0b/c6/990bc6f94ddf15c5a0489f8cd78eaccc8c1aaba9.jpg"
                                 data-image="http://www.villes-et-villages-fleuris.com/"
                                 data-description="fleur(s)" class="img-fluid">
                        </a>
                                                    <div class="rank d-flex justify-content-center mt-3">
                                                                                                            <div class="rank-img"><img role="img" alt="fleur(s)"
                                                                   src="https://static.neopse.com/medias/d/label/25/d1/05/25d105b5b799d22c9814d382f40fae27efa28a77.png"
                                                                   class="img-fluid"/></div>
                                                                            <div class="rank-img"><img role="img" alt="fleur(s)"
                                                                   src="https://static.neopse.com/medias/d/label/25/d1/05/25d105b5b799d22c9814d382f40fae27efa28a77.png"
                                                                   class="img-fluid"/></div>
                                                                            <div class="rank-img"><img role="img" alt="fleur(s)"
                                                                   src="https://static.neopse.com/medias/d/label/25/d1/05/25d105b5b799d22c9814d382f40fae27efa28a77.png"
                                                                   class="img-fluid"/></div>
                                                                                                </div>
                                                            </div>
                    </div>

    </div>
</section>

    </div>


    </div>
	</main>

<div class="main">
        
    <div id="footer">
    <footer role="contentinfo" class="footer footer1 bg">
        <div class="ov"></div>
        <div class="container d-flex flex-wrap">
            <div class="footer-container">
                <h2 class="title light c_title d_title btn-line"><a
        href="/fr/ct/1579255/contacts-998">Contacts</a></h2>
<div class="footer-box">
    <div class="contact c_text">
        <p class="font-weight-bold mb-0">Commune de Chalindrey</p>
        <p class="mb-0">47 rue Langres</p>
        <p class="mb-0">52600 Chalindrey - FRANCE</p>
         <p class="mb-0"><a href="tel:+33325885017">+33 3 25 88 50 17</a>
            </p>
                    <p class="mb-0"><a href="#" data-toggle="modal" data-target="#contactFormContactFooter" class="btn-outline c_btn h_btn">Contact par formulaire</a>
            </p>
        
            </div>
</div>


                
                                
            </div>
        </div>
    </footer>

    <section class="bg footer-links footer2">
        <div class="ov"></div>
        <div class="container d-flex flex-wrap">
            <div class="footer-container">
    <h2 class="title-container clearfix mb-3">
                    <div class="title c_title d_title">Liens</div>
            </h2>
    <div class="links c_text row linksCustom">
                    <p class="col-8 col-md-8">
                <a href="https://www.ccdessavoirfaire.fr/" target="_blank">Communauté de Communes des Savoir-Faire</a>
            </p>
                    <p class="col-8 col-md-8">
                <a href="https://www.pays-langres.fr/" target="_blank">Pays de Langres - PETR</a>
            </p>
                    <p class="col-8 col-md-8">
                <a href="https://haute-marne.fr/" target="_blank">Conseil Départemental de la Haute-Marne</a>
            </p>
                    <p class="col-8 col-md-8">
                <a href="https://www.haute-marne.gouv.fr/" target="_blank">Préfecture de la Haute-Marne</a>
            </p>
                    <p class="col-8 col-md-8">
                <a href="https://www.grandest.fr/" target="_blank">Conseil Régional Grand Est</a>
            </p>
            </div>
</div>



            

        </div>
        <div class="container d-flex flex-wrap" style="justify-content:center;">
            <p class="mt-0 mb-0 c_text"><a href="/fr/li/1579294/mentions-legales-1142">Mentions légales</a></p>
            <span class="c_text" style="margin: 0 8px;">-</span>
            <p class="mt-0 mb-0 c_text"><a href="/fr/1579294/politique-confidentialite">Politique de confidentialité</a></p>
            <span class="c_text" style="margin: 0 8px;">-</span>
            <p class="mt-0 mb-0 c_text"><a href="/fr/accessibilite">Accessibilité</a></p>
            <span class="c_text" style="margin: 0 8px;">-</span>
            
            <p class="mt-0 mb-0 c_text"><a href="/fr/sm/65954/plan-du-site-1" >Plan du site</a></p>
            <span class="c_text" style="margin: 0 8px;">-</span>
            <p class="mt-0 mb-0 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p>
        </div>
    </section>
</div>

<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true"
     style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>

            <div class="modal-header bg_bloc text_bloc">
                <h5 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Contact</h5>
            </div>
            <form id="contactFormFooter" action="/formMdContact" method="post"
                  novalidate enctype="multipart/form-data">
                <div class="modal-body pb-0">

                                            <div class="form-group position-relative">
    <div><label for="1_textarea">Saisir votre message :</label><span>*</span>
    </div>
    <textarea name="1_textarea" class="form-control pl-0" id="1_textarea" rows="3"></textarea>
        <span class="form-error requirements" id="1_textarea-error" role="alert">Ce champ est obligatoire</span>
</div>                                            <div class="form-group">
    <div><label for="2_email">Adresse mail pour la réponse</label><span>*</span></div>
    <input type="email" name="2_email" class="form-control" id="2_email"
           aria-describedby="Adresse mail pour la réponse">
        <span class="form-error requirements" id="2_email-error" role="alert">Ce champ est obligatoire</span>
</div>                                            <div class="form-group position-relative">
    <div><label for="3_input">Téléphone</label><span>*</span></div>
    <input type="text" name="3_input" class="form-control" id="3_input" aria-describedby="3_inputHelp">
        <span class="form-error requirements" id="3_input-error" role="alert">Ce champ est obligatoire</span>
</div>                    
                    <div class="form-group">
    <div class="h-recaptcha m-auto d-inline-block"></div>
    <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire
    </div>
</div>                </div>
                <div class="modal-footer">
                                        <button id="formContactForm" type="submit" class="btn-outline btn-right c_btn h_btn formContactForm">ENVOYER</button>
                </div>
                <div class="m-3">
                    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 />
Vos 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. 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 />
<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 />
<span style="background-color:null">- Par voie &eacute;lectronique &agrave; l&rsquo;adresse : contact@ville-chalindrey.fr ; </span><br />
<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 : Mairie de Chalindrey, 47 rue de Langres 52600 CHALINDREY. </span><br />
<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.
                </div>
            </form>

            <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none">
                <p role="status">Le message a bien été envoyé à son destinataire. Merci.</p>
            </div>
        </div>
    </div>
</div>
    <div class="footer-bottom" style="position: relative;">
	<div class="container">
		<p>

			<a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank">
				<img role="img" src="/images/rdc-logo-footer-2.png" alt="Logo Réseau des Communes" class="img-fluid">
				Site créé en partenariat avec Réseau des Communes
			</a>
		</p>
	</div>
</div>

    
</div>

            <div id="previewModalImage" class="modal">

                <!-- The Close Button -->
                <span id="closePreviewImage" class="close">&times;</span>

                <!-- Modal Content (The Image) -->
                <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div>
                <!-- Modal Caption (Image Text) -->
                <div id="captionPreviewImage"></div>
            </div>
        
                    <script>
                $(function () {
                    // Get the modal
                    const modal = $('#previewModalImage');
                    const modalImg = modal.find('img');
                    const captionText = $('#captionPreviewImage');
                    // Get the <span> element that closes the modal
                    const closePreviewImage = $('#closePreviewImage');

                    $('.splide .img, .splide .main-img').on('click', function () {
                        modalImg.attr('src', this.src);
                        modalImg.attr('alt', this.alt);
                        captionText.html(this.alt);
                        modal.modal('show');
                    });

                    // When the user clicks on <span> (x), close the modal
                    closePreviewImage.on('click', function () {
                        modal.modal('hide');
                    });
                });
            </script>
        
    <script src="/js/vendor/popper.min.js"></script>
    <script src="/js/vendor/bootstrap.min.js"></script>
    <!-- Carousel -->
    <script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
    <script src='/dist/owlcarousel/js/owl.linked.js'></script>
    <script src='/dist/slick/slick.js'></script>

    <script src="/lib/splide-4.0.1/js/splide.min.js"></script>
    <script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>


        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>

    <!-- Custom JS -->
    <script src="/js/shared.js?v1"></script>
    <script src="/tpl/2/js/main.js"></script>
    <script src="/lib/chartjs/Chart.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

        <script type="text/javascript">

        tarteaucitron.user.matomoId = 6;
        (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');


        (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
        (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
        (tarteaucitron.job = tarteaucitron.job || []).push('vimeo');
        (tarteaucitron.job = tarteaucitron.job || []).push('othervideo');

            </script>

    <script>
        (function(i,s,o,g,r,a,m){i['InstanaEumObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//eum.instana.io/eum.min.js','ineum');
        ineum('reportingUrl', 'https://eum-eu-west-1.instana.io');
        ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA');

        // set the name of a page on which this load/errors/calls happened
        ineum('page', 'front-site');
    </script>

    <script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>

    <script type="text/javascript">
        var CaptchaCallback = function () {
            $('.h-recaptcha').each(function (index, el) {
                hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'});
            });
        };
    </script>

    <script>
        $(document).ready(function () {

            $('.selectpicker').selectpicker();

            // Smooth scroll
            $("a[href*='#']:not([href='#'])").click(function () {
                if (location.hostname == this.hostname && this.pathname.replace(/^\//, "") == location.pathname.replace(/^\//, "")) {
                    var anchor = $(this.hash);
                    anchor = anchor.length ? anchor : $("[name=" + this.hash.slice(1) + "]");

                    if (anchor.length) {
                        $("html, body").animate({scrollTop: anchor.offset().top - 90}, 1500);
                    }
                }
            });

            var input = $('input[type=file]');

            input.on('change', function () {
                var list = $(this).parent().parent().parent().parent().find($('.listFiles'));
                list.empty();

                for (var x = 0; x < this.files.length; x++) {
                    var newFile = '<li>Fichier joint :  ' + this.files[x].name + ' ('+humanFileSize(this.files[x].size)+')</li>';
//                    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
                    list.append(newFile);
                }
            });

            $('.form-error').hide();
            $('#contactFormFooter').submit(function (e) {
                let form = $(this);

                $.ajax({
                    type: "POST",
                    url: form.attr('action'),
                    data: new FormData(form[0]),
                    contentType: false,
                    processData: false,
                    beforeSend: function () {
                        form.find('.form-error').hide();
                        $('.formContactForm').attr('disabled', true);
                    },
                    success: function (response) {
                        hcaptcha.reset();

                        if (response.status === 'KO') {
                            let errors = response.errors;
                            for (let index in errors) {
                                if (errors.hasOwnProperty(index)) {
                                    let attr = errors[index];
                                    let error = attr[Object.keys(attr)[0]];
                                    form.find('#' + index + '-error').text(error).show();
                                }
                            }
                        }
                        else {

                            $('#contactFormFooter').css('display', 'none');
                            $('#messageSendedFormContactFooter').css('display', '');
                            form[0].reset();
                        }
                    },
                    complete: function () {

                        $('.formContactForm').removeAttr('disabled');
                    }
                });

                return false;
            });

            $('#contactFormContactFooter').on('hidden.bs.modal', function () {
                $('#contactFormFooter')[0].reset();

                $('#contactFormFooter').css('display', '');

                $('#messageSendedFormContactFooter').css('display', 'none');

                $('.form-error').hide();

                $('.listFiles').empty();

                hcaptcha.reset();
            });
        });

        function humanFileSize(size) {
            var i = Math.floor(Math.log(size) / Math.log(1024));
            return ( size / Math.pow(1024, i) ).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
        }
    </script>

    <script>
        $(function () {


            var numberAlerts = false;

            var allAlerts = $('#alertsModal').find($('.alertsInfo'));

            numberAlerts = allAlerts.length;

            allAlerts.each(function (index) {

                if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) {

                    if(index == 0){
                        $('#header'+$(this).attr('data-id')+'').removeClass('d-none');
                    }

                    $('#alertsModal').modal('show');
                } else {
                    $(this).remove();
                    $('#header'+$(this).attr('data-id')+'').remove();
                    numberAlerts = numberAlerts - 1;
                    setActiveAndDecrementNumber();
                }

            });

            $('.acceptCookiesAlerts').on('click', function (e) {
                e.preventDefault();

                var currentDataId = $(this).attr('data-id');

                sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1');

                numberAlerts = numberAlerts - 1;

                var currentParentNode = $(this).parent().parent().parent();

                currentParentNode.removeClass('active');
                $('#header'+currentDataId+'').remove();
                currentParentNode.remove();

                setActiveAndDecrementNumber();

                setTitle();
            });

            function setActiveAndDecrementNumber() {
                var newListOfAlerts = $('#alertsModal').find($('.alertsInfo'));

                newListOfAlerts.each(function (index, e) {
                    if (index == 0) {
                        $(this).addClass('active');
                        $('#header'+$(this).attr('data-id')+'').removeClass('d-none');
                    }
                });

                if (numberAlerts == 0) {
                    $('#alertsModal').modal('hide');
                }
            }



            var currentColorControl = '#212529';

            $('#controlPrev').css('color', 'initial !important');
            $('#controlNext').css('color', 'initial !important');

            $('#controlNext').on('click',function(){
                setTimeout(function(){
                    setTitle();
                    }, 1000);
            });

            $('#controlPrev').on('click',function(){
                setTimeout(function(){
                    setTitle();
                }, 1000);
            });

            $('#controlPrev').on('mouseover', function () {

                $(this).css('color', 'initial !important');
            });

            $('#controlNext').on('mouseover', function () {

                $(this).css('color', 'initial !important');
            });

            function setTitle(){
                $('.titleHeaderAlerts').addClass('d-none');
                var currentId = $('.carousel-item.active').attr('data-id');
                $('#header'+currentId+'').removeClass('d-none');
            }
        });
    </script>

    <script type="text/javascript">
                (tarteaucitron.job = tarteaucitron.job || []).push('panneaupocket');
            </script>
</body>
</html>