* {
  font-family: "vista-sans";
}

@media (min-width: 1024px) {
  .container {
    max-width: 965px;
  }
}

.container-full {
  max-width: 965px;
}

@media (min-width: 1730px) {
  .container-full {
    max-width: 100%;
  }
}

.slider2 {
  margin-left: 0;
}

@media (min-width: 1730px) {
  .slider2 {
    margin-left: auto;
  }
}

@media (min-width: 1730px) {
  .slider2-arrows {
    display: none;
  }
}

.btn-ccas img.active {
  transform: rotate(180deg);
}

header h1 {
  line-height: 1.62rem !important;
}

@media (min-width: 1024px) {
  header nav {
    height: 44px;
  }
}

@media (min-width: 1280px) {
  header nav {
    height: 48px;
  }
}

header nav.nav-sticky {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
}

footer {
  background: #293033;
  color: #f1f1f1;
}

.share-btn, .embed-btn, .close-btn {
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-repeat: no-repeat;
}

.share-btn {
  background-image: url("../imgs/picto-share.svg");
}

.share-btn.blue {
  background-image: url("../VR/2021/imgs/onglet-3/picto-share-blue.svg");
}

.share-btn.purple {
  background-image: url("../VR/2021/imgs/onglet-3/picto-share-purple.svg");
}

.share-btn.cyan {
  background-image: url("../VR/2021/imgs/onglet-3/picto-share-cyan.svg");
}

.share-btn.red {
  background-image: url("../VR/2021/imgs/onglet-3/picto-share-red.svg");
}

.share-btn.green {
  background-image: url("../VR/2021/imgs/onglet-3/picto-share-green.svg");
}

.share-btn.amber {
  background-image: url("../VR/2021/imgs/onglet-3/picto-share-amber.svg");
}

.share-btn.brown {
  background-image: url("../VR/2021/imgs/onglet-3/picto-share-brown.svg");
}

.share-btn.yellow {
  background-image: url("../VR/2021/imgs/onglet-3/picto-share-yellow.svg");
}

.share-btn.white {
  background-image: url("../VR/2021/imgs/onglet-3/picto-share-white.svg");
}

.embed-btn {
  background-image: url("../imgs/picto-embed.svg");
}

.embed-btn.white {
  background-image: url("../VR/2021/imgs/onglet-3/picto-embed-white.svg");
}

.close-btn.blue {
  background-image: url("../VR/2021/imgs/onglet-3/picto-close-blue.svg");
}

.close-btn.purple {
  background-image: url("../VR/2021/imgs/onglet-3/picto-close-purple.svg");
}

.close-btn.cyan {
  background-image: url("../VR/2021/imgs/onglet-3/picto-close-cyan.svg");
}

.close-btn.red {
  background-image: url("../VR/2021/imgs/onglet-3/picto-close-red.svg");
}

.close-btn.green {
  background-image: url("../VR/2021/imgs/onglet-3/picto-close-green.svg");
}

.close-btn.amber {
  background-image: url("../VR/2021/imgs/onglet-3/picto-close-amber.svg");
}

.close-btn.brown {
  background-image: url("../VR/2021/imgs/onglet-3/picto-close-brown.svg");
}

.close-btn.yellow {
  background-image: url("../VR/2021/imgs/onglet-3/picto-close-yellow.svg");
}

#participation-citoyenne .wrap-slider {
  width: 256px;
}

#participation-citoyenne .wrap-slider .slider-content {
  width: 1792px;
}

#participation-citoyenne .wrap-slider .slider-content.pos1 {
  margin-left: 0;
}

#participation-citoyenne .wrap-slider .slider-content.pos2 {
  margin-left: -256px;
}

#participation-citoyenne .wrap-slider .slider-content.pos3 {
  margin-left: -512px;
}

#participation-citoyenne .wrap-slider .slider-content.pos4 {
  margin-left: -768px;
}

#participation-citoyenne .wrap-slider .slider-content.pos5 {
  margin-left: -1024px;
}

#participation-citoyenne .wrap-slider .slider-content.pos6 {
  margin-left: -1280px;
}

#participation-citoyenne .wrap-slider .slider-content.pos7 {
  margin-left: -1536px;
}

#participation-citoyenne .wrap-slider .slider-content > div {
  width: 256px;
}

@media (min-width: 640px) {
  #participation-citoyenne .wrap-slider {
    width: 240px;
  }

  #participation-citoyenne .wrap-slider .slider-content {
    width: 1680px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos1 {
    margin-left: 0;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos2 {
    margin-left: -240px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos3 {
    margin-left: -480px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos4 {
    margin-left: -720px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos5 {
    margin-left: -960px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos6 {
    margin-left: -1200px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos7 {
    margin-left: -1440px;
  }

  #participation-citoyenne .wrap-slider .slider-content > div {
    width: 240px;
  }
}

@media (min-width: 768px) {
  #participation-citoyenne .wrap-slider {
    width: 240px;
  }

  #participation-citoyenne .wrap-slider .slider-content {
    width: 1680px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos1 {
    margin-left: 0;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos2 {
    margin-left: -240px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos3 {
    margin-left: -480px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos4 {
    margin-left: -720px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos5 {
    margin-left: -960px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos6 {
    margin-left: -1200px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos7 {
    margin-left: -1440px;
  }

  #participation-citoyenne .wrap-slider .slider-content > div {
    width: 240px;
  }
}

@media (min-width: 1024px) {
  #participation-citoyenne .wrap-slider {
    width: 229px;
  }

  #participation-citoyenne .wrap-slider .slider-content {
    width: 1603px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos1 {
    margin-left: 0;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos2 {
    margin-left: -229px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos3 {
    margin-left: -458px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos4 {
    margin-left: -687px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos5 {
    margin-left: -916px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos6 {
    margin-left: -1145px;
  }

  #participation-citoyenne .wrap-slider .slider-content.pos7 {
    margin-left: -1374px;
  }

  #participation-citoyenne .wrap-slider .slider-content > div {
    width: 229px;
  }
}

#recettes-depenses .wrap-rub:hover h6 {
  font-weight: 700;
}

#recettes-depenses .wrap-rub .rub > * {
  line-height: 20px;
}

#recettes-depenses .wrap-rub .rub .color {
  height: 18px;
  width: 18px;
  margin: 0 5px 0 0;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background: #000000;
}

@media (min-width: 1024px) {
  #recettes-depenses .wrap-rub .rub .color {
    margin: 0 15px 0 5px;
  }
}

#recettes-depenses .wrap-rub .rub .montant {
  width: 90px;
  font-size: 18px;
  font-weight: 700;
}

#recettes-depenses .wrap-rub .rub h6 {
  width: 230px;
  font-size: 16px;
}

#recettes-depenses .wrap-rub .rub img {
  width: 20px;
  height: 20px;
}

#recettes-depenses .wrap-rub .rub.active h6 {
  font-weight: 700;
}

#recettes-depenses .wrap-rub .rub.active img.transi {
  transform: rotate(180deg);
}

#recettes-depenses .graph1 > div:first-child {
  color: #4a6aff;
}

#recettes-depenses .graph1 .montant {
  color: #4a6aff;
}

#recettes-depenses .graph1 .wrap-rub:nth-child(1) .color {
  background: #1431b8;
}

#recettes-depenses .graph1 .wrap-rub:nth-child(2) .color {
  background: #1c44ff;
}

#recettes-depenses .graph1 .wrap-rub:nth-child(3) .color {
  background: #4a6aff;
}

#recettes-depenses .graph2 > div:first-child {
  color: #00b7c2;
}

#recettes-depenses .graph2 .montant {
  color: #00b7c2;
}

#recettes-depenses .graph2 .wrap-rub:nth-child(1) .color {
  background: #007a82;
}

#recettes-depenses .graph2 .wrap-rub:nth-child(2) .color {
  background: #00b7c2;
}

#recettes-depenses .graph2 .wrap-rub:nth-child(3) .color {
  background: #00b7c2;
}

#recettes-depenses .graph2 .wrap-rub:nth-child(4) .color {
  background: #99e2e7;
}

#recettes-depenses .graph3 > div:first-child {
  color: #ff8359;
}

#recettes-depenses .graph3 .montant {
  color: #ff8359;
}

#recettes-depenses .graph3 .wrap-rub:nth-child(1) .color {
  background: #ff8359;
}

#recettes-depenses .graph3 .wrap-rub:nth-child(2) .color {
  background: #ffb59b;
}

#recettes-depenses .graph3 .wrap-rub:nth-child(3) .color {
  background: #ffe6de;
}

#recettes-depenses .graph4 > div:first-child {
  color: #ff3059;
}

#recettes-depenses .graph4 .montant {
  color: #ff3059;
}

#recettes-depenses .graph4 .wrap-rub:nth-child(1) .color {
  background: #9c001f;
}

#recettes-depenses .graph4 .wrap-rub:nth-child(2) .color {
  background: #d41e43;
}

#recettes-depenses .graph4 .wrap-rub:nth-child(3) .color {
  background: #ff3059;
}

#recettes-depenses .graph4 .wrap-rub:nth-child(4) .color {
  background: #ff6e8b;
}

#recettes-depenses .graph4 .wrap-rub:nth-child(5) .color {
  background: #ff97ac;
}

#recettes-depenses .graph4 .wrap-rub:nth-child(6) .color {
  background: #ffd6de;
}

@media (min-width: 1024px) {
  #missions .border-l-3 {
    border-left-width: 3px;
  }
}

#missions .infos {
  position: relative;
}

#missions .infos:after {
  position: absolute;
  content: "";
  top: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 20px 15px;
}

#missions .infos[data-infos-id=infos_1]:after {
  border-color: transparent transparent #e9ecfd transparent;
}

#missions .infos[data-infos-id=infos_2]:after {
  border-color: transparent transparent #f1ebfd transparent;
}

#missions .infos[data-infos-id=infos_3]:after {
  border-color: transparent transparent #e3f6fe transparent;
}

#missions .infos[data-infos-id=infos_4]:after {
  border-color: transparent transparent #f9e4ec transparent;
}

#missions .infos[data-infos-id=infos_5]:after {
  border-color: transparent transparent #e4f6ee transparent;
}

#missions .infos[data-infos-id=infos_6]:after {
  border-color: transparent transparent #fdeee7 transparent;
}

#missions .infos[data-infos-id=infos_7]:after {
  border-color: transparent transparent #f5f2ee transparent;
}

#missions .infos[data-infos-id=infos_8]:after {
  border-color: transparent transparent #fff5e4 transparent;
}

#missions .infos[data-infos-id=infos_1]:after, #missions .infos[data-infos-id=infos_5]:after {
  left: calc(50% - 10px);
}

@media (min-width: 1024px) {
  #missions .infos[data-infos-id=infos_1]:after, #missions .infos[data-infos-id=infos_5]:after {
    left: 110px;
  }
}

#missions .infos[data-infos-id=infos_2]:after, #missions .infos[data-infos-id=infos_6]:after {
  left: calc(50% - 10px);
}

@media (min-width: 1024px) {
  #missions .infos[data-infos-id=infos_2]:after, #missions .infos[data-infos-id=infos_6]:after {
    left: 343px;
  }
}

#missions .infos[data-infos-id=infos_3]:after, #missions .infos[data-infos-id=infos_7]:after {
  left: calc(50% - 10px);
}

@media (min-width: 1024px) {
  #missions .infos[data-infos-id=infos_3]:after, #missions .infos[data-infos-id=infos_7]:after {
    left: 595px;
  }
}

#missions .infos[data-infos-id=infos_4]:after, #missions .infos[data-infos-id=infos_8]:after {
  left: calc(50% - 10px);
}

@media (min-width: 1024px) {
  #missions .infos[data-infos-id=infos_4]:after, #missions .infos[data-infos-id=infos_8]:after {
    left: 840px;
  }
}

#focus-creches .rub.active img.transi {
  transform: rotate(180deg);
}

#subventions-associations #vis svg {
  margin: 0 auto;
}

#subventions-associations span.color1 {
  color: #F0B053;
}

#subventions-associations span.color2 {
  color: #4A6AFF;
}

#subventions-associations span.color3 {
  color: #FF3059;
}

#subventions-associations span.color4 {
  color: #EF7D4E;
}

#subventions-associations span.color5 {
  color: #8B5DE8;
}

#subventions-associations span.color6 {
  color: #00B7C2;
}

#subventions-associations span.color7 {
  color: #008215;
}

#subventions-associations span.color8 {
  color: #807262;
}

.ui-autocomplete {
  max-height: 500px;
  width: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

#page-assos .wrap-slider {
  width: 255px;
}

#page-assos .wrap-slider .slider-content {
  width: 1275px;
}

#page-assos .wrap-slider .slider-content.pos1 {
  margin-left: 0;
}

#page-assos .wrap-slider .slider-content.pos2 {
  margin-left: -255px;
}

#page-assos .wrap-slider .slider-content.pos3 {
  margin-left: -510px;
}

#page-assos .wrap-slider .slider-content.pos4 {
  margin-left: -765px;
}

#page-assos .wrap-slider .slider-content.pos5 {
  margin-left: -1020px;
}

#page-assos .wrap-slider .slider-content.pos6 {
  margin-left: -1275px;
}

#page-assos .wrap-slider .slider-content.pos7 {
  margin-left: -1530px;
}

#page-assos .wrap-slider .slider-content > div {
  width: 255px;
}

@media (min-width: 640px) {
  #page-assos .wrap-slider {
    width: 520px;
  }

  #page-assos .wrap-slider .slider-content {
    width: 2600px;
  }

  #page-assos .wrap-slider .slider-content.pos1 {
    margin-left: 0;
  }

  #page-assos .wrap-slider .slider-content.pos2 {
    margin-left: -520px;
  }

  #page-assos .wrap-slider .slider-content.pos3 {
    margin-left: -1040px;
  }

  #page-assos .wrap-slider .slider-content.pos4 {
    margin-left: -1560px;
  }

  #page-assos .wrap-slider .slider-content.pos5 {
    margin-left: -2080px;
  }

  #page-assos .wrap-slider .slider-content.pos6 {
    margin-left: -2600px;
  }

  #page-assos .wrap-slider .slider-content.pos7 {
    margin-left: -3120px;
  }

  #page-assos .wrap-slider .slider-content > div {
    width: 520px;
  }
}

@media (min-width: 768px) {
  #page-assos .wrap-slider {
    width: 648px;
  }

  #page-assos .wrap-slider .slider-content {
    width: 3240px;
  }

  #page-assos .wrap-slider .slider-content.pos1 {
    margin-left: 0;
  }

  #page-assos .wrap-slider .slider-content.pos2 {
    margin-left: -648px;
  }

  #page-assos .wrap-slider .slider-content.pos3 {
    margin-left: -1296px;
  }

  #page-assos .wrap-slider .slider-content.pos4 {
    margin-left: -1944px;
  }

  #page-assos .wrap-slider .slider-content.pos5 {
    margin-left: -2592px;
  }

  #page-assos .wrap-slider .slider-content.pos6 {
    margin-left: -3240px;
  }

  #page-assos .wrap-slider .slider-content.pos7 {
    margin-left: -3888px;
  }

  #page-assos .wrap-slider .slider-content > div {
    width: 648px;
  }
}

@media (min-width: 1024px) {
  #page-assos .wrap-slider {
    width: 454px;
  }

  #page-assos .wrap-slider .slider-content {
    width: 2270px;
  }

  #page-assos .wrap-slider .slider-content.pos1 {
    margin-left: 0;
  }

  #page-assos .wrap-slider .slider-content.pos2 {
    margin-left: -454px;
  }

  #page-assos .wrap-slider .slider-content.pos3 {
    margin-left: -908px;
  }

  #page-assos .wrap-slider .slider-content.pos4 {
    margin-left: -1362px;
  }

  #page-assos .wrap-slider .slider-content.pos5 {
    margin-left: -1816px;
  }

  #page-assos .wrap-slider .slider-content.pos6 {
    margin-left: -2270px;
  }

  #page-assos .wrap-slider .slider-content.pos7 {
    margin-left: -2724px;
  }

  #page-assos .wrap-slider .slider-content > div {
    width: 454px;
  }
}

#investissements iframe {
  height: 300px;
}

@media (min-width: 1024px) {
  #investissements iframe {
    height: 750px;
  }
}

#travaux-economie-energie .wrap-slider {
  width: 255px;
}

#travaux-economie-energie .wrap-slider .slider-content {
  width: 1020px;
}

#travaux-economie-energie .wrap-slider .slider-content.pos1 {
  margin-left: 0;
}

#travaux-economie-energie .wrap-slider .slider-content.pos2 {
  margin-left: -255px;
}

#travaux-economie-energie .wrap-slider .slider-content.pos3 {
  margin-left: -510px;
}

#travaux-economie-energie .wrap-slider .slider-content.pos4 {
  margin-left: -765px;
}

#travaux-economie-energie .wrap-slider .slider-content.pos5 {
  margin-left: -1020px;
}

#travaux-economie-energie .wrap-slider .slider-content.pos6 {
  margin-left: -1275px;
}

#travaux-economie-energie .wrap-slider .slider-content.pos7 {
  margin-left: -1530px;
}

#travaux-economie-energie .wrap-slider .slider-content > div {
  width: 255px;
}

@media (min-width: 640px) {
  #travaux-economie-energie .wrap-slider {
    width: 520px;
  }

  #travaux-economie-energie .wrap-slider .slider-content {
    width: 2080px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos1 {
    margin-left: 0;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos2 {
    margin-left: -520px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos3 {
    margin-left: -1040px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos4 {
    margin-left: -1560px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos5 {
    margin-left: -2080px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos6 {
    margin-left: -2600px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos7 {
    margin-left: -3120px;
  }

  #travaux-economie-energie .wrap-slider .slider-content > div {
    width: 520px;
  }
}

@media (min-width: 768px) {
  #travaux-economie-energie .wrap-slider {
    width: 648px;
  }

  #travaux-economie-energie .wrap-slider .slider-content {
    width: 2592px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos1 {
    margin-left: 0;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos2 {
    margin-left: -648px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos3 {
    margin-left: -1296px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos4 {
    margin-left: -1944px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos5 {
    margin-left: -2592px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos6 {
    margin-left: -3240px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos7 {
    margin-left: -3888px;
  }

  #travaux-economie-energie .wrap-slider .slider-content > div {
    width: 648px;
  }
}

@media (min-width: 1024px) {
  #travaux-economie-energie .wrap-slider {
    width: 454px;
  }

  #travaux-economie-energie .wrap-slider .slider-content {
    width: 1816px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos1 {
    margin-left: 0;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos2 {
    margin-left: -454px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos3 {
    margin-left: -908px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos4 {
    margin-left: -1362px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos5 {
    margin-left: -1816px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos6 {
    margin-left: -2270px;
  }

  #travaux-economie-energie .wrap-slider .slider-content.pos7 {
    margin-left: -2724px;
  }

  #travaux-economie-energie .wrap-slider .slider-content > div {
    width: 454px;
  }
}

#travaux-economie-energie .slider-wrapper {
  width: 335px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 640px) {
  #travaux-economie-energie .slider-wrapper {
    width: auto;
  }
}

.vdrm-tooltip:after {
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 10px solid #000000;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom: -9px;
}

div.tooltip {
  width: auto;
  max-width: 350px;
  position: absolute;
  border-radius: 4px;
  background: #fff;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px;
  z-index: 10;
}

div.tooltip:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  content: "";
  z-index: 10;
}

#gates_tooltip {
  width: 265px !important;
}