
.column-wrapper main {}
.column-wrapper aside {
    position: relative;
}

/* exception pour éviter une superposition avec la pagination */
.column-wrapper aside .picto-title { width: calc(100% - calc(3 * (var(--spacing)))); }

.browse-controls {
    margin-top: var(--spacing);
}

.label-value-container {
    display: flex;
    gap: var(--spacing);
    border-top: 2px solid;
    border-bottom: 2px solid;
    margin-top: -2px;
    padding: calc(.5 * var(--spacing)) 0px;
}
.label-value-container .label { width: 100px; }
.label-value-container .value { flex: 1; }

/* pagination */

.row-count {
    position: absolute;
    top: var(--spacing);
    right: var(--spacing);
    font: var(--asap-condensed-0);
}
.pagination-buttons { display: flex; gap: calc(.5 * var(--spacing)); }
.pagination-buttons img { width: var(--picto-width); }
.next img {
    transform: scaleX(-1.0);
}
.pagination-buttons .inactive {
    opacity: .5;
}

/* sort selector */
select {
    background-color: transparent;
    border: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    font-weight: bold !important;
    width: 100%;
    color: var(--blue);
}
button[type="submit"] {
    background: unset;
    cursor: pointer;
}

/* bulk export */
.exporter {
  background: none;
  font-weight:bold;
  border:solid 2px;
  display:inline-block;
  height:calc(var(--picto-width));
  line-height: calc(var(--picto-width) - 4px);
  padding-left:6px;
  padding-right:6px;
  border-radius: 8px;
  vertical-align:bottom;
  box-sizing:border-box;
  margin:0.125rem;
}

.exporter:hover {
  background-color:var(--bleu);
  color:var(--beige);
  border-color:var(--bleu);
  cursor: pointer;
}