#contextualTopMenu {
  padding: 1em 10px 1em 10px;
  border : 1vw solid #6E6680;
  border-radius: 10px;
  background-color: #fcfbf7  ;
}
div.departmentsContainer {
  /* position:sticky; */
  /* top:50px; */
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:2vw;
  padding: 1em 0 1em 0;
  justify-content:center;
  
}
div.repressionSubcontainer {
  display:none;
  /* position:sticky; */
  /* top:50px; */
}
.repressionContainer {
  padding: 1em 0 1em 0;
}
.repressionSubcontainer.active {
  display:flex;
  flex-direction: row;
  flex-wrap:wrap;
  gap:2vw;
  margin:auto;
  justify-content:center
}

div.repressionSubcontainer {
  display:none;

}
div.dataSubcontainer {
  display:none;
}
div.dataSubcontainer.active {
  display:block;
}
label{
  display:none;
  text-align:center;
  /* color: gray; */
  color: #6E6680;
  font-style: italic;
  margin:1em 0 1em 0;
}
label.active {
  display:block;
}
button.departmentSticky {
  border:none;
  display:block;
  background-color:inherit;
  cursor:pointer;
  font-size: 18px;
  /* margin-top:30px; */
  color: #6E6680;
  /* padding-bottom: 15px; */
}
button.repressionSticky {
  border:none;
  display:inline-block;
  background-color:inherit;
  cursor:pointer;
  font-size: 18px;
  color: #6E6680;
  /* padding-bottom: 15px; */
}

button.departmentSticky.active,
button.repressionSticky.active {
  /* color: #007782; */
  color: #6E6680;
  font-size: 120%;
  font-weight:bold;
}
span.size {
padding-left: 10px;}


@media only screen and (max-width: 600px) {
  label {
    margin:0;
    padding:0;
  }
  #contextualTopMenu {
    padding: 0.5em 10px 0 10px;
  }
  div.departmentsContainer {
    padding: 0.5em 0 0.5em 0;
  }
}