Agenda

C C S

Bordeaux Dunkerque Lyon Marseille Metz Paris Rennes Montpellier Toulon Aurillac Toulouse Thionville Orleans Aix-en- Provence Lille

.map, .map_city, #ccs { opacity: 1; visibility: visible; } .map_city:hover { z-index: 10; } .map_city::before { content: ""; width: calc(var(--two-units) + 2px); height: calc(var(--two-units) + 2px); position: absolute; top: 0; left: 0; transform: translateY(-100%) translateY(-2px); outline: 2px solid white; background-color: var(--accent); pointer-events: all; } .map_city--up::before { top: auto; bottom: 0; transform: translateY(100%) translateY(2px); } #Aix-en-Provence::before { transform: translateY(100%) translateY(calc(-1 * var(--two-units))) translateY(-2px); } .map_city--inactive::before { background-color: #999; } .map_city:hover > span { visibility: visible; }