PageSourceSearch

https://www.chantelle-bourbonnais.fr/

html chantelle-bourbonnais.fr collected 2026-10-02 22:31:33 UTC 61,856 bytes, 666 lines download raw bytes

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&eacute; 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 &agrave;<br></span><span class="typo jaune typo-smartphone" style="font-size: 72px;">Chantelle</span></span></h1><p style="text-align: justify;">Situ&eacute;e dans le d&eacute;partement de l&rsquo;Allier, &agrave; 37 km de Vichy, 45 km de Moulins et 66 km de Clermont-Ferrand, notre commune compte aujourd&rsquo;hui un peu plus de 1100 Chantellois et Chantelloises. A proximit&eacute; de l&rsquo;autoroute A71, Chantelle reste par son implantation g&eacute;ographique, une destination de choix au c&oelig;ur du Bourbonnais.</p><p style="text-align: justify;">Depuis 2017, Chantelle fait partie de la communaut&eacute; de communes Saint-Pour&ccedil;ain-Sioule-Limagne, regroupant 60 communes pour 34&nbsp;410 habitants.</p><p style="text-align: justify;">Petite ville &agrave; la campagne, candidate au label &laquo;&nbsp;Petites Cit&eacute;s de Caract&egrave;re&nbsp;&raquo;, Chantelle dispose de nombreux atouts&nbsp;: artisanat, commerces, services, restaurants, &eacute;coles, g&icirc;tes, services de sant&eacute; et un EHPAD. Vous profiterez du calme et de la s&eacute;r&eacute;nit&eacute; des lieux tout en b&eacute;n&eacute;ficiant de la couverture num&eacute;rique (fibre + 4G).</p><p style="text-align: justify;">Chantelle, c&rsquo;est &eacute;galement sa rivi&egrave;re la Bouble et ses gorges, class&eacute;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 &eacute;galement les vestiges des anciens moulins abandonn&eacute;s mais qui, pour certains, retrouvent vie gr&acirc;ce au Conseil D&eacute;partemental de l&rsquo;Allier.</p><p style="text-align: justify;">Traversez la rivi&egrave;
387re en empruntant l&rsquo;une des deux passerelles m&eacute;talliques qui surplombent la Bouble avant de faire une pause ombrag&eacute;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&rsquo;&ecirc;tre une belle endormie&nbsp;!</span></p><p style="text-align: justify;">Une vingtaine d&rsquo;associations dynamiques permettent d&rsquo;assurer une offre abondante d&rsquo;activit&eacute;s culturelles, sportives, cr&eacute;atives, caritatives et artistiques.</p><p style="text-align: justify;">La commune de Chantelle a une vie intense&nbsp;: concerts, expos, randonn&eacute;es, reconstitutions historiques, trails, th&eacute;&acirc;tre, d&eacute;fil&eacute;s de voitures anciennes&hellip;</p><p style="text-align: justify;">Une chose est certaine&nbsp;: vous n&rsquo;aurez pas l&rsquo;occasion de vous ennuyer&nbsp;!</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&rsquo;est aussi son histoire et son patrimoine. Anne de France, fille du roi Louis XI, mourut &agrave; Chantelle en 1522 dans son ch&acirc;teau qu&rsquo;elle aimait tant et o&ugrave; elle se retira &agrave; la fin de sa vie.</span></p><p style="text-align: justify;"><span style="color: #ffffff;">La disgr&acirc;ce du Conn&eacute;table, gendre d&rsquo;Anne de France, accus&eacute; de trahison par Fran&ccedil;ois 1<sup>er</sup>, pr&eacute;cipita la chute de tous ses biens dans la corbeille du Royaume de France. La l&eacute;gende raconte que le Conn&eacute;table s&rsquo;enfuit une nuit sur son cheval ferr&eacute; &agrave; l&rsquo;envers afin de tromper l&rsquo;ennemi, laissant derri&egrave;re lui un fabuleux tr&eacute;sor enfoui dans l&rsquo;un des souterrains du ch&acirc;teau&hellip;</span></p><p style="text-align: justify;"><span style="color: #ffffff;">Au cours de l&rsquo;une de vos visites &agrave; Chantelle, vous pourrez vous amuser &agrave; retrouver les 14 tours qui ont surv&eacute;cu &agrave; cette riche &eacute;poque m&eacute;di&eacute;vale.</span></p><p style="text-align: justify;"><span style="color: #ffffff;">Son abbaye, fond&eacute;e en 937 et class&eacute;e aux Monuments Historiques, abrite encore aujourd&rsquo;hui des B&eacute;n&eacute;dictines qui, r&eacute;unissant connaissances ancestrales et recherche scientifique, fabriquent et conditionnent depuis plus de 60 ans des produits de soin imagin&eacute;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&eacute;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>&agrave;&nbsp;</span><span class="typo jaune"><span class="typo-smartphone" style="font-size: 114px;">Chantelle</span><span class="bleu texte-agenda">&nbsp;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 &agrave; 12h et de 14h &agrave; 17h30</p>
543<p style="text-align: center;"><a href="/contact-acces-allier" class="bouton">Nous &eacute;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.