.legend-single-line {
    display: flex; /* Active la flexbox */
    align-items: center; /* Centre les éléments verticalement */
    flex-wrap: wrap; /* Permet aux éléments de passer à la ligne si nécessaire */
    gap: 15px; /* Ajoute un espace entre chaque bloc (image + texte) */
}
.legend-single-line .legend-item {
    display: flex;
    align-items: center;
    gap: 5px; /* Espace entre l'image et le texte */
}
#map_available {
  height: 600px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top:25px;
}
.leaflet-marker-icon{
  height:50px;
  width:45px;
}
#stations_edumed{
  height:600px;
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px
}
#select_stat_sismo_dayplots,.select_stat_meteo_data{
  display:flex;
  flex-direction:row;
  width:100%;
  margin-bottom: 50px;
}

#liste_stat_sismo{
  display:flex;
  flex-direction:column;
  width:110%;
}
.liste_stat_meteo{
  display:flex;
  flex-direction:column;
  width:100%;
}

#liste_select{
  display:flex;
  flex-direction:column;
  //border: 2px solid #006980;
  //border-radius: 10px;
  height:auto;
}

.bloc_network{
  margin-top:10px;
  display:flex;
  flex-direction:row;
}

.network{
  margin-left:10px;
  width:330px;
  font-size:16px;
  flex-shrink: 0;
}

.pickdate{
  margin-left:25px;
  margin-top:25px;
}

.chosen{
  display:flex;
  flex-direction:column;
  gap:0.5rem; /* optionnel, plus utile qu'align-content ici */
  width:auto;
  margin-bottom: 50px;
}

#dates{
  display:flex;
  flex-direction:row;
 // border: 2px solid #006980;
 //  border-radius: 10px;
  width:50%;
  height:105px;
}

select::-ms-expand{
  display:none; /* supprimer la flèche par défaut en IE 10 et 11 */
}

#datepicker,#datepicker2{
  cursor: pointer;
  border:1px solid #00CED1;
  border-radius:10px;
  font-size:1em;
  text-align:center;
  margin-top:10px;
  height:40px;
}

#datepicker:hover,#datepicker2:hover{
  outline:none;
  border-color:#00CED1;
  box-shadow:0 0 10px #00CED1;
}

.send_req_data{
  cursor: pointer;
  border:1px solid #00CED1;
  border-radius:10px;
  background-color:#d4e7ff;
  height:40px;
  margin-left:25px;
  font-size: 19px;
}

.send_req_sismo_dayplots:hover{
  outline:none;
  border-color:#00CED1;
  box-shadow:0 0 10px #00CED1;
}

.input_stat{
  cursor: pointer;
  border: 1px solid #00CED1;
  border-radius: 10px;
  text-align: center;
  margin-top: 10px;
  width: 20px;
  margin-left: 50px;
}

legend{
  font-size:1.15em;
  color:#0085A3;
  font-weight: bold;
  margin-top:10px;
  margin-left:10px;
  margin-bottom:10px;
}

#result1{
  margin-top:50px;
}
.req_sismo_dayplots,.req_meteo_data{
  text-align:center;
}
#sismo_past_dayplots {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
#main_column_result {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 35px;
  display: flex;
  overflow-y: scroll;
  height: 500px;
}
#column_result {
  width: 33%;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
#under_div_column {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.picture_div_column {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.picture_div_column a {
  text-decoration: none;
  color: #4682B4;
}
#clear_div{
  cursor: pointer;
  border: 1px #00CED1 solid;
  border-radius: 10px;
  text-align: center;
  margin-top: 10px;
  width: 180px;
}
#under_div_result {
  margin-top: 5px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 100px;
  font-size: 16px;
}
.picture_div {
  width: 15%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
  text-align: center;
}