#expotheque-container {
    position: relative; /* Pour que le loader soit localisé */
    display: flex; flex-direction: row; gap: 20px; min-height: 500px;
}
#expotheque-loader {
    display: none;
    position: absolute;
    left:0; top:0; right:0; bottom:0;
    background: rgba(255,255,255,0.7);
    z-index: 1000;
}
#expotheque-loader:after {
    content: "";
    display: block;
    width: 60px; height: 60px;
    margin: 100px auto;
    border-radius: 50%;
    border: 8px solid var(--couleur-1);
    border-top: 8px solid transparent;
    animation: spin 0.9s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg);}
}
#expotheque-map { flex: 1 1 60%; min-height: 600px; }
#expotheque-filters { flex: 0 0 220px; }
#expotheque-list { flex: 1 1 40%; overflow-y: auto; max-height: 600px; }
#expotheque-filters select, #expotheque-filters input {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    padding: 6px;
}
.expo-card {
    padding: 12px;
    border-bottom: 1px solid #eee;
}
.expo-card a { color: #007aff; font-weight: bold;}
@media (max-width: 900px) {
    #expotheque-container { flex-direction: column; }
    #expotheque-map, #expotheque-list { min-height: 300px; max-height: 400px;}
    #expotheque-filters { width: 100%; }
}






@media (min-width: 992px) {
  #filtersCollapse {
    display: block !important;     /* annule display:none de .collapse */
    visibility: visible !important;
    height: auto !important;       /* évite l’animation */
  }
}



#expo-list-offcanvas .border-shadow{
    box-shadow: none !important;
  
}


#expo-list-offcanvas .border-shadow:hover{
    box-shadow: none !important;
  
    transform: none !important;
}

@media (max-width: 992px) {

#expo-map{height: 60vh !important;}


}