Depuis maintenant, plus de 30 ans, tous les 15 août, l’association Abonde Animation a le
plaisir d’organiser l’ABONDE ! L’Abonde est une fête populaire de village, qui propose une mise en valeur de la Culture autour d’un marché artisanal avec plus de 100 artisans, et d’une
programmation culturelle riche et variée avec un ensemble de spectacles de rue, et de concerts.
Afin de permettre un accès à la Culture pour tous et dans une dynamique populaire,
l’Abonde est une fête gratuite pour tous portée uniquement par des bénévoles.
Portée par une équipe de plus de 300 personnes, l’Abonde accueille de nombreux visiteurs et spectateurs : locaux fidèles à l’évènement mais aussi des visiteurs de venus
de loin, ainsi que de nombreux vacanciers présent sur le Haut-Jura.
Ouvert tous les weekends à partir du 13 juin (14h à 18h), puis tous les jours du 4 juillet au 30 août 2026. Une mission grandeur nature vous attend : saurez-vous relever le défi des Commando Games ?
document.addEventListener('DOMContentLoaded', function() {
var stickyElement = document.querySelector('.container-sticky');
var parentElement = document.querySelector('.container_sommaire_ancre');
var footerElement = document.querySelector('.kg-footer__blocks');
var ancreListElement = document.getElementById('ancre_list');
function checkStickyPosition() {
if (!stickyElement || !footerElement || !parentElement) return;
var stickyRect = stickyElement.getBoundingClientRect();
var footerRect = footerElement.getBoundingClientRect();
var parentRect = parentElement.getBoundingClientRect();
// Get current scroll position from the top of the document
var scrollY = window.scrollY || window.pageYOffset;
// Distance from sticky element to the footer
var stickyBottom = stickyElement.offsetTop + stickyElement.offsetHeight;
var footerTop = footerElement.offsetTop;
// Add the sticky-stop class if the sticky element would overlap the footer
if (stickyBottom + scrollY > footerTop) {
stickyElement.classList.add('sticky-stop');
} else {
stickyElement.classList.remove('sticky-stop');
}
}
function updateResponsiveStyles() {
if (window.innerWidth <= 1200) {
// Supprimer l'ID 'ancre_list' pour les petits écrans
if (ancreListElement && ancreListElement.id) {
ancreListElement.removeAttribute('id');
console.log('1')
}
} else {
// Réappliquer l'ID si nécessaire sur les écrans plus grands
if (ancreListElement && !ancreListElement.id) {
ancreListElement.id='ancre_list' ;
}
}
}
// Appeler les fonctions au chargement de la page
checkStickyPosition();
updateResponsiveStyles();
// Réagir aux événements de défilement et de redimensionnement
window.addEventListener('scroll', checkStickyPosition);
window.addEventListener('resize', function() {
updateResponsiveStyles();
checkStickyPosition();
});
// Observer les changements de dimension pour appliquer les styles immédiatement
var resizeObserver=new ResizeObserver(function() {
updateResponsiveStyles();
});
resizeObserver.observe(document.body);
});