/*!
 * VILLAGE v0.0.3 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@charset "UTF-8";

.village-sidemenu {
  /*
  @include elevation.elevate(raised, (legacy:$legacy));
  @include respond-from(md) {
    @include elevation.drop((legacy:$legacy));
  }
   */
}

.village-tabs {
  /**
  * Tab button
  */
}

.village-table {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color3 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color4 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color5 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color6 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color7 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color8 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color9 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color10 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color11 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color12 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color13 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color14 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color15 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color16 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color17 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color18 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--village-color19 {
  /* Style bordered, ajoute des bordures entre chaque ligne */
}

.village-table--bordered tbody tr {
  /* Style bordered, enleve le style even/odd  */
}

.village-checkbox-group input[type=checkbox] + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), var(--data-uri-svg);
}

.village-checkbox-group input[type=checkbox]:checked + label::before {
  background-color: var(--background-active-village-primary);
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-active-village-primary) 4px, var(--border-active-village-primary) 5px, transparent 6px), linear-gradient(var(--border-active-village-primary), var(--border-active-village-primary)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-active-village-primary) 4px, var(--border-active-village-primary) 5px, transparent 6px), linear-gradient(var(--border-active-village-primary), var(--border-active-village-primary)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-active-village-primary) 4px, var(--border-active-village-primary) 5px, transparent 6px), linear-gradient(var(--border-active-village-primary), var(--border-active-village-primary)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-active-village-primary) 4px, var(--border-active-village-primary) 5px, transparent 6px), linear-gradient(var(--border-active-village-primary), var(--border-active-village-primary)), var(--data-uri-svg);

  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='hsl(180, 80%, 98%)' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
}

:root[data-village-theme=dark] .village-checkbox-group input[type=checkbox]:checked + label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='hsl(180, 75%, 25%)' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
}

.village-checkbox-group input[type=checkbox]:disabled + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--background-disabled-grey) 4px, var(--background-disabled-grey) 5px, transparent 6px), linear-gradient(var(--background-disabled-grey), var(--background-disabled-grey)), var(--data-uri-svg);
}

.village-checkbox-group input[type=checkbox]:disabled:checked + label::before {
  background-color: var(--background-disabled-grey);

  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23929292' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
}

:root[data-village-theme=dark] .village-checkbox-group input[type=checkbox]:disabled:checked + label::before {
  --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23666' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/></svg>");
}

.village-checkbox-group--error input[type=checkbox] + label::before,
.village-checkbox-group--error input[type=checkbox]:checked + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), var(--data-uri-svg);
}

.village-checkbox-group--valid input[type=checkbox] + label::before,
.village-checkbox-group--valid input[type=checkbox]:checked + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), var(--data-uri-svg);
}

.village-fieldset--error .village-checkbox-group input[type=checkbox] + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-error) 4px, var(--border-plain-error) 5px, transparent 6px), linear-gradient(var(--border-plain-error), var(--border-plain-error)), var(--data-uri-svg);
}

.village-fieldset--valid .village-checkbox-group input[type=checkbox] + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-plain-success) 4px, var(--border-plain-success) 5px, transparent 6px), linear-gradient(var(--border-plain-success), var(--border-plain-success)), var(--data-uri-svg);
}

.village-select {
  /**
  * Mixin pour gérer l'état disabled
  */

  /**
  * On applique un style lorsque la valeur est automatiquement remplie par le navigateur
  * sur les navigateurs webkit.
  */
}

.village-translate .village-translate__btn[aria-expanded=true]:hover {
  background-color: var(--hover-tint);
}

.village-translate .village-translate__btn[aria-expanded=true]:active {
  background-color: var(--active-tint);
}

.village-input:disabled {
  color: var(--text-disabled-grey);
  box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
}

/**
* Mixin d'ajout des icones des réseaux sociaux
**/

/**
* Mixin d'ajout des icones des réseaux sociaux
**/
.village-password .village-password__checkbox input[type=checkbox] + label::before {
  background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-action-high-village-primary) 4px, var(--border-action-high-village-primary) 5px, transparent 6px), linear-gradient(var(--border-action-high-village-primary), var(--border-action-high-village-primary)), var(--data-uri-svg);
}

.village-header__service {
  text-align: left; /* chris2fr */
}

.village-header .village-header__menu .village-container {
  display: grid; /* chris2fr */
  grid-template-columns: 1fr;
  grid-template-areas: "l" "h" "m" "t";
}

.village-header__menu-logo {
  grid-area: l;
}
@media (min-width: 36em) {
  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */

  /*! media sm */
}
@media (min-width: 48em) {
  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */

  /*! media md */
}
@media (min-width: 62em) {
  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */

  /*! media lg */
  .village-header .village-header__menu .village-container {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    grid-template-areas: "l m" "h h";
  }
}
@media (min-width: 78em) {
  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */

  /*! media xl */
}
@media all and (-ms-high-contrast: none) and (-ms-high-contrast: none), (-ms-high-contrast: none) and (-ms-high-contrast: active), (-ms-high-contrast: active) and (-ms-high-contrast: none), (-ms-high-contrast: active) and (-ms-high-contrast: active) {
  .village-enlarge-link {
    background-color: transparent;
  }

  .village-enlarge-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-enlarge-link:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-range[data-village-js-range] input[type=range]::-ms-fill-lower {
    background-color: hsl(180, 75%, 25%);
  }

  .village-range[data-village-js-range] input[type=range]:disabled::-ms-fill-lower {
    background-color: #e5e5e5;
  }

  .village-range[data-village-js-range].village-range--double {
    background-image: linear-gradient(to right, hsl(180, 75%, 25%) 0, hsl(180, 75%, 25%) 100%);
  }

  .village-pagination__link {
    background-color: transparent;
  }

  .village-pagination__link:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-pagination__link:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-nav__link,
  .village-nav__btn {
    background-color: transparent;
  }

  .village-nav__link:hover,
  .village-nav__btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-nav__link:active,
  .village-nav__btn:active {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .village-enlarge-link [href] {
    text-decoration: none;
  }

  .village-raw-link[href]::after,
  .village-raw-link [href]::after {
    content: none;
  }

  [target=_blank]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/external-link-line.svg");
    width: 1rem;
    height: 1rem;
    content: "";
    vertical-align: sub;
  }

  .village-responsive-vid::before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
  }

  ul {
    list-style-type: disc;
  }

  ol {
    list-style-type: decimal;
  }

  ul,
  ol {
    padding-left: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 1.5rem;
    color: #161616;
  }

  p {
    margin: 0 0 1rem;
  }

  [class^=village-icon-]::before,
  [class*=" village-icon-"]::before,
  [class^=village-fi-]::before,
  [class*=" village-fi-"]::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-icon--xs::before {
    width: 0.75rem;
    height: 0.75rem;
  }

  .village-icon--sm::before {
    width: 1rem;
    height: 1rem;
  }

  .village-icon--md::before {
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-icon--lg::before {
    width: 2rem;
    height: 2rem;
  }

  body {
    background-color: #fff;
    color: #3a3a3a;
  }

  a:not([href]),
  button:disabled,
  input:disabled,
  input[type=checkbox]:disabled,
  input[type=checkbox]:disabled + label,
  input[type=radio]:disabled,
  input[type=radio]:disabled + label,
  textarea:disabled,
  video:not([href]),
  audio:not([href]) {
    color: #929292;
  }

  .village-artwork-decorative {
    fill: hsl(180, 80%, 96%);
  }

  .village-artwork-minor {
    fill: hsl(270, 85%, 25%);
  }

  .village-artwork-major {
    fill: hsl(180, 75%, 25%);
  }

  .village-artwork-background {
    fill: #f6f6f6;
  }

  .village-artwork-motif {
    fill: #e5e5e5;
  }

  .village-artwork--village-color3 .village-artwork-minor {
    fill: hsl(0, 75%, 25%);
  }

  .village-artwork--village-color4 .village-artwork-minor {
    fill: hsl(90, 75%, 25%);
  }

  .village-artwork--village-color5 .village-artwork-minor {
    fill: hsl(180, 75%, 25%);
  }

  .village-artwork--village-color6 .village-artwork-minor {
    fill: hsl(290, 75%, 25%);
  }

  .village-artwork--village-color7 .village-artwork-minor {
    fill: hsl(0, 75%, 25%);
  }

  .village-artwork--village-color8 .village-artwork-minor {
    fill: hsl(90, 75%, 25%);
  }

  .village-artwork--village-color9 .village-artwork-minor {
    fill: hsl(180, 75%, 25%);
  }

  .village-artwork--village-color10 .village-artwork-minor {
    fill: hsl(270, 75%, 25%);
  }

  .village-artwork--village-color11 .village-artwork-minor {
    fill: hsl(0, 75%, 25%);
  }

  .village-artwork--village-color12 .village-artwork-minor {
    fill: hsl(90, 75%, 25%);
  }

  .village-artwork--village-color13 .village-artwork-minor {
    fill: hsl(180, 75%, 25%);
  }

  .village-artwork--village-color14 .village-artwork-minor {
    fill: hsl(270, 75%, 25%);
  }

  .village-artwork--village-color15 .village-artwork-minor {
    fill: hsl(0, 75%, 25%);
  }

  .village-artwork--village-color16 .village-artwork-minor {
    fill: hsl(90, 75%, 25%);
  }

  .village-artwork--village-color17 .village-artwork-minor {
    fill: hsl(180, 75%, 25%);
  }

  .village-artwork--village-color18 .village-artwork-minor {
    fill: hsl(270, 75%, 25%);
  }

  .village-artwork--village-color19 .village-artwork-minor {
    fill: hsl(0, 75%, 25%);
  }

  [disabled] .village-artwork * {
    fill: #929292;
  }

  .village-h6,
  .village-h5,
  .village-h4,
  .village-h3,
  .village-h2,
  .village-h1,
  .village-display-xs,
  .village-display-sm,
  .village-display-md,
  .village-display-lg,
  .village-display-xl {
    color: #161616;
  }

  hr {
    background-image: linear-gradient(0deg, #ddd, #ddd);
  }

  .village-hr-or::before,
  .village-hr-or::after {
    background-color: #ddd;
  }

  .village-hr {
    background-image: linear-gradient(0deg, #ddd, #ddd);
  }

  .village-range__output,
  .village-range__min,
  .village-range__max {
    min-width: 1.5rem;
  }

  .village-range input[type=range] {
    padding: 0;
  }

  .village-range[data-village-js-range] {
    justify-content: flex-start;
  }

  .village-range[data-village-js-range]::after {
    content: none;
    background-color: hsl(180, 75%, 25%);
  }

  .village-range[data-village-js-range] .village-range__max {
    margin-left: auto;
  }

  .village-range[data-village-js-range] input[type=range] {
    margin-top: -0.25rem;
  }

  .village-range[data-village-js-range] input[type=range]::-ms-track {
    height: 0.75rem;
    background: transparent;
    border-color: transparent;
    border-width: 0.625rem 0;
    color: transparent;
  }

  .village-range[data-village-js-range] input[type=range]::-ms-fill-lower {
    height: 0.75rem;
    border-radius: 0.375rem;
  }

  .village-range[data-village-js-range] input[type=range]::-ms-thumb {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    z-index: 500;
    background-color: #fff;
    border: 1px solid hsl(180, 75%, 25%);
  }

  .village-range[data-village-js-range] input[type=range]:not(:only-of-type) {
    pointer-events: auto;
  }

  .village-range[data-village-js-range].village-range--double {
    background-position-y: 1.625rem;
    background-repeat: no-repeat;
  }

  .village-range[data-village-js-range].village-range--double .village-range__output {
    min-width: 3rem;
  }

  .village-range[data-village-js-range].village-range--double input[type=range] {
    width: calc(100% - 1.5rem);
  }

  .village-range[data-village-js-range].village-range--double input[type=range]::-ms-fill-lower {
    background-color: transparent;
  }

  .village-range[data-village-js-range].village-range--double input[type=range]:nth-of-type(1) {
    margin-right: 1.5rem;
    z-index: 2;
  }

  .village-range[data-village-js-range].village-range--double input[type=range]:nth-of-type(2) {
    left: 1.5rem;
  }

  .village-range--sm[data-village-js-range] .village-range__output,
  .village-range--sm[data-village-js-range] .village-range__min,
  .village-range--sm[data-village-js-range] .village-range__max {
    min-width: 1rem;
  }

  .village-range--sm[data-village-js-range] input[type=range]::-ms-track {
    height: 0.5rem;
    border-width: 0.5rem 0;
  }

  .village-range--sm[data-village-js-range] input[type=range]::-ms-fill-lower {
    height: 0.5rem;
  }

  .village-range--sm[data-village-js-range] input[type=range]::-ms-thumb {
    width: 1rem;
    height: 1rem;
  }

  .village-range--sm[data-village-js-range].village-range--double {
    background-position-y: 1.5rem;
  }

  .village-range--sm[data-village-js-range].village-range--double .village-range__output {
    min-width: 2rem;
  }

  .village-range--sm[data-village-js-range].village-range--double input[type=range] {
    width: calc(100% - 1rem);
  }

  .village-range--sm[data-village-js-range].village-range--double input[type=range]:nth-of-type(1) {
    margin-right: 1rem;
  }

  .village-range--sm[data-village-js-range].village-range--double input[type=range]:nth-of-type(2) {
    left: 1rem;
  }

  .village-range[data-village-js-range]::before {
    box-shadow: inset 0 0 0 1px hsl(180, 75%, 25%);
  }

  .village-range[data-village-js-range] input[type=range]:disabled::-ms-thumb {
    border: 1px solid #e5e5e5;
  }

  .village-range__output {
    color: hsl(180, 75%, 25%);
  }

  .village-range__min,
  .village-range__max {
    color: #666;
  }

  .village-range--step[data-village-js-range]::before {
    background-image: radial-gradient(circle at 2px 50%, hsl(180, 75%, 25%) 0, hsl(180, 75%, 25%) 1px, transparent 1px);
  }

  .village-range--step[data-village-js-range]::after {
    background-image: radial-gradient(circle at 2px 50%, hsl(180, 80%, 93%) 0, hsl(180, 80%, 93%) 2px, transparent 2px);
    box-shadow: inset 10px 0 0 0 hsl(180, 75%, 25%), inset -10px 0 0 0 hsl(180, 75%, 25%);
  }

  .village-range--step.village-range--sm[data-village-js-range]::after {
    box-shadow: inset 6px 0 0 0 hsl(180, 75%, 25%), inset -6px 0 0 0 hsl(180, 75%, 25%);
  }

  .village-range-group--error::before {
    background-image: linear-gradient(0deg, hsl(0, 45%, 43%), hsl(0, 45%, 43%));
  }

  .village-range-group--valid::before {
    background-image: linear-gradient(0deg, hsl(90, 45%, 43%), hsl(90, 45%, 43%));
  }

  .village-range-group--disabled .village-range[data-village-js-range]::before {
    box-shadow: inset 0 0 0 1px #e5e5e5;
  }

  .village-range-group--disabled .village-range[data-village-js-range]::after {
    background-color: #e5e5e5;
  }

  .village-range-group--disabled .village-range--step[data-village-js-range]::before {
    background-image: radial-gradient(circle at 2px 50%, #e5e5e5 0, #e5e5e5 1px, transparent 1px);
  }

  .village-range-group--disabled .village-range--step[data-village-js-range]::after {
    background-image: radial-gradient(circle at 2px 50%, #fff 0, #fff 2px, transparent 2px);
  }

  .village-range-group--disabled .village-range__output,
  .village-range-group--disabled .village-range__min,
  .village-range-group--disabled .village-range__max {
    color: #929292;
  }

  /**
  * Reset liste à puce
  */
  .village-accordions-group ul {
    list-style-type: none;
  }

  .village-accordions-group ol {
    list-style-type: none;
  }

  .village-accordions-group ul,
  .village-accordions-group ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-accordion__btn::before,
  .village-accordion__btn::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-down-s-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-accordion__btn[aria-expanded=true]::after {
    transform: rotate(-180deg);
  }

  .village-accordion::before {
    box-shadow: inset 0 1px 0 0 #ddd, 0 1px 0 0 #ddd;
  }

  .village-accordion__btn {
    color: hsl(180, 75%, 25%);
  }

  .village-accordion__btn[aria-expanded=true] {
    background-color: hsl(180, 80%, 93%);
  }

  .village-badge::before,
  .village-badge::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }

  .village-badge--sm::before {
    width: 0.75rem;
    height: 0.75rem;
  }

  .village-badge.village-badge--info::before,
  .village-badge.village-badge--info::after,
  .village-badge--sm.village-badge--info::before,
  .village-badge--sm.village-badge--info::after {
    background-image: url("icons/system/village--info-fill.svg");
  }

  .village-badge.village-badge--success::before,
  .village-badge.village-badge--success::after,
  .village-badge--sm.village-badge--success::before,
  .village-badge--sm.village-badge--success::after {
    background-image: url("icons/system/village--success-fill.svg");
  }

  .village-badge.village-badge--error::before,
  .village-badge.village-badge--error::after,
  .village-badge--sm.village-badge--error::before,
  .village-badge--sm.village-badge--error::after {
    background-image: url("icons/system/village--error-fill.svg");
  }

  .village-badge.village-badge--warning::before,
  .village-badge.village-badge--warning::after,
  .village-badge--sm.village-badge--warning::before,
  .village-badge--sm.village-badge--warning::after {
    background-image: url("icons/system/village--warning-fill.svg");
  }

  .village-badge.village-badge--new::before,
  .village-badge.village-badge--new::after,
  .village-badge--sm.village-badge--new::before,
  .village-badge--sm.village-badge--new::after {
    background-image: url("icons/weather/flashlight-fill.svg");
  }

  ul.village-badges-group {
    list-style-type: none;
  }

  ol.village-badges-group {
    list-style-type: none;
  }

  ul.village-badges-group,
  ol.village-badges-group {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-badge {
    color: #3a3a3a;
    background-color: #eee;
  }

  .village-badge--info {
    color: hsl(180, 45%, 43%);
    background-color: hsl(180, 80%, 96%);
  }

  .village-badge--error {
    color: hsl(0, 45%, 43%);
    background-color: hsl(0, 80%, 96%);
  }

  .village-badge--success {
    color: hsl(90, 45%, 43%);
    background-color: hsl(90, 80%, 96%);
  }

  .village-badge--warning {
    color: hsl(270, 45%, 43%);
    background-color: hsl(270, 80%, 96%);
  }

  .village-badge--new {
    color: hsl(270, 75%, 25%);
    background-color: hsl(270, 80%, 96%);
  }

  .village-badge--village-color3 {
    color: hsl(0, 75%, 25%);
    background-color: hsl(0, 80%, 96%);
  }

  .village-badge--village-color4 {
    color: hsl(90, 75%, 25%);
    background-color: hsl(90, 80%, 96%);
  }

  .village-badge--village-color5 {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 96%);
  }

  .village-badge--village-color6 {
    color: hsl(290, 75%, 25%);
    background-color: hsl(290, 80%, 96%);
  }

  .village-badge--village-color7 {
    color: hsl(0, 75%, 25%);
    background-color: hsl(0, 80%, 96%);
  }

  .village-badge--village-color8 {
    color: hsl(90, 75%, 25%);
    background-color: hsl(90, 80%, 96%);
  }

  .village-badge--village-color9 {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 96%);
  }

  .village-badge--village-color10 {
    color: hsl(270, 75%, 25%);
    background-color: hsl(270, 80%, 96%);
  }

  .village-badge--village-color11 {
    color: hsl(0, 75%, 25%);
    background-color: hsl(0, 80%, 96%);
  }

  .village-badge--village-color12 {
    color: hsl(90, 75%, 25%);
    background-color: hsl(90, 80%, 96%);
  }

  .village-badge--village-color13 {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 96%);
  }

  .village-badge--village-color14 {
    color: hsl(270, 75%, 25%);
    background-color: hsl(270, 80%, 96%);
  }

  .village-badge--village-color15 {
    color: hsl(0, 75%, 25%);
    background-color: hsl(0, 80%, 96%);
  }

  .village-badge--village-color16 {
    color: hsl(90, 75%, 25%);
    background-color: hsl(90, 80%, 96%);
  }

  .village-badge--village-color17 {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 96%);
  }

  .village-badge--village-color18 {
    color: hsl(270, 75%, 25%);
    background-color: hsl(270, 80%, 96%);
  }

  .village-badge--village-color19 {
    color: hsl(0, 75%, 25%);
    background-color: hsl(0, 80%, 96%);
  }

  .village-logo {
    color: #000;
  }

  .village-btn::before,
  .village-btn::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }

  .village-btn[href] {
    text-decoration: none;
  }

  .village-btn[class^=village-icon-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn[class^=village-icon-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after,
  .village-btn[class*=" village-icon-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn[class*=" village-icon-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after,
  .village-btn[class^=village-fi-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn[class^=village-fi-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after,
  .village-btn[class*=" village-fi-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn[class*=" village-fi-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-btn--sm::before,
  .village-btn--sm::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 0.75rem;
    height: 0.75rem;
  }

  .village-btn--sm[class^=village-icon-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn--sm[class^=village-icon-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after,
  .village-btn--sm[class*=" village-icon-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn--sm[class*=" village-icon-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after,
  .village-btn--sm[class^=village-fi-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn--sm[class^=village-fi-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after,
  .village-btn--sm[class*=" village-fi-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn--sm[class*=" village-fi-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }

  .village-btn--lg::before,
  .village-btn--lg::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-btn--lg[class^=village-icon-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn--lg[class^=village-icon-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after,
  .village-btn--lg[class*=" village-icon-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn--lg[class*=" village-icon-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after,
  .village-btn--lg[class^=village-fi-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn--lg[class^=village-fi-]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after,
  .village-btn--lg[class*=" village-fi-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::before,
  .village-btn--lg[class*=" village-fi-"]:not([class^=village-btn--icon-]):not([class*=" village-btn--icon-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
  }

  .village-btn--close::before,
  .village-btn--close::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/close-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--tooltip::before,
  .village-btn--tooltip::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/question-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--fullscreen::before,
  .village-btn--fullscreen::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/media/fullscreen-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--display::before,
  .village-btn--display::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/village--theme-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--briefcase::before,
  .village-btn--briefcase::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/business/briefcase-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--account::before,
  .village-btn--account::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/user/account-circle-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-btn--team::before,
  .village-btn--team::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/user/team-line.svg");
    width: 1rem;
    height: 1rem;
  }

  ul.village-btns-group {
    list-style-type: none;
  }

  ol.village-btns-group {
    list-style-type: none;
  }

  ul.village-btns-group,
  ol.village-btns-group {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-]::before,
  .village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-]::after,
  .village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"]::before,
  .village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"]::after,
  .village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-]::before,
  .village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-]::after,
  .village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"]::before,
  .village-btns-group--sm:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }

  .village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-]::before,
  .village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-]::after,
  .village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"]::before,
  .village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"]::after,
  .village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-]::before,
  .village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-]::after,
  .village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"]::before,
  .village-btns-group--lg:not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
  }

  .village-btn {
    background-color: hsl(180, 75%, 25%);
    color: hsl(180, 80%, 98%);
  }

  .village-btn:hover {
    background-color: hsl(180, 60%, 20%);
  }

  .village-btn:active {
    background-color: hsl(180, 40%, 15%);
  }

  .village-btn:disabled,
  a.village-btn:not([href]) {
    color: #929292;
    background-color: #e5e5e5;
  }

  .village-btn--secondary {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
    box-shadow: inset 0 0 0 1px hsl(180, 75%, 25%);
  }

  .village-btn--secondary:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-btn--secondary:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-btn--secondary:disabled,
  a.village-btn--secondary:not([href]) {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
    background-color: transparent;
  }

  .village-btn--secondary:disabled:hover,
  a.village-btn--secondary:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-btn--secondary:disabled:active,
  a.village-btn--secondary:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-btn--tertiary,
  .village-btn--account {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-btn--tertiary:hover,
  .village-btn--account:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-btn--tertiary:active,
  .village-btn--account:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-btn--tertiary:disabled,
  a.village-btn--tertiary:not([href]),
  a.village-btn--account:not([href]),
  .village-btn--account:disabled {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
    background-color: transparent;
  }

  .village-btn--tertiary:disabled:hover,
  a.village-btn--tertiary:not([href]):hover,
  a.village-btn--account:not([href]):hover,
  .village-btn--account:disabled:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-btn--tertiary:disabled:active,
  a.village-btn--tertiary:not([href]):active,
  a.village-btn--account:not([href]):active,
  .village-btn--account:disabled:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-btn--tertiary-no-outline,
  .village-btn--close,
  .village-btn--display,
  .village-btn--fullscreen,
  .village-btn--tooltip,
  .village-btn--briefcase,
  .village-btn--team {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-btn--tertiary-no-outline:hover,
  .village-btn--close:hover,
  .village-btn--display:hover,
  .village-btn--fullscreen:hover,
  .village-btn--tooltip:hover,
  .village-btn--briefcase:hover,
  .village-btn--team:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-btn--tertiary-no-outline:active,
  .village-btn--close:active,
  .village-btn--display:active,
  .village-btn--fullscreen:active,
  .village-btn--tooltip:active,
  .village-btn--briefcase:active,
  .village-btn--team:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-btn--tertiary-no-outline:disabled,
  a.village-btn--tertiary-no-outline:not([href]),
  a.village-btn--close:not([href]),
  a.village-btn--display:not([href]),
  a.village-btn--fullscreen:not([href]),
  a.village-btn--tooltip:not([href]),
  a.village-btn--briefcase:not([href]),
  a.village-btn--team:not([href]),
  .village-btn--close:disabled,
  .village-btn--display:disabled,
  .village-btn--fullscreen:disabled,
  .village-btn--tooltip:disabled,
  .village-btn--briefcase:disabled,
  .village-btn--team:disabled {
    color: #929292;
    background-color: transparent;
  }

  .village-btn--tertiary-no-outline:disabled:hover,
  a.village-btn--tertiary-no-outline:not([href]):hover,
  a.village-btn--close:not([href]):hover,
  a.village-btn--display:not([href]):hover,
  a.village-btn--fullscreen:not([href]):hover,
  a.village-btn--tooltip:not([href]):hover,
  a.village-btn--briefcase:not([href]):hover,
  a.village-btn--team:not([href]):hover,
  .village-btn--close:disabled:hover,
  .village-btn--display:disabled:hover,
  .village-btn--fullscreen:disabled:hover,
  .village-btn--tooltip:disabled:hover,
  .village-btn--briefcase:disabled:hover,
  .village-btn--team:disabled:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-btn--tertiary-no-outline:disabled:active,
  a.village-btn--tertiary-no-outline:not([href]):active,
  a.village-btn--close:not([href]):active,
  a.village-btn--display:not([href]):active,
  a.village-btn--fullscreen:not([href]):active,
  a.village-btn--tooltip:not([href]):active,
  a.village-btn--briefcase:not([href]):active,
  a.village-btn--team:not([href]):active,
  .village-btn--close:disabled:active,
  .village-btn--display:disabled:active,
  .village-btn--fullscreen:disabled:active,
  .village-btn--tooltip:disabled:active,
  .village-btn--briefcase:disabled:active,
  .village-btn--team:disabled:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-connect {
    background-color: hsl(180, 75%, 25%);
    color: hsl(180, 80%, 98%);
  }

  .village-connect:disabled,
  a.village-connect:not([href]) {
    background-color: #e5e5e5;
    color: #929292;
  }

  .village-connect-group .village-connect + p a {
    color: hsl(180, 75%, 25%);
  }

  .village-connect-group p {
    color: #666;
  }

  /**
  * Correction largeur max du texte
  */
  .village-quote::before,
  .village-quote::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/editor/village--quote-line.svg");
    width: 2rem;
    height: 2rem;
  }

  ul.village-quote__source {
    list-style-type: none;
  }

  ol.village-quote__source {
    list-style-type: none;
  }

  ul.village-quote__source,
  ol.village-quote__source {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-quote blockquote {
    max-width: 100%;
  }

  .village-quote::before {
    color: hsl(180, 85%, 25%);
  }

  .village-quote--village-color3::before {
    color: hsl(0, 75%, 25%);
  }

  .village-quote--village-color4::before {
    color: hsl(90, 75%, 25%);
  }

  .village-quote--village-color5::before {
    color: hsl(180, 75%, 25%);
  }

  .village-quote--village-color6::before {
    color: hsl(290, 75%, 25%);
  }

  .village-quote--village-color7::before {
    color: hsl(0, 75%, 25%);
  }

  .village-quote--village-color8::before {
    color: hsl(90, 75%, 25%);
  }

  .village-quote--village-color9::before {
    color: hsl(180, 75%, 25%);
  }

  .village-quote--village-color10::before {
    color: hsl(270, 75%, 25%);
  }

  .village-quote--village-color11::before {
    color: hsl(0, 75%, 25%);
  }

  .village-quote--village-color12::before {
    color: hsl(90, 75%, 25%);
  }

  .village-quote--village-color13::before {
    color: hsl(180, 75%, 25%);
  }

  .village-quote--village-color14::before {
    color: hsl(270, 75%, 25%);
  }

  .village-quote--village-color15::before {
    color: hsl(0, 75%, 25%);
  }

  .village-quote--village-color16::before {
    color: hsl(90, 75%, 25%);
  }

  .village-quote--village-color17::before {
    color: hsl(180, 75%, 25%);
  }

  .village-quote--village-color18::before {
    color: hsl(270, 75%, 25%);
  }

  .village-quote--village-color19::before {
    color: hsl(0, 75%, 25%);
  }

  .village-quote {
    background-image: linear-gradient(0deg, #ddd, #ddd);
  }

  .village-quote__source {
    color: #666;
  }

  /**
  * reset liste à puce
  */
  .village-breadcrumb ul {
    list-style-type: none;
  }

  .village-breadcrumb ol {
    list-style-type: none;
  }

  .village-breadcrumb ul,
  .village-breadcrumb ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-breadcrumb__link:not([aria-current])::after,
  .village-breadcrumb__link[aria-current=false]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-right-s-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-breadcrumb {
    color: #666;
  }

  .village-breadcrumb__link[aria-current]:not([aria-current=false]) {
    color: #3a3a3a;
  }

  .village-fieldset__legend {
    max-width: 100%;
    color: #161616;
  }

  .village-message--error::before,
  .village-message--error::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/village--error-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-message--valid::before,
  .village-message--valid::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/village--success-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-message--info::before,
  .village-message--info::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/village--info-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-select-group--valid label,
  .village-input-group--valid label,
  .village-range-group--valid label,
  .village-upload-group--valid label {
    color: hsl(90, 45%, 43%);
  }

  .village-select-group--error label,
  .village-input-group--error label,
  .village-range-group--error label,
  .village-upload-group--error label {
    color: hsl(0, 45%, 43%);
  }

  .village-select-group--info label,
  .village-input-group--info label,
  .village-range-group--info label,
  .village-upload-group--info label {
    color: hsl(180, 45%, 43%);
  }

  .village-select-group--disabled label,
  .village-select-group--disabled .village-hint-text,
  .village-input-group--disabled label,
  .village-input-group--disabled .village-hint-text,
  .village-range-group--disabled label,
  .village-range-group--disabled .village-hint-text,
  .village-upload-group--disabled label,
  .village-upload-group--disabled .village-hint-text {
    color: #929292;
  }

  .village-label {
    color: #161616;
  }

  .village-label--error {
    color: hsl(0, 45%, 43%);
  }

  .village-label--success {
    color: hsl(90, 45%, 43%);
  }

  .village-label--info {
    color: hsl(180, 45%, 43%);
  }

  .village-label--disabled,
  .village-label--disabled .village-hint-text {
    color: #929292;
  }

  .village-hint-text,
  .village-message {
    color: #666;
  }

  .village-message--error {
    color: hsl(0, 45%, 43%);
  }

  .village-message--valid {
    color: hsl(90, 45%, 43%);
  }

  .village-message--info {
    color: hsl(180, 45%, 43%);
  }

  .village-fieldset:disabled .village-label,
  .village-fieldset:disabled .village-hint-text,
  .village-fieldset:disabled .village-fieldset__legend {
    color: #929292;
  }

  .village-fieldset input:disabled + label,
  .village-fieldset input:disabled + label .village-hint-text,
  .village-fieldset input:disabled + label + .village-hint-text {
    color: #929292;
  }

  .village-fieldset--error,
  .village-fieldset--error .village-fieldset__legend {
    background-image: linear-gradient(0deg, hsl(0, 45%, 43%), hsl(0, 45%, 43%));
  }

  .village-fieldset--error .village-fieldset__legend,
  .village-fieldset--error .village-label {
    color: hsl(0, 45%, 43%);
  }

  .village-fieldset--valid,
  .village-fieldset--valid .village-fieldset__legend {
    background-image: linear-gradient(0deg, hsl(90, 45%, 43%), hsl(90, 45%, 43%));
  }

  .village-fieldset--valid .village-fieldset__legend,
  .village-fieldset--valid .village-label {
    color: hsl(90, 45%, 43%);
  }

  .village-fieldset--info,
  .village-fieldset--info .village-fieldset__legend {
    background-image: linear-gradient(0deg, hsl(180, 45%, 43%), hsl(180, 45%, 43%));
  }

  .village-fieldset--info .village-fieldset__legend,
  .village-fieldset--info .village-label {
    color: hsl(180, 45%, 43%);
  }

  .village-error-text::before,
  .village-error-text::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/village--error-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-valid-text::before,
  .village-valid-text::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/village--success-fill.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-error-text {
    color: hsl(0, 45%, 43%);
  }

  .village-valid-text {
    color: hsl(90, 45%, 43%);
  }

  .village-info-text {
    color: hsl(180, 45%, 43%);
  }

  .village-fieldset--valid .village-fieldset__content::before {
    box-shadow: inset 2px 0 0 0 hsl(90, 45%, 43%);
  }

  .village-fieldset--error .village-fieldset__content::before {
    box-shadow: inset 2px 0 0 0 hsl(0, 45%, 43%);
  }

  .village-fieldset--info .village-fieldset__content::before {
    box-shadow: inset 2px 0 0 0 hsl(180, 45%, 43%);
  }

  .village-stepper__title {
    margin-bottom: 0.75rem;
    color: #161616;
  }

  .village-stepper__steps {
    display: none;
    background-image: repeating-linear-gradient(to right, hsl(180, 75%, 25%) 0, hsl(180, 75%, 25%) var(--active-inner), transparent var(--active-inner), transparent var(--active-outer)), repeating-linear-gradient(to right, #eee 0, #eee var(--default-inner), transparent var(--default-inner), transparent var(--default-outer));
  }

  .village-stepper__state {
    color: #666;
  }

  .village-stepper__details {
    color: #666;
  }

  .village-tooltip {
    position: relative;
    color: #3a3a3a;
  }

  .village-tooltip__btn::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/media/align-left.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-tooltip__btn::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/add-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-tooltip__btn[aria-expanded=true]::before,
  .village-tooltip__btn[aria-expanded=true]::after {
    background-image: url("icons/system/subtract-line.svg");
  }

  ul.village-tooltip__actions-group {
    list-style-type: none;
  }

  ol.village-tooltip__actions-group {
    list-style-type: none;
  }

  ul.village-tooltip__actions-group,
  ol.village-tooltip__actions-group {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-tooltip .village-modal:not(.village-modal--opened) .village-modal__content {
    max-height: 9.5rem;
  }

  .village-tooltip.village-placement {
    z-index: 1000;
    background-image: linear-gradient(90deg, #fff, #fff);
  }

  .village-link {
    background-image: none;
    text-decoration: underline;
    color: hsl(180, 75%, 25%);
  }

  .village-link::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }

  .village-link--sm::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }

  .village-link--lg::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  ul.village-links-group {
    list-style-type: none;
  }

  ol.village-links-group {
    list-style-type: none;
  }

  ul.village-links-group,
  ol.village-links-group {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-link__detail {
    color: #666;
  }

  .village-links-group li::marker {
    color: hsl(180, 75%, 25%);
  }

  .village-links-group--bordered {
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-link--close {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-link--close:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-link--close:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-link--close:disabled,
  a.village-link--close:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-link--close:disabled:hover,
  a.village-link--close:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-link--close:disabled:active,
  a.village-link--close:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  /**
  * Correctif de la hauteur de la navigation latérale
  */
  .village-sidemenu {
    height: auto;
    box-shadow: inset 0 -1px 0 0 #ddd, inset 0 1px 0 0 #ddd;
  }

  .village-sidemenu ul {
    list-style-type: none;
  }

  .village-sidemenu ol {
    list-style-type: none;
  }

  .village-sidemenu ul,
  .village-sidemenu ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-sidemenu [href] {
    text-decoration: none;
  }

  .village-sidemenu__btn[aria-expanded]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-down-s-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-sidemenu__title {
    color: #161616;
    box-shadow: inset 0 -1px 0 0 #ddd;
  }

  .village-sidemenu__item .village-sidemenu__link,
  .village-sidemenu__item .village-sidemenu__btn {
    color: #161616;
  }

  .village-sidemenu__item::before {
    box-shadow: 0 -1px 0 0 #ddd, inset 0 -1px 0 0 #ddd;
  }

  .village-sidemenu__item:first-child::before {
    box-shadow: inset 0 -1px 0 0 #ddd;
  }

  .village-sidemenu__item:last-child::before {
    box-shadow: 0 -1px 0 0 #ddd;
  }

  .village-sidemenu__link,
  .village-sidemenu__btn {
    color: hsl(180, 75%, 25%);
  }

  .village-sidemenu__link[aria-current]:not([aria-current=false]),
  .village-sidemenu__btn[aria-current]:not([aria-current=false]) {
    color: hsl(180, 75%, 25%);
  }

  .village-sidemenu__link[aria-current]:not([aria-current=false])::before,
  .village-sidemenu__btn[aria-current]:not([aria-current=false])::before {
    background-color: hsl(180, 75%, 25%);
  }

  .village-sidemenu__btn[aria-expanded=true] {
    background-color: hsl(180, 80%, 93%);
  }

  .village-highlight {
    background-image: linear-gradient(0deg, hsl(180, 85%, 25%), hsl(180, 85%, 25%));
  }

  .village-highlight--village-color3 {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
  }

  .village-highlight--village-color4 {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
  }

  .village-highlight--village-color5 {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
  }

  .village-highlight--village-color6 {
    background-image: linear-gradient(0deg, hsl(290, 75%, 25%), hsl(290, 75%, 25%));
  }

  .village-highlight--village-color7 {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
  }

  .village-highlight--village-color8 {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
  }

  .village-highlight--village-color9 {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
  }

  .village-highlight--village-color10 {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
  }

  .village-highlight--village-color11 {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
  }

  .village-highlight--village-color12 {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
  }

  .village-highlight--village-color13 {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
  }

  .village-highlight--village-color14 {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
  }

  .village-highlight--village-color15 {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
  }

  .village-highlight--village-color16 {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
  }

  .village-highlight--village-color17 {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
  }

  .village-highlight--village-color18 {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
  }

  .village-highlight--village-color19 {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
  }

  .village-tabs ul {
    list-style-type: none;
  }

  .village-tabs ol {
    list-style-type: none;
  }

  .village-tabs ul,
  .village-tabs ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-tabs::before {
    position: absolute;
    top: 3rem;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 1px 0 0 #ddd, inset 1px 0 0 0 #ddd, inset -1px 0 0 0 #ddd;
  }

  .village-tabs .village-tabs__list {
    padding: 0.25rem 0.75rem;
  }

  .village-tabs__tab::before,
  .village-tabs__tab::after {
    width: 1rem;
    height: 1rem;
  }

  .village-tabs__panel {
    padding: 0 0.1px;
    left: 0;
  }

  .village-tabs__panel [href] {
    text-decoration: underline;
  }

  .village-tabs__panel > * {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .village-tabs__panel > *:first-child {
    margin-top: 0.75rem;
  }

  .village-tabs__panel > *:last-child {
    margin-bottom: 1rem;
  }

  .village-tabs {
    box-shadow: inset 0 -1px 0 0 #ddd;
  }

  .village-tabs__tab {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
    box-shadow: 0 2px 0 0 #fff;
  }

  .village-tabs__tab:not([aria-selected=true]) {
    background-color: hsl(180, 80%, 93%);
    color: #161616;
  }

  .village-tabs__tab[aria-selected=true]:not(:disabled) {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
    background-color: #fff;
    color: hsl(180, 75%, 25%);
  }

  .village-tabs__tab:disabled {
    color: #929292;
    background-color: #e5e5e5;
  }

  /**
  * Correctif de la largeur de la légende d'un fieldset
  */
  .village-pagination [href] {
    text-decoration: none;
  }

  .village-pagination ul {
    list-style-type: none;
  }

  .village-pagination ol {
    list-style-type: none;
  }

  .village-pagination ul,
  .village-pagination ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-pagination .village-pagination__link--first::before,
  .village-pagination .village-pagination__link--first::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/village--arrow-left-s-first-line.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-pagination .village-pagination__link--prev::before,
  .village-pagination .village-pagination__link--prev::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-left-s-line.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-pagination .village-pagination__link--next::before,
  .village-pagination .village-pagination__link--next::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-right-s-line.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-pagination .village-pagination__link--last::before,
  .village-pagination .village-pagination__link--last::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/village--arrow-right-s-last-line.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-pagination {
    color: #161616;
  }

  .village-pagination__link[aria-current]:not([aria-current=false]) {
    background-color: hsl(180, 75%, 25%);
    color: hsl(180, 80%, 98%);
  }

  .village-pagination__link[aria-current]:not([aria-current=false]):hover {
    background-color: hsl(180, 60%, 20%);
  }

  .village-pagination__link[aria-current]:not([aria-current=false]):active {
    background-color: hsl(180, 40%, 15%);
  }

  .village-pagination__link:not([aria-current]):disabled,
  a.village-pagination__link:not([aria-current]):not([href]),
  a.village-pagination__link[aria-current=false]:not([href]),
  .village-pagination__link[aria-current=false]:disabled {
    color: #929292;
  }

  .village-summary {
    background-color: #eee;
  }

  .village-summary__title {
    color: #161616;
  }

  .village-summary li > a {
    color: #161616;
  }

  /**
  * Correctif placement caption
  */
  .village-table[data-village-js-table=true] caption {
    position: relative;
  }

  .village-table caption {
    color: #161616;
  }

  .village-table thead {
    background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a);
    background-color: #eee;
    color: #161616;
  }

  .village-table tbody {
    background-color: #f6f6f6;
  }

  .village-table tbody tr:nth-child(even) {
    background-color: #eee;
  }

  .village-table--village-color3 thead {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
    background-color: hsl(0, 80%, 96%);
  }

  .village-table--village-color3 tbody {
    background-color: hsl(0, 80%, 98%);
  }

  .village-table--village-color3 tbody tr:nth-child(even) {
    background-color: hsl(0, 80%, 96%);
  }

  .village-table--village-color3.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
  }

  .village-table--village-color4 thead {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
    background-color: hsl(90, 80%, 96%);
  }

  .village-table--village-color4 tbody {
    background-color: hsl(90, 80%, 98%);
  }

  .village-table--village-color4 tbody tr:nth-child(even) {
    background-color: hsl(90, 80%, 96%);
  }

  .village-table--village-color4.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
  }

  .village-table--village-color5 thead {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
    background-color: hsl(180, 80%, 96%);
  }

  .village-table--village-color5 tbody {
    background-color: hsl(180, 80%, 98%);
  }

  .village-table--village-color5 tbody tr:nth-child(even) {
    background-color: hsl(180, 80%, 96%);
  }

  .village-table--village-color5.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
  }

  .village-table--village-color6 thead {
    background-image: linear-gradient(0deg, hsl(290, 75%, 25%), hsl(290, 75%, 25%));
    background-color: hsl(290, 80%, 96%);
  }

  .village-table--village-color6 tbody {
    background-color: hsl(290, 80%, 98%);
  }

  .village-table--village-color6 tbody tr:nth-child(even) {
    background-color: hsl(290, 80%, 96%);
  }

  .village-table--village-color6.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(290, 75%, 25%), hsl(290, 75%, 25%));
  }

  .village-table--village-color7 thead {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
    background-color: hsl(0, 80%, 96%);
  }

  .village-table--village-color7 tbody {
    background-color: hsl(0, 80%, 98%);
  }

  .village-table--village-color7 tbody tr:nth-child(even) {
    background-color: hsl(0, 80%, 96%);
  }

  .village-table--village-color7.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
  }

  .village-table--village-color8 thead {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
    background-color: hsl(90, 80%, 96%);
  }

  .village-table--village-color8 tbody {
    background-color: hsl(90, 80%, 98%);
  }

  .village-table--village-color8 tbody tr:nth-child(even) {
    background-color: hsl(90, 80%, 96%);
  }

  .village-table--village-color8.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
  }

  .village-table--village-color9 thead {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
    background-color: hsl(180, 80%, 96%);
  }

  .village-table--village-color9 tbody {
    background-color: hsl(180, 80%, 98%);
  }

  .village-table--village-color9 tbody tr:nth-child(even) {
    background-color: hsl(180, 80%, 96%);
  }

  .village-table--village-color9.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
  }

  .village-table--village-color10 thead {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
    background-color: hsl(270, 80%, 96%);
  }

  .village-table--village-color10 tbody {
    background-color: hsl(270, 80%, 98%);
  }

  .village-table--village-color10 tbody tr:nth-child(even) {
    background-color: hsl(270, 80%, 96%);
  }

  .village-table--village-color10.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
  }

  .village-table--village-color11 thead {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
    background-color: hsl(0, 80%, 96%);
  }

  .village-table--village-color11 tbody {
    background-color: hsl(0, 80%, 98%);
  }

  .village-table--village-color11 tbody tr:nth-child(even) {
    background-color: hsl(0, 80%, 96%);
  }

  .village-table--village-color11.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
  }

  .village-table--village-color12 thead {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
    background-color: hsl(90, 80%, 96%);
  }

  .village-table--village-color12 tbody {
    background-color: hsl(90, 80%, 98%);
  }

  .village-table--village-color12 tbody tr:nth-child(even) {
    background-color: hsl(90, 80%, 96%);
  }

  .village-table--village-color12.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
  }

  .village-table--village-color13 thead {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
    background-color: hsl(180, 80%, 96%);
  }

  .village-table--village-color13 tbody {
    background-color: hsl(180, 80%, 98%);
  }

  .village-table--village-color13 tbody tr:nth-child(even) {
    background-color: hsl(180, 80%, 96%);
  }

  .village-table--village-color13.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
  }

  .village-table--village-color14 thead {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
    background-color: hsl(270, 80%, 96%);
  }

  .village-table--village-color14 tbody {
    background-color: hsl(270, 80%, 98%);
  }

  .village-table--village-color14 tbody tr:nth-child(even) {
    background-color: hsl(270, 80%, 96%);
  }

  .village-table--village-color14.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
  }

  .village-table--village-color15 thead {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
    background-color: hsl(0, 80%, 96%);
  }

  .village-table--village-color15 tbody {
    background-color: hsl(0, 80%, 98%);
  }

  .village-table--village-color15 tbody tr:nth-child(even) {
    background-color: hsl(0, 80%, 96%);
  }

  .village-table--village-color15.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
  }

  .village-table--village-color16 thead {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
    background-color: hsl(90, 80%, 96%);
  }

  .village-table--village-color16 tbody {
    background-color: hsl(90, 80%, 98%);
  }

  .village-table--village-color16 tbody tr:nth-child(even) {
    background-color: hsl(90, 80%, 96%);
  }

  .village-table--village-color16.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
  }

  .village-table--village-color17 thead {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
    background-color: hsl(180, 80%, 96%);
  }

  .village-table--village-color17 tbody {
    background-color: hsl(180, 80%, 98%);
  }

  .village-table--village-color17 tbody tr:nth-child(even) {
    background-color: hsl(180, 80%, 96%);
  }

  .village-table--village-color17.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
  }

  .village-table--village-color18 thead {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
    background-color: hsl(270, 80%, 96%);
  }

  .village-table--village-color18 tbody {
    background-color: hsl(270, 80%, 98%);
  }

  .village-table--village-color18 tbody tr:nth-child(even) {
    background-color: hsl(270, 80%, 96%);
  }

  .village-table--village-color18.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
  }

  .village-table--village-color19 thead {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
    background-color: hsl(0, 80%, 96%);
  }

  .village-table--village-color19 tbody {
    background-color: hsl(0, 80%, 98%);
  }

  .village-table--village-color19 tbody tr:nth-child(even) {
    background-color: hsl(0, 80%, 96%);
  }

  .village-table--village-color19.village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
  }

  .village-table--bordered tbody tr {
    background-image: linear-gradient(0deg, #ddd, #ddd);
  }

  .village-table--bordered tbody tr:nth-child(even) {
    background-color: transparent;
  }

  .village-table--bordered tbody tr:nth-child(even):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-table--bordered tbody tr:nth-child(even):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-tag {
    text-decoration: none;
    color: #161616;
    background-color: #eee;
  }

  .village-tag::before,
  .village-tag::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }

  .village-tag .village-tag--sm::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 0.75rem;
    height: 0.75rem;
  }

  button .village-tag[aria-pressed=true],
  input[type=button] .village-tag[aria-pressed=true] {
    background-size: 100% 100%, 100% 100%;
  }

  button .village-tag[aria-pressed=true]::after,
  input[type=button] .village-tag[aria-pressed=true]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/checkbox-circle-line.svg");
    width: 1rem;
    height: 1rem;
  }

  button .village-tag[aria-pressed=true] .village-tag--sm::after,
  input[type=button] .village-tag[aria-pressed=true] .village-tag--sm::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 0.75rem;
    height: 0.75rem;
  }

  button .village-tag .village-tag--dismiss::after,
  input[type=button] .village-tag .village-tag--dismiss::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/close-line.svg");
    width: 1rem;
    height: 1rem;
  }

  button .village-tag .village-tag--dismiss .village-tag--sm::after,
  input[type=button] .village-tag .village-tag--dismiss .village-tag--sm::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 0.75rem;
    height: 0.75rem;
  }

  ul.village-tags-group {
    list-style-type: none;
  }

  ol.village-tags-group {
    list-style-type: none;
  }

  ul.village-tags-group,
  ol.village-tags-group {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-tags-group--sm::before,
  .village-tags-group--sm::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
  }

  .village-tags-group--sm a .village-tag .village-tag--dismiss::after,
  .village-tags-group--sm button .village-tag .village-tag--dismiss::after,
  .village-tags-group--sm input[type=button] .village-tag .village-tag--dismiss::after,
  .village-tags-group--sm input[type=image] .village-tag .village-tag--dismiss::after,
  .village-tags-group--sm input[type=reset] .village-tag .village-tag--dismiss::after,
  .village-tags-group--sm input[type=submit] .village-tag .village-tag--dismiss::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 0.75rem;
    height: 0.75rem;
  }

  .village-tags-group--sm a .village-tag[aria-pressed=true]::after,
  .village-tags-group--sm button .village-tag[aria-pressed=true]::after,
  .village-tags-group--sm input[type=button] .village-tag[aria-pressed=true]::after,
  .village-tags-group--sm input[type=image] .village-tag[aria-pressed=true]::after,
  .village-tags-group--sm input[type=reset] .village-tag[aria-pressed=true]::after,
  .village-tags-group--sm input[type=submit] .village-tag[aria-pressed=true]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 0.75rem;
    height: 0.75rem;
    background-color: transparent !important;
  }

  .village-tag[aria-pressed=false] {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 93%);
  }

  .village-tag[aria-pressed=false]:hover {
    background-color: hsl(180, 60%, 65%);
  }

  .village-tag[aria-pressed=false]:active {
    background-color: hsl(180, 90%, 65%);
  }

  .village-tag.village-tag--dismiss {
    color: hsl(180, 80%, 98%);
    background-color: hsl(180, 75%, 25%);
  }

  .village-tag.village-tag--dismiss:hover {
    background-color: hsl(180, 60%, 20%);
  }

  .village-tag.village-tag--dismiss:active {
    background-color: hsl(180, 40%, 15%);
  }

  a.village-tag,
  button.village-tag,
  input[type=button].village-tag {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 93%);
  }

  a.village-tag:hover,
  button.village-tag:hover,
  input[type=button].village-tag:hover {
    background-color: hsl(180, 60%, 65%);
  }

  a.village-tag:active,
  button.village-tag:active,
  input[type=button].village-tag:active {
    background-color: hsl(180, 90%, 65%);
  }

  a.village-tag--village-color3,
  button.village-tag--village-color3,
  input[type=button].village-tag--village-color3 {
    color: hsl(0, 75%, 25%);
    background-color: hsl(0, 80%, 93%);
  }

  a.village-tag--village-color3:hover,
  button.village-tag--village-color3:hover,
  input[type=button].village-tag--village-color3:hover {
    background-color: hsl(0, 60%, 65%);
  }

  a.village-tag--village-color3:active,
  button.village-tag--village-color3:active,
  input[type=button].village-tag--village-color3:active {
    background-color: hsl(0, 90%, 65%);
  }

  a.village-tag--village-color4,
  button.village-tag--village-color4,
  input[type=button].village-tag--village-color4 {
    color: hsl(90, 75%, 25%);
    background-color: hsl(90, 80%, 93%);
  }

  a.village-tag--village-color4:hover,
  button.village-tag--village-color4:hover,
  input[type=button].village-tag--village-color4:hover {
    background-color: hsl(90, 60%, 65%);
  }

  a.village-tag--village-color4:active,
  button.village-tag--village-color4:active,
  input[type=button].village-tag--village-color4:active {
    background-color: hsl(90, 90%, 65%);
  }

  a.village-tag--village-color5,
  button.village-tag--village-color5,
  input[type=button].village-tag--village-color5 {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 93%);
  }

  a.village-tag--village-color5:hover,
  button.village-tag--village-color5:hover,
  input[type=button].village-tag--village-color5:hover {
    background-color: hsl(180, 60%, 65%);
  }

  a.village-tag--village-color5:active,
  button.village-tag--village-color5:active,
  input[type=button].village-tag--village-color5:active {
    background-color: hsl(180, 90%, 65%);
  }

  a.village-tag--village-color6,
  button.village-tag--village-color6,
  input[type=button].village-tag--village-color6 {
    color: hsl(290, 75%, 25%);
    background-color: hsl(290, 80%, 93%);
  }

  a.village-tag--village-color6:hover,
  button.village-tag--village-color6:hover,
  input[type=button].village-tag--village-color6:hover {
    background-color: hsl(290, 60%, 65%);
  }

  a.village-tag--village-color6:active,
  button.village-tag--village-color6:active,
  input[type=button].village-tag--village-color6:active {
    background-color: hsl(290, 90%, 65%);
  }

  a.village-tag--village-color7,
  button.village-tag--village-color7,
  input[type=button].village-tag--village-color7 {
    color: hsl(0, 75%, 25%);
    background-color: hsl(0, 80%, 93%);
  }

  a.village-tag--village-color7:hover,
  button.village-tag--village-color7:hover,
  input[type=button].village-tag--village-color7:hover {
    background-color: hsl(0, 60%, 65%);
  }

  a.village-tag--village-color7:active,
  button.village-tag--village-color7:active,
  input[type=button].village-tag--village-color7:active {
    background-color: hsl(0, 90%, 65%);
  }

  a.village-tag--village-color8,
  button.village-tag--village-color8,
  input[type=button].village-tag--village-color8 {
    color: hsl(90, 75%, 25%);
    background-color: hsl(90, 80%, 93%);
  }

  a.village-tag--village-color8:hover,
  button.village-tag--village-color8:hover,
  input[type=button].village-tag--village-color8:hover {
    background-color: hsl(90, 60%, 65%);
  }

  a.village-tag--village-color8:active,
  button.village-tag--village-color8:active,
  input[type=button].village-tag--village-color8:active {
    background-color: hsl(90, 90%, 65%);
  }

  a.village-tag--village-color9,
  button.village-tag--village-color9,
  input[type=button].village-tag--village-color9 {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 93%);
  }

  a.village-tag--village-color9:hover,
  button.village-tag--village-color9:hover,
  input[type=button].village-tag--village-color9:hover {
    background-color: hsl(180, 60%, 65%);
  }

  a.village-tag--village-color9:active,
  button.village-tag--village-color9:active,
  input[type=button].village-tag--village-color9:active {
    background-color: hsl(180, 90%, 65%);
  }

  a.village-tag--village-color10,
  button.village-tag--village-color10,
  input[type=button].village-tag--village-color10 {
    color: hsl(270, 75%, 25%);
    background-color: hsl(270, 80%, 93%);
  }

  a.village-tag--village-color10:hover,
  button.village-tag--village-color10:hover,
  input[type=button].village-tag--village-color10:hover {
    background-color: hsl(270, 60%, 65%);
  }

  a.village-tag--village-color10:active,
  button.village-tag--village-color10:active,
  input[type=button].village-tag--village-color10:active {
    background-color: hsl(270, 90%, 65%);
  }

  a.village-tag--village-color11,
  button.village-tag--village-color11,
  input[type=button].village-tag--village-color11 {
    color: hsl(0, 75%, 25%);
    background-color: hsl(0, 80%, 93%);
  }

  a.village-tag--village-color11:hover,
  button.village-tag--village-color11:hover,
  input[type=button].village-tag--village-color11:hover {
    background-color: hsl(0, 60%, 65%);
  }

  a.village-tag--village-color11:active,
  button.village-tag--village-color11:active,
  input[type=button].village-tag--village-color11:active {
    background-color: hsl(0, 90%, 65%);
  }

  a.village-tag--village-color12,
  button.village-tag--village-color12,
  input[type=button].village-tag--village-color12 {
    color: hsl(90, 75%, 25%);
    background-color: hsl(90, 80%, 93%);
  }

  a.village-tag--village-color12:hover,
  button.village-tag--village-color12:hover,
  input[type=button].village-tag--village-color12:hover {
    background-color: hsl(90, 60%, 65%);
  }

  a.village-tag--village-color12:active,
  button.village-tag--village-color12:active,
  input[type=button].village-tag--village-color12:active {
    background-color: hsl(90, 90%, 65%);
  }

  a.village-tag--village-color13,
  button.village-tag--village-color13,
  input[type=button].village-tag--village-color13 {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 93%);
  }

  a.village-tag--village-color13:hover,
  button.village-tag--village-color13:hover,
  input[type=button].village-tag--village-color13:hover {
    background-color: hsl(180, 60%, 65%);
  }

  a.village-tag--village-color13:active,
  button.village-tag--village-color13:active,
  input[type=button].village-tag--village-color13:active {
    background-color: hsl(180, 90%, 65%);
  }

  a.village-tag--village-color14,
  button.village-tag--village-color14,
  input[type=button].village-tag--village-color14 {
    color: hsl(270, 75%, 25%);
    background-color: hsl(270, 80%, 93%);
  }

  a.village-tag--village-color14:hover,
  button.village-tag--village-color14:hover,
  input[type=button].village-tag--village-color14:hover {
    background-color: hsl(270, 60%, 65%);
  }

  a.village-tag--village-color14:active,
  button.village-tag--village-color14:active,
  input[type=button].village-tag--village-color14:active {
    background-color: hsl(270, 90%, 65%);
  }

  a.village-tag--village-color15,
  button.village-tag--village-color15,
  input[type=button].village-tag--village-color15 {
    color: hsl(0, 75%, 25%);
    background-color: hsl(0, 80%, 93%);
  }

  a.village-tag--village-color15:hover,
  button.village-tag--village-color15:hover,
  input[type=button].village-tag--village-color15:hover {
    background-color: hsl(0, 60%, 65%);
  }

  a.village-tag--village-color15:active,
  button.village-tag--village-color15:active,
  input[type=button].village-tag--village-color15:active {
    background-color: hsl(0, 90%, 65%);
  }

  a.village-tag--village-color16,
  button.village-tag--village-color16,
  input[type=button].village-tag--village-color16 {
    color: hsl(90, 75%, 25%);
    background-color: hsl(90, 80%, 93%);
  }

  a.village-tag--village-color16:hover,
  button.village-tag--village-color16:hover,
  input[type=button].village-tag--village-color16:hover {
    background-color: hsl(90, 60%, 65%);
  }

  a.village-tag--village-color16:active,
  button.village-tag--village-color16:active,
  input[type=button].village-tag--village-color16:active {
    background-color: hsl(90, 90%, 65%);
  }

  a.village-tag--village-color17,
  button.village-tag--village-color17,
  input[type=button].village-tag--village-color17 {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 93%);
  }

  a.village-tag--village-color17:hover,
  button.village-tag--village-color17:hover,
  input[type=button].village-tag--village-color17:hover {
    background-color: hsl(180, 60%, 65%);
  }

  a.village-tag--village-color17:active,
  button.village-tag--village-color17:active,
  input[type=button].village-tag--village-color17:active {
    background-color: hsl(180, 90%, 65%);
  }

  a.village-tag--village-color18,
  button.village-tag--village-color18,
  input[type=button].village-tag--village-color18 {
    color: hsl(270, 75%, 25%);
    background-color: hsl(270, 80%, 93%);
  }

  a.village-tag--village-color18:hover,
  button.village-tag--village-color18:hover,
  input[type=button].village-tag--village-color18:hover {
    background-color: hsl(270, 60%, 65%);
  }

  a.village-tag--village-color18:active,
  button.village-tag--village-color18:active,
  input[type=button].village-tag--village-color18:active {
    background-color: hsl(270, 90%, 65%);
  }

  a.village-tag--village-color19,
  button.village-tag--village-color19,
  input[type=button].village-tag--village-color19 {
    color: hsl(0, 75%, 25%);
    background-color: hsl(0, 80%, 93%);
  }

  a.village-tag--village-color19:hover,
  button.village-tag--village-color19:hover,
  input[type=button].village-tag--village-color19:hover {
    background-color: hsl(0, 60%, 65%);
  }

  a.village-tag--village-color19:active,
  button.village-tag--village-color19:active,
  input[type=button].village-tag--village-color19:active {
    background-color: hsl(0, 90%, 65%);
  }

  button.village-tag[aria-pressed=true]:not(:disabled),
  input[type=button].village-tag[aria-pressed=true]:not(:disabled) {
    background-color: transparent;
    color: hsl(180, 80%, 98%);
    background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, hsl(180, 75%, 25%) 0.625rem);
  }

  button.village-tag[aria-pressed=true]:not(:disabled):hover,
  input[type=button].village-tag[aria-pressed=true]:not(:disabled):hover {
    background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, hsl(180, 60%, 20%) 0.625rem);
  }

  button.village-tag[aria-pressed=true]:not(:disabled):active,
  input[type=button].village-tag[aria-pressed=true]:not(:disabled):active {
    background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, hsl(180, 40%, 15%) 0.625rem);
  }

  button.village-tag[aria-pressed=true]::after,
  input[type=button].village-tag[aria-pressed=true]::after {
    color: hsl(180, 75%, 25%);
  }

  button.village-tag[aria-pressed=true]:disabled,
  input[type=button].village-tag[aria-pressed=true]:disabled {
    background-color: transparent;
    background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, #e5e5e5 0.625rem);
  }

  button.village-tag[aria-pressed=true]:disabled::after,
  input[type=button].village-tag[aria-pressed=true]:disabled::after {
    color: #929292;
  }

  button.village-tag[aria-pressed=true].village-tag--sm,
  input[type=button].village-tag[aria-pressed=true].village-tag--sm {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, hsl(180, 75%, 25%) 0.5rem);
  }

  button.village-tag[aria-pressed=true].village-tag--sm:hover,
  input[type=button].village-tag[aria-pressed=true].village-tag--sm:hover {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, hsl(180, 60%, 20%) 0.5rem);
  }

  button.village-tag[aria-pressed=true].village-tag--sm:active,
  input[type=button].village-tag[aria-pressed=true].village-tag--sm:active {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, hsl(180, 40%, 15%) 0.5rem);
  }

  button.village-tag[aria-pressed=true].village-tag--sm:disabled,
  input[type=button].village-tag[aria-pressed=true].village-tag--sm:disabled {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #e5e5e5 0.5rem);
  }

  button.village-tag:disabled,
  input[type=button].village-tag:disabled {
    color: #929292;
    background-color: #e5e5e5;
  }

  a:not([href]).village-tag {
    color: #929292;
    background-color: #e5e5e5;
  }

  .village-tags-group.village-tags-group--sm button.village-tag[aria-pressed=true],
  .village-tags-group.village-tags-group--sm input[type=button].village-tag[aria-pressed=true] {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, hsl(180, 75%, 25%) 0.5rem);
  }

  .village-tags-group.village-tags-group--sm button.village-tag[aria-pressed=true]:hover,
  .village-tags-group.village-tags-group--sm input[type=button].village-tag[aria-pressed=true]:hover {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, hsl(180, 60%, 20%) 0.5rem);
  }

  .village-tags-group.village-tags-group--sm button.village-tag[aria-pressed=true]:active,
  .village-tags-group.village-tags-group--sm input[type=button].village-tag[aria-pressed=true]:active {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, hsl(180, 40%, 15%) 0.5rem);
  }

  .village-tags-group.village-tags-group--sm button.village-tag[aria-pressed=true]:disabled,
  .village-tags-group.village-tags-group--sm input[type=button].village-tag[aria-pressed=true]:disabled {
    background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #e5e5e5 0.5rem);
  }

  /**
  * reset des marges dans l'alerte
  */
  .village-alert::before,
  .village-alert::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-alert__title,
  .village-alert p {
    margin: 0 0 0.25rem;
  }

  .village-alert--info::before {
    background-image: url("icons/system/village--info-fill.svg");
  }

  .village-alert--success::before {
    background-image: url("icons/system/village--success-fill.svg");
  }

  .village-alert--error::before {
    background-image: url("icons/system/village--error-fill.svg");
  }

  .village-alert--warning::before {
    background-image: url("icons/system/village--warning-fill.svg");
  }

  .village-alert .village-btn--close::before,
  .village-alert .village-btn--close::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/close-line.svg");
    width: 1rem;
    height: 1rem;
  }

  /**
  * reset des marges dans l'alerte
  */
  .village-alert .village-link--close::before,
  .village-alert .village-link--close::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/close-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-alert {
    background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }

  .village-alert::before {
    color: #fff;
  }

  .village-alert--info {
    background-image: linear-gradient(0deg, hsl(180, 45%, 43%), hsl(180, 45%, 43%)), linear-gradient(0deg, hsl(180, 45%, 43%), hsl(180, 45%, 43%)), linear-gradient(0deg, hsl(180, 45%, 43%), hsl(180, 45%, 43%)), linear-gradient(0deg, hsl(180, 45%, 43%), hsl(180, 45%, 43%)), linear-gradient(0deg, hsl(180, 45%, 43%), hsl(180, 45%, 43%));
  }

  .village-alert--error {
    background-image: linear-gradient(0deg, hsl(0, 45%, 43%), hsl(0, 45%, 43%)), linear-gradient(0deg, hsl(0, 45%, 43%), hsl(0, 45%, 43%)), linear-gradient(0deg, hsl(0, 45%, 43%), hsl(0, 45%, 43%)), linear-gradient(0deg, hsl(0, 45%, 43%), hsl(0, 45%, 43%)), linear-gradient(0deg, hsl(0, 45%, 43%), hsl(0, 45%, 43%));
  }

  .village-alert--success {
    background-image: linear-gradient(0deg, hsl(90, 45%, 43%), hsl(90, 45%, 43%)), linear-gradient(0deg, hsl(90, 45%, 43%), hsl(90, 45%, 43%)), linear-gradient(0deg, hsl(90, 45%, 43%), hsl(90, 45%, 43%)), linear-gradient(0deg, hsl(90, 45%, 43%), hsl(90, 45%, 43%)), linear-gradient(0deg, hsl(90, 45%, 43%), hsl(90, 45%, 43%));
  }

  .village-alert--warning {
    background-image: linear-gradient(0deg, hsl(270, 45%, 43%), hsl(270, 45%, 43%)), linear-gradient(0deg, hsl(270, 45%, 43%), hsl(270, 45%, 43%)), linear-gradient(0deg, hsl(270, 45%, 43%), hsl(270, 45%, 43%)), linear-gradient(0deg, hsl(270, 45%, 43%), hsl(270, 45%, 43%)), linear-gradient(0deg, hsl(270, 45%, 43%), hsl(270, 45%, 43%));
  }

  /**
  * reset des marges dans le bandeau
  */
  .village-notice__title,
  .village-notice p {
    margin: 0;
  }

  .village-notice--info .village-notice__body::before {
    background-image: url("icons/system/village--info-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
    color: transparent;
  }

  .village-notice .village-btn--close::before,
  .village-notice .village-btn--close::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/close-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-notice {
    background-color: #eee;
    color: #161616;
  }

  .village-notice--info {
    background-color: hsl(180, 80%, 96%);
    color: hsl(180, 45%, 43%);
  }

  .village-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, hsl(180, 75%, 25%) 11px, transparent 12px);
  }

  .village-radio-group input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px);
  }

  .village-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, hsl(180, 75%, 25%) 11px, transparent 12px), radial-gradient(hsl(180, 75%, 25%) 5px, transparent 6px);
  }

  .village-radio-group input[type=radio]:checked:disabled + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px);
  }

  .village-fieldset--error .village-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, hsl(0, 45%, 43%) 11px, transparent 12px);
  }

  .village-fieldset--error .village-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, hsl(0, 45%, 43%) 11px, transparent 12px), radial-gradient(hsl(180, 75%, 25%) 5px, transparent 6px);
  }

  .village-fieldset--valid .village-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, hsl(90, 45%, 43%) 11px, transparent 12px);
  }

  .village-fieldset--valid .village-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, hsl(90, 45%, 43%) 11px, transparent 12px), radial-gradient(hsl(180, 75%, 25%) 5px, transparent 6px);
  }

  .village-fieldset--info .village-radio-group input[type=radio] + label {
    background-image: radial-gradient(transparent 10px, hsl(180, 45%, 43%) 11px, transparent 12px);
  }

  .village-fieldset--info .village-radio-group input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 10px, hsl(180, 45%, 43%) 11px, transparent 12px), radial-gradient(hsl(180, 75%, 25%) 5px, transparent 6px);
  }

  .village-fieldset .village-radio-group input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px);
  }

  .village-fieldset .village-radio-group input[type=radio]:disabled:checked + label {
    background-image: radial-gradient(transparent 10px, #e5e5e5 11px, transparent 12px), radial-gradient(#e5e5e5 5px, transparent 6px);
  }

  .village-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, hsl(180, 75%, 25%) 7px, transparent 8px);
  }

  .village-radio-group--sm input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .village-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, hsl(180, 75%, 25%) 7px, transparent 8px), radial-gradient(hsl(180, 75%, 25%) 3px, transparent 4px);
  }

  .village-radio-group--sm input[type=radio]:checked:disabled + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }

  .village-fieldset--error .village-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, hsl(0, 45%, 43%) 7px, transparent 8px);
  }

  .village-fieldset--error .village-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, hsl(0, 45%, 43%) 7px, transparent 8px), radial-gradient(hsl(180, 75%, 25%) 3px, transparent 4px);
  }

  .village-fieldset--valid .village-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, hsl(90, 45%, 43%) 7px, transparent 8px);
  }

  .village-fieldset--valid .village-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, hsl(90, 45%, 43%) 7px, transparent 8px), radial-gradient(hsl(180, 75%, 25%) 3px, transparent 4px);
  }

  .village-fieldset--info .village-radio-group--sm input[type=radio] + label {
    background-image: radial-gradient(transparent 6px, hsl(180, 45%, 43%) 7px, transparent 8px);
  }

  .village-fieldset--info .village-radio-group--sm input[type=radio]:checked + label {
    background-image: radial-gradient(transparent 6px, hsl(180, 45%, 43%) 7px, transparent 8px), radial-gradient(hsl(180, 75%, 25%) 3px, transparent 4px);
  }

  .village-fieldset .village-radio-group--sm input[type=radio]:disabled + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .village-fieldset .village-radio-group--sm input[type=radio]:disabled:checked + label {
    background-image: radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }

  .village-radio-rich__pictogram {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
    background-color: #fff;
  }

  .village-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, hsl(180, 75%, 25%) 7px, transparent 8px);
    background-color: #fff;
  }

  .village-radio-rich input[type=radio]:disabled + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .village-radio-rich input[type=radio]:disabled ~ .village-radio-rich__pictogram svg * {
    fill: #929292;
  }

  .village-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), radial-gradient(transparent 6px, hsl(180, 75%, 25%) 7px, transparent 8px), radial-gradient(hsl(180, 75%, 25%) 3px, transparent 4px);
  }

  .village-radio-rich input[type=radio]:checked ~ .village-radio-rich__pictogram {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, #ddd, #ddd);
  }

  .village-radio-rich input[type=radio]:checked:disabled + label {
    background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }

  .village-radio-rich input[type=radio]:checked:disabled ~ .village-radio-rich__pictogram {
    background-image: linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #e5e5e5, #e5e5e5), linear-gradient(0deg, #ddd, #ddd);
  }

  .village-fieldset--error .village-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, hsl(0, 45%, 43%) 7px, transparent 8px);
  }

  .village-fieldset--error .village-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), radial-gradient(transparent 6px, hsl(0, 45%, 43%) 7px, transparent 8px), radial-gradient(hsl(180, 75%, 25%) 3px, transparent 4px);
  }

  .village-fieldset--valid .village-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, hsl(90, 45%, 43%) 7px, transparent 8px);
  }

  .village-fieldset--valid .village-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), radial-gradient(transparent 6px, hsl(90, 45%, 43%) 7px, transparent 8px), radial-gradient(hsl(180, 75%, 25%) 3px, transparent 4px);
  }

  .village-fieldset--info .village-radio-rich input[type=radio] + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, hsl(180, 45%, 43%) 7px, transparent 8px);
  }

  .village-fieldset--info .village-radio-rich input[type=radio]:checked + label {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), radial-gradient(transparent 6px, hsl(180, 45%, 43%) 7px, transparent 8px), radial-gradient(hsl(180, 75%, 25%) 3px, transparent 4px);
  }

  .village-fieldset .village-radio-rich input[type=radio]:disabled + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px);
  }

  .village-fieldset .village-radio-rich input[type=radio]:disabled:checked + label {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), radial-gradient(transparent 6px, #e5e5e5 7px, transparent 8px), radial-gradient(#e5e5e5 3px, transparent 4px);
  }

  .village-radio-rich__img {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
    background-color: #fff;
  }

  .village-radio-rich input[type=radio]:disabled ~ .village-radio-rich__img svg * {
    fill: #929292;
  }

  .village-radio-rich input[type=radio]:checked ~ .village-radio-rich__img {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%)), linear-gradient(0deg, #ddd, #ddd);
  }

  .village-radio-rich input[type=radio]:checked:disabled ~ .village-radio-rich__img {
    background-image: linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #929292, #929292), linear-gradient(0deg, #ddd, #ddd);
  }

  .village-card--no-icon::after {
    content: none;
  }

  .village-card__title,
  .village-card__desc {
    flex: 1 0 auto;
  }

  .village-card__title a::after {
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-right-line.svg");
    width: 1rem;
    height: 1rem;
    background-color: transparent;
  }

  .village-card__title [target=_blank]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/external-link-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-card__detail::before {
    width: 1rem;
    height: 1rem;
  }

  .village-card--download .village-tile__title a::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/download-line.svg");
  }

  .village-card--download .village-card__header {
    padding-top: 56.25%;
  }

  .village-card--download .village-card__header .village-card__img img {
    height: auto !important;
    width: auto;
    margin: auto;
  }

  .village-card.village-enlarge-link .village-card__title a {
    text-decoration: none;
  }

  .village-card.village-enlarge-link .village-card__title a::after {
    width: 1.5rem;
    height: 1.5rem;
    background-color: transparent;
  }

  .village-card--sm.village-enlarge-link .village-card__title a::after {
    width: 1rem;
    height: 1rem;
  }

  .village-card--sm .village-card__title a::after {
    width: 1rem;
    height: 1rem;
  }

  .village-card--lg.village-enlarge-link .village-card__title a::after {
    width: 2rem;
    height: 2rem;
  }

  .village-card--lg .village-card__title a::after {
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-card > .village-card__img {
    flex-shrink: 0;
  }

  .village-card {
    background-color: #fff;
  }

  .village-card:not(.village-card--no-border):not(.village-card--shadow) {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
  }

  .village-card--grey {
    background-color: #eee;
  }

  .village-card--shadow {
    z-index: 500;
    background-color: #fff;
  }

  .village-card--shadow.village-card--grey {
    background-color: #eee;
  }

  .village-card--no-background {
    background-color: transparent;
  }

  .village-card--no-background:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-card--no-background:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-card--download:not(.village-card--no-background) .village-card__header {
    background-color: #f6f6f6;
  }

  .village-card__detail {
    color: #666;
  }

  .village-card__title {
    color: #161616;
  }

  .village-card__title a[href] {
    color: hsl(180, 75%, 25%);
  }

  .village-card__title:disabled,
  a.village-card__title:not([href]) {
    color: #929292;
    background-color: #e5e5e5;
  }

  .village-checkbox-group input[type=checkbox] {
    opacity: 1;
    margin-top: 0;
  }

  .village-fieldset__content .village-checkbox-group input[type=checkbox] {
    margin-top: 1.5rem;
  }

  .village-fieldset__content + .village-valid-text,
  .village-fieldset__content + .village-error-text {
    margin-top: 1rem;
  }

  .village-checkbox-group--error input[type=checkbox] + label,
  .village-checkbox-group--error input[type=checkbox]:checked + label {
    color: hsl(0, 45%, 43%);
  }

  .village-checkbox-group--error::before {
    background-color: hsl(0, 45%, 43%);
  }

  .village-checkbox-group--valid input[type=checkbox] + label,
  .village-checkbox-group--valid input[type=checkbox]:checked + label {
    color: hsl(90, 45%, 43%);
  }

  .village-checkbox-group--valid::before {
    background-color: hsl(90, 45%, 43%);
  }

  .village-segmented {
    display: block;
  }

  .village-segmented--sm .village-segmented__legend--inline {
    margin: 0.25rem 0 0;
  }

  .village-segmented__legend--inline {
    margin: 0.5rem 0 0;
  }

  .village-segmented__elements {
    display: inline-flex;
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-segmented input + label::before {
    width: 1rem;
    height: 1rem;
    vertical-align: -2px;
  }

  .village-segmented input:focus + label::before {
    outline: none;
  }

  .village-segmented__element label {
    color: #161616;
  }

  .village-segmented__element input:checked + label {
    box-shadow: inset 0 0 0 1px hsl(180, 75%, 25%);
    color: hsl(180, 75%, 25%);
  }

  .village-segmented__element input:checked:disabled + label {
    box-shadow: inset 0 0 0 1px #929292;
    color: #929292;
  }

  .village-toggle input[type=checkbox]::-ms-check {
    display: none;
  }

  .village-toggle input[type=checkbox]:checked::before,
  .village-toggle input[type=checkbox]:checked::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/check-line.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-toggle__list {
    list-style: none;
    padding: 0;
  }

  .village-toggle label {
    color: #161616;
  }

  .village-toggle label::before {
    color: hsl(180, 75%, 25%);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='hsl(180, 75%, 25%)' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
  }

  .village-toggle label::after {
    color: hsl(180, 75%, 25%);
    box-shadow: inset 0 0 0 1px hsl(180, 75%, 25%);
    background-color: #fff;
  }

  .village-toggle input[type=checkbox] {
    box-shadow: inset 0 0 0 1px hsl(180, 75%, 25%);
  }

  .village-toggle input[type=checkbox]:checked {
    background-color: hsl(180, 75%, 25%);
  }

  .village-toggle input[type=checkbox]:checked ~ .village-toggle__label::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='hsl(180, 75%, 25%)' height='24' viewBox='0 0 40 24' fill='hsl(180, 75%, 25%)' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
  }

  .village-toggle input[type=checkbox]:checked ~ .village-toggle__label::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='hsl(180, 75%, 25%)' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");
  }

  .village-toggle input[type=checkbox]:disabled {
    box-shadow: inset 0 0 0 1px #e5e5e5;
  }

  .village-toggle input[type=checkbox]:disabled:checked {
    background-color: #e5e5e5;
  }

  .village-toggle input[type=checkbox]:disabled:checked ~ .village-toggle__label::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
  }

  .village-toggle input[type=checkbox]:disabled:checked ~ .village-toggle__label::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='M10 15.17l9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");
  }

  .village-toggle input[type=checkbox]:disabled ~ .village-toggle__label::before {
    color: #929292;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
  }

  .village-toggle input[type=checkbox]:disabled ~ .village-toggle__label::after {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
  }

  .village-toggle .village-hint-text {
    color: #666;
  }

  .village-toggle--border-bottom {
    box-shadow: inset 0 -1px 0 0 #ddd;
  }

  .village-toggle--error label,
  .village-fieldset--error .village-toggle label {
    color: hsl(0, 45%, 43%);
  }

  .village-toggle--error label::before,
  .village-fieldset--error .village-toggle label::before {
    color: hsl(0, 45%, 43%);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='hsl(0, 45%, 43%)' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
  }

  .village-toggle--error label::after,
  .village-fieldset--error .village-toggle label::after {
    box-shadow: inset 0 0 0 1px hsl(0, 45%, 43%);
  }

  .village-toggle--error input[type=checkbox]:checked ~ .village-toggle__label::before,
  .village-fieldset--error .village-toggle input[type=checkbox]:checked ~ .village-toggle__label::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='hsl(0, 45%, 43%)' height='24' viewBox='0 0 40 24' fill='hsl(180, 75%, 25%)' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
  }

  .village-toggle--valid label,
  .village-fieldset--valid .village-toggle label {
    color: hsl(90, 45%, 43%);
  }

  .village-toggle--valid label::before,
  .village-fieldset--valid .village-toggle label::before {
    color: hsl(90, 45%, 43%);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='hsl(90, 45%, 43%)' height='24' viewBox='0 0 40 24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
  }

  .village-toggle--valid label::after,
  .village-fieldset--valid .village-toggle label::after {
    box-shadow: inset 0 0 0 1px hsl(90, 45%, 43%);
  }

  .village-toggle--valid input[type=checkbox]:checked ~ .village-toggle__label::before,
  .village-fieldset--valid .village-toggle input[type=checkbox]:checked ~ .village-toggle__label::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='hsl(90, 45%, 43%)' height='24' viewBox='0 0 40 24' fill='hsl(180, 75%, 25%)' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='23' rx='11.5' /%3E%3C/svg%3E");
  }

  /**
  * Correctif
  */
  .village-skiplinks.focus-within {
    position: relative;
    transform: translateY(0);
  }

  .village-skiplinks {
    background-color: #eee;
  }

  /**
  * Cache l'icone native du select sur IE
  */
  .village-select::-ms-expand {
    display: none;
  }

  .village-select {
    color: #3a3a3a;
    background-color: #eee;
    box-shadow: inset 0 -2px 0 0 #3a3a3a;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23161616' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E");
  }

  .village-fieldset--valid .village-select,
  .village-select-group--valid .village-select {
    box-shadow: inset 0 -2px 0 0 hsl(90, 45%, 43%);
  }

  .village-fieldset--error .village-select,
  .village-select-group--error .village-select {
    box-shadow: inset 0 -2px 0 0 hsl(0, 45%, 43%);
  }

  .village-select-group--error::before {
    background-image: linear-gradient(0deg, hsl(0, 45%, 43%), hsl(0, 45%, 43%));
  }

  .village-select-group--valid::before {
    background-image: linear-gradient(0deg, hsl(90, 45%, 43%), hsl(90, 45%, 43%));
  }

  .village-select-group--info::before {
    background-image: linear-gradient(0deg, hsl(180, 45%, 43%), hsl(180, 45%, 43%));
  }

  .village-select:disabled {
    color: #929292;
    box-shadow: inset 0 -2px 0 0 #e5e5e5;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23929292' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E");
  }

  .village-select:-webkit-autofill,
  .village-select:-webkit-autofill:hover,
  .village-select:-webkit-autofill:focus {
    box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px hsl(180, 80%, 96%);
    -webkit-text-fill-color: #161616;
  }

  /**
  * Marge des titres et textes
  */
  .village-callout__title {
    margin: 0 0 0.5rem;
    color: #161616;
  }

  .village-callout__text {
    margin: 0;
  }

  .village-callout {
    background-color: #eee;
    background-image: linear-gradient(0deg, hsl(180, 85%, 25%), hsl(180, 85%, 25%));
  }

  .village-callout::before {
    color: #161616;
  }

  .village-callout--village-color3 {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
    background-color: hsl(0, 80%, 96%);
  }

  .village-callout--village-color4 {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
    background-color: hsl(90, 80%, 96%);
  }

  .village-callout--village-color5 {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
    background-color: hsl(180, 80%, 96%);
  }

  .village-callout--village-color6 {
    background-image: linear-gradient(0deg, hsl(290, 75%, 25%), hsl(290, 75%, 25%));
    background-color: hsl(290, 80%, 96%);
  }

  .village-callout--village-color7 {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
    background-color: hsl(0, 80%, 96%);
  }

  .village-callout--village-color8 {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
    background-color: hsl(90, 80%, 96%);
  }

  .village-callout--village-color9 {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
    background-color: hsl(180, 80%, 96%);
  }

  .village-callout--village-color10 {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
    background-color: hsl(270, 80%, 96%);
  }

  .village-callout--village-color11 {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
    background-color: hsl(0, 80%, 96%);
  }

  .village-callout--village-color12 {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
    background-color: hsl(90, 80%, 96%);
  }

  .village-callout--village-color13 {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
    background-color: hsl(180, 80%, 96%);
  }

  .village-callout--village-color14 {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
    background-color: hsl(270, 80%, 96%);
  }

  .village-callout--village-color15 {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
    background-color: hsl(0, 80%, 96%);
  }

  .village-callout--village-color16 {
    background-image: linear-gradient(0deg, hsl(90, 75%, 25%), hsl(90, 75%, 25%));
    background-color: hsl(90, 80%, 96%);
  }

  .village-callout--village-color17 {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
    background-color: hsl(180, 80%, 96%);
  }

  .village-callout--village-color18 {
    background-image: linear-gradient(0deg, hsl(270, 75%, 25%), hsl(270, 75%, 25%));
    background-color: hsl(270, 80%, 96%);
  }

  .village-callout--village-color19 {
    background-image: linear-gradient(0deg, hsl(0, 75%, 25%), hsl(0, 75%, 25%));
    background-color: hsl(0, 80%, 96%);
  }

  .village-modal__body {
    z-index: 2000;
    background-color: #fff;
  }

  .village-modal__title {
    color: #161616;
  }

  .village-modal__footer {
    background-color: #fff;
  }

  .village-modal__body.village-scroll-divider .village-modal__footer {
    background-image: linear-gradient(0deg, #ddd, #ddd);
  }

  /**
  * reset liste à puce
  */
  .village-nav [href] {
    text-decoration: none;
  }

  .village-nav ul {
    list-style-type: none;
  }

  .village-nav ol {
    list-style-type: none;
  }

  .village-nav ul,
  .village-nav ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  /**
  * reset margin
  */
  .village-nav__btn::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-down-s-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-mega-menu__category {
    margin: 0;
  }

  .village-nav__list {
    background-color: hsl(270, 80%, 96%);
  }

  .village-nav__link,
  .village-nav__btn {
    color: #161616;
  }

  .village-nav__link[aria-current]:not([aria-current=false]),
  .village-nav__btn[aria-current]:not([aria-current=false]) {
    color: hsl(180, 75%, 25%);
  }

  .village-nav__link[aria-current]:not([aria-current=false])::before,
  .village-nav__btn[aria-current]:not([aria-current=false])::before {
    background-color: hsl(180, 75%, 25%);
  }

  .village-nav__btn[aria-expanded=true]:not(:disabled) {
    background-color: hsl(180, 80%, 93%);
    color: hsl(180, 75%, 25%);
  }

  .village-nav__item::before {
    box-shadow: 0 -1px 0 0 #ddd, inset 0 -1px 0 0 #ddd;
  }

  .village-nav__item:first-child::before {
    box-shadow: inset 0 -1px 0 0 #ddd;
  }

  .village-nav__item:last-child::before {
    box-shadow: 0 -1px 0 0 #ddd;
  }

  .village-mega-menu__list::before {
    box-shadow: 0 1px 0 0 #ddd;
  }

  .village-share__group > li {
    list-style: none;
  }

  .village-share .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
  .village-share .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-share .village-btn--facebook::before {
    background-image: url("icons/logo/facebook-circle-line.svg");
  }

  .village-share .village-btn--linkedin::before {
    background-image: url("icons/logo/linkedin-box-line.svg");
  }

  .village-share .village-btn--mastodon::before {
    background-image: url("icons/logo/mastodon-line.svg");
  }

  .village-share .village-btn--threads::before {
    background-image: url("icons/logo/threads-line.svg");
  }

  .village-share .village-btn--twitter::before {
    background-image: url("icons/logo/twitter-line.svg");
  }

  .village-share .village-btn--twitter-x::before {
    background-image: url("icons/logo/twitter-x-line.svg");
  }

  .village-share .village-btn--mail::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/business/mail-line.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-share .village-btn--copy::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/business/links-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-share .village-btn {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-share .village-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-share .village-btn:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-share .village-btn:disabled,
  .village-share a.village-btn:not([href]) {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
    background-color: transparent;
  }

  .village-share .village-btn:disabled:hover,
  .village-share a.village-btn:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-share .village-btn:disabled:active,
  .village-share a.village-btn:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-share__text {
    color: #666;
  }

  .village-share__link {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-share__link:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-share__link:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-share__link:disabled,
  a.village-share__link:not([href]) {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
    background-color: transparent;
  }

  .village-share__link:disabled:hover,
  a.village-share__link:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-share__link:disabled:active,
  a.village-share__link:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  /**
  * Reset liste à puce
  */
  .village-footer ul {
    list-style-type: none;
  }

  .village-footer ol {
    list-style-type: none;
  }

  .village-footer ul,
  .village-footer ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-footer__content-desc [href] {
    text-decoration: underline;
  }

  .village-footer {
    box-shadow: inset 0 2px 0 0 hsl(180, 75%, 25%), inset 0 -1px 0 0 #ddd;
  }

  .village-footer__content-link {
    color: #3a3a3a;
  }

  .village-footer__top-cat {
    color: #161616;
  }

  .village-footer__top {
    background-color: #f6f6f6;
  }

  .village-footer__bottom {
    box-shadow: inset 0 1px 0 0 #ddd;
  }

  .village-footer__bottom .village-btn {
    color: #666;
  }

  .village-footer__bottom-item::before {
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-footer__bottom-link {
    color: #666;
  }

  .village-footer__bottom-copy {
    color: #666;
  }

  .village-footer__partners {
    box-shadow: inset 0 1px 0 0 #ddd;
  }

  .village-footer__partners-title {
    color: #3a3a3a;
  }

  .village-footer__partners .village-footer__logo {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #ddd;
  }

  /**
  * Correctif de la largeur du texte dans la tuile
  */
  .village-tile--download .village-tile__body,
  .village-tile--horizontal .village-tile__body {
    flex-basis: 100%;
  }

  .village-tile__body,
  .village-tile__body > * {
    max-width: 100%;
  }

  .village-tile__title {
    margin: 0 0 0.5rem;
    max-width: 100%;
    color: #161616;
  }

  .village-tile__title a::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-right-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-tile__title [target=_blank]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/external-link-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-tile__desc {
    margin: 0;
    max-width: 100%;
  }

  .village-tile__start,
  .village-tile__detail {
    max-width: 100%;
  }

  .village-tile--download .village-tile__title a::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/download-line.svg");
  }

  .village-tile.village-enlarge-link .village-tile__title a {
    text-decoration: none;
  }

  .village-tile.village-enlarge-link .village-tile__title a::after {
    width: 1.5rem;
    height: 1.5rem;
    background-color: transparent;
  }

  .village-tile--sm .village-tile__title a::after {
    width: 1rem;
    height: 1rem;
  }

  .village-tile {
    background-color: #fff;
  }

  .village-tile:not(.village-tile--no-border):not(.village-tile--shadow) {
    background-image: linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd), linear-gradient(0deg, #ddd, #ddd);
  }

  .village-tile--grey {
    background-color: #eee;
  }

  .village-tile--shadow {
    z-index: 500;
    background-color: #fff;
  }

  .village-tile--shadow.village-tile--grey {
    background-color: #eee;
  }

  .village-tile--no-background {
    background-color: transparent;
  }

  .village-tile--no-background:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-tile--no-background:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-tile__title:disabled,
  a.village-tile__title:not([href]) {
    color: #929292;
    background-color: #e5e5e5;
  }

  .village-tile__title::before {
    background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a);
  }

  .village-tile__title a {
    color: hsl(180, 75%, 25%);
  }

  .village-tile__title a::before {
    background-image: linear-gradient(0deg, hsl(180, 75%, 25%), hsl(180, 75%, 25%));
  }

  .village-tile__title a:not([href]) {
    color: #929292;
  }

  .village-tile__title a:not([href])::before {
    background-image: linear-gradient(0deg, #e5e5e5, #e5e5e5);
  }

  .village-translate .village-translate__btn::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/editor/translate-2.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-translate .village-translate__btn::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-down-s-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-translate .village-translate__btn[aria-expanded=true] {
    color: hsl(180, 75%, 25%);
    background-color: hsl(180, 80%, 93%);
  }

  .village-translate__menu .village-translate__language {
    box-shadow: none;
  }

  .village-transcription {
    position: relative;
  }

  .village-transcription__btn::before {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/media/align-left.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-transcription__btn::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-down-s-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-transcription__btn[aria-expanded=true]::after {
    transform: rotate(-180deg);
  }

  ul.village-transcription__actions-group {
    list-style-type: none;
  }

  ol.village-transcription__actions-group {
    list-style-type: none;
  }

  ul.village-transcription__actions-group,
  ol.village-transcription__actions-group {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-transcription .village-modal:not(.village-modal--opened) .village-modal__content {
    max-height: 9.5rem;
  }

  .village-transcription::before {
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-transcription__btn {
    color: hsl(180, 75%, 25%);
  }

  .village-transcription__btn[aria-expanded=true] {
    background-color: hsl(180, 80%, 93%);
  }

  .village-transcription__content::before {
    box-shadow: inset 0 1px 0 0 #ddd;
  }

  .village-transcription__footer::before {
    box-shadow: inset 0 1px 0 0 #ddd;
  }

  .village-transcription .village-modal:not(.village-modal--opened)::before {
    box-shadow: inset 0 1px 0 0 #ddd;
  }

  .village-input-wrap--addon .village-btn {
    flex-shrink: 0;
  }

  .village-input {
    color: #3a3a3a;
    background-color: #eee;
    box-shadow: inset 0 -2px 0 0 #3a3a3a;
  }

  .village-input::placeholder {
    color: #666;
  }

  .village-input::-webkit-contacts-auto-fill-button {
    background-color: #161616;
  }

  .village-input::-webkit-contacts-auto-fill-button:hover {
    background-color: #343434;
  }

  .village-input::-webkit-contacts-auto-fill-button:active {
    background-color: #474747;
  }

  .village-input:autofill,
  .village-input:autofill:hover,
  .village-input:autofill:focus,
  .village-input:-webkit-autofill,
  .village-input:-webkit-autofill:hover,
  .village-input:-webkit-autofill:focus {
    box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px hsl(180, 80%, 96%);
    -webkit-text-fill-color: #161616;
  }

  .village-input-wrap--addon > .village-input:not(:last-child) {
    box-shadow: inset 0 -2px 0 0 hsl(180, 75%, 25%);
  }

  .village-fieldset--valid .village-input,
  .village-fieldset--valid .village-input-wrap--addon > .village-input:not(:last-child),
  .village-input-group--valid .village-input,
  .village-input-group--valid .village-input-wrap--addon > .village-input:not(:last-child) {
    box-shadow: inset 0 -2px 0 0 hsl(90, 45%, 43%);
  }

  .village-fieldset--error .village-input,
  .village-fieldset--error .village-input-wrap--addon > .village-input:not(:last-child),
  .village-input-group--error .village-input,
  .village-input-group--error .village-input-wrap--addon > .village-input:not(:last-child) {
    box-shadow: inset 0 -2px 0 0 hsl(0, 45%, 43%);
  }

  .village-input-group--error::before {
    background-image: linear-gradient(0deg, hsl(0, 45%, 43%), hsl(0, 45%, 43%));
  }

  .village-input-group--valid::before {
    background-image: linear-gradient(0deg, hsl(90, 45%, 43%), hsl(90, 45%, 43%));
  }

  .village-input-group--info::before {
    background-image: linear-gradient(0deg, hsl(180, 45%, 43%), hsl(180, 45%, 43%));
  }

  .village-search-bar .village-btn::before,
  .village-search-bar .village-btn::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/search-line.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-search-bar .village-input {
    box-shadow: inset 0 -2px 0 0 hsl(180, 75%, 25%);
  }

  .village-search-bar .village-input--valid {
    box-shadow: inset 0 -2px 0 0 hsl(90, 45%, 43%);
  }

  .village-search-bar .village-input--error {
    box-shadow: inset 0 -2px 0 0 hsl(0, 45%, 43%);
  }

  .village-search-bar .village-input::-webkit-search-cancel-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23161616' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z'/%3E%3C/svg%3E");
  }

  .village-content-media__caption,
  .village-content-media .village-link {
    color: #666;
  }

  .village-content-media__transcription .village-link {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-content-media__transcription .village-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-content-media__transcription .village-link:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-content-media__transcription .village-link:disabled,
  .village-content-media__transcription a.village-link:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-content-media__transcription .village-link:disabled:hover,
  .village-content-media__transcription a.village-link:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-content-media__transcription .village-link:disabled:active,
  .village-content-media__transcription a.village-link:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-consent-service__collapse .village-consent-service__collapse-btn {
    text-decoration: underline;
  }

  .village-consent-service__collapse .village-consent-service__collapse-btn::before,
  .village-consent-service__collapse .village-consent-service__collapse-btn::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-down-s-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-consent-service__collapse .village-consent-service__collapse-btn[aria-expanded=true]::before,
  .village-consent-service__collapse .village-consent-service__collapse-btn[aria-expanded=true]::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/system/arrow-up-s-line.svg");
    width: 1rem;
    height: 1rem;
  }

  .village-consent-placeholder {
    background-color: #eee;
  }

  .village-consent-banner {
    z-index: 1500;
    background-color: #f6f6f6;
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-consent-manager__header,
  .village-consent-service {
    box-shadow: inset 0 -1px 0 0 #ddd;
    color: #3a3a3a;
  }

  .village-consent-manager__header .village-radio-group + .village-radio-group::before,
  .village-consent-service .village-radio-group + .village-radio-group::before {
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-consent-service__title {
    color: #161616;
  }

  .village-consent-service:last-of-type,
  .village-consent-service .village-consent-service {
    box-shadow: none;
  }

  .village-consent-service .village-consent-service__collapse-btn {
    color: hsl(180, 75%, 25%);
  }

  /**
  * Correctif de la largeur max des textes
  */
  .village-follow__newsletter > * {
    max-width: 100%;
  }

  .village-follow .village-btn--dailymotion::before {
    background-image: url("icons/logo/village--dailymotion-fill.svg");
  }

  .village-follow .village-btn--facebook::before {
    background-image: url("icons/logo/facebook-circle-fill.svg");
  }

  .village-follow .village-btn--github::before {
    background-image: url("icons/logo/github-fill.svg");
  }

  .village-follow .village-btn--instagram::before {
    background-image: url("icons/logo/instagram-fill.svg");
  }

  .village-follow .village-btn--linkedin::before {
    background-image: url("icons/logo/linkedin-box-fill.svg");
  }

  .village-follow .village-btn--mastodon::before {
    background-image: url("icons/logo/mastodon-fill.svg");
  }

  .village-follow .village-btn--snapchat::before {
    background-image: url("icons/logo/snapchat-fill.svg");
  }

  .village-follow .village-btn--telegram::before {
    background-image: url("icons/logo/telegram-fill.svg");
  }

  .village-follow .village-btn--threads::before {
    background-image: url("icons/logo/threads-fill.svg");
  }

  .village-follow .village-btn--tiktok::before {
    background-image: url("icons/logo/village--tiktok-fill.svg");
  }

  .village-follow .village-btn--twitch::before {
    background-image: url("icons/logo/twitch-fill.svg");
  }

  .village-follow .village-btn--twitter::before {
    background-image: url("icons/logo/twitter-fill.svg");
  }

  .village-follow .village-btn--twitter-x::before {
    background-image: url("icons/logo/twitter-x-fill.svg");
  }

  .village-follow .village-btn--vimeo::before {
    background-image: url("icons/logo/vimeo-fill.svg");
  }

  .village-follow .village-btn--youtube::before {
    background-image: url("icons/logo/youtube-fill.svg");
  }

  .village-follow .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
  .village-follow .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-btns-group--lg .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
  .village-follow .village-btns-group--lg .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
  }

  .village-follow .village-link--facebook::before,
  .village-follow .village-link--facebook::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/logo/facebook-circle-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-link--twitter::before,
  .village-follow .village-link--twitter::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/logo/twitter-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-link--instagram::before,
  .village-follow .village-link--instagram::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/logo/instagram-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-link--linkedin::before,
  .village-follow .village-link--linkedin::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/logo/linkedin-box-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-link--youtube::before,
  .village-follow .village-link--youtube::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("icons/logo/youtube-fill.svg");
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-links-group:not(.village-links-group--sm):not(.village-links-group--lg) .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
  .village-follow .village-links-group:not(.village-links-group--sm):not(.village-links-group--lg) .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .village-follow .village-links-group--lg .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::before,
  .village-follow .village-links-group--lg .village-link:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"])::after {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
  }

  .village-follow {
    background-color: hsl(180, 80%, 98%);
  }

  .village-follow .village-input {
    background-color: #fff;
  }

  .village-follow__title {
    color: #161616;
  }

  .village-follow__newsletter-legal {
    color: #666;
  }

  .village-follow__social .village-btn {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-follow__social .village-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-follow__social .village-btn:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-follow__social .village-btn:disabled,
  .village-follow__social a.village-btn:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-follow__social .village-btn:disabled:hover,
  .village-follow__social a.village-btn:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-follow__social .village-btn:disabled:active,
  .village-follow__social a.village-btn:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-follow .village-grid-row > *:not(:first-child) {
    box-shadow: 0 -1px 0 0 hsl(180, 85%, 25%);
  }

  .village-follow__social .village-link {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-follow__social .village-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-follow__social .village-link:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-follow__social .village-link:disabled,
  .village-follow__social a.village-link:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-follow__social .village-link:disabled:hover,
  .village-follow__social a.village-link:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-follow__social .village-link:disabled:active,
  .village-follow__social a.village-link:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-password__checkbox {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }

  .village-password__checkbox input[type=checkbox] {
    top: -0.5rem;
  }

  .village-password__btn {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-password__btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-password__btn:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-password__btn:disabled,
  a.village-password__btn:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-password__btn:disabled:hover,
  a.village-password__btn:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-password__btn:disabled:active,
  a.village-password__btn:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-password [data-village-capslock]::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23161616' d='M22.668 0C23.4023 0 24 .5977 24 1.332v21.336c0 .7343-.5977 1.332-1.332 1.332H1.332C.5977 24 0 23.4023 0 22.668V1.332C0 .5977.5977 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E");
  }

  .village-password .village-password__checkbox input[type=checkbox] + label {
    color: #161616;
  }

  .village-header ul {
    list-style-type: none;
  }

  .village-header ol {
    list-style-type: none;
  }

  .village-header ul,
  .village-header ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .village-header [href] {
    text-decoration: none;
  }

  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn:not([class^=village-icon-]):not([class*=" village-icon-"]):not([class^=village-fi-]):not([class*=" village-fi-"]):not(.village-btn--display)::before {
    width: 1rem;
    height: 1rem;
  }

  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-icon-]::before,
  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-icon-"]::before,
  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class^=village-fi-]::before,
  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn[class*=" village-fi-"]::before {
    width: 1rem;
    height: 1rem;
  }

  .village-header .village-btns-group:not(.village-btns-group--sm):not(.village-btns-group--lg):not([class^=village-btns-group--icon-]):not([class*=" village-btns-group--icon-"]) .village-btn.village-btn--display::before {
    width: 1rem;
    height: 1rem;
  }

  .village-header__tools-links .village-link {
    overflow: visible;
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-header__operator img {
    height: auto !important;
  }

  .village-header__brand {
    z-index: 750;
    background-color: #fff;
  }

  .village-header__service {
    color: #161616;
    box-shadow: inset 0 1px 0 0 #ddd;
  }

  .village-header__menu-links::after {
    box-shadow: inset 0 1px 0 0 #ddd;
  }

  .village-header__menu-links .village-btn {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
    box-shadow: none;
  }

  .village-header__menu-links .village-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__menu-links .village-btn:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__menu-links .village-btn:disabled,
  .village-header__menu-links a.village-btn:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-header__menu-links .village-btn:disabled:hover,
  .village-header__menu-links a.village-btn:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__menu-links .village-btn:disabled:active,
  .village-header__menu-links a.village-btn:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__tools-links .village-btn {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-header__tools-links .village-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__tools-links .village-btn:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__tools-links .village-btn:disabled,
  .village-header__tools-links a.village-btn:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-header__tools-links .village-btn:disabled:hover,
  .village-header__tools-links a.village-btn:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__tools-links .village-btn:disabled:active,
  .village-header__tools-links a.village-btn:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__tools-links > .village-translate:first-child:last-child .village-btn {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-header__tools-links > .village-translate:first-child:last-child .village-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__tools-links > .village-translate:first-child:last-child .village-btn:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__tools-links > .village-translate:first-child:last-child .village-btn:disabled,
  .village-header__tools-links > .village-translate:first-child:last-child a.village-btn:not([href]) {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
    background-color: transparent;
  }

  .village-header__tools-links > .village-translate:first-child:last-child .village-btn:disabled:hover,
  .village-header__tools-links > .village-translate:first-child:last-child a.village-btn:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__tools-links > .village-translate:first-child:last-child .village-btn:disabled:active,
  .village-header__tools-links > .village-translate:first-child:last-child a.village-btn:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__navbar .village-service__title {
    color: #161616;
  }

  .village-header__navbar .village-btn {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
  }

  .village-header__navbar .village-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__navbar .village-btn:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__navbar .village-btn:disabled,
  .village-header__navbar a.village-btn:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-header__navbar .village-btn:disabled:hover,
  .village-header__navbar a.village-btn:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__navbar .village-btn:disabled:active,
  .village-header__navbar a.village-btn:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__navbar .village-btn--menu {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
    box-shadow: inset 0 0 0 1px #ddd;
  }

  .village-header__navbar .village-btn--menu:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__navbar .village-btn--menu:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__navbar .village-btn--menu:disabled,
  .village-header__navbar a.village-btn--menu:not([href]) {
    color: #929292;
    box-shadow: inset 0 0 0 1px #e5e5e5;
    background-color: transparent;
  }

  .village-header__navbar .village-btn--menu:disabled:hover,
  .village-header__navbar a.village-btn--menu:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__navbar .village-btn--menu:disabled:active,
  .village-header__navbar a.village-btn--menu:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header .village-modal {
    background-color: #fff;
  }

  .village-header__menu-links .village-link {
    background-color: transparent;
    color: hsl(180, 75%, 25%);
    box-shadow: inset 0 -1px 0 0 #ddd;
  }

  .village-header__menu-links .village-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__menu-links .village-link:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__menu-links .village-link:disabled,
  .village-header__menu-links a.village-link:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-header__menu-links .village-link:disabled:hover,
  .village-header__menu-links a.village-link:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__menu-links .village-link:disabled:active,
  .village-header__menu-links a.village-link:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__tools-links .village-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__tools-links .village-link:active {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .village-header__tools-links .village-link:disabled,
  .village-header__tools-links a.village-link:not([href]) {
    color: #929292;
    background-color: transparent;
  }

  .village-header__tools-links .village-link:disabled:hover,
  .village-header__tools-links a.village-link:not([href]):hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .village-header__tools-links .village-link:disabled:active,
  .village-header__tools-links a.village-link:not([href]):active {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 48em) and (-ms-high-contrast: none), (min-width: 48em) and (-ms-high-contrast: active) {
  .village-sidemenu {
    box-shadow: none;
  }

  .village-sidemenu__title {
    box-shadow: none;
  }

  .village-sidemenu__inner {
    box-shadow: inset -1px 0 0 0 #ddd;
  }

  .village-sidemenu--right .village-sidemenu__inner {
    box-shadow: inset 1px 0 0 0 #ddd;
  }

  .village-follow .village-grid-row > *:not(:first-child) {
    box-shadow: -1px 0 0 0 hsl(180, 85%, 25%);
  }
}
@media (-ms-high-contrast: none) and (min-width: 48em), (-ms-high-contrast: active) and (min-width: 48em) {
  .village-tabs__panel > * {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .village-tabs__panel > *:first-child {
    margin-top: 1.75rem;
  }

  .village-tabs__panel > *:last-child {
    margin-bottom: 2rem;
  }

  .village-card--download .village-card__header {
    padding-top: 0;
  }

  .village-card--download .village-card__body,
  .village-card--horizontal .village-card__body,
  .village-card--horizontal-half .village-card__body,
  .village-card--horizontal-tier .village-card__body {
    flex-basis: 100%;
  }

  .village-tile--download.village-tile--vertical\@md .village-tile__body,
  .village-tile--horizontal.village-tile--vertical\@md .village-tile__body {
    flex-basis: auto;
  }
}
@media (forced-colors: active) and (-ms-high-contrast: none), (forced-colors: active) and (-ms-high-contrast: active), (prefers-contrast: more) and (-ms-high-contrast: none), (prefers-contrast: more) and (-ms-high-contrast: active) {
  .village-pagination__link[aria-current]:not([aria-current=false]) {
    border: 1px solid hsl(180, 75%, 25%);
  }
}
@media (min-width: 62em) and (-ms-high-contrast: none), (min-width: 62em) and (-ms-high-contrast: active) {
  /**
  * Correctif de l'alignement des menus sur la droite
  */
  .village-nav__item {
    position: static;
  }

  .village-nav__item--align-right .village-collapse {
    transform: translateX(-100%);
  }

  /**
  * Override du reset des marges des ul
  **/
  .village-menu .village-menu__list {
    margin-bottom: 2rem;
  }

  .village-menu {
    z-index: 1000;
  }

  .village-menu__list {
    background-color: #fff;
    box-shadow: inset 0 1px 0 0 hsl(180, 80%, 93%);
  }

  .village-menu__list > *:first-child,
  .village-menu__list > *:first-child > .village-nav__link,
  .village-menu__list > *:hover,
  .village-menu__list > *:hover > .village-nav__link,
  .village-menu__list > *:hover + *,
  .village-menu__list > *:hover + * > .village-nav__link {
    box-shadow: none;
  }

  .village-menu .village-nav__link {
    box-shadow: 0 calc(-1rem - 1px) 0 -1rem #ddd;
  }

  .village-mega-menu {
    z-index: 1000;
    background-color: #fff;
    box-shadow: inset 0 1px 0 0 hsl(180, 80%, 93%);
  }

  .village-mega-menu__category {
    box-shadow: 0 calc(1rem + 1px) 0 -1rem #ddd;
  }

  .village-header {
    z-index: 750;
    background-color: #fff;
  }

  .village-header__brand {
    z-index: auto;
    background: transparent;
  }

  .village-header__service {
    box-shadow: none;
  }

  .village-header .village-header__menu {
    box-shadow: inset 0 1px 0 0 #ddd;
  }
}
@media (-ms-high-contrast: none) and (min-width: 62em), (-ms-high-contrast: active) and (min-width: 62em) {
  .village-tile--download.village-tile--vertical\@lg .village-tile__body,
  .village-tile--horizontal.village-tile--vertical\@lg .village-tile__body {
    flex-basis: auto;
  }

  .village-header .village-modal {
    position: static;
    overflow: visible;
  }
}