Projection “À voies hautes, une aventure éducative au cœur du défi climatique”, en présence de la réalisatrice Solène Desbois.
AccueilAgendaProjection “À voies hautes, une aventure éducative au cœur du défi climatique”, en présence de la réalisatrice Solène Desbois.
Description
Un groupe de lycéens d’un établissement de La Rochelle, réunis dans l'option d'enseignement Demain c'est Nous, travaille autour du dérèglement climatique avec un objectif : dépasser la prise de conscience pour entreprendre des actions concrètes.
Pour comprendre par eux-mêmes, Marion, Melwan, Léonie et les autres, accompagnés de leur professeure Fanny, géographe et exploratrice, décident d’entreprendre un voyage : direction les Alpes, le massif du Mont-Blanc et la Mer de Glace. Cette semaine d'aventure collective au cœur de la montagne, faite d'allégresse, d'émerveillement et d'apprentissage va considérablement les changer. Avec énergie, joie et réflexion, cette jeunesse porte en elle les clés pour redéfinir notre manière de vivre ensemble et d'habiter le monde.
En partenariat avec le Parc naturel régional du Haut-Jura et le festival Les Rendez-Vous de l’Aventure OFF.
Gratuit. Dans la limite des places disponibles.
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);
});