.arboretum-liste,
.arboretum-carte,
.arboretum-sentiers,
.arboretum-fiche {
margin: 20px 0;
}
.arboretum-navigation {
margin: 20px 0;
text-align: center;
}
.arboretum-navigation a {
margin: 0 10px;
text-decoration: none;
}
.arboretum-navigation button {
margin: 5px;
}
#arboretum-map,
#arboretum-fiche-map {
width: 100%;
height: 600px;
margin: 20px 0;
}
.arboretum-liste .table,
.arboretum-sentiers .table {
margin-top: 20px;
}
.arboretum-liste .tabl,
.arboretum-sentiers .tabl {
text-align: left;
}
a.nomlat {
color: black;
text-decoration: none;
font-style: italic;
text-align: left;
}
a.doute {
color: rgb(110, 4, 4);
text-decoration: none;
font-style: italic;
text-align: left;
}
a.nomfr {
color: black;
text-decoration: none;
font-weight: 200;
} .arboretum-fiche .gallery,
.gallery {
display: flex;
flex-wrap: wrap;
margin: 20px 0;
}
.arboretum-fiche .gallery img,
.gallery img {
width: 150px;
height: 150px;
margin: 5px;
cursor: pointer;
object-fit: cover;
border: 2px solid #ddd;
border-radius: 5px;
transition: transform 0.2s;
}
.arboretum-fiche .gallery img:hover,
.gallery img:hover {
transform: scale(1.05);
border-color: #4caf50;
} #lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
cursor: pointer;
}
#lightbox img {
max-width: 90%;
max-height: 90%;
object-fit: contain;
}
.hidden {
visibility: hidden;
display: none;
} .arboretum-fiche {
margin: 20px 0;
}
.arboretum-fiche h3.fiche,
.arboretum-fiche h4.fiche {
font-family: "Playfair Display", sans-serif;
font-weight: bold;
}
.arboretum-fiche p.fiche {
font-family: "Playfair Display", sans-serif;
text-align: center;
} .arboretum-liste form,
.arboretum-carte form,
.arboretum-sentiers form {
padding: 15px;
border-radius: 5px;
margin-bottom: 20px;
} @media (max-width: 768px) {
.arboretum-navigation {
display: flex;
flex-direction: column;
align-items: center;
}
.arboretum-navigation a {
margin: 5px 0;
width: 100%;
max-width: 300px;
}
.arboretum-navigation button {
width: 100%;
}
#arboretum-map,
#arboretum-fiche-map {
height: 400px;
}
.arboretum-liste form,
.arboretum-carte form,
.arboretum-sentiers form {
padding: 10px;
}
.arboretum-liste .col-auto,
.arboretum-carte .col-auto,
.arboretum-sentiers .col-auto {
margin-bottom: 10px;
}
}