Transition de page - Slide up

<script>
document.addEventListener('DOMContentLoaded', function() {
  // Style initial
  document.body.style.transform = 'translateY(0)';
  document.body.style.opacity = '1';
  document.body.style.transition = 'transform 0.4s ease, opacity 0.4s ease';
  
  document.querySelectorAll('a').forEach(link => {
    if (link.hostname === window.location.hostname && 
        !link.href.includes('#') && 
        !link.hasAttribute('target')) {
      
      link.addEventListener('click', function(e) {
        e.preventDefault();
        
        // Effet slide up + fade
        document.body.style.transform = 'translateY(-20px)';
        document.body.style.opacity = '0';
        
        setTimeout(() => {
          window.location.href = link.href;
        }, 400);
      });
    }
  });
  
  // Animation d'entrée
  window.addEventListener('load', function() {
    document.body.style.transform = 'translateY(0)';
    document.body.style.opacity = '1';
  });
});
</script>