:root {
  --civisme-color: ivory;
  --civisme-background: blue;
  --arts-color: ivory;
  --arts-background: darkred;
  --numerique-color: blue;
  --numerique-background: ivory;
  --association-color: ivory;
  --association-background: blue;
  --agenda-color: ivory;
  --agenda-background: darkred;
  --annuaire-color: blue;
  --annuaire-background: ivory;
  --color: white;
  --background: black;
  --caption: ""
}
div.dock {
  --font-size: 1.5rem;
  --font-weight: 600
}
div.civisme {
  --color: var(--civisme-color);
  --background: var(--civisme-background)
}
div.arts {
  --color: var(--arts-color);
  --background: var(--arts-background)
}
div.numerique {
  --color: var(--numerique-color);
  --background: var(--numerique-background)
}
div.association {
  --color: var(--association-color);
  --background: var(--association-background)
}
div.annuaire {
  --color: var(--annuaire-color);
  --background: var(--annuaire-background)
}
div.agenda {
  --color: var(--agenda-color);
  --background: var(--agenda-background)
}
nav div.v-list.v-sheet.primary > div:first-child[style] > .v-list-item__title {
  visibility: hidden;
  position: relative
}
nav div.v-list.v-sheet.primary > div:first-child[style] > .v-list-item__title::after {
  content: '/';
  visibility: visible;
  display: block;
  position: absolute;
  top: 0
}
figure.media {
  border: solid orange 1px;
  min-height: 5rem;
  min-width: 50%;
  background: url(/images/logos/play.svg);
  background-repeat: no-repeat;
  background-position: center
}
div.contents div.dock ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: .5rem
}
@media(width < 700px) {
  div.contents div.dock ul {
    grid-template-columns: 1fr 1fr
  }
}
@media(width < 500px) {
  div.contents div.dock ul {
    grid-template-columns: 1fr
  }
}
div.contents div.dock a::before,
div.contents div.dock ol > li > p:first-child,
div.contents div.dock p::before,
div.contents div.dock ul:not(.tabset-tabs) > li > p:first-child,
div.contents div.dock ul:not(.tabset-tabs) li + li,
div.contents div.dock ul:not(.tabset-tabs):not(.contains-task-list) li::before {
  content: "";
  left: unset;
  margin-top: 0
}
div.contents div.dock ul li {
  padding: unset;
  height: 5em;
  font-size: var(--font-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: anchor-center;
  text-align: center;
  font-weight: var(--font-weight);
  padding: .5rem;
  border-radius: 1rem;
  border-style: solid;
  border-width: 5px;
  border-color: var(--color);
  background: var(--background);
  color: var(--color)
}
div.contents div.dock ul li ul,
div.contents div.dock ul li ul li {
  height: unset;
  font-size: unset;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: unset;
  text-align: unset;
  font-weight: unset;
  padding: unset;
  border-radius: unset;
  border-style: unset;
  border-width: unset;
  border-color: unset;
  background: var(--background);
  color: var(--color);
  column-gap: 1rem
}
div.contents div.dock ul:not(.tabset-tabs):not(.contains-task-list) li ul li::before {
  content: unset
}
div.contents div.dock ul li ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 1rem
}
.contents .theme--dark .v-main div.dock a,
.contents div.dock ul li a,
.theme--dark .v-main .contents div.dock a,
div.dock.contents.theme--dark ul li a {
  color: var(--color)
}
.v-main .contents {
  border-style: solid;
  border-width: 3px;
  border-radius: 2rem;
  padding: 1rem;
  border-color: var(--color)
}
div.contents::before {
  position: absolute;
  top: -1.5rem;
  background: var(--background);
  color: var(--color);
  content: var(--caption)
}
@media screen and (min-width:1000px) {
  #menu {
    display: block!important
  }
}
@media screen and (max-width:999px) {
  #menu {
    display: none!important
  }
}