Sur le ring, les deux pianistes s’affrontent. Julien et Manon devront saisir au vol les défis lancés par l’arbitre et faire preuve de réactivité et d’inspiration pour se démarquer.
À votre gauche : Julien Painot, pianiste classique redoutable, déterminé et sans merci. Diplômé de nombreuses écoles de renommée internationale, il peut réciter Beethoven en six langues et dans les deux sens. À votre droite : la fluidité, la liberté, la décontraction, le jazz et les musiques actuelles – voici Manon Mullener. Elle n’a rien à envier à son adversaire : à l’aise dans tous les domaines, elle jongle à dix doigts et il faut s’en méfier. Au centre, Yvan Richardet, arbitre réputé, intransigeant et sans limite.
Il faudra peut-être jouer les mains gantées ou couché sur leur siège. Ou faire deviner un arôme de glace à une spectatrice en lui jouant Le Ranz des vaches. Ou encore interpréter We are the champions à la sauce Chopin. Une battle de pianos tout public, qui allie prouesses techniques, virtuosité, sens de l’impro, plaisir du jeu et émotion pure. Vive la musique !
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);
});
