1<!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" > 3 <head prefix="og: http://ogp.me/ns#"> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="format-detection" content="telephone=no" /> 7 <meta name="generator" content="WebSee (websee.fr)"/> 8 9
9<script src="/js/jquery-ui-1.12.1.custom/external/jquery/jquery.min.js" ></script>
9 10
10<script src="/js/dialog/jquery.dialog.min.js" ></script>
10 11 <title>Site officiel de la commune de Chantelle dans le Bourbonnais</title> 12<meta name="description" content="" /> 13<meta property="og:site_name" content="www.chantelle-bourbonnais.fr" /> 14<meta property="og:title" content="Site officiel de la commune de Chantelle dans le Bourbonnais" /> 15<meta property="og:type" content="website" /> 16<meta property="og:description" content="" /> 17<meta property="og:url" content="//www.chantelle-bourbonnais.fr/" /> 18 19 20 <link rel="stylesheet" href="/js/jssor/css/skin-arrow.css" type="text/css" media="all" /> 21 <link rel="stylesheet" href="/js/jssor/css/skin-bullet.css" type="text/css" media="all" /><link rel="stylesheet" href="/css/global/websee-maximenu.css" type="text/css" media="all" /><link rel="stylesheet" href="/js/leaflet/leaflet.css" type="text/css" media="all"/> 22
22<script src="/js/leaflet/leaflet.js" ></script>
22 23
23<script src="/js/leaflet/ui.js" ></script>
23 24 <link rel="stylesheet" href="/js/leaflet/MarkerCluster.css" media="all"> 25 <link rel="stylesheet" href="/js/leaflet/MarkerCluster.Default.css" media="all"> 26
26<script src="/js/leaflet/leaflet.markercluster-src.js"></script>
26<link href="/font/google/ubuntu/ubuntu.css" rel="stylesheet" type="text/css" /><link href="/font/google/voltaire/voltaire.css" rel="stylesheet" type="text/css" /><link href="/font/google/inter/inter.css" rel="stylesheet" type="text/css" /> 27 <link href="/css/global/font.css" rel="stylesheet" type="text/css" media="all"/> 28 <link rel="icon" type="image/x-icon" href="/template/petit-logo.png" /> 29 <link rel="shortcut icon" type="image/x-icon" href="/template/petit-logo.png" /> 30 31 32 <link rel="stylesheet" type="text/css" href="/js/dialog/dialog.min.css"/> 33 <link rel="stylesheet" href="/js/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="all" /> 34 <link rel="stylesheet" href="/js/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="all" /> 35 <link rel="stylesheet" href="/js/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="all" /> 36 <link rel="stylesheet" href="/js/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="all" /> 37 <link href="/css/global/style2.css?version=2" rel="stylesheet" type="text/css" media="all"/> 38 <link href="/css/global/images-width.css?version=1" rel="stylesheet" type="text/css" media="all"/> 39 40 41
41<script > 42 $(document).ready(function() { 43 $(".menu-principal-horizontal-item-1").addClass("current-horizontal-item"); 44 45 $(".menu-topscreen-item-1").addClass("current-topscreen-item"); 46 47 $(".menu-principal-vertical-item-1 ul").css("display","block"); 48 $(".menu-principal-vertical-item-1").addClass("current-vertical-item"); 49 $(".menu-principal-vertical-submenu-item-1").addClass("current-vertical-submenu-item"); 50 51 $(".fancybox").fancybox({autoSize : true}); 52 53 $(".fancybox-article").fancybox({ 54 type: "iframe", 55 autoSize : true, 56 width : "70%", 57 minHeight:150, 58 maxWidth: 1920, 59 maxHeight: 1080 60 }); 61 62 $(".fancybox-reservation").fancybox({ 63 type: "iframe", 64 autoSize : true, 65 width : "70%", 66 maxWidth: 1920, 67 maxHeight: 1080, 68 helpers : { "overlay" : {"closeClick": false} } 69 }); 70 71 $(".google-detail").fancybox({ 72 type: "iframe", 73 autoSize : true, 74 width : "70%", 75 maxWidth: 1920, 76 maxHeight: 1080, 77 helpers : { "overlay" : {"closeClick": false} }, 78 beforeShow : function () { 79 var titre_fiche = $(this.element).attr("data-titre") || $(this.element).attr("aria-label") || $(this.element).attr("title") || ""; 80 if (titre_fiche !== "") { 81 $(".fancybox-inner iframe").attr("title", titre_fiche); 82 } 83 } 84 }); 85 86 87 $(".fancybox-liens-fiches").fancybox({ 88 type: "iframe", 89 autoSize : true, 90 width : "70%", 91 maxWidth: 1920, 92 maxHeight: 1080, 93 helpers : { "overlay" : {"closeClick": false} }, 94 beforeShow : function () { 95 var titre_fiche = $(this.element).attr("data-titre") || $(this.element).attr("aria-label") || $(this.element).attr("title") || ""; 96 if (titre_fiche !== "") { 97 $(".fancybox-inner iframe").attr("title", titre_fiche); 98 } 99 } 100 }); 101 102 $(".fancybox-teleprocedures").fancybox({ 103 type: "iframe", 104 autoSize : true, 105 width : 980, 106 maxWidth: 1920, 107 maxHeight: 1080, 108 helpers : { "overlay" : {"closeClick": false} } 109 }); 110 111 $(".fancybox-disponibilite").fancybox({ 112 type: "iframe", 113 autoSize : true, 114 width : 700, 115 maxWidth: 1920, 116 maxHeight: 1080, 117 helpers : { "overlay" : {"closeClick": false} } 118 }); 119 120 $(".fancybox-thumb").fancybox({ 121 prevEffect : "none", 122 nextEffect: "none", 123 helpers : { title : { type: "inside" }, 124 thumbs : { width : 50,height : 50}, 125 buttons : {} 126 }}); 127 128 $(".fancybox-zoom").fancybox({prevEffect : "none", nextEffect: "none"}); 129 130 $(".fancybox-gmaps").fancybox({ 131 type: "iframe", 132 maxWidth : 800, 133 maxHeight : 600, 134 fitToView : false, 135 width : "70%", 136 height : "70%", 137 autoSize : false, 138 closeClick : false, 139 openEffect : "none", 140 closeEffect : "none" 141 }); 142 143 144 145 }); 146 </script>
146 147 <style> 148 body 149 { 150 -webkit-animation-duration: 0.1s; 151 -webkit-animation-name: fontfix; 152 -webkit-animation-iteration-count: 1; 153 -webkit-animation-timing-function: linear; 154 -webkit-animation-delay: 0.1s; 155 } 156 157 @-webkit-keyframes fontfix{ 158 from{ opacity: 1; } 159 to{ opacity: 1; } 160 } 161 </style> <link type="text/css" href="/css/template/sencillo/global.css" rel="stylesheet" />
162<script> 163var temp = $(".template-header").height(); 164$(".template-header").height(temp); 165 166</script>
166 167<link type="text/css" href="/css/template/sencillo/bleu.css" rel="stylesheet" /> 168<link type="text/css" href="/template/stylesheet.css" rel="stylesheet" /> 169<link type="text/css" href="/template/stylesheet2.css" rel="stylesheet" /> 170<link type="text/css" href="/template/couleur.css" rel="stylesheet" /> 171<meta name="msvalidate.01" content="9B26A5121D4AAF9B4FD93FD588BF4DD4" /><link href="/css/css_0_fr.css?1790004729" rel="stylesheet" type="text/css" /> 172 <link href="/css/css_1_fr.css?1790004729" rel="stylesheet" type="text/css" /> 173 </head><body class="body-pages body-page-1 body-groupe-1"><div class="skip-links-container"> 174 <a class="skip-link" href="#wrapper-bloc-1" 175 aria-label="Aller au contenu principal" 176 title="Aller au contenu principal"> 177 Aller au contenu principal 178 </a> 179 180 <a class="skip-link" href="#footer-template" 181 aria-label="Aller au pied de page" 182 title="Aller au pied de page"> 183 Aller au pied de page 184 </a> 185</div><input type="hidden" id="token" value="eb17206df63513591f8bf9c678d19684" /><ul class="websee-barre-flottante-smartphone-list clearfix"><li class="websee-barre-flottante-smartphone-items"> 186 <a target="_blank" rel="noreferrer" href="https://www.facebook.com/groups/1561446583940706/"><img src="/template/fb.png" style="width:100%;height:auto;" alt="facebook"/></a> 187 </li><li class="websee-barre-flottante-smartphone-items custom" id="websee-barre-flottante-smartphone-item-3" onclick="javascript:websee_barre_flottante_show_container_from_top(3);"> 188 <img src="/template/ot.png" style="width:100%;height:auto;" alt="html"/> 189 </li><li class="websee-barre-flottante-smartphone-items custom" id="websee-barre-flottante-smartphone-item-5" onclick="javascript:websee_barre_flottante_show_container_from_top(5);"> 190 <img src="/template/cc.png" style="width:100%;height:auto;" alt="html"/> 191 </li></ul> <div class="websee-barre-flottante"><ul class="websee-barre-flottante-list clearfix"><li class="websee-barre-flottante-items" id="websee-barre-flottante-item-1"> 192 <a target="_blank" rel="noreferrer" href="https://www.facebook.com/groups/1561446583940706/"><img src="/template/fb.png" style="width:100%;height:auto;" alt="facebook"/></a> 193 </li><li class="websee-barre-flottante-items custom" id="websee-barre-flottante-item-3" onclick="javascript:websee_barre_flottante_show_container_from_top(3);"> 194 <img src="/template/ot.png" style="width:100%;height:auto;" alt="html"/> 195 </li><li class="websee-barre-flottante-items custom" id="websee-barre-flottante-item-5" onclick="javascript:websee_barre_flottante_show_container_from_top(5);"> 196 <img src="/template/cc.png" style="width:100%;height:auto;" alt="html"/> 197 </li></ul> <div class="websee-barre-flottante-master-container clearfix"><div class="websee-barre-flottante-containers websee-barre-flottante-containers-html" id="websee-barre-flottante-container-3"> 198 <h3><a href="https://www.valdesioule.com/" class="ot" target="blank">Office de tourisme Val de Sioule</a></h3> 199 </div><div class="websee-barre-flottante-containers websee-barre-flottante-containers-html" id="websee-barre-flottante-container-5"> 200 <h3><a href="https://www.comcom-ccspsl.fr" class="ot" target="blank">Communauté de communes</a></h3> 201 </div></div></div><header role="banner"> 202<div class="template-header"> 203 204 <div class="template-header-content template-contents"> 205<div class="header-left"><a class="logo-essentiel" href="https://www.chantelle-bourbonnais.fr"><img src="/userfile/img-template-maker/logo/logo-web.png" alt="www.chantelle-bourbonnais.fr"/></a></div> 206<div class="header-center"> 207 <nav role="navigation"> 208<div class="websee-megamenu-container"> 209 <div class="websee-megamenu"> 210 <ul class="websee-megamenu-principal" id="websee-megamenu-principal-131"><li><a class="websee-megamenu-titre-1" id="websee-megamenu-id-titre-1" aria-label="VIE MUNICIPALE" href="#" rel="nofollow">VIE MUNICIPALE</a> 211 <ul class="websee-megamenu-sub" id="websee-megamenu-sub-1" ><li><img class="websee-megamenu-images websee-megamenu-image-before" src="/userfile/maximenu/131/1-before.JPG" alt=""></li><li><a class="websee-megamenu-titre-2 websee-megamenu-titre-no-href" rel="nofollow" href="#" id="websee-megamenu-panel-id-titre-4" aria-label="Mairie">Mairie</a><ul class="websee-megamenu-sub-2" id="websee-megamenu-sub-2-4"><li><a class="websee-megamenu-titre-3" href="/conseil-municipal-allier-bourbonnais" aria-label="Conseil Municipal">Conseil Municipal</a></li><li><a class="websee-megamenu-titre-3" href="/bulletin-municipal-allier-bourbonnais" aria-label="Bulletin Municipal">Bulletin Municipal</a></li><li><a class="websee-megamenu-titre-3" href="/cm-conseil-municipal-allier-03" aria-label="Comptes-rendus du Conseil Municipal">Comptes-rendus du Conseil Municipal</a></li><li><a class="websee-megamenu-titre-3" href="/conseil-municipal-enfants-allier" aria-label="Conseil Municipal Enfants">Conseil Municipal Enfants</a></li><li><a class="websee-megamenu-titre-3" href="/plu" aria-label="PLU">PLU</a></li></ul></li><li><a class="websee-megamenu-titre-2 websee-megamenu-titre-no-href" rel="nofollow" href="#" id="websee-megamenu-panel-id-titre-5" aria-label="Services municipaux">Services municipaux</a><ul class="websee-megamenu-sub-2" id="websee-megamenu-sub-2-5"><li><a class="websee-megamenu-titre-3" href="/demarches-administratives-allier" aria-label="Etat civil, autorisations">Etat civil, autorisations</a></li><li><a class="websee-megamenu-titre-3" href="/urbanisme-allier-03" aria-label="Urbanisme">Urbanisme</a></li><li><a class="websee-megamenu-titre-3" href="/mediateque-allier-03" aria-label="Médiathèque">Médiathèque</a></li><li><a class="websee-megamenu-titre-3" href="/location-salle-allier-bourbonnais" aria-label="Salle socio-culturelle">Salle socio-culturelle</a></li></ul></li><li></li></ul></li><li><a class="websee-megamenu-titre-1" id="websee-megamenu-id-titre-2" aria-label="VIVRE à CHANTELLE" href="#" rel="nofollow">VIVRE à CHANTELLE</a> 212 <ul class="websee-megamenu-sub" id="websee-megamenu-sub-2" ><li><img class="websee-megamenu-images websee-megamenu-image-before" src="/userfile/maximenu/131/5-before.jpg" alt=""></li><li><a class="websee-megamenu-titre-2 websee-megamenu-titre-no-href" rel="nofollow" href="#" id="websee-megamenu-panel-id-titre-9" aria-label="Enfance et jeunesse">Enfance et jeunesse</a><ul class="websee-megamenu-sub-2" id="websee-megamenu-sub-2-9"><li><a class="websee-megamenu-titre-3" href="/ecole-allier-bourbonnais-03" aria-label="Ecoles">Ecoles</a></li><li><a class="websee-megamenu-titre-3" href="/cantine-allier-bourbonnais" aria-label="Cantine">Cantine</a></li><li><a class="websee-megamenu-titre-3" href="/garderie-allier-bourbonnais" aria-label="Garderie">Garderie</a></li><li><a class="websee-megamenu-titre-3" href="/ram-allier-bourbonnais" aria-label="Petite Enfance">Petite Enfance</a></li><li><a class="websee-megamenu-titre-3" href="/aire-jeux-city-stade-allier" aria-label="City stade, mini-golf et aire de jeux">City stade, mini-golf et aire de jeux</a></li></ul></li><li><a class="websee-megamenu-titre-2 websee-megamenu-titre-no-href" rel="nofollow" href="#" id="websee-megamenu-panel-id-titre-10" aria-label="Informations pratiques">Informations pratiques</a><ul class="websee-megamenu-sub-2" id="websee-megamenu-sub-2-10"><li><a class="websee-megamenu-titre-3" href="/transports-allier-bourbonnais" aria-label="Trans
212ports">Transports</a></li><li><a class="websee-megamenu-titre-3" href="/dechets-dechetterie-allier" aria-label="Gestion des déchets et déchetterie">Gestion des déchets et déchetterie</a></li><li><a class="websee-megamenu-titre-3" href="/medecins-kine-infrimieres-social-allier" aria-label="Santé et social">Santé et social</a></li><li><a class="websee-megamenu-titre-3" href="/demarches-service-public-allier" aria-label="Démarches en ligne">Démarches en ligne</a></li></ul></li><li><a class="websee-megamenu-titre-2 websee-megamenu-titre-no-href" rel="nofollow" href="#" id="websee-megamenu-panel-id-titre-11" aria-label="Services et commerces">Services et commerces</a><ul class="websee-megamenu-sub-2" id="websee-megamenu-sub-2-11"><li><a class="websee-megamenu-titre-3" href="/commerces-artisans-en-bourbonnais-allier" aria-label="Commerces et artisans">Commerces et artisans</a></li><li><a class="websee-megamenu-titre-3" href="/services-commune-allier" aria-label="Services sur la commune">Services sur la commune</a></li><li><a class="websee-megamenu-titre-3" href="/associations-chantelle-allier" aria-label="Vie associative">Vie associative</a></li></ul></li></ul></li><li><a class="websee-megamenu-titre-1" href="/" id="websee-megamenu-id-titre-4" aria-label="" > </a></li><li><a class="websee-megamenu-titre-1" id="websee-megamenu-id-titre-5" aria-label="DÃCOUVRIR CHANTELLE" href="#" rel="nofollow">DÃCOUVRIR CHANTELLE</a> 213 <ul class="websee-megamenu-sub" id="websee-megamenu-sub-5" ><li><img class="websee-megamenu-images websee-megamenu-image-before" src="/userfile/maximenu/131/17-before.jpg" alt=""></li><li><a class="websee-megamenu-titre-2 websee-megamenu-titre-no-href" rel="nofollow" href="#" id="websee-megamenu-panel-id-titre-6" aria-label="Le village de Chantelle">Le village de Chantelle</a><ul class="websee-megamenu-sub-2" id="websee-megamenu-sub-2-6"><li><a class="websee-megamenu-titre-3" href="/histoire-chantelle-en-bourbonnais-03" aria-label="Histoire">Histoire</a></li><li><a class="websee-megamenu-titre-3" href="/patrimoine-chantelle-bourbonnais-allier" aria-label="Patrimoine">Patrimoine</a></li><li><a class="websee-megamenu-titre-3" href="/plan-acces-randonnees-bourbonnais-03" aria-label="Plan de Chantelle et randonnées">Plan de Chantelle et randonnées</a></li><li><a class="websee-megamenu-titre-3" target="_blank" href="https://experiences.valdesioule.com/fr/carte?place_name=Chantelle%2C+Allier%2C+France&place_coords=3.151011%2C46.237366&t_mode=walking&t_time=10&utm_source=chantelle&utm_medium=website" aria-label="Carte interactive">Carte interactive</a></li></ul></li><li><a class="websee-megamenu-titre-2 websee-megamenu-titre-no-href" rel="nofollow" href="#" id="websee-megamenu-panel-id-titre-7" aria-label="Hébergements et restauration">Hébergements et restauration</a><ul class="websee-megamenu-sub-2" id="websee-megamenu-sub-2-7"><li><a class="websee-megamenu-titre-3" href="/restauration-bourbonnais-allier" aria-label="Restaurants">Restaurants</a></li><li><a class="websee-megamenu-titre-3" href="/hotels-gites-bourbonnais-allier" aria-label="Hébergements">Hébergements</a></li></ul></li><li><a class="websee-megamenu-titre-2 websee-megamenu-titre-no-href" rel="nofollow" href="#" id="websee-megamenu-panel-id-titre-8" aria-label="A faire">A faire</a><ul class="websee-megamenu-sub-2" id="websee-megamenu-sub-2-8"><li><a class="websee-megamenu-titre-3" href="/agenda-commune-bourbonnais-03" aria-label="Agenda">Agenda</a></li><li><a class="websee-megamenu-titre-3" href="/expositions-culture-bourbonnais-03" aria-label="Expositions">Expositions</a></li><li><a class="websee-megamenu-titre-3" href="/parcours-pepit-bourbonnais-03" aria-label="Parcours Pépit'">Parcours Pépit'</a></li><li><a class="websee-megamenu-titre-3" target="_blank" href="https://www.valdesioule.com/" aria-label="Office de Tourisme">Office de Tourisme</a></li><li><a class="websee-megamenu-titre-3" target="_blank" href="https://www.valdesioule.com/pratique/infos-pratiques/horaires-douverture/" aria-label="Maison de Tourisme de Chantelle">Maison de Tourisme de Chantelle</a></li><li><a class="websee-megamenu-titre-3" href="/fetes-ane-de-frane-2-juillet-2022" aria-label="Fêtes Anne de France ">Fêtes Anne de France </a></li></ul></li></ul></li><li><a class="websee-megamenu-titre-1" href="/contact-acces-allier" id="websee-megamenu-id-titre-6" aria-label="CONTACTEZ-NOUS" >CONTACTEZ-NOUS</a></li></ul></div></div></nav></div> 214</div> 215</div> 216 217 218<div class="template-animation"> 219 <div class="template-animation-content"> 220<style> 221 #slider_12_container .caption-text-defaut { background-color: rgba(0, 0, 0, 0.5); } 222 #slider_12_container .caption-text-defaut-titre {color:#ffffff ;} 223 #slider_12_container .caption-text-defaut-texte {color:#ffffff ;} 224 </style> 225
225<script> 226 jQuery(document).ready(function ($) { 227 228 var _CaptionTransitions_12 = []; 229 _CaptionTransitions_12["t-1"] = {$Duration:2000,y:-0.6,$Easing:{$Top:$JssorEasing$.$EaseInOutSine},$Opacity:2}; 230 _CaptionTransitions_12["t-2"] = {$Duration:1000,$Opacity:2}; 231 232 _CaptionTransitions_12["MCLIP|B"] = { $Duration: 600, $Clip: 8, $Move: true, $Easing: $JssorEasing$.$EaseOutExpo }; 233 234 var _SlideshowTransitions_12 = [ 235 {$Duration:700,$Opacity:2,$Brother:{$Duration:1000,$Opacity:2}} 236 ]; 237 238 var options_12 = { 239 $FillMode: 0, //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0 240 $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false 241 $AutoPlayInterval: 3000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000 242 $PauseOnHover: 0, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1 243 244 //$ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false 245 //$SlideEasing: $JssorEasing$.$EaseOutQuad, //[Optional] Specifies easing for right to left animation, default value is $JssorEasing$.$EaseOutQuad 246 //$SlideDuration: 1000, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500 247 //$MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20 248 //$SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0 249 $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1 250 //$ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0. 251 $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc). 252 //$PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1 253 //$DragOrientation: 1, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0) 254 255 $SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not 256 $Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow 257 $Transitions: _SlideshowTransitions_12, //[Required] An array of slideshow transitions to play slideshow 258 $TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random 259 $ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false 260 }, 261 262 $CaptionSliderOptions: { //[Optional] Options which specifies how to animate c
262aption 263 $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption 264 $CaptionTransitions: _CaptionTransitions_12, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder 265 $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1 266 $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1 267 }, 268 269 270 271 272 273 274 }; 275 276 if($("#slider_12_container").length > 0) 277 var jssor_slider_12 = new $JssorSlider$("slider_12_container", options_12); 278 279 280 function ScaleSlider_12() { 281 282 $(".caption-images-12").css("display","block"); 283 $(".caption-texts-12").css("display","block"); 284 285 $("#slider_12_container").css("display","none"); 286 var parentwidth = $("#responsive-container-12").width(); 287 288 $("#slider_12_container").css("display","block"); 289 290 var max_width = 1920; 291 if(max_width < $(window).width()){ 292 max_width = $(window).width(); 293 } 294 295 if (parentwidth != undefined && parentwidth > 0) 296 jssor_slider_12.$ScaleWidth(Math.min(parentwidth, max_width)); 297 else 298 window.setTimeout(ScaleSlider_12, 30); 299 } 300 301 //ScaleSlider_12(); 302 if($("#slider_12_container").length > 0){ 303 $(window).bind("load", ScaleSlider_12); 304 $(window).bind("resize", ScaleSlider_12); 305 $(window).bind("orientationchange", ScaleSlider_12); 306 //responsive code end 307 } 308 }); 309 310 </script>
310 311 <div class="responsive-container" id="responsive-container-12"> 312 <div class="module_diaporama" id="slider_12_container" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1920px; height: 700px; overflow: hidden;"> 313 314 <!-- Loading Screen --> 315 <div u="loading" style="position: absolute; top: 0px; left: 0px;z-index:9999;"> 316 <div style="position: absolute; display: block;background-color:white;top: 0px; left: 0px; width: 100%; height: 100%;"> 317 </div> 318 <div style="position: absolute; display: block; background: url(/js/jssor/img/loading.gif) no-repeat center center; 319 top: 0px; left: 0px; width: 100%; height: 100%;"> 320 </div> 321 </div> 322 <!-- Loading Screen End --> 323 324 <!-- Slides Container --> 325 <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px; height: 700px; overflow: hidden;"> 326 <div> 327 <img u="image" src="/userfile/img-template-maker/diaporama-12/haute/1654066965_panoramique.webp" alt="Site officiel de la commune de Chantelle dans le Bourbonnais"/><div u="caption" t="t-1" t2="NO" style="position: absolute; top: 216px; left: 409px;width:1321px;height:218px;z-index:100;max-width:1271px;"> 328 <div class="caption-texts caption-texts-12 caption-text-1" style="width:1321px;height:218px;position: absolute; top: 0px; left: 0px;padding-left:10px;"> 329 <p><span style="color: #ffffff; font-size: 190px; text-shadow: 0px 7px 12px #000000;" class="typo-manuscrite">La qualité de vie</span></p> 330 </div> 331 </div><div u="caption" t="t-2" t2="NO" style="position: absolute; top: 399px; left: 505px;width:1200px;height:75px;z-index:100;max-width:1200px;"> 332 <div class="caption-texts caption-texts-12 caption-text-2" style="width:1200px;height:75px;position: absolute; top: 0px; left: 0px;padding-left:10px;"> 333 <p><span class="typo" style="color: #ffffff; font-size: 65px; text-shadow: #000000 0px 7px 12px;">entre nature, histoire et patrimoine</span></p> 334 </div> 335 </div></div> 336 <div> 337 <img u="image" src="/userfile/img-template-maker/diaporama-12/haute/1654001523_abbaye---Copie.jpg" alt="Site officiel de la commune de Chantelle dans le Bourbonnais"/></div> 338 <div> 339 <img u="image" src="/userfile/img-template-maker/diaporama-12/haute/1654001103_IMG_6924.JPG" alt="Site officiel de la commune de Chantelle dans le Bourbonnais"/></div> 340 <div> 341 <img u="image" src="/userfile/img-template-maker/diaporama-12/haute/1654001194_ancienne-prison.jpg" alt="Site officiel de la commune de Chantelle dans le Bourbonnais"/></div> 342 <div> 343 <img u="image" src="/userfile/img-template-maker/diaporama-12/haute/1659935151_image_103.jpg" alt="Site officiel de la commune de Chantelle dans le Bourbonnais"/></div> 344 </div><!-- Slides Container End--> 345 346 </div> 347 <a class="anchor-bottom-contenu anchor-bottom-contenu-12" href="javascript:goToContentBody();"></a> 348 </div> 349 <!-- Jssor Slider End --> 350<img src="/template/forme2.png" class="template-calque"/> 351<div class="bloc-top"><div class="bloc-top-content clearfix"></div></div> 352 </div> 353</div> 354</header> 355<main role="main"> 356<div class="template-body"> 357 <div class="template-body-content template-contents"> 358 359<div class="wrapper-page-1 wrapper-global-0 clearfix"><div class="rendu-contenu rendu-0-colonnes" ><div class="wrapper-bloc clearfix" id="wrapper-bloc-1"> 360 <div class="wrapper-contents clearfix" id="wrapper-content-1"><!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><table class="tableau-acces responsive-table" style="width: 70%;" cellspacing="10" cellpadding="10" summary="" role="presentation"><tbody><tr><td><p style="text-align: justify;"> 361 <style> 362 .module-bloc-graphic-132 .module-bloc-graphic-item {max-width:256px;} 363 .module-bloc-graphic-132 .module-bloc-graphic-item-texte {background-color: #;} 364 .module-bloc-graphic-132 .module-bloc-graphic-item-titre {color: #;} 365 .module-bloc-graphic-132 .module-bloc-graphic-item-commentaire {color: #;} 366 .module-bloc-graphic-132 .module-bloc-graphic-item-plus {color: #;} 367 </style> 368
368<script> 369 $( window ).resize(function() { 370 $(".module-bloc-graphic-132 .module-bloc-graphic-item").each(function(){ 371 $(this).height(""); 372 $(this).height($(this).height()); 373 }); 374 equalheightForAll(".module-bloc-graphic-132 .module-bloc-graphic-item"); 375 }); 376 377 $(window).load(function(){ 378 $(".module-bloc-graphic-132 .module-bloc-graphic-item").each(function(){ 379 $(this).height(""); 380 $(this).height($(this).height()); 381 }); 382 equalheightForAll(".module-bloc-graphic-132 .module-bloc-graphic-item"); 383 }); 384 </script>
384 385 386 387 <div class="module-bloc-graphic module-bloc-graphic-132 clearfix"><div class="module-bloc-graphic-item module-bloc-graphic-item-4 clearfix" id="module-bloc-graphic-item-1"><a class="module-bloc-graphic-item-image-click" aria-label="" href="/cantine-allier-bourbonnais" ><div class="module-bloc-graphic-item-image"><img src="/userfile/blocs/132/1.png" alt="" /></div><div class="module-bloc-graphic-item-texte"><div class="module-bloc-graphic-item-titre"><p><br></p></div><div class="module-bloc-graphic-item-commentaire"><p><br></p></div><span class="module-bloc-graphic-item-plus"><i class="fa fa-search" aria-hidden="true"></i></span></div></a></div><div class="module-bloc-graphic-item module-bloc-graphic-item-4 clearfix" id="module-bloc-graphic-item-2"><a class="module-bloc-graphic-item-image-click" aria-label="" href="/demarches-administratives-allier" ><div class="module-bloc-graphic-item-image"><img src="/userfile/blocs/132/2.png" alt="" /></div><div class="module-bloc-graphic-item-texte"><div class="module-bloc-graphic-item-titre"><p><br></p></div><div class="module-bloc-graphic-item-commentaire"><p><br></p></div><span class="module-bloc-graphic-item-plus"><i class="fa fa-search" aria-hidden="true"></i></span></div></a></div><div class="module-bloc-graphic-item module-bloc-graphic-item-4 clearfix" id="module-bloc-graphic-item-3"><a class="module-bloc-graphic-item-image-click" aria-label="" href="/cantine-allier-bourbonnais" ><div class="module-bloc-graphic-item-image"><img src="/userfile/blocs/132/3.png" alt="" /></div><div class="module-bloc-graphic-item-texte"><div class="module-bloc-graphic-item-titre"><p><br></p></div><div class="module-bloc-graphic-item-commentaire"><p><br></p></div><span class="module-bloc-graphic-item-plus"><i class="fa fa-search" aria-hidden="true"></i></span></div></a></div><div class="module-bloc-graphic-item module-bloc-graphic-item-4 clearfix" id="module-bloc-graphic-item-4"><a class="module-bloc-graphic-item-image-click" aria-label="" href="/actualites" ><div class="module-bloc-graphic-item-image"><img src="/userfile/blocs/132/4.png" alt="" /></div><div class="module-bloc-graphic-item-texte"><div class="module-bloc-graphic-item-titre"><p><br></p></div><div class="module-bloc-graphic-item-commentaire"><p><br></p></div><span class="module-bloc-graphic-item-plus"><i class="fa fa-search" aria-hidden="true"></i></span></div></a></div></div></p></td></tr></tbody></table><table class="acces responsive-table-1000" style="width: 100%;" cellpadding="10" cellspacing="10" summary="" role="presentation"><tbody><tr><td style="width: 55%; vertical-align: top;"><p style="text-align: center;"><span class="interligne-agenda"><span class="vert texte-agenda">Tous vos<br></span><span class="typo jaune typo-smartphone" style="font-size: 72px;">rendez-vous</span></span></p><br><table class="tableau-agenda responsive-table" style="width: 70%; margin-left: auto; margin-right: auto;" cellspacing="10" cellpadding="10" summary="" role="presentation"><tbody><tr><td></td></tr></tbody></table><p style="text-align: center;"></p><p style="text-align: center;"><a href="/agenda-commune-bourbonnais-03" class="bouton">Tout l'agenda</a></p></td><td style="width: 45%; vertical-align: top;"><h1 style="text-align: center;"><span class="interligne-agenda"><span class="vert texte-agenda">Bienvenue à<br></span><span class="typo jaune typo-smartphone" style="font-size: 72px;">Chantelle</span></span></h1><p style="text-align: justify;">Située dans le département de l’Allier, à 37 km de Vichy, 45 km de Moulins et 66 km de Clermont-Ferrand, notre commune compte aujourd’hui un peu plus de 1100 Chantellois et Chantelloises. A proximité de l’autoroute A71, Chantelle reste par son implantation géographique, une destination de choix au cœur du Bourbonnais.</p><p style="text-align: justify;">Depuis 2017, Chantelle fait partie de la communauté de communes Saint-Pourçain-Sioule-Limagne, regroupant 60 communes pour 34 410 habitants.</p><p style="text-align: justify;">Petite ville à la campagne, candidate au label « Petites Cités de Caractère », Chantelle dispose de nombreux atouts : artisanat, commerces, services, restaurants, écoles, gîtes, services de santé et un EHPAD. Vous profiterez du calme et de la sérénité des lieux tout en bénéficiant de la couverture numérique (fibre + 4G).</p><p style="text-align: justify;">Chantelle, c’est également sa rivière la Bouble et ses gorges, classées Espaces Naturels Sensibles depuis 2015. En vous promenant le long de ses rives, vous pourrez admirer la richesse de sa faune et de sa flore. Vous y verrez également les vestiges des anciens moulins abandonnés mais qui, pour certains, retrouvent vie grâce au Conseil Départemental de l’Allier.</p><p style="text-align: justify;">Traversez la riviè
387re en empruntant l’une des deux passerelles métalliques qui surplombent la Bouble avant de faire une pause ombragée.</p></td></tr></tbody></table></div> 388 </div><div class="wrapper-bloc clearfix" id="wrapper-bloc-2"> 389 <div class="wrapper-contents clearfix" id="wrapper-content-2"><!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><table class="responsive-table" cellspacing="20" cellpadding="20" style="width: 100%; margin-left: auto; margin-right: auto;" summary="" role="presentation"><tbody><tr><td style="width: 50%;"><p style="text-align: center;"><span class="typo-manuscrite">Mais Chantelle est loin d’être une belle endormie !</span></p><p style="text-align: justify;">Une vingtaine d’associations dynamiques permettent d’assurer une offre abondante d’activités culturelles, sportives, créatives, caritatives et artistiques.</p><p style="text-align: justify;">La commune de Chantelle a une vie intense : concerts, expos, randonnées, reconstitutions historiques, trails, théâtre, défilés de voitures anciennes…</p><p style="text-align: justify;">Une chose est certaine : vous n’aurez pas l’occasion de vous ennuyer !</p><p style="text-align: center;"><a href="/associations-chantelle-allier" class="bouton">TOUTES NOS ASSOCIATIONS</a></p></td><td style="width: 50%;"><style> 390 391 .captionBlack 392{ 393 background: #000; 394 background-color: rgba(0, 0, 0, 0.4); 395 color:white; 396} 397 398 </style> 399 400
400<script> 401 402 jQuery(document).ready(function ($) { 403 404 405 406 var _SlideshowTransitions_90C7D06400C64961B94E214898539067 = [ 407 //Fade 408 { $Duration: 1200, $Opacity: 2 } 409 ]; 410 411 var options_90C7D06400C64961B94E214898539067 = { 412 $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false 413 $AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1 414 $AutoPlayInterval: 3000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000 415 $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1 416 417 $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false 418 $SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500 419 $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20 420 //$Slidewidth: 600, //[Optional] width of every slide in pixels, default value is width of 'slides' container 421 //$Slideheight: 300, //[Optional] height of every slide in pixels, default value is height of 'slides' container 422 $SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0 423 $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1 424 $Parkingposition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0. 425 $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc). 426 $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1 427 $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0) 428 429 $SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not 430 $Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow 431 $Transitions: _SlideshowTransitions_90C7D06400C64961B94E214898539067, //[Required] An array of slideshow transitions to play slideshow 432 $TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random 433 $ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false 434 }, 435 436 $BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not 437 $Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance 438 $ChanceToShow: 1, //[Required] 0 Never, 1 Mouse Over, 2 Always 439 $AutoCenter: 1, //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0 440 $Steps: 1, //[Optional] Steps to go for each navigation request, default value is 1 441 $Lanes: 1, //[Optional] Specify lanes to arrange items, default value is 1 442 $SpacingX: 10, //[Optional] Horizontal space between each item in pixel, default value is 0 443 $SpacingY: 10, //[Optional] Vertical space between each item in pixel, default value is 0 444 $Orientation: 1 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1 445 }, 446 447 $ArrowNavigatorOptions: { 448 $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance 449 $ChanceToShow: 1, //[Required] 0 Never, 1 Mouse Over, 2 Always 450 $AutoCenter: 2, 451 $Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1 452 } 453 }; 454 var jssor_slider_90C7D06400C64961B94E214898539067 = new $JssorSlider$("slider_container_90C7D06400C64961B94E214898539067", options_90C7D06400C64961B94E214898539067); 455 456 //responsive code begin 457 //you can remove responsive code if you don't want the slider scales while window resizes 458 function ScaleSlider_90C7D06400C64961B94E214898539067() { 459 460 $("#slider_container_90C7D06400C64961B94E214898539067").css("display","none"); 461 var parentwidth = $("#responsive-container-90C7D06400C64961B94E214898539067").width(); 462 $("#slider_container_90C7D06400C64961B94E214898539067").css("display","block"); 463 464 if (parentwidth != undefined && parentwidth > 0) 465 jssor_slider_90C7D06400C64961B94E214898539067.$ScaleWidth(Math.min(parentwidth, 600)); 466 else 467 window.setTimeout(ScaleSlider_90C7D06400C64961B94E214898539067, 30); 468 } 469 ScaleSlider_90C7D06400C64961B94E214898539067(); 470 471 $(window).bind("load", ScaleSlider_90C7D06400C64961B94E214898539067); 472 $(window).bind("resize", ScaleSlider_90C7D06400C64961B94E214898539067); 473 $(window).bind("orientationchange", ScaleSlider_90C7D06400C64961B94E214898539067); 474 //responsive code end 475 }); 476 </script>
476 477 478 <!-- Jssor Slider Begin --> 479 <!-- You can move inline styles to css file or css block. --> 480 481 <div class="responsive-container" id="responsive-container-90C7D06400C64961B94E214898539067"> 482 <div class="phototheque-diaporama-135"> 483 <div id="slider_container_90C7D06400C64961B94E214898539067" class="phototheque-diaporama-135-content" style="position: relative; top: 0px; left: 0px; width: 600px; height: 800px; overflow: hidden; "> 484 485 <!-- Loading Screen --> 486 <div u="loading" style="position: absolute; top: 0px; left: 0px;"> 487 <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; 488 background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;"> 489 </div> 490 <div style="position: absolute; display: block; background: url(/js/jssor/img/loading.gif) no-repeat center center; 491 top: 0px; left: 0px;width: 100%;height:100%;"> 492 </div> 493 </div> 494 495 496 <!-- Slides Container --> 497 <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 800px; overflow: hidden;"> 498<div> 499 <img u='image' src='/userfile/img-photos/slide/1654180736-DSC_2034.webp' alt='' /></div><div> 500 <img u='image' src='/userfile/img-photos/slide/1654180692-LES-SOEURS-181.JPG' alt='' /></div><div> 501 <img u='image' src='/userfile/img-photos/slide/1654180686-Tour-1.JPG' alt='' /></div><div> 502 <img u='image' src='/userfile/img-photos/slide/1654180707-IMG_6920.JPG' alt='' /></div><div> 503 <img u='image' src='/userfile/img-photos/slide/1660296974-image_73.jpg' alt='Les bénévoles' /><div u=caption t="*" class="captionBlack" style="position:absolute; left:0px; top: 0px; width:100%;padding:5px 10px;height:25px;">Les bénévoles </div></div><div> 504 <img u='image' src='/userfile/img-photos/slide/1660296988-image_103.jpg' alt='Les bénévoles' /><div u=caption t="*" class="captionBlack" style="position:absolute; left:0px; top: 0px; width:100%;padding:5px 10px;height:25px;">Les bénévoles </div></div><div> 505 <img u='image' src='/userfile/img-photos/slide/1660295629-A_IMG_6408.jpg' alt='Fêtes Anne de France' /><div u=caption t="*" class="captionBlack" style="position:absolute; left:0px; top: 0px; width:100%;padding:5px 10px;height:25px;">Fêtes Anne de France</div></div><div> 506 <img u='image' src='/userfile/img-photos/slide/1660295639-A_IMG_6672.jpg' alt='Fêtes Anne de France' /><div u=caption t="*" class="captionBlack" style="position:absolute; left:0px; top: 0px; width:100%;padding:5px 10px;height:25px;">Fêtes Anne de France</div></div><div> 507 <img u='image' src='/userfile/img-photos/slide/1660295638-A_IMG_6667.jpg' alt='Fêtes Anne de France' /><div u=caption t="*" class="captionBlack" style="position:absolute; left:0px; top: 0px; width:100%;padding:5px 10px;height:25px;">Fêtes Anne de France</div></div><div> 508 <img u='image' src='/userfile/img-photos/slide/1660295636-A_IMG_6646.jpg' alt='Fêtes Anne de France' /><div u=caption t="*" class="captionBlack" style="position:absolute; left:0px; top: 0px; width:100%;padding:5px 10px;height:25px;">Fêtes Anne de France</div></div></div><!-- bullet navigator container --> 509 <div u="navigator" class="jssorb21" style="position: absolute; bottom: 16px; left: 6px;"> 510 <!-- bullet navigator item prototype --> 511 <div u="prototype" style="position: absolute; width: 19px; height: 19px; text-align:center; line-height:19px; color:White; font-size:12px;"></div> 512 </div> 513 <!-- Bullet Navigator Skin End --><!-- Arrow Left --> 514 <span u="arrowleft" class="jssora22l" style="width: 40px; height: 58px; top: 123px; left: 8px;"> 515 </span> 516 <!-- Arrow Right --> 517 <span u="arrowright" class="jssora22r" style="width: 40px; height: 58px; top: 123px; right: 8px"> 518 </span> 519 <!-- Arrow Navigator Skin End --></div> 520 </div></div> 521 </td></tr></tbody></table></div> 522 </div><div class="wrapper-bloc clearfix" id="wrapper-bloc-3"> 523 <div class="wrapper-contents clearfix" id="wrapper-content-3"><!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><table class="responsive-table-1000" style="width: 100%;" cellpadding="0" cellspacing="0" summary="" role="presentation"><tbody><tr><td style="width: 45%; vertical-align: top;"><p style="text-align: justify;"></p></td><td style="width: 55%; vertical-align: bottom;"><br><table class="tableau-accueil responsive-table" style="width: 100%;" cellpadding="40" cellspacing="0" summary="" role="presentation"><tbody><tr><td style="width: 50%; background-color: #ff7075;
523 box-shadow: rgba(30, 30, 30, 0.49) 0px 7px 12px; border-radius: 22px; vertical-align: middle;"><p style="text-align: justify;"><span style="color: #ffffff;">Chantelle, c’est aussi son histoire et son patrimoine. Anne de France, fille du roi Louis XI, mourut à Chantelle en 1522 dans son château qu’elle aimait tant et où elle se retira à la fin de sa vie.</span></p><p style="text-align: justify;"><span style="color: #ffffff;">La disgrâce du Connétable, gendre d’Anne de France, accusé de trahison par François 1<sup>er</sup>, précipita la chute de tous ses biens dans la corbeille du Royaume de France. La légende raconte que le Connétable s’enfuit une nuit sur son cheval ferré à l’envers afin de tromper l’ennemi, laissant derrière lui un fabuleux trésor enfoui dans l’un des souterrains du château…</span></p><p style="text-align: justify;"><span style="color: #ffffff;">Au cours de l’une de vos visites à Chantelle, vous pourrez vous amuser à retrouver les 14 tours qui ont survécu à cette riche époque médiévale.</span></p><p style="text-align: justify;"><span style="color: #ffffff;">Son abbaye, fondée en 937 et classée aux Monuments Historiques, abrite encore aujourd’hui des Bénédictines qui, réunissant connaissances ancestrales et recherche scientifique, fabriquent et conditionnent depuis plus de 60 ans des produits de soin imaginés pour le plaisir au quotidien.</span></p><p style="text-align: center;"><span style="color: #ffffff;"><a href="/patrimoine-chantelle-bourbonnais-allier" class="bouton">Découvrir son patrimoine</a><br></span></p></td><td style="width: 50%; vertical-align: middle;" class="cellule-histoire"><p style="text-align: center;"><span class="typo jaune interligne" style="font-size: 64px;">Chantelle</span></p><p style="text-align: center;"><span class="typo-manuscrite bleu interligne" style="font-size: 82px;">riche de son patrimoine<br>et de son histoire</span></p></td></tr></tbody></table></td></tr></tbody></table></div> 524 </div><div class="wrapper-bloc clearfix" id="wrapper-bloc-4"> 525 <div class="wrapper-contents clearfix" id="wrapper-content-4"><!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><p style="text-align: center;"><span class="bleu texte-agenda">Alors, venez faire une pause<br>à </span><span class="typo jaune"><span class="typo-smartphone" style="font-size: 114px;">Chantelle</span><span class="bleu texte-agenda"> la belle !</span></span></p></div> 526 </div></div></div> 527 </div> 528</div> 529</main> 530<footer role="contentinfo"> 531<div class="template-footer"> 532 <div class="template-footer-content template-contents"> 533 <div class="footer-template" id="footer-template"><table class="responsive-table" cellpadding="10" cellspacing="10" style="width: 100%;"> 534<tbody> 535<tr> 536<td style="width: 65%; text-align: justify; vertical-align: bottom;"> 537<table style="background-color: #ffffff; width: 100%; margin-left: auto; margin-right: auto;" cellspacing="0" cellpadding="20" class="tbleau-footer responsive-table table"> 538<tbody> 539<tr> 540<td class="cellule-histoire" style="width: 50%;"> 541<p style="text-align: center;"><span class="typo-manuscrite bleu">La mairie<br /></span>Place de la Mairie<br />03140 Chantelle<br /><a href="callto:0470566221">04.70.56.62.21.</a></p> 542<p style="text-align: center;"><span class="typo-manuscrite jaune">Horaires<br /></span>du lundi au vendredi<br />de 8h à 12h et de 14h à 17h30</p> 543<p style="text-align: center;"><a href="/contact-acces-allier" class="bouton">Nous écrire</a></p> 544</td> 545<td class="cellule-histoire" style="width: 50%;"> 546<div class="formulaires-contact" id="contact-formulaire-136"><div class="formulaire-map-100"><div class="contact-map" id="contact-map-136"><style> 547 .osm-wrapper-F3E32F008E6A483093A6E1CA8DACB80F { display: flex; } 548 .osm-map-F3E32F008E6A483093A6E1CA8DACB80F { width: 70%; } 549 .osm-list-F3E32F008E6A483093A6E1CA8DACB80F { width: 30%; max-height: 300px; overflow-y: auto; padding: 0 10px; } 550 .osm-list-F3E32F008E6A483093A6E1CA8DACB80F ul { list-style: none; margin: 0; padding: 0; } 551 .osm-list-F3E32F008E6A483093A6E1CA8DACB80F li { margin-bottom: 10px; display: flex; align-items: center; } 552 .osm-list-F3E32F008E6A483093A6E1CA8DACB80F li.separator { font-weight: bold; margin-top: 12px; } 553 .osm-list-F3E32F008E6A483093A6E1CA8DACB80F .icon-list-item { width: 24px; margin-right: 6px; } 554 @media(max-width: 768px) { 555 .osm-wrapper-F3E32F008E6A483093A6E1CA8DACB80F { flex-direction: column; } 556 .osm-map-F3E32F008E6A483093A6E1CA8DACB80F, .osm-list-F3E32F008E6A483093A6E1CA8DACB80F { width: 100%; } 557 } 558 </style><div class="map_buttons_F3E32F008E6A483093A6E1CA8DACB80F"></div><div id="map_F3E32F008E6A483093A6E1CA8DACB80F" style="height:300px;"></div>
558<script> 559var map_F3E32F008E6A483093A6E1CA8DACB80F = null; 560var layer_F3E32F008E6A483093A6E1CA8DACB80F_1 = L.layerGroup(); 561document.addEventListener('DOMContentLoaded', function() { 562 map_F3E32F008E6A483093A6E1CA8DACB80F = L.map('map_F3E32F008E6A483093A6E1CA8DACB80F', { center: [46.2390097, 3.1517834], zoom: 9, layers: [layer_F3E32F008E6A483093A6E1CA8DACB80F_1] }); 563 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map_F3E32F008E6A483093A6E1CA8DACB80F); 564 var markersArray_F3E32F008E6A483093A6E1CA8DACB80F = []; 565 var marker_0 = L.marker([46.2390097, 3.1517834],{icon:L.icon({iconUrl:'/js/leaflet/images/marker-icon.png',iconSize:[25,41],iconAnchor:[13,41]})}).addTo(layer_F3E32F008E6A483093A6E1CA8DACB80F_1).bindPopup('<div class=\"module_lien_groupe_carte_fiche\"><div class=\"detail_maps-adresse\">Place de la Mairie</div><div class=\"detail_maps-itineraire\"><a href=\"https://maps.google.com/maps?saddr=&daddr=46.2390097,3.1517834,Place de la Mairie\" aria-label=\"Afficher l\'itinéraire sur google maps\" target=\"_blank\">Itinéraire</a></div></div>'); 566 markersArray_F3E32F008E6A483093A6E1CA8DACB80F.push(marker_0); 567 function fitMapBounds_F3E32F008E6A483093A6E1CA8DACB80F(){ 568 if(markersArray_F3E32F008E6A483093A6E1CA8DACB80F.length){ 569 var b = L.latLngBounds(markersArray_F3E32F008E6A483093A6E1CA8DACB80F[0].getLatLng()); 570 markersArray_F3E32F008E6A483093A6E1CA8DACB80F.forEach(function(m){ b.extend(m.getLatLng()); });
571 if(b.getNorthEast().equals(b.getSouthWest())){ 572 map_F3E32F008E6A483093A6E1CA8DACB80F.setView(b.getCenter(), 9); 573 return; 574 } 575 map_F3E32F008E6A483093A6E1CA8DACB80F.flyToBounds(b,{padding:L.point(36,36),animate:true,maxZoom:15}); 576 } 577 } 578 fitMapBounds_F3E32F008E6A483093A6E1CA8DACB80F(); 579 window.select_point_F3E32F008E6A483093A6E1CA8DACB80F = function(i){ 580 markersArray_F3E32F008E6A483093A6E1CA8DACB80F.forEach(function(m){ map_F3E32F008E6A483093A6E1CA8DACB80F.removeLayer(m); }); 581 var m = markersArray_F3E32F008E6A483093A6E1CA8DACB80F[i]; 582 m.addTo(map_F3E32F008E6A483093A6E1CA8DACB80F).openPopup(); 583 map_F3E32F008E6A483093A6E1CA8DACB80F.flyTo(m.getLatLng(),15); 584 }; 585 window.remove_layers_F3E32F008E6A483093A6E1CA8DACB80F = function(){ 586 map_F3E32F008E6A483093A6E1CA8DACB80F.removeLayer(layer_F3E32F008E6A483093A6E1CA8DACB80F_1); 587 }; 588 window.add_layers_F3E32F008E6A483093A6E1CA8DACB80F = function(){ 589 remove_layers_F3E32F008E6A483093A6E1CA8DACB80F(); 590 map_F3E32F008E6A483093A6E1CA8DACB80F.closePopup(); 591 document.querySelectorAll('.btn-liste-selector').forEach(function(el){ el.classList.remove('maps-groupe-selected'); }); 592 map_F3E32F008E6A483093A6E1CA8DACB80F.addLayer(layer_F3E32F008E6A483093A6E1CA8DACB80F_1); 593 document.querySelectorAll('.osm-list-F3E32F008E6A483093A6E1CA8DACB80F li').forEach(function(li){ li.style.display='flex'; }); 594 var btn = document.getElementById('btn_F3E32F008E6A483093A6E1CA8DACB80F_all'); 595 if (btn) { btn.classList.add('maps-groupe-selected'); } 596 fitMapBounds_F3E32F008E6A483093A6E1CA8DACB80F(); 597 }; 598 window.show_layer_F3E32F008E6A483093A6E1CA8DACB80F = function(layer, btn){ 599 document.querySelectorAll('.btn-liste-selector').forEach(function(el){ el.classList.remove('maps-groupe-selected'); }); 600 remove_layers_F3E32F008E6A483093A6E1CA8DACB80F(); 601 map_F3E32F008E6A483093A6E1CA8DACB80F.closePopup(); 602 map_F3E32F008E6A483093A6E1CA8DACB80F.addLayer(layer); 603 document.getElementById(btn).classList.add('maps-groupe-selected'); 604 document.querySelectorAll('.osm-list-F3E32F008E6A483093A6E1CA8DACB80F li').forEach(function(li){ li.style.display='none'; }); 605 document.querySelector('.osm-list-F3E32F008E6A483093A6E1CA8DACB80F li a[href*="add_layers_F3E32F008E6A483093A6E1CA8DACB80F"]').parentElement.style.display='flex'; 606 document.querySelectorAll('.osm-list-F3E32F008E6A483093A6E1CA8DACB80F li.separator').forEach(function(li){ li.style.display='flex'; }); 607 var gid = btn.substring('btn_F3E32F008E6A483093A6E1CA8DACB80F_'.length); 608 document.querySelectorAll('.osm-list-F3E32F008E6A483093A6E1CA8DACB80F li.maps-groupe-' + CSS.escape(gid)).forEach(function(li){ li.style.display='flex'; }); 609 fitMapBounds_F3E32F008E6A483093A6E1CA8DACB80F(); 610 }; 611}); 612</script>
612 613</div></div></div> 614</td> 615</tr> 616</tbody> 617</table> 618</td> 619<td style="width: 35%; text-align: justify; vertical-align: middle;"> 620<p style="text-align: justify;"><img src="../../template/logo-blanc.png" alt="" class="fit-to-original" /></p> 621<p style="text-align: center;"><ul class="menu-pied-de-page"><li class="menu-pied-de-page-item "><a href="/mentions-legales" id="menu-pied-de-page-item-titre-0" class="menu-pied-de-page-item-titre " aria-label="MENTIONS LÃGALES">MENTIONS LÃGALES</a></li></ul></p> 622</td> 623</tr> 624</tbody> 625</table></div> 626</div> 627</div> 628<div class="copyright"><a href="https://solutionspro.centrefrance.com" aria-label="Accéder au site de Centre France Solution Pro" rel="noindex nofollow" target="_blank">Site commercialisé par Centre France Solution Pro</a> - 629 <a href="https://www.net15.fr" aria-label="Accéder au site de Net15" rel="noindex nofollow" target="_blank">Création et hébergement du site Internet réalisé par Net15</a> - 630 <a href="https://www.websee-mairie.fr" aria-label="Accéder au site de WebSee" rel="noindex nofollow" target="_blank">Site administrable CMS propulsé par WebSee</a> - 631 <a href="/conditions-generales-d-utilisation.html" aria-label="Lire les Conditions Générales d'Utilisation">Conditions Générales d'Utilisation</a> - <a href="/gestion_des_cookies.html" aria-label="Accéder à la gestion des cookies" >Gérer les cookies</a></div></footer>
631<script src="/js/jssor/jssor.js"></script>
631 632
632<script src="/js/jssor/jssor.slider.js"></script>
632<script src="/css/global/websee-maximenu.js" ></script>
632<link href="/css/global/font-face.css" rel="stylesheet" type="text/css" media="all"/> 633 <link href="/font/font-awesome-animation.css" rel="stylesheet" type="text/css" media="all"/> 634
634<script src="/js/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
634 635
635<script src="/js/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
635 636
636<script src="/js/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
636 637
637<script src="/js/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>
637 638
638<script src="/js/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
638 639
639<script src="/js/jquery.printElement.js" ></script>
639 640
640<script src="/js/websee.min.js?1790335979"></script>
640 641
641<script src="/js/responsive.min.js?1741600390"></script>
641<script src="/js/cookies/js.cookie.js"></script>
641<script></script>
641 642 <div class="smartphone-menu-bottom-padding"></div> 643 <div class="cookies-main-banner"> 644<div class="cookies-main-banner-explication"> 645Ce site utilise des cookies afin de mesurer la fréquentation du site, de vous proposer des contenus animés et interactifs et de partager du contenu sur les réseaux sociaux. 646</div> 647<div class="cookies-main-banner-btns"> 648<form class="btn-cookies-form" action="/modules/cookies/cookies.php" method="post"> 649<input type="hidden" name="type" value="tous"> 650<input type="hidden" name="id" value="0"> 651<input type="hidden" name="action" value="accepter"> 652<input type="hidden" name="referer" value="https://www.chantelle-bourbonnais.fr/"> 653<input type="submit" class="btn-cookies" value="Tout autoriser"></input> 654</form> 655<form class="btn-cookies-form" action="/modules/cookies/cookies.php" method="post"> 656<input type="hidden" name="type" value="tous"> 657<input type="hidden" name="id" value="0"> 658<input type="hidden" name="action" value="refuser"> 659<input type="hidden" name="referer" value="https://www.chantelle-bourbonnais.fr/"> 660<input type="submit" class="btn-cookies" value="Tout refuser"></input> 661</form> 662<a href="/gestion_des_cookies.html" class="btn-cookies" >Personnaliser</a> 663</div> 664</div> 665 </body> 666 </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.