@font-face {
  font-family: "Mont";
  src: local("Mont Semi Bold"), local("Mont-Semi-Bold"),
    url("Mont-SemiBold.woff2") format("woff2"),
    url("Mont-SemiBold.woff") format("woff"),
    url("Mont-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

.slide-enter-active,
.slide-leave-active {
  transition: transform 0.4s ease-out;
  height: 100%;
}
.slide-enter {
  transform: translateX(100%);
}
.slide-leave-to {
  transform: translateX(-100%);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.4s ease-out;
  height: 100%;
}
.fade-enter {
  opacity: 0;
}
.fade-leave-to {
  opacity: 1;
}

html,
body,
#app {
  height: 100%;
}

svg.svg-class .router-link-active .section,
svg.svg-class .router-link-active .item {
  fill: #fff;
}

.france ~ .france.subitem,
.chilie ~ .chilie.subitem,
.italie ~ .italie.subitem,
.bulgarie ~ .bulgarie.subitem,
.venezuela ~ .venezuela.subitem,
.niger ~ .niger.subitem,
.mongolie ~ .mongolie.subitem,
.cuba ~ .cuba.subitem,
.egypt ~ .egypt.subitem,
.senegal ~ .senegal.subitem,
.orient ~ .orient.subitem,
.fondation ~ .fondation.subitem,
.projets-inacheves ~ .projets-inacheves.subitem,
.portugual ~ .portugual.subitem {
  display: none;
}

.france:hover ~ .france.subitem,
.france.subitem:hover,
.chilie:hover ~ .chilie.subitem,
.chilie.subitem:hover,
.italie:hover ~ .italie.subitem,
.italie.subitem:hover,
.italie:hover ~ .italie.subitem,
.italie.subitem:hover,
.venezuela:hover ~ .venezuela.subitem,
.venezuela.subitem:hover,
.portugual:hover ~ .portugual.subitem,
.portugual.subitem:hover,
.niger:hover ~ .niger.subitem,
.niger.subitem:hover,
.mongolie:hover ~ .mongolie.subitem,
.mongolie.subitem:hover,
.cuba:hover ~ .cuba.subitem,
.cuba.subitem:hover,
.egypt:hover ~ .egypt.subitem,
.egypt.subitem:hover,
.senegal:hover ~ .senegal.subitem,
.senegal.subitem:hover,
.orient:hover ~ .orient.subitem,
.orient.subitem:hover,
.fondation:hover ~ .fondation.subitem,
.fondation.subitem:hover,
.projets-inacheves:hover ~ .projets-inacheves.subitem,
.projets-inacheves.subitem:hover,
.bulgarie:hover ~ .bulgarie.subitem,
.bulgarie.subitem:hover {
  display: block;
}