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 & 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 & Cartes d'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 & Cartes d'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">×</span> 525 526 <!-- Navigation Buttons --> 527 <a id="prevImage" class="modal-nav prev" href="javascript:void(0)">❮</a> 528 <a id="nextImage" class="modal-nav next" href="javascript:void(0)">❯</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">×</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">×</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.