 
	<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
				<link href="css/hover.css" rel="stylesheet" media="all">
			
		<title>Site officiel de la ville de Bollène - Bollene.fr</title>
		<meta name="author" content="Ambition-web.com">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<meta name="description" content="Actualités, agenda, services municipaux, démarches, vie associative, commerces, carte dynamique, concertations citoyennes, appels à projets...">
		<meta property="og:locale" content="fr" />
		<meta property="og:type" content="website" />
		<meta property="og:title" content="Site officiel de la ville de Bollène" />
		<meta property="og:description" content="Actualités, agenda, services municipaux, démarches, vie associative, commerces, carte dynamique, concertations citoyennes, appels à projets..." />
		<meta property="og:url" content="https://ville-bollene.fr/fr/" />
		<meta property="og:site_name" content="Bollene.fr" />
		<meta property="og:image" content="https://ville-bollene.fr/uploads/company/img_seo_db442ed756cd2ee7a8079d37a05eb822.jpg" />
		<meta property="og:image:url" content="https://ville-bollene.fr/uploads/company/img_seo_db442ed756cd2ee7a8079d37a05eb822.jpg" />
		<meta property="og:image:secure_url" content="https://ville-bollene.fr/uploads/company/img_seo_db442ed756cd2ee7a8079d37a05eb822.jpg" />
		<meta property="og:image:width" content="1200" />
		<meta property="og:image:height" content="630" />
		<meta property="og:type" contenu="website">
        <meta name="twitter:card" content="summary" />
        <meta name="twitter:site" content="Site officiel de la ville de Bollène" />
        <meta name="twitter:title" content="Site officiel de la ville de Bollène" />
        <meta name="twitter:image" content="https://ville-bollene.fr/uploads/company/img_seo_db442ed756cd2ee7a8079d37a05eb822.jpg"/>
		<meta name="twitter:description" content="Actualités, agenda, services municipaux, démarches, vie associative, commerces, carte dynamique, concertations citoyennes, appels à projets..." />
		<link rel="alternate" hreflang="fr" href="https://ville-bollene.fr/fr"/>
		<link rel="canonical" href="https://ville-bollene.fr/fr/" />
				<title></title>
		<link rel="shortcut icon" id="favicon" href="https://ville-bollene.fr/uploads/company/favicon_dfa1bb05c5d0042013e81be9e689c143.png">
<link rel="stylesheet" type="text/css" id="bootstrap-css" href="https://ville-bollene.fr/assets/plugins/bootstrap/css/bootstrap.min.css?v=2.3.5">
<link rel="stylesheet" type="text/css" id="fontawesome-css" href="https://ville-bollene.fr/assets/plugins/font-awesome/css/all.css?v=2.3.5">
<link rel="stylesheet" type="text/css" id="theme-css" href="https://ville-bollene.fr/themes/default/assets/css/style.css?v=1741878962">
<link rel="stylesheet" type="text/css" id="nav-css" href="https://ville-bollene.fr/themes/default/navigations/nav_active/navigation.css?v=1741878962">
<link rel="stylesheet" type="text/css" id="footer-css" href="https://ville-bollene.fr/themes/default/footers/footer_advanced/footer.css?v=1741878962">
<link rel="stylesheet" type="text/css" id="swiper-css" href="https://ville-bollene.fr/assets/plugins/swiper/swiper-bundle.min.css?v=2.3.5">
<link rel="stylesheet" type="text/css" id="photoswipe-css" href="https://ville-bollene.fr/assets/plugins/swiper/photoswipe/photoswipe.css?v=2.3.5">
<link rel="stylesheet" type="text/css" id="photoswipe-skin-css" href="https://ville-bollene.fr/assets/plugins/swiper/photoswipe/default-skin/default-skin.css?v=2.3.5">
<link rel="stylesheet" type="text/css" id="aos" href="https://ville-bollene.fr/assets/plugins/aos/aos.css?v=2.3.5">
<link rel="stylesheet" type="text/css" id="custom-css" href="https://ville-bollene.fr/themes/default/assets/css/custom.css?v=1741878962">
        <script src='https://www.google.com/recaptcha/api.js'></script>    <script>
                var site_url = 'https://ville-bollene.fr/fr/';  
    </script>
			<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H4PTWWL9XR"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-H4PTWWL9XR');
</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YGFNZELZN1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-YGFNZELZN1');
</script>


<script src="https://ambition-com.fr/accessibilite.js?4"></script>
<div id="accessibilite-container"  data-view="accessibilite"  data-token="12345678" data-position="bottom-right" data-content_btn="icon-text" data-bg_btn="#0B5AA0" data-color_btn="white"></div>			
	
    		<script>
			var host 	 = "https://ville-bollene.fr/";
			var host_url = "https://ville-bollene.fr/fr/";
		</script>
	</head>
<body   class="accueil ">
	
	<div class="page-wrapper">
		<nav id="main-menu">

	<div class="mask-menu toggle-menu"></div>
	<div class="menu-left">
		<a href="https://ville-bollene.fr/fr/" class=" logo">	<img src="https://ville-bollene.fr/uploads/company/logo_f015049ab8f91fec8c7950fb0a67b2d9.png" class="" style="" title="Bollene.fr" alt="Bollene.fr"></a>		<a href="https://ville-bollene.fr/fr/" class=" logo-square">	<img src="https://ville-bollene.fr/uploads/company/logo_square_596524cb4ae3ffdbb5e263df8f574e1b.png" class="" style="" title="Bollene.fr" alt="Bollene.fr"></a>	</div>

	<div class="menus">
		<div class=" d-flex justify-content-between align-items-center" id="slide-menu-top">
			
					<a href="https://ville-bollene.fr/fr/">
					<h1>Bollene<i class="fa-solid fa-square"></i>fr</h1>
				</a>
			
			<div class="nav-search nav-search-down">
				<form action="https://ville-bollene.fr/fr/search" method="get" accept-charset="utf-8">
				<label for="q">
					<input type="text" class="form-control form-control-sm mb-0" placeholder="Rechercher" name="q" id="q" value="">
				</label>
				<button type="submit" class="search-submit" title="Search">
					<i class="fal fa-search"></i>
				</button>
				</form>			</div>

			<div class="menu-right pe-5">
				<ul class="social-link"><li><a rel="noreferrer"  target="_blank" href="https://www.facebook.com/villebollene" title=" Facebook" data-bs-toggle="tooltip" data-bs-original-title=" Facebook" aria-label=" Facebook"><i class="fab fa-facebook-f"></i></a></li><li><a rel="noreferrer"  target="_blank" href="https://www.instagram.com/villebollene/" title=" Instagram" data-bs-toggle="tooltip" data-bs-original-title=" Instagram" aria-label=" Instagram"><i class="fab fa-instagram"></i></a></li></ul>				<div>
					<div href="" class="btn btn-1 me-1" onclick="window.print();"><i class="fa-solid fa-print"></i>
					</div>
				</div>
				<!-- <div class="eye">
					<a class="btn btn-bleu" id="small-eye">a</a>
					<a class="btn btn-bleu" id="big-eye">A</a>
				</div> -->


				</ul>
			</div>
		</div>
		<div id="slide-menu">
			<ul class="">
				<li class="rechercher">
					<div class="nav-search ">
					<form action="https://ville-bollene.fr/fr/search" method="get" accept-charset="utf-8">
					<label for="q">
						<input type="text" class="form-control form-control-sm mb-0" placeholder="Rechercher" name="q"
							id="q" value="">
					</label>
					<button type="submit" class="search-submit" title="Search">
						<i class="fal fa-search"></i>
					</button>
					</form>				</div>
				</li>

				<li data-return="La mairie" class="sub-menu ">
					<a class="" href="#">La mairie</a>
					<div class="row">
						<div class="col-md-6 p-0 menu-image">
							<picture>
								<source media="(min-width:1200px)"
									srcset="https://ville-bollene.fr/uploads/pages/45c139a8bfd31c9597673b6604ddcae0_XL.webp?1648130464"
									type="image/webp" />
								<source media="(min-width:1200px)"
									srcset="https://ville-bollene.fr/uploads/pages/45c139a8bfd31c9597673b6604ddcae0_XL.png?1648130464"
									type="image/png" />
								<source media="(min-width:750px)"
									srcset="https://ville-bollene.fr/uploads/pages/45c139a8bfd31c9597673b6604ddcae0_L.webp?1648130464"
									type="image/webp" />
								<source media="(min-width:750px)"
									srcset="https://ville-bollene.fr/uploads/pages/45c139a8bfd31c9597673b6604ddcae0_L.png?1648130464"
									type="image/png" />
								<source media="(min-width:400px)"
									srcset="https://ville-bollene.fr/uploads/pages/45c139a8bfd31c9597673b6604ddcae0_M.webp?1648130464"
									type="image/webp" />
								<source media="(min-width:400px)"
									srcset="https://ville-bollene.fr/uploads/pages/45c139a8bfd31c9597673b6604ddcae0_M.png?1648130464"
									type="image/png" />
								<img class="img-fit"
									src="https://ville-bollene.fr/uploads/pages/45c139a8bfd31c9597673b6604ddcae0_M.png?1648130464"
									alt="La Mairie" title="La Mairie" />
							</picture>
						</div>
						<ul class="col-xl-12 col-xxl-6 sub-sub">

							<li class="menu-titre">
								<a href="https://ville-bollene.fr/fr/la-mairie" class="font-bold-700" >
									<svg class="arrows mt-0">
										<use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-vert"></use>
									</svg>
									La mairie								</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/les-elus">Conseil municipal<br>Vos élus</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/conseils">Conseil municipal<br>Les séances</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/services">Services municipaux</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/marches-publics">Marchés publics</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/intercommunalite">Intercommunalité</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/contrat-de-ville">Contrat de ville</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/petite-ville-de-demain">Petites villes de demain</a>
							</li>
							<li class="d-xl-none d-block menu-titre  ">
									<a href="https://ville-bollene.fr/fr/concertations" class="">Concertation citoyenne</a>

								</li>
								<li	class="d-xl-none d-block menu-titre  ">
									<a href="https://ville-bollene.fr/fr/convention-citoyenne"class="">Convention citoyenne</a>
								</li>
						</ul>
						<div class="col-xxl-7 col-xl-12 bg-2">
							<ul class="p-0 menu-footer">
								<li class="menu-titre  ">
									<a href="https://ville-bollene.fr/fr/concertations" class="btn btn-vert btn-arrow">Concertation citoyenne</a>

								</li>
							</ul>
						</div>
						<div class="col-xxl-5 col-xl-12 bg-2">
							<ul class="p-0 menu-footer">
								<li	class="menu-titre  ">
									<a href="https://ville-bollene.fr/fr/convention-citoyenne"class="btn btn-vert btn-arrow">Convention citoyenne</a>
								</li>
							</ul>
						</div>
					</div>
				</li>

				<li data-return="Vivre à Bollène" class="sub-menu ">
					<a class="" href="#">Vivre à Bollène</a>
					<div class="row">
						<div class="col-md-6 p-0 menu-image">
							<picture>
								<source media="(min-width:1200px)"
									srcset="https://ville-bollene.fr/uploads/pages/4310a29992158ffdcba7d50c6ca09a06_XL.webp?1648126352"
									type="image/webp" />
								<source media="(min-width:1200px)"
									srcset="https://ville-bollene.fr/uploads/pages/4310a29992158ffdcba7d50c6ca09a06_XL.png?1648126352"
									type="image/png" />
								<source media="(min-width:750px)"
									srcset="https://ville-bollene.fr/uploads/pages/4310a29992158ffdcba7d50c6ca09a06_L.webp?1648126352"
									type="image/webp" />
								<source media="(min-width:750px)"
									srcset="https://ville-bollene.fr/uploads/pages/4310a29992158ffdcba7d50c6ca09a06_L.png?1648126352"
									type="image/png" />
								<source media="(min-width:400px)"
									srcset="https://ville-bollene.fr/uploads/pages/4310a29992158ffdcba7d50c6ca09a06_M.webp?1648126352"
									type="image/webp" />
								<source media="(min-width:400px)"
									srcset="https://ville-bollene.fr/uploads/pages/4310a29992158ffdcba7d50c6ca09a06_M.png?1648126352"
									type="image/png" />
								<img class="img-fit"
									src="https://ville-bollene.fr/uploads/pages/4310a29992158ffdcba7d50c6ca09a06_M.png?1648126352"
									alt="Vivre à Bollène" title="Vivre à Bollène" />
							</picture>
						</div>
						<ul class=" col-xxl-6 col-xl-12 sub-sub">
							<li class="menu-titre">
								<a href="https://ville-bollene.fr/fr/vivre-a-bollene" class="font-bold-700" >
									<svg class="arrows mt-0">
										<use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-vert"></use>
									</svg>
									Vivre à Bollène								</a>
							</li>
							<!-- <li
								class="">
								<a href="https://ville-bollene.fr/fr/equipements/categories/132/petite-enfance-0-3-ans">Petite enfance (0-3 ans)</a>
							</li> -->
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/terre-de-jeux" style="color:var(--color-3)!important;">Terre de jeux</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/enfance-et-jeunesse">Enfance et jeunesse</a>
							</li>
						
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/services/categories/278/ecole-municipale-des-sports-ems-enfants-adultes">École municipale des sports</a>
							</li>
							<li class="">
								<a href="https://ville-bollene.fr/fr/equipements/41/conservatoire-municipal">Conservatoire municipal</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/equipements/42/bibliotheque">Bibliothèque</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/action-sociale">Solidarité / Santé</a>
							</li>
								<li
								class="">
								<a href="https://ville-bollene.fr/fr/associations">Vie associative</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/equipements/categories/17/equipements">Équipements sportifs</a>
							</li>
								<li
								class="">
								<a href="https://ville-bollene.fr/fr/equipements/categories/15/salles">Location de salles municipales</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/les-animaux-dans-la-ville">Les animaux dans la ville</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/services/14/office-du-commerce">Office de commerce</a>
							</li>

							<!-- <li
								class="">
								<a href="https://ville-bollene.fr/fr/equipements/15/espace-aquatique-intercommunal">Espace aquatique</a>
							</li> -->

							<!-- <li
								class="">
								<a href="https://ville-bollene.fr/fr/commerces/categories/42/solidarite-sante">Acteurs de la santé</a>
							</li> -->

							<!-- <li
								class="">
								<a href="https://ville-bollene.fr/fr/equipements/categories/15/salles">Salles municipales</a>
							</li> -->


						</ul>
						<div class="col-xxl-12 col-xl-12 bg-1">
							<ul class="p-0 menu-footer">
								<li class="menu-titre justify-content-end  ">
									<a href="https://ville-bollene.fr/fr/portail-famille" class="btn btn-bleu btn-arrow">Portail Famille</a>

								</li>
							</ul>
						</div>
						<!-- <div class="col-xxl-5 col-xl-12 bg-4">
							<ul class="p-0 menu-footer">
								<li	class="menu-titre  ">
									<a href=""class="btn btn-rose btn-arrow">Portail Crèche</a>
									</li>
							</ul>
						</div> -->
					</div>
				</li>

				<li data-return="Cadre de vie" class="sub-menu
					">
					<a class="" href="#">Cadre de vie</a>
					<div class="row">
						<div class="col-md-6 p-0 menu-image">
							<picture>
								<source media="(min-width:1200px)"
									srcset="https://ville-bollene.fr/uploads/pages/08af0f96a820fbcf1abcf6d25fb7ee25_XL.webp?1648126742"
									type="image/webp" />
								<source media="(min-width:1200px)"
									srcset="https://ville-bollene.fr/uploads/pages/08af0f96a820fbcf1abcf6d25fb7ee25_XL.png?1648126742"
									type="image/png" />
								<source media="(min-width:750px)"
									srcset="https://ville-bollene.fr/uploads/pages/08af0f96a820fbcf1abcf6d25fb7ee25_L.webp?1648126742"
									type="image/webp" />
								<source media="(min-width:750px)"
									srcset="https://ville-bollene.fr/uploads/pages/08af0f96a820fbcf1abcf6d25fb7ee25_L.png?1648126742"
									type="image/png" />
								<source media="(min-width:400px)"
									srcset="https://ville-bollene.fr/uploads/pages/08af0f96a820fbcf1abcf6d25fb7ee25_M.webp?1648126742"
									type="image/webp" />
								<source media="(min-width:400px)"
									srcset="https://ville-bollene.fr/uploads/pages/08af0f96a820fbcf1abcf6d25fb7ee25_M.png?1648126742"
									type="image/png" />
								<img class="img-fit"
									src="https://ville-bollene.fr/uploads/pages/08af0f96a820fbcf1abcf6d25fb7ee25_M.png?1648126742"
									alt="Cadre de vie" title="Cadre de vie" />
							</picture>
						</div>
						<ul class="col-xxl-6 col-xl-12 sub-sub">
							<li class="menu-titre">
								<a href="https://ville-bollene.fr/fr/cadre-de-vie" class="font-bold-700" >
									<svg class="arrows mt-0">
										<use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-vert"></use>
									</svg>
									Cadre de vie								</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/securite">Sécurité</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/environnement">Environnement</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/habitat-et-urbanisme">Habitat et urbanisme</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/transports-deplacements">Transports & Déplacements</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/transports-deplacements#stationnement">Stationnement</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/commerces">Commerces & entreprises</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/prevention-des-risques">Prévention des risques</a>
							</li>
					</div>
				</li>

				<li data-return="Culture & tourisme" class="sub-menu ">
					<a class="" href="#">Culture & tourisme</a>
					<div class="row">
						<div class="col-md-5 p-0 menu-image">
							<!-- <picture>
								<source media="(min-width:1200px)"
									srcset="https://ville-bollene.fr/uploads/pages/fa83259745fe293f34a6037ee4aba10e_XL.webp?1648127002"
									type="image/webp" />
								<source media="(min-width:1200px)"
									srcset="https://ville-bollene.fr/uploads/pages/fa83259745fe293f34a6037ee4aba10e_XL.png?1648127002"
									type="image/png" />
								<source media="(min-width:750px)"
									srcset="https://ville-bollene.fr/uploads/pages/fa83259745fe293f34a6037ee4aba10e_L.webp?1648127002"
									type="image/webp" />
								<source media="(min-width:750px)"
									srcset="https://ville-bollene.fr/uploads/pages/fa83259745fe293f34a6037ee4aba10e_L.png?1648127002"
									type="image/png" />
								<source media="(min-width:400px)"
									srcset="https://ville-bollene.fr/uploads/pages/fa83259745fe293f34a6037ee4aba10e_M.webp?1648127002"
									type="image/webp" />
								<source media="(min-width:400px)"
									srcset="https://ville-bollene.fr/uploads/pages/fa83259745fe293f34a6037ee4aba10e_M.png?1648127002"
									type="image/png" />
								<img class="img-fit"
									src="https://ville-bollene.fr/uploads/pages/fa83259745fe293f34a6037ee4aba10e_M.png?1648127002"
									alt="Culture & tourisme" title="Culture & tourisme" />
							</picture> -->
							<picture>
								<source media="(min-width:1200px)" srcset="https://ville-bollene.fr/uploads/liens/20/a5f4686e84646a54eb38efc8d417a82e_XL.webp?1649841978" type="image/webp" />
								<source media="(min-width:1200px)" srcset="https://ville-bollene.fr/uploads/liens/20/a5f4686e84646a54eb38efc8d417a82e_XL.jpg?1649841978" type="image/jpeg" />
								<source media="(min-width:750px)" srcset="https://ville-bollene.fr/uploads/liens/20/a5f4686e84646a54eb38efc8d417a82e_L.webp?1649841978" type="image/webp" />
								<source media="(min-width:750px)" srcset="https://ville-bollene.fr/uploads/liens/20/a5f4686e84646a54eb38efc8d417a82e_L.jpg?1649841978" type="image/jpeg" />
								<source media="(min-width:400px)" srcset="https://ville-bollene.fr/uploads/liens/20/a5f4686e84646a54eb38efc8d417a82e_M.webp?1649841978" type="image/webp" />
								<source media="(min-width:400px)" srcset="https://ville-bollene.fr/uploads/liens/20/a5f4686e84646a54eb38efc8d417a82e_M.jpg?1649841978" type="image/jpeg" />
								<img class="img-fit" src="https://ville-bollene.fr/uploads/liens/20/a5f4686e84646a54eb38efc8d417a82e_M.jpg?1649841978" alt="Culture & tourisme" title="Culture & tourisme" />
							</picture>
						</div>
						<ul class="col-xxl-7 col-xl-12 sub-sub">
							<li class="menu-titre">
								<a href="https://ville-bollene.fr/fr/culture-et-tourisme" class="font-bold-700" >
									<svg class="arrows mt-0">
										<use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-vert"></use>
									</svg>
									Culture & tourisme								</a>
							</li>
							<!-- programme cigaliere -->
							<!-- <li
								class="">
								
								<a href="https://ville-bollene.fr/fr/cest-bo-lete" class="bg-4">
							<img src="https://ville-bollene.fr/themes/default/img/cbo.png" style="max-height:30px" class="img-fluid" alt="">
							</a>
							</li> -->
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/programme-culturel-la-cigaliere">Programme Culturel - la Cigalière</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/botiful-festival">BO'tiful Festival</a>
							</li>
							<!-- tourisme & patrimoine -->
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/tourisme-et-patrimoine">Tourisme & Patrimoine</a>
							</li>
							<!-- jumelage -->
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/jumelage">Jumelage</a>
							</li>
							<!-- conservatoitre -->

							<!-- Bibliotheque -->

							<!-- Cinema  -->
							<li>
								<a href="https://le-clap.com" target="_blank">Cinéma «Le Clap»</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/centre-de-documentation-provencale">Centre de documentation provençale</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/resistants">Rues des resistants</a>
							</li>
					</div>
				</li>

				<li data-return="Démarches" class="sub-menu ">
					<a class="" href="#">Démarches</a>
					<div class="row">
						<div class="col-md-5 p-0 menu-image">
							<picture>
								<source media="(min-width:1200px)"
									srcset="https://ville-bollene.fr/uploads/pages/48dcb4c2c205b79b08511a4d3ebbd3c1_XL.webp?1648124735"
									type="image/webp" />
								<source media="(min-width:1200px)"
									srcset="https://ville-bollene.fr/uploads/pages/48dcb4c2c205b79b08511a4d3ebbd3c1_XL.png?1648124735"
									type="image/png" />
								<source media="(min-width:750px)"
									srcset="https://ville-bollene.fr/uploads/pages/48dcb4c2c205b79b08511a4d3ebbd3c1_L.webp?1648124735"
									type="image/webp" />
								<source media="(min-width:750px)"
									srcset="https://ville-bollene.fr/uploads/pages/48dcb4c2c205b79b08511a4d3ebbd3c1_L.png?1648124735"
									type="image/png" />
								<source media="(min-width:400px)"
									srcset="https://ville-bollene.fr/uploads/pages/48dcb4c2c205b79b08511a4d3ebbd3c1_M.webp?1648124735"
									type="image/webp" />
								<source media="(min-width:400px)"
									srcset="https://ville-bollene.fr/uploads/pages/48dcb4c2c205b79b08511a4d3ebbd3c1_M.png?1648124735"
									type="image/png" />
								<img class="img-fit"
									src="https://ville-bollene.fr/uploads/pages/48dcb4c2c205b79b08511a4d3ebbd3c1_M.png?1648124735"
									alt="Démarches & vie citoyenne" title="Démarches & vie citoyenne" />
							</picture>
						</div>
						<ul class="col-xxl-7 col-xl-12 sub-sub">
							<li class="menu-titre">
								<a href="https://ville-bollene.fr/fr/demarches" class="font-bold-700" >
									<svg class="arrows mt-0">
										<use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-vert"></use>
									</svg>
									Démarches								</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/demarches/categories/32/etat-civil">État-civil</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/demarches/categories/33/titres-securises">Titres sécurisés <span class="text-muted">(CNI, PASSEPORT ...)</span></a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/demarches/categories/34/elections">Élections</a>
							</li>


							<li
								class="">
								<a href="https://ville-bollene.fr/fr/demarches/categories/37/affaires-generales">Affaires générales</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/demarches/categories/144/scolaire">Scolaires</a>
							</li>
							<li
								class="">
								<a href="https://ville-bollene.fr/fr/habitat-et-urbanisme#demarches-urbanisme">Urbanisme</a>
							</li>
					</div>
				</li>
					<li class="">
						<a href="https://ville-bollene.fr/fr/services/categories/94/action-sociale">Action sociale</a>
					</li>
			</ul>
			<div class="menu-deco">
				<svg width="174" height="12" viewBox="0 0 174 12" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path
						d="M119.299 6.05885C119.299 9.21744 116.739 11.778 113.58 11.778C110.422 11.778 107.861 9.21744 107.861 6.05885C107.861 2.90026 110.422 0.339722 113.58 0.339722C116.739 0.339722 119.299 2.90026 119.299 6.05885Z"
						fill="#6AB651" />
					<path
						d="M161.792 6.05885C161.792 9.21744 164.352 11.778 167.511 11.778C170.67 11.778 173.23 9.21744 173.23 6.05885C173.23 2.90026 170.67 0.339722 167.511 0.339722C164.352 0.339722 161.792 2.90026 161.792 6.05885Z"
						fill="#6AB651" />
					<path
						d="M134.827 6.05885C134.827 9.21744 137.387 11.778 140.546 11.778C143.704 11.778 146.265 9.21744 146.265 6.05885C146.265 2.90026 143.704 0.339722 140.546 0.339722C137.387 0.339722 134.827 2.90026 134.827 6.05885Z"
						fill="#6AB651" />
					<path
						d="M26.9653 6.05885C26.9653 9.21744 29.5258 11.778 32.6844 11.778C35.843 11.778 38.4035 9.21744 38.4035 6.05885C38.4035 2.90026 35.843 0.339722 32.6844 0.339722C29.5258 0.339722 26.9653 2.90026 26.9653 6.05885Z"
						fill="#6AB651" />
					<path
						d="M53.9307 6.05885C53.9307 9.21744 56.4912 11.778 59.6498 11.778C62.8084 11.778 65.3689 9.21744 65.3689 6.05885C65.3689 2.90026 62.8084 0.339722 59.6498 0.339722C56.4912 0.339722 53.9307 2.90026 53.9307 6.05885Z"
						fill="#6AB651" />
					<path
						d="M80.8959 6.05885C80.8959 9.21744 83.4565 11.778 86.6151 11.778C89.7737 11.778 92.3342 9.21744 92.3342 6.05885C92.3342 2.90026 89.7737 0.339722 86.6151 0.339722C83.4565 0.339722 80.8959 2.90026 80.8959 6.05885Z"
						fill="#6AB651" />
					<path
						d="M11.4382 6.05885C11.4382 9.21744 8.87769 11.778 5.7191 11.778C2.56051 11.778 -3.05176e-05 9.21744 -3.05176e-05 6.05885C-3.05176e-05 2.90026 2.56051 0.339722 5.7191 0.339722C8.87769 0.339722 11.4382 2.90026 11.4382 6.05885Z"
						fill="#6AB651" />
				</svg>
			</div>


		</div>
	</div>




	<svg class="toggle-menu" id="burger" viewBox="0 0 100 100" width="80">
		<path class="line top" d="m 70,33 h -40 c 0,0 -8.5,-0.149796 -8.5,8.5 0,8.649796 8.5,8.5 8.5,8.5 h 20 v -20">
		</path>
		<path class="line middle" d="m 70,50 h -40"></path>
		<path class="line bottom"
			d="m 30,67 h 40 c 0,0 8.5,0.149796 8.5,-8.5 0,-8.649796 -8.5,-8.5 -8.5,-8.5 h -20 v 20"></path>
	</svg>
</nav>
<div id="btn-jeu" class="btn-jeu">
    <img src="https://ville-bollene.fr/themes/default/img/flamant.png" class="img-fluid me-2">
    <a href="https://ville-bollene.fr/fr/botiful-festival"><span class="color-danger-alt">BO'tiful Festival</span></span></a>
</div>



<style>
	#btn-jeu {
    position  : fixed;
    top       : 150px;
    right     : -100px;
    box-shadow: var(--shadow-1);
	transition:.3s;
}
.btn-jeu {
    display      : flex;
    align-items  : center;
    width        : 220px;
    background   : var(--color-3);
    z-index      : 60;
    padding      : 1rem;
    border-radius: 180px 0 0 180px;
    border       : solid 1px var(--danger-alt);
    border-right : none;
}
.btn-jeu span {
    text-align: end;
}
.btn-jeu a {
    font-size  : 20px;
    color      : #fff;
    font-weight: 700;

}
#btn-jeu:hover {
  right:0;
}

    .btn-jeu a {
        font-size: 13px;
    }
    .btn-jeu img {
        width: 50px;
    }
    .btn-jeu {
        width  : 160px;
        padding: 0.5rem;
        top    : 115px;
    }

@media(max-width:1199px) {
    #btn-jeu {
        top: 90px;
    }
}
@media(max-width:992px) {
    #btn-jeu {
        right: -100px;
    }
    #btn-jeu:hover {
        right     : 0;
        transition: right 0.3s;
    }
}
</style>		<main class="main">
			<div id="content">
					<div class="pages">
		 
		<div class="container">
				<!-- <nav aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="https://ville-bollene.fr/fr/">Accueil</a></li>
					<li class="breadcrumb-item active" aria-current="page">Accueil</li>
				</ol>
				</nav> -->
		</div>
		<p>
<section class="widget-advertisings advertisings-default">

    <div class="swiper-container swiperCarousel">
        <div class="snowEffect"><canvas width="100%" height="100%"></canvas></div>
        <div class="swiper-wrapper mb-4"
            data-auto-height="false"
            data-slide-sm="1"
            data-slide-md="1"
            data-slide-lg="1"
            data-slide-xl="1"
            data-loop="false"
            data-margin="0"
            data-speed="5"
            data-arrows="false"
            data-dots="custom">
                            <div class="advertisings-item hero text-white swiper-slide ">
                    <!--  -->
                    <picture class="w-100">
                        <img src="https://ville-bollene.fr/uploads/advertisings/126/d349747831d6f752cd51ed1355e85f4f_XL.jpg?1741603175" alt="Carnaval" title="Carnaval" class="">
                    </picture>
                                                    </div>
                            <div class="advertisings-item hero text-white swiper-slide ">
                    <!--                     <a href="" target="_blank">
                     -->
                    <picture class="w-100">
                        <img src="https://ville-bollene.fr/uploads/advertisings/124/13d6b2af5fdf4299d235e1649fab0816_XL.jpg?1741183603" alt="BOTIFUL FESTIVAL" title="BOTIFUL FESTIVAL" class="">
                    </picture>
                                    <a href="https://www.billetweb.fr/multi_event.php?user=27301" class="btn btn-3 pub">Réserver ICI</a>
                                                    </div>
                            <div class="advertisings-item hero text-white swiper-slide ">
                    <!--  -->
                    <picture class="w-100">
                        <img src="https://ville-bollene.fr/uploads/advertisings/116/c26050b352caf953b9ebcbc4d1e7467b_XL.jpg?1733309219" alt="Olivia RUIZ" title="Olivia RUIZ" class="">
                    </picture>
                                                    </div>
                            <div class="advertisings-item hero text-white swiper-slide ">
                    <!--  -->
                    <picture class="w-100">
                        <img src="https://ville-bollene.fr/uploads/advertisings/125/12e03d5753c3ba3ea657de8cf92374a9_XL.jpg?1741170644" alt="Pique-nique à Pâques" title="Pique-nique à Pâques" class="">
                    </picture>
                                                    </div>
                            <div class="advertisings-item hero text-white swiper-slide ">
                    <!--  -->
                    <picture class="w-100">
                        <img src="https://ville-bollene.fr/uploads/advertisings/127/aa17c6915f5bc8ffb99afaddb8e1cafd_XL.jpg?1741603663" alt="Caroline MARX" title="Caroline MARX" class="">
                    </picture>
                                                    </div>
                            <div class="advertisings-item hero text-white swiper-slide ">
                    <!--  -->
                    <picture class="w-100">
                        <img src="https://ville-bollene.fr/uploads/advertisings/118/e1d9a9b307d5b195bc01e9a1b43c2ef3_XL.jpg?1734517272" alt="Ludwig Von 88" title="Ludwig Von 88" class="">
                    </picture>
                                                    </div>
                            <div class="advertisings-item hero text-white swiper-slide ">
                    <!--  -->
                    <picture class="w-100">
                        <img src="https://ville-bollene.fr/uploads/advertisings/93/9d3d262f82000f844120887ac1685859_XL.jpg?1732098294" alt="Tour de France" title="Tour de France" class="">
                    </picture>
                                                            <p><h2 class="d-none d-md-flex p-0 p-lg-5 compte d-flex align-items-center p-2 justify-content-around flex-wrap" id="compte_a_rebours" style="background: #00000073;"></h2></p>
                                    </div>
                    </div>
        <div class="swiper-pagination"></div>
    </div>
</section>

<style>
.widget-advertisings .compte{
    position:absolute;
    top:58%;
    left:var(--container-out-margin);
    width:calc(100% - var(--container-out-margin) * 2);
}
.widget-advertisings .swiper-container {
background: transparent;
}

.swiper-container{
overflow-y:visible;
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 51px;

}


.snowEffect {
width: 100%;
height: calc(100% - 50px);
position: absolute;
top: 0;
left: 0;
z-index: 5000;
/* filter: drop-shadow(0 -6mm 4mm rgb(160, 0, 210)); */
}

@media (max-width:768px){
   .swiper-pagination{
    display:none;
   } 
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script type="text/javascript" id="threecanvas.js" src="https://ville-bollene.fr/themes/default/assets/js/threecanvas.js?v=2.3.5"></script>
<script defer type="text/javascript" id="snow.js" src="https://ville-bollene.fr/themes/default/assets/js/snow.js?v=2.3.5"></script>


<script>
$(document).ready(function () {
if ($(window).width() > 480 && !(navigator.userAgent.toLowerCase().indexOf('safari') > -1 && navigator.userAgent.toLowerCase().indexOf('chrome') == -1)) {
    snowEffectBind();
}

$(window).resize(function () {
    snowEffectBind();
});

// $(window).trigger('resize');
});

</script>


<script type="text/javascript">

/*Snow Effect - Start*/
/* Variables - Start */

var container;
var particle;
var camera;
var scene;
var renderer;
var mouseX = 0;
var mouseY = 0;
var windowHalfX = window.innerWidth / 2;
var windowHalfY = window.innerHeight / 2;
var particles = [];
var particleImage = new Image();
//  particleImage.src = 'https://ville-bollene.fr/themes/default/img/snow.png';
 particleImage.src = 'https://ville-bollene.fr/themes/default/img/plume.png';


function snowEffectBind() {

    var landingPage = $('.snowEffect').height();
    
    var SCREEN_WIDTH = window.innerWidth;
    var SCREEN_HEIGHT = landingPage 
    container = $('.snowEffect');
    

    camera = new THREE.PerspectiveCamera(45, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 10000);
    camera.position.z = 100;

    scene = new THREE.Scene();
    scene.add(camera);

    renderer = new THREE.CanvasRenderer();
    renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);
    var material = new THREE.ParticleBasicMaterial({
        map: new THREE.Texture(particleImage)
    });

    for (var i = 0; i < 100; i++) {
        particle = new Particle3D(material);
        particle.position.x = Math.random() * 2000 - 1000;
        particle.position.y = Math.random() * 2000 - 1000;
        particle.position.z = Math.random() * 2000 - 1000;
        particle.scale.x = particle.scale.y = 1;
        scene.add(particle);

        particles.push(particle);
    }

    container.html(renderer.domElement);

    // document.addEventListener('mousemove', onDocumentMouseMove, false);
    document.addEventListener('touchstart', onDocumentTouchStart, false);
    document.addEventListener('touchmove', onDocumentTouchMove, false);
    window.addEventListener('resize', onWindowResize, false);
    setInterval(loop, 1000 / 40);
}


function onWindowResize() {
    document.location.reload();
}

function onDocumentMouseMove(event) {
    mouseX = event.clientX - windowHalfX;
    mouseY = event.clientY - windowHalfY;
}

function onDocumentTouchStart(event) {
    if (event.touches.length == 1) {
        // event.preventDefault();

        mouseX = event.touches[0].pageX - windowHalfX;
        mouseY = event.touches[0].pageY - windowHalfY;
    }
}

function onDocumentTouchMove(event) {
    if (event.touches.length == 1) {
        event.preventDefault();

        mouseX = event.touches[0].pageX - windowHalfX;
        mouseY = event.touches[0].pageY - windowHalfY;
    }
}

function loop() {
    for (var i = 0; i < particles.length; i++) {
        var particle = particles[i];
        particle.updatePhysics();

        with(particle.position) {
            if (y < -1000) y += 2000;
            if (x > 1000) x -= 2000;
            else if (x < -1000) x += 2000;
            if (z > 1000) z -= 2000;
            else if (z < -1000) z += 2000;
        }
    }

    camera.position.x += (mouseX - camera.position.x) * 0.05;
    camera.position.y += (-mouseY - camera.position.y) * 0.05;
    camera.lookAt(scene.position);
    renderer.render(scene, camera);
}
</script></p>
<section class="py-md-5 ">
<div class="container">
<div class="row gx-md-4 gx-xl-5">
<div class="col-lg-8 col-xl-9">
<div class="">
<p class="text-center"><a class="btn btn-2 btn-arrow" href="https://ville-bollene.fr/fr/services/64/etudes-surveillees" title="Pr&#233;-inscriptions pour l'&#233;tude surveill&#233;e">formulaire Pr&#233;-inscription &#233;tudes surveill&#233;es</a></p>
<!--<p><a href="https://ville-bollene.fr/fr/formulaire-pre-inscription-sejour-dhiver" class="btn btn-2 btn-arrow">formulaire pre-inscription sejour hiver 2025</a></p>--></div>
<p><!-- profils widget default (grid) -->
	<section class="widgets profils profils-widgets pb-4">
		<div class="">
			<!--Title/Desc/Button-->
							<div class="widget-header">
											<h2>
							<svg class="arrows"><use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-rose"></use></svg>
							Je suis						</h2>
										<div class="dotted"></div>
									</div>
							
			<!--Categories-->
			
			<!--Attributes-->
			
			<!-- Load datas -->
			
<!-- Display grid -->
	<div class="d-flex flex-wrap justify-content-center">
		
			<a class="grid-display-item " href="https://ville-bollene.fr/fr/profils/1/jeunes">
				<div class="bloc-profil">

					<i class="fa-solid fa-child"></i>					<h5 class="card-title">
						Jeunes					</h5>
				</div>
			</a>
		
			<a class="grid-display-item " href="https://ville-bollene.fr/fr/profils/2/famille">
				<div class="bloc-profil">

					<i class="fa-solid fa-family"></i>					<h5 class="card-title">
						Famille					</h5>
				</div>
			</a>
		
			<a class="grid-display-item " href="https://ville-bollene.fr/fr/profils/3/senior">
				<div class="bloc-profil">

					<i class="fa-solid fa-person-seat"></i>					<h5 class="card-title">
						Sénior					</h5>
				</div>
			</a>
		
			<a class="grid-display-item " href="https://ville-bollene.fr/fr/profils/5/association">
				<div class="bloc-profil">

					<i class="fa-solid fa-users"></i>					<h5 class="card-title">
						Association					</h5>
				</div>
			</a>
		
			<a class="grid-display-item " href="https://ville-bollene.fr/fr/profils/7/entrepreneur">
				<div class="bloc-profil">

					<i class="fa-solid fa-suitcase"></i>					<h5 class="card-title">
						Entrepreneur					</h5>
				</div>
			</a>
			</div>
		</div>
	</section>
</p>
<!-- blogs widget default (grid) -->
	<section class="widgets blogs blogs-widgets ">
		<div class="">
			<!--Title/Desc/Button-->
							<div class="widget-header">
											<h2>
							<svg class="arrows"><use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-bleu"></use></svg>
							<span>Actualit&#233;s</span>
						</h2>
										<div class="dotted"></div>
											<a class="btn btn-bleu btn-arrow" href="https://ville-bollene.fr/fr/actualites">Portail actualit&#233;s</a>
									</div>
							
			<!--Categories-->
			
			<!--Attributes-->
			
			<!-- Load datas -->
			
<!-- Display cards -->
<div class="row g-4">
        <article
        class="col-md-4 col-sm-6 cards-h-100">
        <div class="card">
                        <a href="https://ville-bollene.fr/fr/actualites/1253/commemoration-du-19-mars-63eme-anniversaire-du-cessez-le-feu-en-algerie">
                <picture>
                    <source media="(min-width:400px)" srcset="" type="image/webp">
                    <img src="https://ville-bollene.fr/uploads/blogs/1253/93ac119c3623512a0e8d0ba251e282b4_L.jpg?1741858938" alt="Commémoration du 19 mars  – 63ème anniversaire du cessez-le-feu en Algérie"
                        title="Commémoration du 19 mars  – 63ème anniversaire du cessez-le-feu en Algérie" class="card-img-top">
                </picture>
            </a>
            <div class="card-body clip-top">
                <ul class="bloc-list d-flex  justify-content-between flex-wrap align-items-center color-bleu">
                                        <li class="list-inline-item category badge ">Cérémonies</li>
                                                            <!-- <li class="list-inline-item date">13 Mars 2025 </li> -->
                                                            <li class="list-inline-item share">	<span class="dropdown-toggle dropdown">		<span class="pointer" id="dropdownMenuButton_1253" data-bs-toggle="dropdown" aria-expanded="false">			<i class="fal icon-share" data-bs-toggle="tooltip" title="Partager"></i>		</span>		<div class="dropdown-menu" aria-labelledby="dropdownMenuButton_1253">			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.facebook.com/share.php?u=https://ville-bollene.fr/fr/actualites/1253/commemoration-du-19-mars-63eme-anniversaire-du-cessez-le-feu-en-algerie"><i class="fab fa-facebook-f me-2"></i>Facebook</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://twitter.com/intent/tweet?url=https://ville-bollene.fr/fr/actualites/1253/commemoration-du-19-mars-63eme-anniversaire-du-cessez-le-feu-en-algerie"><i class="fab fa-twitter me-2"></i>Twitter</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.linkedin.com/shareArticle?mini=true&url=https://ville-bollene.fr/fr/actualites/1253/commemoration-du-19-mars-63eme-anniversaire-du-cessez-le-feu-en-algerie"><i class="fab fa-linkedin me-2"></i>Linkedin</a>		</div>	</span></li>
                    
                </ul>
                <h5 class="card-title">

                    <a href="https://ville-bollene.fr/fr/actualites/1253/commemoration-du-19-mars-63eme-anniversaire-du-cessez-le-feu-en-algerie" class="">
                        Commémoration du 19 mars  – 63ème anniversaire du cessez-le-feu en Algérie                    </a>
                </h5>

                <div class="card-text">
                                        <!-- <div class="content-short"></div> -->
                                    </div>
            </div>
        </div>
    </article>
        <article
        class="col-md-4 col-sm-6 cards-h-100">
        <div class="card">
                        <a href="https://ville-bollene.fr/fr/actualites/1251/le-botiful-festival-est-de-retour-">
                <picture>
                    <source media="(min-width:400px)" srcset="" type="image/webp">
                    <img src="https://ville-bollene.fr/uploads/blogs/1251/6fd98c0ab76d61e4c40fc1665d513604_L.jpg?1741786348" alt="LE BO’TIFUL FESTIVAL EST DE RETOUR !"
                        title="LE BO’TIFUL FESTIVAL EST DE RETOUR !" class="card-img-top">
                </picture>
            </a>
            <div class="card-body clip-top">
                <ul class="bloc-list d-flex  justify-content-between flex-wrap align-items-center color-bleu">
                                        <li class="list-inline-item category badge ">Culture</li>
                                                            <!-- <li class="list-inline-item date">12 Mars 2025 </li> -->
                                                            <li class="list-inline-item share">	<span class="dropdown-toggle dropdown">		<span class="pointer" id="dropdownMenuButton_1251" data-bs-toggle="dropdown" aria-expanded="false">			<i class="fal icon-share" data-bs-toggle="tooltip" title="Partager"></i>		</span>		<div class="dropdown-menu" aria-labelledby="dropdownMenuButton_1251">			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.facebook.com/share.php?u=https://ville-bollene.fr/fr/actualites/1251/le-botiful-festival-est-de-retour-"><i class="fab fa-facebook-f me-2"></i>Facebook</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://twitter.com/intent/tweet?url=https://ville-bollene.fr/fr/actualites/1251/le-botiful-festival-est-de-retour-"><i class="fab fa-twitter me-2"></i>Twitter</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.linkedin.com/shareArticle?mini=true&url=https://ville-bollene.fr/fr/actualites/1251/le-botiful-festival-est-de-retour-"><i class="fab fa-linkedin me-2"></i>Linkedin</a>		</div>	</span></li>
                    
                </ul>
                <h5 class="card-title">

                    <a href="https://ville-bollene.fr/fr/actualites/1251/le-botiful-festival-est-de-retour-" class="">
                        LE BO’TIFUL FESTIVAL EST DE RETOUR !                    </a>
                </h5>

                <div class="card-text">
                                        <!-- <div class="content-short"></div> -->
                                    </div>
            </div>
        </div>
    </article>
        <article
        class="col-md-4 col-sm-6 cards-h-100">
        <div class="card">
                        <a href="https://ville-bollene.fr/fr/actualites/1248/les-programmes-des-alsh-des-vacances-davril-sont-prets">
                <picture>
                    <source media="(min-width:400px)" srcset="" type="image/webp">
                    <img src="https://ville-bollene.fr/uploads/blogs/1248/f8d572d426a36550a5711663bc1e9fd0_L.jpg?1741700100" alt="ALSH des vacances d’avril"
                        title="ALSH des vacances d’avril" class="card-img-top">
                </picture>
            </a>
            <div class="card-body clip-top">
                <ul class="bloc-list d-flex  justify-content-between flex-wrap align-items-center color-bleu">
                                        <li class="list-inline-item category badge ">Jeunesse</li>
                                                            <!-- <li class="list-inline-item date">12 Mars 2025 </li> -->
                                                            <li class="list-inline-item share">	<span class="dropdown-toggle dropdown">		<span class="pointer" id="dropdownMenuButton_1248" data-bs-toggle="dropdown" aria-expanded="false">			<i class="fal icon-share" data-bs-toggle="tooltip" title="Partager"></i>		</span>		<div class="dropdown-menu" aria-labelledby="dropdownMenuButton_1248">			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.facebook.com/share.php?u=https://ville-bollene.fr/fr/actualites/1248/les-programmes-des-alsh-des-vacances-davril-sont-prets"><i class="fab fa-facebook-f me-2"></i>Facebook</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://twitter.com/intent/tweet?url=https://ville-bollene.fr/fr/actualites/1248/les-programmes-des-alsh-des-vacances-davril-sont-prets"><i class="fab fa-twitter me-2"></i>Twitter</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.linkedin.com/shareArticle?mini=true&url=https://ville-bollene.fr/fr/actualites/1248/les-programmes-des-alsh-des-vacances-davril-sont-prets"><i class="fab fa-linkedin me-2"></i>Linkedin</a>		</div>	</span></li>
                    
                </ul>
                <h5 class="card-title">

                    <a href="https://ville-bollene.fr/fr/actualites/1248/les-programmes-des-alsh-des-vacances-davril-sont-prets" class="">
                        ALSH des vacances d’avril                    </a>
                </h5>

                <div class="card-text">
                                        <!-- <div class="content-short"></div> -->
                                    </div>
            </div>
        </div>
    </article>
        <article
        class="col-md-4 col-sm-6 cards-h-100">
        <div class="card">
                        <a href="https://ville-bollene.fr/fr/actualites/1250/retour-en-images-sur-la-journee-nationale-dhommage-aux-victimes-du-terrorisme">
                <picture>
                    <source media="(min-width:400px)" srcset="" type="image/webp">
                    <img src="https://ville-bollene.fr/uploads/blogs/1250/06d5115c646c71e8ecfbeccfae3ac641_L.jpg?1741769512" alt="Retour en images sur la Journée nationale d’hommage aux victimes du terrorisme"
                        title="Retour en images sur la Journée nationale d’hommage aux victimes du terrorisme" class="card-img-top">
                </picture>
            </a>
            <div class="card-body clip-top">
                <ul class="bloc-list d-flex  justify-content-between flex-wrap align-items-center color-bleu">
                                        <li class="list-inline-item category badge ">Cérémonies</li>
                                                            <!-- <li class="list-inline-item date">12 Mars 2025 </li> -->
                                                            <li class="list-inline-item share">	<span class="dropdown-toggle dropdown">		<span class="pointer" id="dropdownMenuButton_1250" data-bs-toggle="dropdown" aria-expanded="false">			<i class="fal icon-share" data-bs-toggle="tooltip" title="Partager"></i>		</span>		<div class="dropdown-menu" aria-labelledby="dropdownMenuButton_1250">			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.facebook.com/share.php?u=https://ville-bollene.fr/fr/actualites/1250/retour-en-images-sur-la-journee-nationale-dhommage-aux-victimes-du-terrorisme"><i class="fab fa-facebook-f me-2"></i>Facebook</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://twitter.com/intent/tweet?url=https://ville-bollene.fr/fr/actualites/1250/retour-en-images-sur-la-journee-nationale-dhommage-aux-victimes-du-terrorisme"><i class="fab fa-twitter me-2"></i>Twitter</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.linkedin.com/shareArticle?mini=true&url=https://ville-bollene.fr/fr/actualites/1250/retour-en-images-sur-la-journee-nationale-dhommage-aux-victimes-du-terrorisme"><i class="fab fa-linkedin me-2"></i>Linkedin</a>		</div>	</span></li>
                    
                </ul>
                <h5 class="card-title">

                    <a href="https://ville-bollene.fr/fr/actualites/1250/retour-en-images-sur-la-journee-nationale-dhommage-aux-victimes-du-terrorisme" class="">
                        Retour en images sur la Journée nationale d’hommage aux victimes du terrorisme                    </a>
                </h5>

                <div class="card-text">
                                        <!-- <div class="content-short"></div> -->
                                    </div>
            </div>
        </div>
    </article>
        <article
        class="col-md-4 col-sm-6 cards-h-100">
        <div class="card">
                        <a href="https://ville-bollene.fr/fr/actualites/1246/retour-sur-le-carnaval-de-la-creche">
                <picture>
                    <source media="(min-width:400px)" srcset="" type="image/webp">
                    <img src="https://ville-bollene.fr/uploads/blogs/1246/bf4c20ccab57502af27ee14e5c8cdc5b_L.jpg?1741691274" alt="Retour sur le Carnaval de la crèche"
                        title="Retour sur le Carnaval de la crèche" class="card-img-top">
                </picture>
            </a>
            <div class="card-body clip-top">
                <ul class="bloc-list d-flex  justify-content-between flex-wrap align-items-center color-bleu">
                                        <li class="list-inline-item category badge ">Jeunesse</li>
                                                            <!-- <li class="list-inline-item date">11 Mars 2025 </li> -->
                                                            <li class="list-inline-item share">	<span class="dropdown-toggle dropdown">		<span class="pointer" id="dropdownMenuButton_1246" data-bs-toggle="dropdown" aria-expanded="false">			<i class="fal icon-share" data-bs-toggle="tooltip" title="Partager"></i>		</span>		<div class="dropdown-menu" aria-labelledby="dropdownMenuButton_1246">			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.facebook.com/share.php?u=https://ville-bollene.fr/fr/actualites/1246/retour-sur-le-carnaval-de-la-creche"><i class="fab fa-facebook-f me-2"></i>Facebook</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://twitter.com/intent/tweet?url=https://ville-bollene.fr/fr/actualites/1246/retour-sur-le-carnaval-de-la-creche"><i class="fab fa-twitter me-2"></i>Twitter</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.linkedin.com/shareArticle?mini=true&url=https://ville-bollene.fr/fr/actualites/1246/retour-sur-le-carnaval-de-la-creche"><i class="fab fa-linkedin me-2"></i>Linkedin</a>		</div>	</span></li>
                    
                </ul>
                <h5 class="card-title">

                    <a href="https://ville-bollene.fr/fr/actualites/1246/retour-sur-le-carnaval-de-la-creche" class="">
                        Retour sur le Carnaval de la crèche                    </a>
                </h5>

                <div class="card-text">
                                        <!-- <div class="content-short"></div> -->
                                    </div>
            </div>
        </div>
    </article>
        <article
        class="col-md-4 col-sm-6 cards-h-100">
        <div class="card">
                        <a href="https://ville-bollene.fr/fr/actualites/1249/probleme-electrique-resolu-">
                <picture>
                    <source media="(min-width:400px)" srcset="" type="image/webp">
                    <img src="https://ville-bollene.fr/uploads/blogs/1249/9e2096a8d6911024ef6b34d8190a9198_L.jpg?1741708724" alt="Problème électrique résolu !"
                        title="Problème électrique résolu !" class="card-img-top">
                </picture>
            </a>
            <div class="card-body clip-top">
                <ul class="bloc-list d-flex  justify-content-between flex-wrap align-items-center color-bleu">
                                        <li class="list-inline-item category badge ">Information</li>
                                                            <!-- <li class="list-inline-item date">11 Mars 2025 </li> -->
                                                            <li class="list-inline-item share">	<span class="dropdown-toggle dropdown">		<span class="pointer" id="dropdownMenuButton_1249" data-bs-toggle="dropdown" aria-expanded="false">			<i class="fal icon-share" data-bs-toggle="tooltip" title="Partager"></i>		</span>		<div class="dropdown-menu" aria-labelledby="dropdownMenuButton_1249">			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.facebook.com/share.php?u=https://ville-bollene.fr/fr/actualites/1249/probleme-electrique-resolu-"><i class="fab fa-facebook-f me-2"></i>Facebook</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://twitter.com/intent/tweet?url=https://ville-bollene.fr/fr/actualites/1249/probleme-electrique-resolu-"><i class="fab fa-twitter me-2"></i>Twitter</a>			<a class="dropdown-item popup-share" rel="noreferrer" href="https://www.linkedin.com/shareArticle?mini=true&url=https://ville-bollene.fr/fr/actualites/1249/probleme-electrique-resolu-"><i class="fab fa-linkedin me-2"></i>Linkedin</a>		</div>	</span></li>
                    
                </ul>
                <h5 class="card-title">

                    <a href="https://ville-bollene.fr/fr/actualites/1249/probleme-electrique-resolu-" class="">
                        Problème électrique résolu !                    </a>
                </h5>

                <div class="card-text">
                                        <!-- <div class="content-short"></div> -->
                                    </div>
            </div>
        </div>
    </article>
    </div>
		</div>
	</section>
 <!-- events widget default (grid) -->
<section class="widgets events-widgets events pt-5">
	<div class="">
				<div class="widget-header">
						<h2>
				<svg class="arrows">
					<use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-rose"></use>
				</svg>
				<span class="text-dark">Agenda</span>
			</h2>
						<div class="dotted"></div>
							<div class="bloc-button">

					<a class="btn btn-3 btn-arrow" href="https://ville-bollene.fr/fr/proposer-un-evenement">Proposer un événement</a>
					<a class="btn btn-3 btn-arrow"
					href="https://ville-bollene.fr/fr/agenda">Portail agenda</a>
				</div>
					</div>
				
		
		<div class="row gy-4 gx-md-4">
														<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/361/agissons-ensemble-pour-la-sauvegarde-de-notre-patrimoine-commun-">
						<img src="https://ville-bollene.fr/uploads/events/361/8849ba8e768ad6b4a1044b8a18631910_L.jpg?1741342569" alt="Agissons ensemble pour la sauvegarde de notre patrimoine commun"
							title="Agissons ensemble pour la sauvegarde de notre patrimoine commun" class="card-img-top">
						<div class="event-date double">  03 Mars    23 Mars </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Patrimoine</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/361/agissons-ensemble-pour-la-sauvegarde-de-notre-patrimoine-commun-"
								class="color-bleu">
								Agissons ensemble pour la sauvegarde de notre patrimoine commun							</a>
						</h5>
												<div class="card-text">
														<!-- <div class="content-short">4e édition de la campagne nationale "Le Plus Grand Musée de Franc" - Allianz France</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/358/le-cafe-des-parents">
						<img src="https://ville-bollene.fr/uploads/events/358/b4f7336f666342e16b560bfa2c64bbea_L.jpg?1741341691" alt="Le café des parents"
							title="Le café des parents" class="card-img-top">
						<div class="event-date double">  12 Mars    18 Juin </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Action sociale</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/358/le-cafe-des-parents"
								class="color-bleu">
								Le café des parents							</a>
						</h5>
						<p class="text-dark small"><i class="fa-regular fa-location-dot me-2"></i>Espace Générations Bollène, 318 rue Commandant Hélie Denoix de Saint-Marc, 84500 Bollène</p>						<div class="card-text">
														<!-- <div class="content-short">NOUVEAU ! Un temps convivial de libre paroles et d'échanges entre parents sur leurs préoccupations de parents du moment autour d'un bon café :)</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/359/atelier-bulle-dair">
						<img src="https://ville-bollene.fr/uploads/events/359/0b1e61f0bed124acfd6da9b264b2e6fc_L.jpg?1741341682" alt="Atelier Bulle d'air"
							title="Atelier Bulle d'air" class="card-img-top">
						<div class="event-date double">  12 Mars    17 Déc </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Action sociale</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/359/atelier-bulle-dair"
								class="color-bleu">
								Atelier Bulle d'air							</a>
						</h5>
						<p class="text-dark small"><i class="fa-regular fa-location-dot me-2"></i>ACM Curie (ancienne crèche), 84500 Bollène</p>						<div class="card-text">
														<!-- <div class="content-short">Un moment pour prendre soin de soi !</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/339/seances-de-cinema-pour-nos-seniors">
						<img src="https://ville-bollene.fr/uploads/events/339/efdfcb55e61064acee809dd5ee8f0cd2_L.jpg?1741170704" alt="Séances de cinéma pour les seniors"
							title="Séances de cinéma pour les seniors" class="card-img-top">
						<div class="event-date ">  17 Mars </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Seniors</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/339/seances-de-cinema-pour-nos-seniors"
								class="color-bleu">
								Séances de cinéma pour les seniors							</a>
						</h5>
						<p class="text-dark small"><i class="fa-regular fa-location-dot me-2"></i>Cinéma Le Clap, 84500 Bollène</p>						<div class="card-text">
														<!-- <div class="content-short">Le CCAS organise 3 séances de cinéma pour les seniors bollénois de plus de 65 ans et plus.</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/350/63eme-anniversaire-du-cessez-le-feu-en-algerie">
						<img src="https://ville-bollene.fr/uploads/events/350/f3dcbd2590b4ffd92b09a74822925992_L.jpg?1739541800" alt="63ème anniversaire du cessez-le-feu en Algérie"
							title="63ème anniversaire du cessez-le-feu en Algérie" class="card-img-top">
						<div class="event-date double">  19 Mars </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Cérémonie</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/350/63eme-anniversaire-du-cessez-le-feu-en-algerie"
								class="color-bleu">
								63ème anniversaire du cessez-le-feu en Algérie							</a>
						</h5>
						<p class="text-dark small"><i class="fa-regular fa-location-dot me-2"></i>Monument aux Morts - Jardin du Souvenir - Bd Gambetta</p>						<div class="card-text">
														<!-- <div class="content-short">-</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/357/concert-de-la-st-patrick">
						<img src="https://ville-bollene.fr/uploads/events/357/021f71975c7a9f2fe2bbcdf8ebadae97_L.jpg?1741261570" alt="Concert de la St Patrick"
							title="Concert de la St Patrick" class="card-img-top">
						<div class="event-date ">  21 Mars </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Animation</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/357/concert-de-la-st-patrick"
								class="color-bleu">
								Concert de la St Patrick							</a>
						</h5>
						<p class="text-dark small"><i class="fa-regular fa-location-dot me-2"></i>La Cigalière, 84500 Bollène</p>						<div class="card-text">
														<!-- <div class="content-short">Organisé par l'association Zikagogo Bollene, en partenariat avec la ville.</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/349/carnaval">
						<img src="https://ville-bollene.fr/uploads/events/349/797aee908cf5aacfaf10d8134a8ee66a_L.jpg?1739886648" alt="Carnaval "Le Tour de France""
							title="Carnaval "Le Tour de France"" class="card-img-top">
						<div class="event-date double">  22 Mars </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Animation</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/349/carnaval"
								class="color-bleu">
								Carnaval "Le Tour de France"							</a>
						</h5>
						<p class="text-dark small"><i class="fa-regular fa-location-dot me-2"></i>Place de la mairie, 84500 Bollène</p>						<div class="card-text">
														<!-- <div class="content-short">Thème : le Tour de France</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/325/olivia-ruiz-en-concert">
						<img src="https://ville-bollene.fr/uploads/events/325/a2a9a28893f29b4eca012316af129fb1_L.jpg?1737387852" alt="Olivia RUIZ en concert"
							title="Olivia RUIZ en concert" class="card-img-top">
						<div class="event-date ">  05 Avr </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Culture</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/325/olivia-ruiz-en-concert"
								class="color-bleu">
								Olivia RUIZ en concert							</a>
						</h5>
						<p class="text-dark small"><i class="fa-regular fa-location-dot me-2"></i>La Cigalière, 84500 Bollène</p>						<div class="card-text">
														<!-- <div class="content-short">Samedi 5 avril 2025 à La Cigalière à 21h00</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/362/paques-en-provence-le-rendez-vous-emblematique-du-cyclotourisme-francais">
						<img src="https://ville-bollene.fr/uploads/events/362/8c9ac1ce852b5216bf7c753084dfa53f_L.jpg?1741600677" alt="Pâques-en-Provence"
							title="Pâques-en-Provence" class="card-img-top">
						<div class="event-date double">  19 Avr    21 Avr </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Sport</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/362/paques-en-provence-le-rendez-vous-emblematique-du-cyclotourisme-francais"
								class="color-bleu">
								Pâques-en-Provence							</a>
						</h5>
												<div class="card-text">
														<!-- <div class="content-short">Divers parcours vous permettront de découvrir les mille facettes du Vaucluse. </div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/356/pique-nique-de-paques">
						<img src="https://ville-bollene.fr/uploads/events/356/e1741715bb870ed0a291b6648d7a3495_L.jpg?1741170606" alt="Pique-nique de Pâques"
							title="Pique-nique de Pâques" class="card-img-top">
						<div class="event-date double">  21 Avr </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Animation</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/356/pique-nique-de-paques"
								class="color-bleu">
								Pique-nique de Pâques							</a>
						</h5>
												<div class="card-text">
														<!-- <div class="content-short">Evènement organisé par l'association Barry Aeria en partenariat avec la ville de Bollène. GRATUIT</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/288/caroline-marx">
						<img src="https://ville-bollene.fr/uploads/events/288/2832a7388f7ff1be660ce7265ef97049_L.JPG?1737388776" alt="Magie avec Caroline MARX"
							title="Magie avec Caroline MARX" class="card-img-top">
						<div class="event-date double">  25 Avr </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Culture</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/288/caroline-marx"
								class="color-bleu">
								Magie avec Caroline MARX							</a>
						</h5>
						<p class="text-dark small"><i class="fa-regular fa-location-dot me-2"></i>La Cigalière, 84500 Bollène</p>						<div class="card-text">
														<!-- <div class="content-short">Vendredi 25 avril 2025 à 21h</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/327/ludwig-von-88">
						<img src="https://ville-bollene.fr/uploads/events/327/b40e462802fa5a913db6fcccf1c91bb7_L.jpg?1737387835" alt="Ludwig Von 88 en concert"
							title="Ludwig Von 88 en concert" class="card-img-top">
						<div class="event-date double">  17 Mai </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Culture</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/327/ludwig-von-88"
								class="color-bleu">
								Ludwig Von 88 en concert							</a>
						</h5>
						<p class="text-dark small"><i class="fa-regular fa-location-dot me-2"></i>La Cigalière, 84500 Bollène</p>						<div class="card-text">
														<!-- <div class="content-short">En partenariat avec Les Passager du Zinc / Samedi 17 mai 2025 à 20h30</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/352/save-the-date-3-dates-a-retenir-pour-le-botiful">
						<img src="https://ville-bollene.fr/uploads/events/352/c698aab992fff174f83a161f7e061a5f_L.jpg?1741181149" alt="BO'TIFUL FESTIVAL"
							title="BO'TIFUL FESTIVAL" class="card-img-top">
						<div class="event-date double">  24 Juill    26 Juill </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Animation, Culture, BO'tiful Festival</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/352/save-the-date-3-dates-a-retenir-pour-le-botiful"
								class="color-bleu">
								BO'TIFUL FESTIVAL							</a>
						</h5>
						<p class="text-dark small"><i class="fa-regular fa-location-dot me-2"></i>La Cigalière, 84500 Bollène</p>						<div class="card-text">
														<!-- <div class="content-short">L'été sera BO à Bollène !</div> -->
													</div>
					</div>
				</div>
			</article>
																<article
				class="col-md-4  mb-col cards-h-100">
				<div class="card">
				

					<a href="https://ville-bollene.fr/fr/agenda/317/tour-de-france">
						<img src="https://ville-bollene.fr/uploads/events/317/b300f1af5de95bb8940d8f031a9289f8_L.jpg?1740404116" alt="Tour de France"
							title="Tour de France" class="card-img-top">
						<div class="event-date double">  23 Juill </div>
					</a>

					<div
						class="card-body clip-top color-bleu ">
												<div class="badge  mb-2">Sport</div>
												<h5 class="card-title ">
							<a href="https://ville-bollene.fr/fr/agenda/317/tour-de-france"
								class="color-bleu">
								Tour de France							</a>
						</h5>
												<div class="card-text">
														<!-- <div class="content-short">Bollène ville départ</div> -->
													</div>
					</div>
				</div>
			</article>
							</div>
	</div>
</section>
</div>
<div class="col-lg-4 col-xl-3 ps-0"><aside class="aside mt-3 mt-lg-0">


    <!-- <div class="bg-4 p-3 mb-3">
        <a href="https://ville-bollene.fr/fr/cest-bo-lete" class="d-flex btn-arrow align-items-center">
        <img src="https://ville-bollene.fr/themes/default/img/cbo.png" style="max-height:30px" class="img-fluid" alt="">
        </a>
    </div> -->
	<div class="bg-4 p-3 mb-3">
        <h3 class="d-flex align-items-center"><i class="fa-regular fa-paper-plane me-2"></i>Newsletter</h3>
   
        <div class="aside-dotted"></div>
        <p>Je reste informé des actualités et évènements de la ville</p>   
		 <a href="#" class="btn-arrow" data-bs-toggle="modal" data-bs-target="#newsletterModal">Je m'abonne</a>	
       
    </div>

    <div class="bg-2 p-3 mb-3">
        <h3 class="d-flex align-items-center">
            <i class="fa-solid fa-check-to-slot me-2"></i>
         <div>Je participe</div>

        </h3>
        <a href="https://ville-bollene.fr/fr/concertations" class="btn-arrow">Concertation citoyenne</a>
        <p>Donnez votre avis sur les projets de la Ville</p>
        <div class="aside-dotted"></div>
         <a href="https://ville-bollene.fr/fr/convention-citoyenne" class="btn-arrow">convention citoyenne</a>
        <p>Devenez acteur de votre ville&#8239;!</p>
        <div class="aside-dotted"></div>
        <a href="https://ville-bollene.fr/fr/volontaires" class="btn-arrow">Voir les appels à volontaires</a>
    </div>
    	<!-- legales widget default (grid) -->
    <div class="bg-2 p-3 mb-3">
        <h3 class="d-flex">
            <i class="fa-light fa-clipboard-list me-2 fa-rotate-by" style="--fa-rotate-angle: -25deg;"></i>
            <div>Publications légales</div>
        </h3> 
        <div class="aside-dotted"></div>

                    <div><a href="https://ville-bollene.fr/fr/legales/categories/219/autres-arretes" class="btn-arrow">Autres arretés</a></div>
                    <div><a href="https://ville-bollene.fr/fr/legales/categories/243/arretes-permanents" class="btn-arrow">Arrêtés permanents</a></div>
                    <div><a href="https://ville-bollene.fr/fr/legales/categories/244/arretes-temporaires" class="btn-arrow">Arrêtés temporaires</a></div>
                    <div><a href="https://ville-bollene.fr/fr/legales/categories/245/decisions" class="btn-arrow">Décisions</a></div>
                    <div><a href="https://ville-bollene.fr/fr/legales/categories/255/registres-depot-urbanisme" class="btn-arrow">Registres dépôt Urbanisme</a></div>
                 <!-- <div><a href="https://ville-bollene.fr/fr/legales/categories/214/etat-civil" class="btn-arrow">Etat civil</a></div>
         <div><a href="https://ville-bollene.fr/fr/legales/categories/215/urbanisme" class="btn-arrow">Urbanisme</a></div>
         <div><a href="https://ville-bollene.fr/fr/legales/categories/216/reglementation" class="btn-arrow">Réglementation</a></div>
         <div><a href="https://ville-bollene.fr/fr/legales/categories/217/arretes-municipaux" class="btn-arrow">Arrêtés municipaux</a></div>
         <div><a href="https://ville-bollene.fr/fr/legales/categories/218/hygiene-salubrite-eaux" class="btn-arrow">Hygiène / Salubrité eaux</a></div>
         <div><a href="https://ville-bollene.fr/fr/legales/categories/219/autres-arretes" class="btn-arrow">Autres arretés</a></div>
         <div><a href="https://ville-bollene.fr/fr/legales/categories/220/safer" class="btn-arrow">SAFER <span class="tiny">(appel candidatures parcelles)</span> </a></div> -->
    </div>
	
				
					
			



    <div class="bg-2 p-3 mb-3">
        <h3 class="d-flex align-items-center">
            <i class="fa-solid fa-ticket me-2 fa-rotate-by" style="--fa-rotate-angle: -25deg;"></i>
            <div>Billetterie en ligne</div>
        </h3>
        <p>Découvrez la saison culturelle de la salle de spectacle “La Cigalière”</p>
        <div class="aside-dotted"></div>
         <a href="https://ville-bollene.fr/fr/programme-culturel-la-cigaliere" class="btn-arrow">Billetterie</a>
    </div>
    <div class="bg-2 p-3 mb-3">
        <h3 class="d-flex align-items-center"><i class="fa-solid fa-file-signature me-2"></i>Vos démarches </h3>
        <p>La vie citoyenne en ligne</p>
        <div class="aside-dotted"></div>
         <a href="https://ville-bollene.fr/fr/demarches" class="btn-arrow">PORTAIL des DÉMARCHES</a>
    </div>
    <div class="bg-3 p-3 mb-3">
        <h3 class="d-flex align-items-center"><i class="fa-solid fa-family me-2"></i>Famille</h3>
        <!-- <p>Lorem ipsum vitalis dolor</p> -->
        <div class="aside-dotted"></div>
         <a href="https://ville-bollene.fr/fr/portail-famille" target="_blank" class="btn-arrow">PORTAIL famille</a>
         <div>
                 <a href="https://ville-bollene.fr/fr/services/64/etudes-surveillees" target="_blank" class="btn-arrow">Pré-inscriptions études surveillées</a> 
         </div>
<!-- <div>
      <a href="https://ville-bollene.fr/fr/services/78/sejour-dhiver-2025" target="_blank" class="btn-arrow">Pré-inscriptions séjour HIVER 2025</a> 
</div> -->
   
    </div>
    <div class="bg-4 p-3 mb-3">
        <h3 class="d-flex align-items-center"><i class="fa-solid fa-child-reaching me-2"></i>Associations</h3>
   
        <div class="aside-dotted"></div>
                  
            <a href="https://www.calameo.com/read/0017572809bc3f62524fc" class="btn text-start" target="_blank">Guide des associations et services municipaux et intercommunaux</a>
       
        </div>
</aside>
</div>
</div>
</div>
</section>
<section class="split split-reverse split-lg py-5 kiosques">
<div class="split-container p-4 bg-bleu-alt kiosque-after"><!-- kiosques widget default (grid) -->
			<!--Title/Desc/Button-->
								<div class="widget-header">
											<h2 class="text-white">
							<svg class="arrows"><use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-rose"></use></svg>
							<span>Kiosque</span>
						</h2>
										<div class="dotted"></div>
											<a class="btn btn-rose btn-arrow" href="https://ville-bollene.fr/fr/kiosques">Publications</a>
									</div>
			    <div class="row g-4 d-flex justify-content-around">
                    <article class="col-6 col-sm-5">
                <div class="">

                    <a target="_blank" href="https://ville-bollene.fr/uploads/kiosques/25/705747dd09cf3659da9e9ae272634665.pdf">
						<picture>
														<img src="https://ville-bollene.fr/uploads/kiosques/25/e9069444d8b0a19a54ad7d58b41b1178_L.jpg?1737016000" alt="n°12" title="n°12" class="card-img-top">
						</picture>
                    </a>
                    <div class="text-white mt-3 ps-3">
                                                 	<div class="list-inline-item category"><span>Vivre à Bollène</span></div>
												<div class="d-flex justify-content-between flex-wrap align-items-center">
							<h5 class="card-title">n°12</h5>
														<div class="cala">
								<a class="badge btn-2 btn-sm"href="https://www.calameo.com/read/0017572807871b5f0e57a" target="_blank">Feuilletez</a>
							</div>
													</div>
                        
                    </div>
					
                </div>
            </article>
                    <article class="col-6 col-sm-5">
                <div class="">

                    <a target="_blank" href="https://ville-bollene.fr/uploads/kiosques/26/b2f9dce34bf5bc3571097e694de69d98.pdf">
						<picture>
														<img src="https://ville-bollene.fr/uploads/kiosques/26/1892f3dd292db7e8614d934d3645d1e6_L.jpg?1737016469" alt="n°1" title="n°1" class="card-img-top">
						</picture>
                    </a>
                    <div class="text-white mt-3 ps-3">
                                                 	<div class="list-inline-item category"><span>C'est BO'Noël</span></div>
												<div class="d-flex justify-content-between flex-wrap align-items-center">
							<h5 class="card-title">n°1</h5>
														<div class="cala">
								<a class="badge btn-2 btn-sm"href="https://www.calameo.com/read/001757280ad77ca19976c" target="_blank">Feuilletez</a>
							</div>
													</div>
                        
                    </div>
					
                </div>
            </article>
            </div>
</div>
<div class="split-container-fluid kiosque-content"><picture> <source media="(min-width:1200px)" srcset="https://ville-bollene.fr/uploads/pages/8ac1641d60ff128c2534cda843dcd698_XL.webp?1649255487" type="image/webp"> <source media="(min-width:1200px)" srcset="https://ville-bollene.fr/uploads/pages/8ac1641d60ff128c2534cda843dcd698_XL.png?1649255487" type="image/png"> <source media="(min-width:750px)" srcset="https://ville-bollene.fr/uploads/pages/8ac1641d60ff128c2534cda843dcd698_L.webp?1649255487" type="image/webp"> <source media="(min-width:750px)" srcset="https://ville-bollene.fr/uploads/pages/8ac1641d60ff128c2534cda843dcd698_L.png?1649255487" type="image/png"> <source media="(min-width:400px)" srcset="https://ville-bollene.fr/uploads/pages/8ac1641d60ff128c2534cda843dcd698_M.webp?1649255487" type="image/webp"> <source media="(min-width:400px)" srcset="https://ville-bollene.fr/uploads/pages/8ac1641d60ff128c2534cda843dcd698_M.png?1649255487" type="image/png"> <img src="https://ville-bollene.fr/uploads/pages/8ac1641d60ff128c2534cda843dcd698_M.png?1649255487" class="img-fit" border="0" alt="Mot du maire"> </picture>
<div class="">
<h3 class="d-flex align-items-center"><svg class="arrows mt-0"><use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-0"></use></svg> Mot du maire</h3>
<div class="dotted"></div>
<p>&#8220; C&#8217;est avec plaisir que je vous souhaite la bienvenue sur le site internet de la ville. Sa compl&#232;te refonte &#233;mane d'une volont&#233; de l&#8217;&#233;quipe municipale de se doter d'une communication r&#233;active, intuitive et pratique afin de r&#233;pondre &#224; vos besoins.</p>
<p>N&#8217;h&#233;sitez pas &#224; vous inscrire &#224; notre Newsletter afin de recevoir les informations de la commune.</p>
<p>Nous continuerons bien entendu &#224; am&#233;liorer cet outil afin qu&#8217;il soit sans cesse adapt&#233; aux nouvelles technologies et &#224; vos besoins en mati&#232;re d&#8217;information.</p>
<p>Bonne navigation &#224; toutes et &#224; tous. &#8221;</p>
<p>Anthony Zilio</p>
</div>
</div>
</section>
<section class="pb-5 pt-md-5">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="widget-header">
<h2><svg class="arrows"><use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-vert"></use></svg> <span>Plan interactif</span></h2>
</div>

			<form action="https://ville-bollene.fr/fr/commerces/map" method="get" class="row" accept-charset="utf-8">
				<div class=" col-md-6 mb-0">
					<!--<div class="input-group mb-2">
						<select class="form-select" name="f_organisation" id="f_organisation">
							<option value="0" selected>Les commerces & entreprises</option>
							<option value="42" > Acteurs de la santé</option><option value="163" >-- Dentistes</option><option value="162" >-- Divers santé</option><option value="166" >-- Laboratoires</option><option value="160" >-- Maison médicale</option><option value="164" >-- Médecin généraliste</option><option value="76" >-- Opticiens</option><option value="75" >-- Pharmacies</option><option value="165" >-- Vétérinaires</option><option value="44" > Agriculture élevage</option><option value="45" > Alimentation</option><option value="46" > Artisanat & déco</option><option value="66" > Automobiles moto</option><option value="47" > Bâtiment & travaux</option><option value="48" > Bien-être</option><option value="67" > Commerce de gros</option><option value="49" > Commerces</option><option value="43" > Commerces & entreprises</option><option value="68" > Domaines viticoles</option><option value="50" > Finances assurances immobilier</option><option value="51" > Hébergements</option><option value="52" > Industrie</option><option value="69" > Logistique</option><option value="53" > Loisirs</option><option value="54" > Photo / Impression / Com'</option><option value="55" > Professions libérales</option><option value="56" > Restauration / Bar</option><option value="71" > Services</option><option value="58" > Taxi VTC ambulance</option>						</select>
					</div> -->
					<div class="input-group mb-2">
						<select class="form-select" name="f_service" id="f_service">
							<option value="0" selected>Les services de la mairie</option>
							<option value="286" > Accueil de loisirs</option><option value="94" > Action sociale</option><option value="112" > Administration</option><option value="79" > Aménagement Urbanisme Commerce</option><option value="305" > Animation</option><option value="206" > Archives communales</option><option value="225" > Bureau de vote</option><option value="93" > Culture Asso Sport</option><option value="278" >-- Ecole municipale des sports (ems) enfants / adultes</option><option value="83" > Enfance et Jeunesse</option><option value="315" > Guichet unique</option><option value="59" > Pôle public</option><option value="155" > Sécurité</option><option value="304" > Seniors</option><option value="60" > Technique</option>						</select>
					</div>
					<div class="input-group mb-2">
						<select class="form-select" name="f_equipement" id="f_equipement">
							<option value="0" selected>Les équipements</option>
							<option value="133" > Enfance et Jeunesse</option><option value="141" >-- Activités & Centres de loisir</option><option value="138" >-- Collèges</option><option value="137" >-- Écoles, collèges et lycées</option><option value="140" >-- Lycées</option><option value="17" > Équipements Sportifs</option><option value="170" >-- Boulodromes</option><option value="184" >-- Complexes sportifs / gymnases</option><option value="154" >-- Espace aquatique</option><option value="178" >-- Skateboard</option><option value="183" >-- Stades</option><option value="177" >-- Tennis</option><option value="80" > Espaces culturels</option><option value="132" > Petite enfance (0-3 ans)</option><option value="136" >-- Accueil Enfant-Parent</option><option value="135" >-- Assistantes maternelles</option><option value="134" >-- Crèches</option><option value="15" > Salles municipales</option><option value="182" > Sécurité</option>						</select>
					</div>
					<div class="input-group mb-2">
						<select class="form-select" name="f_dechet" id="f_dechet">
							<option value="0" selected>Les déchets</option>
							<option value="159" > Borne DASRI</option><option value="158" > Bornes textile</option><option value="156" > Déchetteries</option><option value="157" > Tri sélectif</option>						</select>
					</div>
				</div>
				<div class=" col-md-6 mb-3">
					<div class="input-group mb-2">
						<select class="form-select" name="f_lieu" id="f_lieu">
							<option value="0" selected>Les lieux</option>
							<option value="88" > Patrimoine</option>						</select>
					</div>
					<!--<div class="input-group mb-2">
						<select class="form-select" name="f_association" id="f_association">
							<option value="0" selected>Les associations</option>
							<option value="42" > Acteurs de la santé</option><option value="163" >-- Dentistes</option><option value="162" >-- Divers santé</option><option value="166" >-- Laboratoires</option><option value="160" >-- Maison médicale</option><option value="164" >-- Médecin généraliste</option><option value="76" >-- Opticiens</option><option value="75" >-- Pharmacies</option><option value="165" >-- Vétérinaires</option><option value="44" > Agriculture élevage</option><option value="45" > Alimentation</option><option value="46" > Artisanat & déco</option><option value="66" > Automobiles moto</option><option value="47" > Bâtiment & travaux</option><option value="48" > Bien-être</option><option value="67" > Commerce de gros</option><option value="49" > Commerces</option><option value="43" > Commerces & entreprises</option><option value="68" > Domaines viticoles</option><option value="50" > Finances assurances immobilier</option><option value="51" > Hébergements</option><option value="52" > Industrie</option><option value="69" > Logistique</option><option value="53" > Loisirs</option><option value="54" > Photo / Impression / Com'</option><option value="55" > Professions libérales</option><option value="56" > Restauration / Bar</option><option value="71" > Services</option><option value="58" > Taxi VTC ambulance</option>						</select>
					</div> -->
					<div class="input-group mb-2">
						<input name="f_search" id="f_search" type="text" class="form-control" placeholder="Mots-clés" aria-label="Recherche" aria-describedby="search-button" value="">
					</div>
					<button type="submit" id="map_search" class="btn btn-vert btn-arrow w-100">Rechercher</button>
				</div>
			</form>
<picture>
  <img class="img-fluid" src="https://ville-bollene.fr/uploads/pages/b255155004b8dddbdd689667f4626f07.png?1650019153" alt="" title="" />
</picture>
</div>
<div class="col-lg-6 mt-5 mt-lg-0"><!-- projets widget default (grid) -->

<div class="row  mt-4">
<div class="col-md-12">
<div class="widget-header">
<h2><svg class="arrows"><use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-violet"></use></svg> <span>Communaut&#233; de communes<br>Rh&#244;ne Lez Provence</span></h2>
</div>
</div>
<div class="col-md-8">
<p>A la crois&#233;e de 4 d&#233;partements (Vaucluse, Dr&#244;me, Ard&#232;che et Gard) et de 3 r&#233;gions (Provence Alpes C&#244;te d'Azur, Auvergne Rh&#244;ne Alpes et Occitanie), la situation g&#233;ographique du territoire de Rh&#244;ne Lez Provence est exceptionnelle.</p>
</div>
<div class="col-md-4"><img src="https://ville-bollene.fr/themes/default/img/communaute.svg" border="0" alt=""></div>
<div class="col-md-12 d-flex flex-wrap"><a class="btn btn-violet btn-arrow mt-3 me-3" href="https://ville-bollene.fr/fr/intercommunalite">L&#8217;Intercommunalit&#233;</a> <a class="btn btn-violet btn-arrow mt-3 me-3" href="https://ccrlp.fr/" target="_blank" rel="noopener">Site web</a></div>
</div>
</div>
</div>
</div>
</section>
<p><!-- galeries widget default (grid) -->
	<section class="widgets galeries galeries-widgets py-5">
		<div class="container">
			<!--Title/Desc/Button-->
							<div class="widget-header">
											<h2>
							<svg class="arrows"><use xlink:href="https://ville-bollene.fr/themes/default/img/arrow.svg#color-vert"></use></svg>
							<span>Boll&#232;ne en images</span>
						</h2>
										<div class="dotted"></div>
											<a class="btn btn-vert btn-arrow" href="https://ville-bollene.fr/fr/galeries">voir la Galerie</a>
									</div>
							
		  <div class="row g-4">
                    <article class="col-lg-6 galerie">
                    <a href="https://ville-bollene.fr/fr/galeries/131/les-olympiades">
						<picture>
														<img src="https://ville-bollene.fr/uploads/galeries/131/86a8e34f3ef1ed3152b4cc97e5c17244_L.jpg?1724139121" alt="Les Olympiades" title="Les Olympiades" class="card-img-top">
						</picture>
                    </a>
					                </article>
        
		</div>
	</section>
</p>	</div> 
		
			<script type="application/ld+json">
		{
			"@context": "https://schema.org",
			"@type": "Hotel",
			"name": "Bollene.fr",
			"description": "Château hôtel de charme, 4 étoiles à Châteauneuf-du-Pape",
			"url": "https://ville-bollene.fr/fr/",
			"address": {
				"@type": "PostalAddress",
				"addressCountry": "FR",
				"addressLocality": "Bollène cedex",
				"postalCode": "84505",
				"streetAddress": "Place Reynaud de la Gardette - BP 207"
			},
			"telephone": "04 90 40 51 00",
			"logo": "https://www.chateaufinesroches.com/static/img/logo.png",
			"image" : "https://ville-bollene.fr/uploads/company/img_seo.jpg",
			"starRating": {
				"@type": "Rating",
				"ratingValue": "4"
			}
		}
		</script>
	

			</div>
	   </main>
	</div>

	
<footer class="footer position-relative ">
	<div class="container">
		<div class="logo">
			<a href="https://ville-bollene.fr/fr/" class=" logo-footer ">	<img src="https://ville-bollene.fr/uploads/company/logo_footer_17c321cdb2e8443e3737fa583123b839.svg" class="" style="" title="Bollene.fr" alt="Bollene.fr"></a>		</div>
		<ul class="slot slot-1">
			<li class="footer-link-title">Nous contacter</li>
			<li>
				<a class="phone-number" href="tel:04 90 40 51 00">
					<i class="fal fa-phone"></i>  04 90 40 51 00				</a>
			</li>
			<li>
				<a href="https://ville-bollene.fr/fr/services/8/accueil-de-la-mairie">
					<i class="fal fa-envelope"></i> Contact
				</a>
			</li>
		</ul>
		<ul class="slot slot-2">
			<li class="footer-link-title">Nous trouver</li>
			<li>
				<a class="address" target="blank" href="https://goo.gl/maps/wYStU4G8qW9guJbb6">
					<i class="fal fa-map-marker-alt"></i>
					<span>
						Place Reynaud de la Gardette - BP 207 <br />
						84505 Bollène cedex					</span>
				</a>
			</li>
		</ul>
		<ul class="slot slot-3">
			<li class="footer-link-title">Informations</li>
			<li>
				<a href="https://ville-bollene.fr/fr/sitemap">
				<i class="fa-light fa-sitemap"></i>Plan du site
				</a>
			</li>
			<li>
				<a href="https://ville-bollene.fr/fr/commerces/map">
				<i class="fa-light fa-map-location"></i> Plan Interactif
				</a>
			</li>
			<li>
				<a href="https://ville-bollene.fr/fr/mentions-legales">
				<i class="fa-light fa-certificate"></i> Mentions légales
				</a>
			</li>
			<li>
				<a href="https://ville-bollene.fr/fr/donnees-personnelles">
				<i class="fa-light fa-clipboard-list"></i> Données personnelles
				</a>
			</li>
			<li>
				<a href="https://ville-bollene.fr/fr/aide-et-accessibilite">
				<i class="fa-light fa-laptop"></i> Aide et accessibilité
				</a>
			</li>
		</ul>
		<ul class="slot slot-4">
			<li class="footer-link-title">Nous suivre</li>
			<li>
				<ul class="social-link"><li><a rel="noreferrer"  target="_blank" href="https://www.facebook.com/villebollene" title=" Facebook" aria-label=" Facebook"><i class="fab fa-facebook-f me-2"></i><span>Facebook</span></a></li><li><a rel="noreferrer"  target="_blank" href="https://www.instagram.com/villebollene/" aria-label=" Instagram"><i class="fab fa-instagram me-2"></i><span>Instagram</span></a></li></ul>			</li>
		</ul>


		<ul class="slot slot-5">

				<li class="footer-link-title">Newsletter</li>
				<li>
				Tenez-vous informé(e)
				des nouvelles de Bollène !
				</li>
				<a href="#"  data-bs-toggle="modal" data-bs-target="#newsletterModal" class="btn btn-ciel btn-arrow">
					Je m'abonne
				</a>
		</ul>



	</div>
	<div class="bottom-bar"> <span>	Réalisation : </span>
	<a href="https://www.ambition-com.fr" rel="noreferrer" target="_blank" class="font-weight-bold"><span>ambition-com.fr</span> </a>
	</div>
</footer>
<script></script>


<script src="https://ville-bollene.fr/themes/default/assets/tarteaucitron.js"></script>

        <script type="text/javascript">
        tarteaucitron.init({
    	  "privacyUrl": "", /* Privacy policy url */
          "bodyPosition": "bottom", /* or top to bring it as first element for accessibility */

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

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

          "groupServices": false, /* Group services by category */

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

          "closePopup": false, /* Show a close X on the banner */

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

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

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

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

    	  "removeCredit": true, /* Remove credit link */
    	  "moreInfoLink": true, /* Show more info link */

          "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
          "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */

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

          "readmoreLink": "", /* Change the default readmore link */

          "mandatory": true, /* Show a message about mandatory cookies */
          "mandatoryCta": true /* Show the disabled accept button when mandatory on */
        });
        </script>

	<script type="text/javascript" id="jquery-js" src="https://ville-bollene.fr/assets/plugins/jquery/jquery.min.js?v=2.3.5"></script>
<script type="text/javascript" id="bootstrap-js" src="https://ville-bollene.fr/assets/plugins/bootstrap/js/bootstrap.bundle.min.js?v=2.3.5"></script>
<script type="text/javascript" id="swiper.min.js" src="https://ville-bollene.fr/assets/plugins/swiper/swiper-bundle.min.js?v=2.3.5"></script>
<script type="text/javascript" id="photoswipe.min.js" src="https://ville-bollene.fr/assets/plugins/swiper/photoswipe/photoswipe.min.js?v=2.3.5"></script>
<script type="text/javascript" id="photoswipe-ui-default.min.js" src="https://ville-bollene.fr/assets/plugins/swiper/photoswipe/photoswipe-ui-default.min.js?v=2.3.5"></script>
<script type="text/javascript" id="typeahead.bundle.js" src="https://ville-bollene.fr/themes/default/assets/js/typeahead.bundle.min.js?v=2.3.5"></script>
<script type="text/javascript" id="typeahead.jquery.js" src="https://ville-bollene.fr/themes/default/assets/js/typeahead.jquery.min.js?v=2.3.5"></script>
<script type="text/javascript" id="aos.min.js" src="https://ville-bollene.fr/assets/plugins/aos/aos.js?v=2.3.5"></script>
<script type="text/javascript" id="parallax.js" src="https://ville-bollene.fr/themes/default/assets/js/parallax.js?v=2.3.5"></script>
<script type="text/javascript" id="app.js" src="https://ville-bollene.fr/assets/js/app.js?v=1741878962&v=2.3.5"></script>
<script type="text/javascript" id="navigation.js" src="https://ville-bollene.fr/themes/default/navigations/nav_active/navigation.js?v=1741878962&v=2.3.5"></script>
<script type="text/javascript" id="custom.js" src="https://ville-bollene.fr/themes/default/assets/js/custom.js?v=1741878962&v=2.3.5"></script>

	<script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.5.1/dist/simpleParallax.min.js"></script>

	<!--Scroll top-->
	<a id="scroll-top" href="#top" title="Top" role="button" class="fixed"><i class="fas fa-chevron-up"></i></a>

	<!-- Photoswipe container-->
	<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="pswp__bg"></div>
		<div class="pswp__scroll-wrap">
			<div class="pswp__container">
				<div class="pswp__item"></div>
				<div class="pswp__item"></div>
				<div class="pswp__item"></div>
			</div>
			<div class="pswp__ui pswp__ui--hidden">
				<div class="pswp__top-bar">
					<div class="pswp__counter"></div>
					<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
					<button class="pswp__button pswp__button--share" title="Share"></button>
					<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
					<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
					<div class="pswp__preloader">
						<div class="pswp__preloader__icn">
							<div class="pswp__preloader__cut">
								<div class="pswp__preloader__donut"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
					<div class="pswp__share-tooltip"></div>
				</div>
				<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"><svg aria-hidden="true" class="pswp__icn" viewBox="0 0 100 125" width="100" height="125"><path d="M5,50L50,5l3,3L11,50l42,42l-3,3L5,50z M92,95l3-3L53,50L95,8l-3-3L47,50L92,95z"></path></svg></button>
				<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
				<div class="pswp__caption">
					<div class="pswp__caption__center"></div>
				</div>
			</div>
		</div>
	</div>


	<!--Mailjet-->
			<script type="text/javascript" src="https://app.mailjet.com/statics/js/widget.modal.js"></script>
		<data id="mj-w-res-data" data-token="9432952138263680893261d9bf376960" class="mj-w-data" data-apikey="7Oeu" data-w-id="MNC" data-lang="fr_FR" data-base="https://app.mailjet.com" data-width="640" data-height="450" data-statics="statics"></data>
		
	<!--<div id="modal-small" class="modal fade" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered">
			<div id="modal-content" class="modal-content"></div>
		</div>
	</div>-->
	
		
	       <script type="text/javascript">
        tarteaucitron.user.gajsUa = 'G-YGFNZELZN1';
        tarteaucitron.user.gajsMore = function () { /* add here your optionnal _ga.push() */ };
        (tarteaucitron.job = tarteaucitron.job || []).push('gajs');
        </script>

		<!-- Modal -->
		<div class="modal fade" id="newsletterModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-lg">
			<div class="modal-content">
			  <div class="modal-header bg-1 text-white">
				<h5 class="modal-title" id="staticBackdropLabel">Inscrivez-vous à la Newsletter</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
			  </div>
			  <div class="modal-body">
					<iframe width="100%" height="730" src="https://c454db53.sibforms.com/serve/MUIFADlW60Izu4qVMHJQJOpRv0nOIWJ7N8sjJBSf1WfMHfNGzFMahPupwBL_IKGppQeRRl65qoyuGfSsoqvDBuVe5P2qksevUEvbM5nl7cJbdyzS6FwhD8OH-46oJ1TSvmsuVZZxjLlOExIJyLgz2x-6CgJkU2Dxab2R4acoUvrJa-q6aoa_ezvOABevbkbJONpTJp3LQX1Dxzp4" frameborder="0" scrolling="auto" allowfullscreen style="display: block;margin-left: auto;margin-right: auto;max-width: 100%;"></iframe>
			  </div>
			</div>
		  </div>
		</div>
		
</body>
</html>
