.arrondissement-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:rgba(255,255,255,0.8);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer;color:#333;text-decoration:none;font-size:24px}.arrondissement-nav-arrow:hover{background-color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,0.15);color:#000}.arrondissement-nav-prev{left:-55px}.arrondissement-nav-next{right:-55px}@media (max-width: 991px){.arrondissement-nav-arrow{width:38px;height:38px;font-size:18px}.arrondissement-nav-prev{left:8px}.arrondissement-nav-next{right:8px}}.map-frame{position:relative}body{transition:transform 0.5s ease-in-out}.slide-out-next{animation:slideOutLeft 0.5s forwards}.slide-out-prev{animation:slideOutRight 0.5s forwards}.slide-in-next{animation:slideInRight 0.5s forwards}.slide-in-prev{animation:slideInLeft 0.5s forwards}@keyframes slideOutLeft{from{transform:translateX(0);opacity:1}to{transform:translateX(-20%);opacity:0}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(20%);opacity:0}}@keyframes slideInRight{from{transform:translateX(20%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInLeft{from{transform:translateX(-20%);opacity:0}to{transform:translateX(0);opacity:1}}