.canton { font-weight: normal; text-decoration: none; color: #333; }
.canton-lieu h3 { border-top: 1px solid #999; margin: 0; padding: 0.5rem 0; color: #222; position: relative; }
.canton-lieu h3:before { content: '+'; display: block; position: absolute; right: 0.5rem; top: 0.5rem; cursor: pointer; }
.canton-lieu h3 a { display: block; }
.canton-lieu p { display: none; }
.canton-lieu.collapsed p { display: block; }
.canton-lieu.collapsed h3 { color: #666;  }
.canton-lieu.collapsed h3:before { content: '-'; }
.lieu { display: inline-block; background: #7F7F7F; color: #fff; margin: 0 5px 5px 0; padding: 3px 8px; border-radius: 3px; text-decoration: none; }
.lieu:hover { background: #111; }
.lieu.active { background: #f3483c; }
.lieu > span { font-style: italic; opacity: 0.8; font-size: smaller; }
#map { max-width: 100%; height: calc(100% - 200px); min-height: 400px; position: relative; }