body {width: 100%; height: 100%; background-color: #000000; color: #FFFFFF; text-align : center; font-family: "Trebuchet MS", sans-serif; } /* min-width: 1100px; */
h2 {color: #FF8000;  margin-bottom: 30px; }
a:link {color: #000000; }
a:visited {color: #000000; }
a:active {color: #000000; }
label {padding-left: 3px; padding-right: 3px; }

#cnv {border: 1px solid #DCB; }

#poi {display: inline-block; border: 1px solid #DCB; text-align : left; vertical-align: top; padding: 10px; overflow: auto; color: #DCB; }
#poi label:hover {color: #FF8000; }
#poi input:checked+label {color: blue; background-color: gold; }
#poi input {display: none; }

#navbar {
    display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row wrap; /* Safari 6.1+ */
    -webkit-justify-content: space-between; /* Safari 7.0+ */
    display: flex;
    /*flex-flow: row wrap; -- valeurs par défaut */
    justify-content: space-between; /*space-around*/
    border: 1px solid #DCB;
    width: 300px;
    margin: auto;
    margin-top: 30px;
    padding: 10px; /*padding-top: 10px; padding-bottom: 10px;*/
}
#navbar a {border: 1px solid #DCB; height: 50px; width: 50px; }
#navbar a img {height: 50px; width: 50px; }

#zoom {display: none; }
#log {display: none; }