@keyframes pulseBorder {
  0% { box-shadow: 0 0 0 0 rgba(255,193,7,0.8); transform: scale(1); }
  50% { box-shadow: 0 0 10px 4px rgba(255,193,7,0.6); transform: scale(1.05); }
  100% { box-shadow: 0 0 0 0 rgba(255,193,7,0.8); transform: scale(1); }
}
.page img { cursor: zoom-in; transition: transform .3s ease; }
.page img.zoomed { transform: scale(2); cursor: zoom-out; position: relative; z-index: 10; }
#thumbnails img.active, #sommaireLinks a.active { animation: pulseBorder 1s ease-in-out infinite; border-color: #ffc107!important; }
#thumbnails img { height: 100px; margin: .25rem; border: 2px solid transparent; border-radius: 4px; cursor:pointer; }
#thumbnails img:hover { border-color: #ffc107; }
.nav-btn, #backToTop { position: fixed; z-index: 1050; }
#backToTop { bottom: 1rem; right: 1rem; }
#prevPage { top: 50%; left: 1rem; transform: translateY(-50%); }
#nextPage { top: 50%; right: 1rem; transform: translateY(-50%); }