PageSourceSearch

https://beauchene61.fr/fr/

html beauchene61.fr collected 2026-10-03 02:45:54 UTC 74,337 bytes, 1,215 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr">
3<head>
4    <title>
5            Commune déléguée de Beauchêne (61800 Tinchebray-Bocage)     </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 rel="apple-touch-icon" href="https://static.neopse.com/thumbs/p/4088/site/ca/5b/99/ca5b99cd7361be51bab0635b2b2923874e57c872.png?v=v1">
58                <link rel="icon" href="https://static.neopse.com/thumbs/p/4088/site/ca/5b/99/ca5b99cd7361be51bab0635b2b2923874e57c872.png?v=v1">
59                        <link rel="preconnect" href="https://fonts.googleapis.com">
60            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
61            <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Material+Icons" rel="stylesheet">
62            <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Shadows+Into+Light+Two" rel="stylesheet">
63            <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">
64            <link href='/dist/owlcarousel/css/owl.carousel.min.css' rel='stylesheet' type='text/css'>
65            <link href='/dist/owlcarousel/css/owl.theme.default.min.css' rel='stylesheet' type='text/css'>
66            <link href='/dist/slick/slick.css' rel='stylesheet' type='text/css'>
67            <link href='/dist/slick/slick-theme.css' rel='stylesheet' type='text/css'>
68            <link href='/dist/scrollbar/jquery.scrollbar.css' rel='stylesheet' type='text/css'>
69            <link href='/dist/fullcalendar/fullcalendar.min.css' rel='stylesheet' type='text/css'>
70            <link rel="stylesheet"
71                  href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
72            <link rel="stylesheet"
73                  href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/>
74            <link href="/tpl/4/css/style.css" rel="stylesheet" type='text/css'>
75
76            <link href="/lib/splide-4.0.1/css/splide.min.css" rel="stylesheet" type="text/css"/>
77            <link href="/lib/splide-4.0.1/css/splide-custom.css" rel="stylesheet" type="text/css"/>
78
79                            <style class="notranslate" title="customCss" type="text/css" rel="stylesheet">.bg_bloc { background-color: #009ED6 !important; } .table td, .table, .table thead th { border-color: #009ED6 !important; } .bg_bloc .dropdown-toggle, .bg_bloc .dropdown-menu {background-color: #009ED6 !important;border-color: #009ED6 !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: #009ED6 !important;} .fc-unthemed thead.fc-head, .fc-unthemed .fc-popover .fc-header{ background-color: #009ED6 !important; } .fc-unthemed td.fc-today{background: #009ED6 !important;} .cookies .btn{ color: #009ED6 !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; }body, .title, .lead, .heading { font-family: Helvetica, serif !important; }#footer .footer-links.bg { background-color: #98B62B; }nav.navbar.bg { background-color: #98B62B; }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: #98B62B; }nav.navbar .dropdown-menu { background-color: #98B62B; }#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: #98B62B; }#footer .footer-links .c_title { color: #FFFFFF; }#footer .footer.bg { background-color: #FFFFFF; }.breadcrumb.bg { background-color: rgba(255,255,255,0.9); }.breadcrumb.bg { background-image: url(https://static.neopse.com/assets/img/textures/arches.png?v=v1); background-position: center; background-repeat: repeat; }nav.navbar .dropdown-menu .c_text { color: #FFFFFF; }nav.navbar .dropdown-menu .h_text:hover { color: #98B62B; }nav.navbar .h_text:hover { background-color: #FFFFFF; }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: rgba(0,0,0,0) !important; }#footer .footer .c_text { color: #000000; }#w_0atrj53l6 .bg { background-color: #FFFFFF; }#w_0g2ejc2vm .bg { background-color: #009ED6; }#w_cdhrwrqdl .bg { background-color: #009ED6; }#w_d7rqyxfct .bg { background-color: #FFFFFF; }#w_fes2z62n1 .bg { background-color: #FFFFFF; }#w_headline .c_btn { color: rgb(255,255,255); } #w_headline .c_btn:before { background-color: rgb(255,255,255) !important; } #w_headline .carousel-control-prev, #w_headline .carousel-control-next {color: rgb(255,255,255) !important;}#w_o530tmy6l .bg { background-color: #FFFFFF; }#w_pjaj84we6 .bg { background-color: #FFFFFF; }#w_rvfu3xxsf .bg { background-color: #FFFFFF; }#w_vmzxr01kf .bg { background-color: #FFFFFF; }.breadcrumb.bg .c_text { color: rgba(0,0,0,0); }nav.navbar .bg_btn{ background-color: #FFFFFF!important } .searchbar input, .searchbar .btn { border-color: #FFFFFF!important }
79 .searchbar input::placeholder,.searchbar input:-ms-input-placeholder,.searchbar input::-ms-input-placeholder { color: #FFFFFF!important }nav.navbar .dropdown-menu .h_text:hover { background-color: #FFFFFF; }#footer .footer .c_title { color: #000000; }#w_0g2ejc2vm .c_btn, #w_0g2ejc2vm .vignette .day, #w_0g2ejc2vm .vignette .month, #w_0g2ejc2vm .slick-prev:before, #w_0g2ejc2vm .slick-next:before {color: #FFFFFF;}#w_d7rqyxfct .c_btn { color: #FFFFFF; } #w_d7rqyxfct .owl-theme .owl-dots .owl-dot.active span, #w_d7rqyxfct .owl-theme .owl-dots .owl-dot:hover span {background: #FFFFFF;opacity: 1;} #w_d7rqyxfct .carousel-indicators li, #w_d7rqyxfct .owl-theme .owl-dots .owl-dot span{background-color: #FFFFFF;opacity: 0.5;} #w_d7rqyxfct .carousel-control-prev, #w_d7rqyxfct .carousel-control-next,  #w_d7rqyxfct .owl-theme .owl-nav [class*=owl-]{color: #FFFFFF !important;}#w_fes2z62n1 .c_btn, #w_fes2z62n1 .carousel-control-prev i, #w_fes2z62n1 .carousel-control-next i { color: #FFFFFF; } #w_fes2z62n1 .owl-theme .owl-dots .owl-dot.active span, #w_fes2z62n1 .owl-theme .owl-dots .owl-dot:hover span {background: #FFFFFF;opacity: 1;} #w_fes2z62n1 .carousel-indicators li, #w_fes2z62n1 .owl-theme .owl-dots .owl-dot span{background-color: #FFFFFF;opacity: 0.5;} #w_fes2z62n1 .carousel-control-prev, #w_fes2z62n1 .carousel-control-next, #w_fes2z62n1 .owl-theme .owl-nav [class*=owl-]{color: #FFFFFF !important;}#w_headline .c_text .title, #w_headline .c_text { color: #000000; }#w_o530tmy6l .c_btn, #w_o530tmy6l .vignette .day, #w_o530tmy6l .vignette .month, #w_o530tmy6l .slick-prev:before, #w_o530tmy6l .slick-next:before {color: #98B62B;}#w_oneclick .c_text { color: #FFFFFF; }#w_pjaj84we6 .c_btn, #w_pjaj84we6 .carousel-control-prev i, #w_pjaj84we6 .carousel-control-next i { color: rgba(255,255,255,0); } #w_pjaj84we6 .owl-theme .owl-dots .owl-dot.active span, #w_pjaj84we6 .owl-theme .owl-dots .owl-dot:hover span {background: rgba(255,255,255,0);opacity: 1;} #w_pjaj84we6 .carousel-indicators li, #w_pjaj84we6 .owl-theme .owl-dots .owl-dot span{background-color: rgba(255,255,255,0);opacity: 0.5;} #w_pjaj84we6 .carousel-control-prev, #w_pjaj84we6 .carousel-control-next, #w_pjaj84we6 .owl-theme .owl-nav [class*=owl-]{color: rgba(255,255,255,0) !important;}#w_rvfu3xxsf .c_btn { color: #FFFFFF; } #w_rvfu3xxsf .owl-theme .owl-dots .owl-dot.active span, #w_rvfu3xxsf .owl-theme .owl-dots .owl-dot:hover span {background: #FFFFFF;opacity: 1;} #w_rvfu3xxsf .carousel-indicators li, #w_rvfu3xxsf .owl-theme .owl-dots .owl-dot span{background-color: #FFFFFF;opacity: 0.5;} #w_rvfu3xxsf .carousel-control-prev, #w_rvfu3xxsf .carousel-control-next,  #w_rvfu3xxsf .owl-theme .owl-nav [class*=owl-]{color: #FFFFFF !important;}#w_vmzxr01kf .c_btn { color: #FFFFFF; } #w_vmzxr01kf .owl-theme .owl-dots .owl-dot.active span, #w_vmzxr01kf .owl-theme .owl-dots .owl-dot:hover span {background: #FFFFFF;opacity: 1;} #w_vmzxr01kf .carousel-indicators li, #w_vmzxr01kf .owl-theme .owl-dots .owl-dot span{background-color: #FFFFFF;opacity: 0.5;} #w_vmzxr01kf .carousel-control-prev, #w_vmzxr01kf .carousel-control-next, #w_vmzxr01kf .owl-theme .owl-nav [class*=owl-]{color: #FFFFFF !important;}.breadcrumb.bg .c_title { color: #000000; } .breadcrumb:before { border-color: #000000; }#w_0atrj53l6 .c_text { color: #000000; }#w_0g2ejc2vm .c_text { color: #FFFFFF; }#w_d7rqyxfct .c_text { color: #FFFFFF; }#w_fes2z62n1 .c_text { color: #000000; }#w_o530tmy6l .c_text { color: #000000; }#w_oneclick .c_title { color: #98B62B; }#w_pjaj84we6 .c_text { color: #000000; }#w_rvfu3xxsf .c_text { color: #FFFFFF; }#w_0atrj53l6 .c_title { color: #000000; } #w_0atrj53l6 .dash-title .left, #w_0atrj53l6 .dash-title .right { border-color: #000000; }#w_0g2ejc2vm .c_title { color: #FFFFFF; } #w_0g2ejc2vm .dash-title .left, #w_0g2ejc2vm .dash-title .right { border-color: #FFFFFF; }#w_cdhrwrqdl .c_title {color: #000000;} #w_cdhrwrqdl .dash-title .left, #w_cdhrwrqdl .dash-title .right, #w_cdhrwrqdl .map:before {border-color: #000000;}#w_d7rqyxfct .c_title { color: #000000 !important; } #w_d7rqyxfct .dash-title .left, #w_d7rqyxfct .dash-title .right { border-color: #000000; }#w_fes2z62n1 .c_title { color: #000000; } #w_fes2z62n1 .dash-title .left, #w_fes2z62n1 .dash-title .right { border-color: #000000; }#w_o530tmy6l .c_title { color: #000000; } #w_o530tmy6l .dash-title .left, #w_o530tmy6l .dash-title .right { border-color: #000000; }#w_pjaj84we6 .c_title { color: #000000; } #w_pjaj84we6 .dash-title .left, #w_pjaj84we6 .dash-title .right { border-color: #000000; }#w_rvfu3xxsf .c_title { color: #000000 !important; } #w_rvfu3xxsf .dash-title .left, #w_rvfu3xxsf .dash-title .right { border-color: #000000; }#w_vmzxr01kf .c_title { color: #000000; } #w_vmzxr01kf .dash-title .left, #w_vmzxr01kf .dash-title .right { border-color: #000000; }#footer .bg_btn { background-color: rgba(245,245,245,0); }#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_rvfu3xxsf .c_title { display: inline-block; }
80#w_rvfu3xxsf .ct_title { display: block; }#w_0g2ejc2vm .bg_btn, #w_0g2ejc2vm .vignette { background-color: #F5F5F5; }
80 #w_0g2ejc2vm .slick-prev, #w_0g2ejc2vm .slick-next{background-color: #F5F5F5 !important;}#w_d7rqyxfct .bg_btn, #w_d7rqyxfct .carousel-indicators .active { background: #253062 !important;} #w_d7rqyxfct .bg_btn, #w_d7rqyxfct .carousel-indicators li{ border-color: #253062 !important;} #w_d7rqyxfct .carousel-control-prev-icon, #w_d7rqyxfct .carousel-control-next-icon,  #w_d7rqyxfct .owl-theme .owl-nav [class*=owl-]{background-color: #253062 !important;}#w_fes2z62n1 .bg_btn, #w_fes2z62n1 .carousel-control-prev-icon, #w_fes2z62n1 .carousel-control-next-icon, #w_fes2z62n1 .owl-theme .owl-nav [class*=owl-]{background-color: #253062 !important;}#w_o530tmy6l .bg_btn, #w_o530tmy6l .vignette { background-color: #FFFFFF; } #w_o530tmy6l .slick-prev, #w_o530tmy6l .slick-next{background-color: #FFFFFF !important;}#w_oneclick .vignette { background-color: #253062; }#w_pjaj84we6 .bg_btn, #w_pjaj84we6 .carousel-control-prev-icon, #w_pjaj84we6 .carousel-control-next-icon, #w_pjaj84we6 .owl-theme .owl-nav [class*=owl-]{background-color: rgba(37,48,98,0) !important;}#w_rvfu3xxsf .bg_btn, #w_rvfu3xxsf .carousel-indicators .active { background: #98B62B !important;} #w_rvfu3xxsf .bg_btn, #w_rvfu3xxsf .carousel-indicators li{ border-color: #98B62B !important;} #w_rvfu3xxsf .carousel-control-prev-icon, #w_rvfu3xxsf .carousel-control-next-icon,  #w_rvfu3xxsf .owl-theme .owl-nav [class*=owl-]{background-color: #98B62B !important;}#w_vmzxr01kf .bg_btn { background-color: #F5F5F5; } #w_vmzxr01kf .carousel-control-prev-icon, #w_vmzxr01kf .carousel-control-next-icon,  #w_vmzxr01kf .owl-theme .owl-nav [class*=owl-]{background-color: #F5F5F5 !important;}#w_d7rqyxfct .card-body { background-color: #98B62B; }#w_rvfu3xxsf .card-body { background-color: #98B62B; }#w_headline .c_text_responsive .title, #w_headline .c_text_responsive { color: #000000; }/*np-dropdowns*/.bootstrap-select{background-color:#009ED6!important;}.bootstrap-select .dropdown-menu{background-color:#009ED6!important;border-color:#009ED6!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:#009ED6!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>
81                    
82                    <meta property="og:url" content="">
83            <meta property="og:type" content="website">
84            <meta property="og:title" content="Commune déléguée de Beauchêne (61800 Tinchebray-Bocage)">
85            <meta property="og:description" content="">
86            
87    
87<script src="/js/vendor/jquery-3.2.1.min.js"></script>
87
88    
88<script>tarteaucitron.user.matomoHost = '//matomo.neopse.com/';</script>
88
89    <!-- Matomo -->
90                                                                <!-- End Matomo Code -->
91</head>
92<body>
93<div class="top-navbar bg">
94    <div class="ov"></div>
95
96    <div class="navbar-brand bloc_logo">            <a href="/fr/" class="img">
97                <img role="img" src="https://static.neopse.com/medias/p/4088/site/96/72/96/96729620df1012b5105b22937b84dfc4830dd648.jpg" alt="Commune déléguée de Beauchêne (61800 Tinchebray-Bocage)"
98                      class="logo">
99            </a>
100            </div>
101</div>
102<!-- Top navbar -->
103<header role="banner" class="sticky-top">
104    <nav role="navigation" class="navbar navbar-expand-lg sticky-top navigation bg">
105        <div class="container">
106        <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">
107            <span class="navbar-toggler-icon">
108                <i class="material-icons notranslate" style="color: inherit;">menu</i>
109            </span>
110        </button>
111
112        <a class="brand navbar-brand c_text bloc_logo" href="/fr/">
113                        <div class="img">
114                <picture>
115                    <source media="(max-width: 991.98px)" srcset="https://static.neopse.com/medias/p/4088/site/96/72/96/96729620df1012b5105b22937b84dfc4830dd648.jpg">
116                    <img role="img" src="https://static.neopse.com/medias/p/4088/site/96/72/96/96729620df1012b5105b22937b84dfc4830dd648.jpg" alt="Logo Commune déléguée de Beauchêne (61800 Tinchebray-Bocage)" loading="eager">
117                </picture>
118            </div>
119                    </a>
120
121        <div class="collapse navbar-collapse" id="navbar">
122            <ul class="navbar-nav">
123                <li class="nav-item dropdown">
124                    <a class="nav-link c_text h_text px-3" href="/" role="button">
125                        <i class="material-icons">home</i>
126                    </a>
127                </li>
128                                                                                                                            <li class="nav-item dropdown">
129                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown1" role="button"
130                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
131                                    Municipalité
132                                </a>
133                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown1">
134                                                                            <div class="dropdown-menu-image" aria-hidden="true"
135                                             style="background-image: url(https://static.neopse.com/thumbs/p/4088/site/c9/91/c6/c991c6c0b4346443176c77fa21403136b111ed12.png?v=v1);"></div>
136                                    
137                                    <div class="mega-dropdown-menu">
138                                        <div class="divider">
139                                                                                                                                    
140                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
141                                                   href="/fr/rb/2271206/conseil-municipal-230">
142                                                    Conseil Municipal
143                                                </a>
144                                            
145                                            
146                                            
147                                                                                                                                                                                
148                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
149                                                   href="/fr/rb/2271219/tinchebray-bocage">
150                                                    Tinchebray Bocage
151                                                </a>
152                                            
153                                            
154                                            
155                                                                                                                                                                                
156                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
157                                                   href="/fr/rb/2271232/domfront-tinchebray-interco">
158                                                    Domfront-Tinchebray Interco
159                                                </a>
160                                            
161                                            
162                                            
163                                                                                                                                </div>
164                                    </div>
165                                </div>
166                            </li>
167                                                                                                                                    <li class="nav-item dropdown">
168                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown2" role="button"
169                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
170                                    Histoire
171                                </a>
172                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown2">
173                                                                            <div class="dropdown-menu-image" aria-hidden="true"
174                                             style="background-image: url(https://static.neopse.com/thumbs/p/4088/site/0c/b3/aa/0cb3aab060022a3494c26da2459bc0bf13318cca.png?v=v1);"></div>
175                                    
176                                    <div class="mega-dropdown-menu">
177                                        <div class="divider">
178                                                                                                                                    
179                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
180                                                   href="/fr/rb/2271258/histoire-de-beauchene">
181                                                    Histoire de Beauchêne
182                                                </a>
183                                            
184                                            
185                                            
186                                                                                                                                                                                
187                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
188                                                   href="/fr/rb/2271271/cartes-postales-anciennes-7">
189                                                    Cartes postales anciennes
190                                                </a>
191                                            
192                                            
193                                            
194                                                                                                                                </div>
195                                    </div>
196                                </div>
197                            </li>
198                                                                                                                                    <li class="nav-item dropdown">
199                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown3" role="button"
200                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
201                                    Démarches
202                                </a>
203                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown3">
204                                                                            <div class="dropdown-menu-image" aria-hidden="true"
205                                             style="background-image: url(https://static.neopse.com/thumbs/p/4088/site/48/8a/27/488a27afd2505086c09ec5afe971d2cc04c51027.png?v=v1);"></div>
206                                    
207                                    <div class="mega-dropdown-menu">
208                                        <div class="divider">
209                                                                                                                                    
210                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
211                                                   href="/fr/rb/2280566/france-services-44">
212                                                    France services
213                                                </a>
214                                            
215                                            
216                                            
217                                                                                                                                                                                
218                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
219                                                   href="/fr/rb/2280592/urbanisme-assainissement-1">
220                                                    Urbanisme / Assainissement
221                                                </a>
222                                            
223                                            
224                                            
225                                                                                                                                                                                
226                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
227                                                   href="/fr/rb/2280579/etat-civil-autres">
228                                                    État Civil &amp; autres
229                                                </a>
230                                            
231                                            
232                                            
233                                                                                                                                </div>
234                                    </div>
235                                </div>
236                            </li>
237                                                                                                                                    <li class="nav-item dropdown">
238                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown4" role="button"
239                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
240                                    Infos Pratiques
241                                </a>
242                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown4">
243                                                                            <div class="dropdown-menu-image" aria-hidden="true"
244                                             style="background-image: url(https://static.neopse.com/thumbs/p/4088/site/81/4e/af/814eaf4d7231463d8b5329207f454ad23eb310eb.png?v=v1);"></div>
245                                    
246                                    <div class="mega-dropdown-menu">
247                                        <div class="divider">
248                                                                                                                                    
249                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
250                                                   href="/fr/rb/2280605/location-salle-des-fetes-16">
251                                                    Location Salle des Fêtes
252                                                </a>
253                                            
254                                            
255                                            
256                                                                                                                                                                                
257                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
258                                                   href="/fr/rb/2280631/entreprises-8">
259                                                    Entreprises
260                                                </a>
261                                            
262                                            
263                                            
264                                                                                                                                                                                
265                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
266                                                   href="/fr/rb/2280644/associations-232">
267                                                    Associations
268                                                </a>
269                                            
270                                            
271                                            
272                                                                                                                                                                                
273                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
274                                                   href="/fr/rb/2280618/collecte-des-dechets-125">
275                                                    Collecte des déchets
276                                                </a>
277                                            
278                                            
279                                            
280                                                                                                                                </div>
281                                    </div>
282                                </div>
283                            </li>
284                                                                                                                                    <li class="nav-item dropdown">
285                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown5" role="button"
286                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
287                                    Loisirs
288                                </a>
289                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown5">
290                                                                            <div class="dropdown-menu-image" aria-hidden="true"
291                                             style="background-image: url(https://static.neopse.com/thumbs/p/4088/site/57/9f/b4/579fb479820b0ee403f2caafcce8fe3565849794.png?v=v1);"></div>
292                                    
293                                    <div class="mega-dropdown-menu">
294                       
294                 <div class="divider">
295                                                                                                                                    
296                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
297                                                   href="/fr/rb/2280683/randonnee-12">
298                                                    Randonnée
299                                                </a>
300                                            
301                                            
302                                            
303                                                                                                                                                                                
304                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
305                                                   href="/fr/rb/2280670/le-graal">
306                                                    Le Graal
307                                                </a>
308                                            
309                                            
310                                            
311                                                                                                                                                                                
312                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
313                                                   href="/fr/rb/2280657/les-illuminations">
314                                                    Les Illuminations
315                                                </a>
316                                            
317                                            
318                                            
319                                                                                                                                </div>
320                                    </div>
321                                </div>
322                            </li>
323                                                                                                                                    <li class="nav-item dropdown">
324                                <a class="nav-link c_text h_text dropdown-toggle" href="#" id="menuDropdown6" role="button"
325                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
326                                    Contact
327                                </a>
328                                <div class="dropdown-menu bg_text" aria-labelledby="menuDropdown6">
329                                                                            <div class="dropdown-menu-image" aria-hidden="true"
330                                             style="background-image: url(https://static.neopse.com/thumbs/p/4088/site/57/80/20/57802013ccf43867fd07698545ea3418755a2802.png?v=v1);"></div>
331                                    
332                                    <div class="mega-dropdown-menu">
333                                        <div class="divider">
334                                                                                                                                    
335                                            
336                                                                                            <a class="dropdown-item c_text h_text bg_h_text" role="menuitem"
337                                                   href="/fr/ct/2622440/contacter-la-mairie-6">
338                                                    Contacter la mairie
339                                                </a>
340                                            
341                                            
342                                                                                                                                </div>
343                                    </div>
344                                </div>
345                            </li>
346                                                            
347                                    <li class="nav-item position-relative">
348                        <a role="button" class="search-button nav-link c_text h_text">
349                            <i class="material-icons">search</i>
350                        </a>
351                        <form action="/fr/search" class="searchbar form-inline search mb-0 hide" method="post">
352                            <input id="search-form" name="keywords" class="form-control" type="search" placeholder="Recherche" aria-label="Recherche">
353                            <button class="btn c_btn bg_btn" type="submit"><i class="material-icons">search</i></button>
354                        </form>
355                    </li>
356                
357                
358            </ul>
359        </div>
360    </div>
361</nav>
362
363</header>
364
365<main role="main">
366        <div class="main home">
367
368        <div id="w_headline">
369            <!-- A la une - slider -->
370<header class="slider">
371    <div id="carouselIndicators" class="carousel slide" data-ride="carousel">
372        <!-- Bullet navigation -->
373        
374        <div class="carousel-inner">
375                            <div class="carousel-item  active">
376                    <img role="img" src="https://static.neopse.com/thumbs/p/4088/site/12/de/8a/12de8a9ced90d3dc5024672f64e635020f7fccc9.png?v=v1" alt="Beauchêne"/>
377                    <div class="carousel-caption">
378                        <h1 class="title">
379                            <a href="/fr/rb/2271258/histoire-de-beauchene" class="c_text title">
380                                Beauchêne
381                            </a>
382                        </h1>
383                                                    <p class="lead c_text">
384                                <a href="/fr/rb/2271258/histoire-de-beauchene" class="c_text">
385                                    Commune déléguée de Tinchebray Bocage
386                                </a>
387                            </p>
388                                                <a href="/fr/rb/2271258/histoire-de-beauchene" class="btn btn-primary c_btn bg_btn">
389                            Voir plus
390                        </a>
391                    </div>
392                </div>
393            
394            <!-- Prev/Next -->
395            <a class="carousel-control-prev" href="#carouselIndicators" role="button" data-slide="prev">
396                <span class="carousel-control-prev-icon" aria-hidden="true"><i class="material-icons">chevron_left</i></span>
397                <span class="sr-only">Previous</span>
398            </a>
399            <a class="carousel-control-next" href="#carouselIndicators" role="button" data-slide="next">
400              <span class="carousel-control-next-icon" aria-hidden="true"><i class="material-icons">chevron_right</i></span>
401              <span class="sr-only">Next</span>
402            </a>
403
404        </div>
405    </div>
406</header>
407
408        </div>
409
410            <div id="w_oneclick">
411        
412    </div>
413
414
415            <div id="w_rvfu3xxsf">
416        <!-- Actualités -->
417<section class="bg actu">
418    <div class="ov"></div>
419    <div class="container">
420                    <div class="c_title">
421                <div class="dash-title">
422                    <div class="left"></div>
423                        <h2 class="title d_title">
424                            Actualités
425                        </h2>
426                    <div class="right"></div>
427                </div>
428            </div>
429        
430        <div class="carousel-wrapper mt-4">
431            <div class="carousel-3 owl-carousel owl-theme">
432                                    <a href="/fr/nw/2622466/2953420/fermeture-estivale-20" class="card item" aria-label="Actualité: Fermeture estivale">
433                        <div class="card-button black">
434                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/4088/site/ef/03/d2/ef03d292a8af1b70af03404d1c29a0f0977aa8a6.png?v=v1" alt="">
435                        </div>
436                        <div class="card-body bg_text">
437                                                            <h3 class="card-title c_text mb-1 h6">Fermeture estivale</h3>
438                                                        <p class="card-text c_text h6">Réouverture : mardi 25 août à 9h30</p>
439                        </div>
440                    </a>
441                                    <a href="/fr/nw/2622466/2559117/passeports-cartes-didentite" class="card item" aria-label="Actualité: Passeports &amp; Cartes d&#039;identité">
442                        <div class="card-button black">
443                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/4088/site/5e/b7/60/5eb760501c8e859af6a501f57a870f4f8a6479df.png?v=v1" alt="">
444                        </div>
445                        <div class="card-body bg_text">
446                                                            <h3 class="card-title c_text mb-1 h6">Passeports &amp; Cartes d&#039;identité</h3>
447                                                        <p class="card-text c_text h6">Je prends rendez-vous en ligne !</p>
448                        </div>
449                    </a>
450                                    <a href="/fr/nw/2622466/2556595/comice-2026" class="card item" aria-label="Actualité: Comice 2026">
451                        <div class="card-button black">
452                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/4088/site/3a/59/5a/3a595a7d5cfc44f03d9568d590c8eac6114b3fa4.png?v=v1" alt="">
453                        </div>
454                        <div class="card-body bg_text">
455                                                            <h3 class="card-title c_text mb-1 h6">Comice 2026</h3>
456                                                        <p class="card-text c_text h6">
456Rejoignez les bénévoles !</p>
457                        </div>
458                    </a>
459                                    <a href="/fr/nw/2622466/2556504/nouveau-site-internet-20" class="card item" aria-label="Actualité: Nouveau site internet !">
460                        <div class="card-button black">
461                            <img role="img" class="card-img-top img-fluid" src="https://static.neopse.com/thumbs/p/4088/site/43/32/6d/43326de71111068ccf15399e44088338bdb078a4.png?v=v1" alt="">
462                        </div>
463                        <div class="card-body bg_text">
464                                                            <h3 class="card-title c_text mb-1 h6">Nouveau site internet !</h3>
465                                                        <p class="card-text c_text h6">On s'est refait une beauté</p>
466                        </div>
467                    </a>
468                            </div>
469        </div>
470
471        <div class="text-right mt-5">
472            <a href="/fr/nw/2622466/actualites-1759" class="btn btn-primary c_btn bg_btn" aria-label="Voir tout">Voir tout</a>
473        </div>
474    </div>
475</section>
476
477    </div>
478    <div id="w_pjaj84we6">
479        <section class="bg edito">
480    <div class="ov"></div>
481    <div class="container">
482
483                    <div class="c_title">
484                <div class="dash-title">
485                    <div class="left"></div>
486                        <h2 class="title d_title">
487                            Edito
488                        </h2>
489                    <div class="right"></div>
490                </div>
491            </div>
492        
493        <div class="row mt-3">
494            <a href="/fr/ed/2622570/57306/horaires-de-la-mairie" class="col-lg-3 col-md-3 col-5">
495                <img
496                    class="img-fluid"
497                    src="https://static.neopse.com/thumbs/p/4088/site/70/0f/65/700f65ae416d937effa945a650e17327b8c40d4f.png?v=v1"
498                    alt="Image par défaut" />
499            </a>
500
501            <a href="/fr/ed/2622570/57306/horaires-de-la-mairie" class="col-lg-9 col-md-9 col-12">
502                                    <h3 class="card-title c_text h4">Horaires de la mairie</h3>
503                                <p class="c_text">MARDI MATIN  ( 9h30-12h) ET VENDREDI APRES-MIDI (14h30 à 17h)</p>
504            </a>
505        </div>
506
507        <div class="text-right mt-5">
508            <a href="/fr/ed/2622570/contacter-la-mairie-7" class="btn btn-primary c_btn bg_btn" aria-label="Voir tout">Voir tout</a>
509        </div>
510    </div>
511</section>
512
513    </div>
514
515
516        
517
518    </div>
519    </main>
520
521            <div id="previewModalImage" class="modal">
522
523                <!-- The Close Button -->
524                <span id="closePreviewImage" class="close">&times;</span>
525
526                <!-- Navigation Buttons -->
527                <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">&#10094;</a>
528                <a id="nextImage" class="modal-nav next" href="javascript:void(0)">&#10095;</a>
529
530                <!-- Image Counter -->
531                <div id="imageCounter" class="image-counter"></div>
532
533                <!-- Modal Content (The Image) -->
534                <div id="containerPreviewImage"><img role="img" class="modal-content" alt=""></div>
535
536                <!-- Modal Caption (Image Text) -->
537                <div id="captionPreviewImage"></div>
538            </div>
539        
540                    
540<script>
541                (function() {
542                    // Get the modal elements
543                    const modal = document.getElementById('previewModalImage');
544                    const modalImg = modal.querySelector('img');
545                    const captionText = document.getElementById('captionPreviewImage');
546                    const closePreviewImage = document.getElementById('closePreviewImage');
547                    const prevBtn = document.getElementById('prevImage');
548                    const nextBtn = document.getElementById('nextImage');
549                    const imageCounter = document.getElementById('imageCounter');
550
551                    let currentImages = [];
552                    let currentIndex = 0;
553
554                    // Helper function to toggle element visibility
555                    function toggleElement(element, show) {
556                        if (element) {
557                            element.style.display = show ? 'block' : 'none';
558                        }
559                    }
560
561                    // Function to update the modal with a specific image
562                    function updateModal(index) {
563                        if (currentImages.length === 0) return;
564
565                        currentIndex = index;
566                        const img = currentImages[currentIndex];
567                        modalImg.setAttribute('src', img.src);
568                        modalImg.setAttribute('alt', img.alt || '');
569                        captionText.innerHTML = img.alt || '';
570
571                        // Update counter
572                        imageCounter.textContent = (currentIndex + 1) + ' / ' + currentImages.length;
573
574                        // Show/hide navigation buttons
575                        const showNav = currentImages.length > 1;
576                        toggleElement(prevBtn, showNav);
577                        toggleElement(nextBtn, showNav);
578                        toggleElement(imageCounter, showNav);
579                    }
580
581                    // Function to show next image
582                    function showNext() {
583                        if (currentImages.length === 0) return;
584                        currentIndex = (currentIndex + 1) % currentImages.length;
585                        updateModal(currentIndex);
586                    }
587
588                    // Function to show previous image
589                    function showPrev() {
590                        if (currentImages.length === 0) return;
591                        currentIndex = (currentIndex - 1 + currentImages.length) % currentImages.length;
592                        updateModal(currentIndex);
593                    }
594
595                    // Helper function to find closest ancestor with class
596                    function closest(element, selector) {
597                        if (!element) return null;
598                        if (selector.startsWith('.')) {
599                            const className = selector.slice(1);
600                            let current = element;
601                            while (current && current !== document) {
602                                if (current.classList && current.classList.contains(className)) {
603                                    return current;
604                                }
605                                current = current.parentElement;
606                            }
607                        }
608                        return null;
609                    }
610
611                    // When clicking on an image
612                    document.addEventListener('click', function(e) {
613                        const target = e.target;
614                        if (target.tagName === 'IMG' &&
615                            (target.classList.contains('img') || target.classList.contains('main-img')) &&
616                            closest(target, '.splide')) {
617
618                            const clickedSlide = closest(target, '.splide__slide');
619                            if (!clickedSlide) return;
620
621                            const splideList = closest(clickedSlide, '.splide__list');
622                            if (!splideList) return;
623
624                            const allSlides = splideList.querySelectorAll('.splide__slide');
625
626                            currentImages = [];
627                            const seenSrcs = new Set();
628                            const clickedSrc = target.src;
629
630                            allSlides.forEach(function(slide) {
631                                const slideImg = slide.querySelector('.img, .main-img');
632                                if (slideImg) {
633                                    const imgSrc = slideImg.src;
634                                    if (!seenSrcs.has(imgSrc)) {
635                                        seenSrcs.add(imgSrc);
636                                        currentImages.push(slideImg);
637                                    }
638                                }
639                            });
640
641                            currentIndex = currentImages.findIndex(function(img) {
642                                return img.src === clickedSrc;
643                            });
644
645                            if (currentIndex === -1) {
646                                currentIndex = 0;
647                            }
648
649                            updateModal(currentIndex);
650                            modal.style.display = 'block';
651                        }
652                    });
653
654                    // Navigation button handlers
655                    if (nextBtn) {
656                        nextBtn.addEventListener('click', function (e) {
657                            e.preventDefault();
658                            e.stopPropagation();
659                            showNext();
660                        });
661                    }
662
663                    if (prevBtn) {
664                        prevBtn.addEventListener('click', function (e) {
665                            e.preventDefault();
666                            e.stopPropagation();
667                            showPrev();
668                        });
669                    }
670
671                    // Keyboard navigation
672                    document.addEventListener('keydown', function (e) {
673                        const isModalVisible = modal.style.display !== 'none' &&
674                                             (modal.style.display === 'block' ||
675                                              window.getComputedStyle(modal).display !== 'none');
676
677                        if (isModalVisible) {
678                            if (e.key === 'ArrowRight' || e.keyCode === 39) {
679                                e.preventDefault();
680                                showNext();
681                            } else if (e.key === 'ArrowLeft' || e.keyCode === 37) {
682                                e.preventDefault();
683                                showPrev();
684                            } else if (e.key === 'Escape' || e.keyCode === 27) {
685                                e.preventDefault();
686                                e.stopPropagation();
687                                modal.style.display = 'none';
688                            }
689                        }
690                    });
691
692                    // Close button handler
693                    if (closePreviewImage) {
694                        closePreviewImage.addEventListener('click', function () {
695                            modal.style.display = 'none';
696                        });
697                    }
698
699                    // Close modal when clicking outside the image
700                    modal.addEventListener('click', function (e) {
701                        if (e.target === modal) {
702                            modal.style.display = 'none';
703                        }
704                    });
705                })();
706            </script>
706
707        
708
709
710<!-- Footer -->
711<div id="footer">
712    <footer role="contentinfo" class="footer bg">
713    <div class="ov"></div>
714
715        <div class="container mb-3 d-flex flex-wrap justify-content-between">
716            <div class="footer-container">
717                <h2 class="title c_title" style="font-size:1.5rem !important;"><a style="font-size:1.5rem !important;" href="/fr/ct/2622440/contacter-la-mairie-6" class="title mb-0">Contacter la mairie</a></h2>
718<div class="footer-box">
719    <div class="contact c_text">
720        <p class="font-weight-bold mb-0">Commune déléguée de Beauchêne (Tinchebray-Bocage)</p>
721        <p class="mb-0">117 Le Bourg  - Beauchêne</p>
722        <p class="mb-0">61800 Tinchebray-Bocage - FRANCE</p>
723         <p class="mb-0"><a href="tel:+33233386371">+33 2 33 38 63 71</a>
724            </p>
725                    <p class="mb-0"><a class="btn c_btn bg_btn d-inline-block" href="#" data-toggle="modal" data-target="#contactFormContactFooter">Contact par formulaire</a>
726            </p>
727        
728        
729    </div>
730</div>
731
732
733
734                <div class="social-media">
735    <ul class="c_text">
736                                                                                                                                                    </ul>
737</div>
738
739                
740
741
742            </div>
743        </div>
744
745        <div class="footer-links bg" style="padding: 10px 0 !important;">
746            <div class="ov"></div>
747            <div class="container">
748                <div class="footer-links-container">
749                    <div class="footer-container">
750            <h2 class="title c_title d_title" style="font-size:1.5rem !important;">Liens</h2>
751    
752    <div class="footer-box links" style="text-align: start;">
753        <p class="c_text">
754                            <a href="http://www.tinchebray.fr" target="_blank">Tinchebray</a>
755                            <a href="https://www.usagers.eaux-de-normandie.fr/" target="_blank">Eaux de Normandie</a>
756                            <a href="https://sirtom-flers-conde.fr/" target="_blank">SIRTOM</a>
757                            <a href="http://www.domfront-tinchebray-interco.fr/" target="_blank">Domfront-Tinchebray Interco</a>
758                    </p>
759    </div>
760</div>
761
762                </div>
763
764                <div class="footer-links-container">
765                    
766                </div>
767            </div>
768
769            <div class="container d-flex flex-wrap position-relative justify-content-center mt-3 c_text">
770                <p class="mr-2 c_text"><a href="/fr/li/2622453/mentions-legales-1873">Mentions légales</a>
771</p>-
772                <p class="ml-2 mr-2 c_text"><a href="/fr/2622453/politique-confidentialite">Politique de confidentialité</a>
773</p>-
774                <p class="ml-2 mr-2 c_text"><a href="/fr/accessibilite">Accessibilité</a>
775</p>-
776                
777                <p class="ml-2 mr-2 c_text"><a href="/fr/sm/106280/plan-du-site-1" >Plan du site</a></p>-
778                <p class="ml-2 mr-2 c_text"><a href="#tarteaucitron">Gestion des cookies</a></p>
779            </div>
780        </div>
781
782    </footer>
783
784
785</div>
786
787<div class="modal fade" id="contactFormContactFooter" tabindex="-1" role="dialog" aria-labelledby="modalFooter-label" aria-hidden="true"
788     style="color:initial;-webkit-transform: translateZ(0);transform: translateZ(0);">
789    <div class="modal-dialog" role="document">
790        <div class="modal-content">
791            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
792                <span aria-hidden="true">&times;</span>
793            </button>
794
795            <div class="modal-header bg_bloc">
796                                <h4 id="modalFooter-label" class="modal-title font-weight-bold dark text_bloc">Contacter la mairie</h4>
797                            </div>
798            <form id="contactFormFooter" action="/formMdContact" method="post"
799                  novalidate enctype="multipart/form-data">
800                <div class="modal-body pb-0">
801
802                    
803                    <div class="form-group">
804    <div class="h-recaptcha m-auto d-inline-block"></div>
805    <div class="form-error requirements" id="h-captcha-response-error" role="alert">Ce champ est obligatoire
806    </div>
807</div>                </div>
808                <div class="modal-footer">
809                    <button id="formContactForm" type="submit" class="btn bg_btn c_btn formContactForm" aria-label="Envoyer">ENVOYER</button>
810                </div>
811                <div class="m-3">
812                    
813                </div>
814            </form>
815
816            <div id="messageSendedFormContactFooter" class="form-message-sent" style="display: none">
817                <p role="status">Le message a bien été envoyé à la mairie de Beauchêne. Nous vous répondrons dans les meilleurs délais. Merci.</p>
818            </div>
819        </div>
820    </div>
821</div>
822
823<div class="footer-bottom" style="position: relative;">
824    <div class="container">
825        <p>
826
827            <a href="https://reseaudescommunes.fr/?utm_source=rdcclients&utm_medium=footerlink" target="_blank">
828                <img role="img" src="/images/rdc-logo-footer-2.png" alt="logo Réseau des Communes" class="img-fluid">
829                Site créé en partenariat avec Réseau des Communes
830            </a>
831        </p>
832    </div>
833</div>
834<div class="modal fade pdfModal" id="pdfModal" tabindex="-1" role="dialog" aria-label="Prévisualisation du PDF" aria-hidden="true">
835    <div class="modal-dialog" role="document">
836        <div class="modal-content">
837            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
838                <span aria-hidden="true">&times;</span>
839            </button>
840
841            <embed type="application/pdf">
842        </div>
843    </div>
844</div>
845
846
847        
847<script src="/js/vendor/popper.min.js"></script>
847
848    
848<script src="/js/vendor/bootstrap.min.js"></script>
848
849
850    <!-- Carousel -->
851    
851<script src='/dist/owlcarousel/js/owl.carousel.min.js'></script>
851
852
853    
853<script src='/dist/slick/slick.js'></script>
853
854    
854<script src='/dist/scrollbar/jquery.scrollbar.min.js'></script>
854
855
856    
856<script src="/lib/splide-4.0.1/js/splide.min.js"></script>
856
857    
857<script src="/lib/splide-4.0.1/extensions/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
857
858
859        
859<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
859
860
861        
861<script src='/dist/pagination.min.js'></script>
861
862
863    
863<script src="/js/shared.js?v1"></script>
863
864    
864<script src="/tpl/4/js/main.js"></script>
864
865    
865<script src="/lib/chartjs/Chart.js"></script>
865
866    
866<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
866
867    
868            
869
870    
871        
872        
873    
874                    
875        
875<script type="text/javascript">
876
877        tarteaucitron.user.matomoId = 6;
878        (tarteaucitron.job = tarteaucitron.job || []).push('matomohightrack');
879
880
881        (tarteaucitron.job = tarteaucitron.job || []).push('youtube');
882        (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion');
883        (tarteaucitron.job = tarteaucitron.job || []).push('vimeo');
884        (tarteaucitron.job = tarteaucitron.job || []).push('othervideo');
885
886            </script>
886
887
888
889            
890    
890<script src="/js/hammer/hammer.min.js"></script>
890
891    
891<script>
892        $(function () {
893            var hammertime = new Hammer($('#carouselIndicators')[0]);
894
895            hammertime.get('swipe').set({direction: Hammer.DIRECTION_HORIZONTAL, threshold: 0});
896
897            hammertime.on("swipeleft", function () {
898                $('#carouselIndicators').carousel('next');
899            });
900            hammertime.on("swiperight", function () {
901                $('#carouselIndicators').carousel('prev');
902            });
903        });
904    </script>
904
905    
905<script>
906        // gestion responsive sur custom css
907
908        //WIDGET UNES
909
910        // récupération des stylessheets
911        var styleSheetList = document.styleSheets;
912        var currentCustomCss = false;
913
914        for (let i = 0; i < styleSheetList.length; i++) {
915            if (styleSheetList[i].title === "customCss") {
916                currentCustomCss = styleSheetList[i]['cssRules'];
917            }
918        }
919
920        // récupération des valeurs par défauts
921
922        var originalCTextColor = false;
923        var originalCBtnColorText = false;
924        var originalCBtnColorBackground = false;
925
926        var currentCTextColor = false;
927        var currentCBtnColor = false;
928        var currentCBtnColorBefore = false;
929
930        for (let i = 0; i < currentCustomCss.length; i++) {
931
932            if (currentCustomCss[i]['selectorText'].includes("body .c_btn,")) {
933                originalCBtnColorText = currentCustomCss[i].style.color;
934            }
935
936            if (currentCustomCss[i]['selectorText'].includes("body .bg_btn,")) {
937                originalCBtnColorBackground = currentCustomCss[i].style.backgroundColor;
938            }
939
940
941            if (currentCustomCss[i]['selectorText'].includes('.c_text_responsive')) {
942
943                if(currentCustomCss[i].style.color != ""){
944                    originalCTextColor = currentCustomCss[i].style.color;
945                }
946
947            }
948        }
949
950        function myFunction(screen) {
951
952            if (screen.matches) { // If media query matches
953                for (let i = 0; i < currentCustomCss.length; i++) {
954
955                    //.c_btn
956                    if (currentCustomCss[i]['selectorText'] === "#w_headline .c_btn") {
957                        if (currentCBtnColor == false) {
958                            currentCBtnColor = currentCustomCss[i].style.color;
959                        }
960
961                        currentCustomCss[i].style.setProperty('color', originalCBtnColorText, 'important');
962                    }
963
964                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .bg_btn,")) {
965                        if (currentCBtnColorBefore == false) {
966                            currentCBtnColorBefore = currentCustomCss[i].style.backgroundColor;
967                        }
968                        currentCustomCss[i].style.setProperty('background-color', originalCBtnColorBackground, 'important');
969                    }
970
971                    //.c_text
972                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .c_text .title,")) {
973                        console.log('gegegegege');
974
975                        if (currentCTextColor == false) {
976                            currentCTextColor = currentCustomCss[i].style.color;
977                        }
978
979                        currentCustomCss[i].style.setProperty('color', originalCTextColor, 'important');
980                    }
981
982                    //indicators
983                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .carousel-control-prev,")) {
984                        currentCustomCss[i].style.setProperty('color', originalCBtnColorText, 'important');
985                    }
986
987                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .carousel-control-prev-icon,")) {
988                        currentCustomCss[i].style.setProperty('background-color', originalCBtnColorBackground, 'important');
989                    }
990
991                }
992            } else {
993                for (let i = 0; i < currentCustomCss.length; i++) {
994
995                    //.c_btn
996                    if (currentCustomCss[i]['selectorText'] === "#w_headline .c_btn") {
997                        currentCustomCss[i].style.setProperty('color', currentCBtnColor, 'important');
998                    }
999
1000                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .bg_btn,")) {
1001                        currentCustomCss[i].style.setProperty('background-color', currentCBtnColorBefore, 'important');
1002                    }
1003
1004                    //.c_text
1005                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .c_text .title,")) {
1006                        currentCustomCss[i].style.setProperty('color', currentCTextColor, 'important');
1007                    }
1008
1009                    //indicators
1010                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .carousel-control-prev,")) {
1011                        currentCustomCss[i].style.setProperty('color', currentCBtnColor, 'important');
1012                    }
1013
1014                    if (currentCustomCss[i]['selectorText'].includes("#w_headline .carousel-control-prev-icon,")) {
1015                        currentCustomCss[i].style.setProperty('background-color', currentCBtnColorBefore, 'important');
1016                    }
1017                }
1018            }
1019        }
1020
1021        var screenTablet = window.matchMedia("(max-width: 979px)");
1022        myFunction(screenTablet); // Call listener function at run time
1023        screenTablet.addEventListener('change', myFunction); // Attach listener function on state changes
1024
1025
1026    </script>
1026
1027
1028
1029    
1029<script type="text/javascript">
1030            </script>
1030
1031
1032<script>
1033    (function (i, s, o, g, r, a, m) {
1034        i['InstanaEumObject'] = r;
1035        i[r] = i[r] || function () {
1036            (i[r].q = i[r].q || []).push(arguments)
1037        }, i[r].l = 1 * new Date();
1038        a = s.createElement(o),
1039            m = s.getElementsByTagName(o)[0];
1040        a.async = 1;
1041        a.src = g;
1042        m.parentNode.insertBefore(a, m)
1043    })(window, document, 'script', '//eum.instana.io/eum.min.js', 'ineum');
1044    ineum('reportingUrl', 'https://eum-eu-west-1.instana.io');
1045    ineum('apiKey', '9yG9cnlKTcS4le-zMVtBJA');
1046
1047    // set the name of a page on which this load/errors/calls happened
1048    ineum('page', 'front-site');
1049</script>
1049
1050
1051<script src="https://js.hcaptcha.com/1/api.js?hl=fr&onload=CaptchaCallback&render=explicit" async defer></script>
1051
1052
1053<script type="text/javascript">
1054    var CaptchaCallback = function () {
1055        $('.h-recaptcha').each(function (index, el) {
1056            hcaptcha.render(el, {'sitekey': 'f5095cfb-139b-47da-88e2-f0d2e7485392'});
1057        });
1058    };
1059</script>
1059
1060
1061<script>
1062    $(document).ready(function () {
1063
1064        $('.selectpicker').selectpicker();
1065
1066        var input = $('input[type=file]');
1067
1068        input.on('change', function () {
1069            var list = $(this).parent().parent().parent().parent().find($('.listFiles'));
1070            list.empty();
1071
1072            for (var x = 0; x < this.files.length; x++) {
1073                var newFile = '<li>Fichier joint :  ' + this.files[x].name + ' (' + humanFileSize(this.files[x].size) + ')</li>';
1074//                    li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
1075                list.append(newFile);
1076            }
1077        });
1078
1079        $('.form-error').hide();
1080        $('#contactFormFooter').submit(function (e) {
1081            let form = $(this);
1082
1083            $.ajax({
1084                type: "POST",
1085                url: form.attr('action'),
1086                data: new FormData(form[0]),
1087                contentType: false,
1088                processData: false,
1089                beforeSend: function () {
1090                    form.find('.form-error').hide();
1091                    $('.formContactForm').attr('disabled', true);
1092                },
1093                success: function (response) {
1094                    hcaptcha.reset();
1095
1096                    if (response.status === 'KO') {
1097                        let errors = response.errors;
1098                        for (let index in errors) {
1099                            if (errors.hasOwnProperty(index)) {
1100                                let attr = errors[index];
1101                                let error = attr[Object.keys(attr)[0]];
1102                                form.find('#' + index + '-error').text(error).show();
1103                            }
1104                        }
1105                    } else {
1106
1107                        $('#contactFormFooter').css('display', 'none');
1108                        $('#messageSendedFormContactFooter').css('display', '');
1109                        form[0].reset();
1110                    }
1111                },
1112                complete: function () {
1113
1114                    $('.formContactForm').removeAttr('disabled');
1115                }
1116            });
1117
1118            return false;
1119        });
1120
1121        $('#contactFormContactFooter').on('hidden.bs.modal', function () {
1122            $('#contactFormFooter')[0].reset();
1123
1124            $('#contactFormFooter').css('display', '');
1125
1126            $('#messageSendedFormContactFooter').css('display', 'none');
1127
1128            $('.form-error').hide();
1129
1130            $('.listFiles').empty();
1131
1132            hcaptcha.reset();
1133        });
1134
1135
1136    });
1137
1138    function humanFileSize(size) {
1139        var i = Math.floor(Math.log(size) / Math.log(1024));
1140        return (size / Math.pow(1024, i)).toFixed(1) * 1 + ' ' + ['B', 'kB', 'MB', 'GB', 'TB'][i];
1141    }
1142</script>
1142
1143
1144<script>
1145    $(function () {
1146
1147
1148        var numberAlerts = false;
1149
1150        var allAlerts = $('#alertsModal').find($('.alertsInfo'));
1151
1152        numberAlerts = allAlerts.length;
1153
1154        allAlerts.each(function (e) {
1155
1156            if (!sessionStorage.getItem("_nps_cookie_accept_alerts" + $(this).attr('data-id') + "")) {
1157                $('#alertsModal').modal('show');
1158            } else {
1159                $(this).remove();
1160                numberAlerts = numberAlerts - 1;
1161                setActiveAndDecrementNumber();
1162            }
1163
1164        });
1165
1166        $('.acceptCookiesAlerts').on('click', function (e) {
1167            e.preventDefault();
1168
1169            var currentDataId = $(this).attr('data-id');
1170
1171            sessionStorage.setItem('_nps_cookie_accept_alerts' + currentDataId + '', '1');
1172
1173            numberAlerts = numberAlerts - 1;
1174
1175            var currentParentNode = $(this).parent().parent().parent();
1176
1177            currentParentNode.removeClass('active');
1178            currentParentNode.remove();
1179
1180            setActiveAndDecrementNumber();
1181
1182        });
1183
1184        function setActiveAndDecrementNumber() {
1185            var newListOfAlerts = $('#alertsModal').find($('.alertsInfo'));
1186
1187            newListOfAlerts.each(function (index, e) {
1188                if (index == 0) {
1189                    $(this).addClass('active');
1190                }
1191            });
1192
1193            if (numberAlerts == 0) {
1194                $('#alertsModal').modal('hide');
1195            }
1196        }
1197
1198        var currentColorControl = '#212529';
1199
1200        $('#controlPrev').css('color', 'initial !important');
1201        $('#controlNext').css('color', 'initial !important');
1202        $('#controlPrev').on('mouseover', function () {
1203
1204            $(this).css('color', 'initial !important');
1205        });
1206
1207        $('#controlNext').on('mouseover', function () {
1208
1209            $(this).css('color', 'initial !important');
1210        });
1211
1212    });
1213</script>
1213
1214</body>
1215</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.