#track-map {
    width: 400px;
    height: 400px;
    display: none;
    border: 1px solid var(--box--light--border);
    margin: 3px 0px;
}

#track-map-large , #week-randos-map {
    width: 400px;
    height: 600px;
    display: none;
    border: 1px solid var(--box--light--border);
    margin: 3px 0px;
}

#track-infos-box {
    border: 2px solid var(--box--border);
    padding: 5px;
    border-radius: var(--box--radius);
    margin: 10px 0px;
    display: none;
}

#track-infos {
    border-collapse: collapse;
    background-color: var(--box--background);
}

#track-infos td , #track-infos th {
    border-bottom: 1px solid var(--box--light--border);
    text-align: left;
    padding: 10px 5px;
}

#info-track {
    background-image: url("../pictures/icons/info.png");
}

#view-track {
    background-image: url("../pictures/icons/beye.png");
}

#get-track {
    background-image: url("../pictures/icons/bdownload.png");
}

#graph-track {
    background-image: url("../pictures/icons/curve.png");
}

#hide-track {
    background-image: url("../pictures/icons/bexit.png");
}

#repair-track {
    background-image: url("../pictures/icons/repair.png");
}

#album-track {
    background-image: url("../pictures/icons/bphoto.png");
}

@media screen and (min-width: 780px) {
    #track-map-large , #week-randos-map {
        width: 700px;
        height: 700px;
    }
}