.france {
  /* OPTIONS ========= */
  /* BASE ============ */
  width: 700px;
  height: 740px;
  font-size: 10px;
  margin: 3em auto;
  padding: 0;
  list-style: none;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  /* INITIALISATION == */
  position: relative;
    float:right;
  overflow: hidden;
  /* THE MAGIC ======= */
}
.france a {
  color: white;
  text-decoration: none;
  letter-spacing: -0.035em;
  white-space: nowrap;
}
.france a:hover, .france a:focus {
  color: #fbe216;
  opacity: 1 !important;
}

.france .v004 a {
    font-size: 3.3em;
    opacity: 1;
    color:#fbe216;
}

.france li {
  position: absolute;
  z-index: 1;
  line-height: 70%;
  transform: translate(-50%, -100%);
}
.france li:hover {
  z-index: 2;
}
.france li.v027 {
  z-index: 0;
}
.france li.v027:hover {
  z-index: 0;
}
.france .v001 {
  top: 3em;
  left: 39.5em;
}
.france .v001 a {
  font-size: 1.4em;
  opacity: 0.63;
}
.france .v002 {
  top: 6.15em;
  left: 37.4em;
}
.france .v002 a {
  font-size: 1.8em;
  opacity: 0.43;
}
.france .v003 {
  top: 6.15em;
  left: 43.1em;
}
.france .v003 a {
  font-size: 3.6em;
  opacity: 0.89;
}
.france .v004 {
  top: 9.3em;
  left: 37em;
}
.france .v004 a {
  opacity: 0.94;
}
.france .v005 {
  top: 9.3em;
  left: 45.2em;
}
.france .v005 a {
  font-size: 2.4em;
  opacity: 0.7;
}
.france .v006 {
  top: 12.45em;
  left: 32em;
}
.france .v006 a {
  font-size: 2.4em;
  opacity: 0.82;
}
.france .v007 {
  top: 12.45em;
  left: 40.5em;
}
.france .v007 a {
  font-size: 2.8em;
  opacity: 0.58;
}
.france .v008 {
  top: 12.45em;
  left: 50em;
}
.france .v008 a {
  font-size: 2.2em;
  opacity: 1;
}
.france .v009 {
  top: 12.45em;
  left: 19.2em;
}
.france .v009 a {
  font-size: 1.8em;
  opacity: 0.86;
}
.france .v010 {
  top: 15.6em;
  left: 20em;
}
.france .v010 a {
  font-size: 2.2em;
  opacity: 0.43;
}
.france .v011 {
  top: 15.6em;
  left: 25.6em;
}
.france .v011 a {
  font-size: 3em;
  opacity: 0.84;
}
.france .v012 {
  top: 15.6em;
  left: 33.4em;
}
.france .v012 a {
  font-size: 3.4em;
  opacity: 0.49;
}
.france .v013 {
  top: 15.6em;
  left: 44em;
}
.france .v013 a {
  font-size: 2.6em;
  opacity: 0.78;
}
.france .v014 {
  top: 15.6em;
  left: 53.3em;
}
.france .v014 a {
  font-size: 2.6em;
  opacity: 0.9;
}
.france .v015 {
  top: 15.6em;
  left: 59.5em;
}
.france .v015 a {
  font-size: 2.6em;
  opacity: 0.41;
}
.france .v016 {
  top: 18.75em;
  left: 2.8em;
}
.france .v016 a {
  font-size: 2.6em;
  opacity: 0.56;
}
.france .v017 {
  top: 18.75em;
  left: 8.7em;
}
.france .v017 a {
  font-size: 1.6em;
  opacity: 0.72;
}
.france .v018 {
  top: 18.75em;
  left: 15.2em;
}
.france .v018 a {
  font-size: 2em;
  opacity: 0.96;
}
.france .v019 {
  top: 18.75em;
  left: 19.9em;
}
.france .v019 a {
  font-size: 1.4em;
  opacity: 0.49;
}
.france .v020 {
  top: 18.75em;
  left: 26em;
}
.france .v020 a {
  font-size: 2.3em;
  opacity: 0.98;
}
.france .v021 {
  top: 18.75em;
  left: 47.5em;
}
.france .v021 a {
  font-size: 1.4em;
  opacity: 0.93;
}
.france .v022 {
  top: 18.75em;
  left: 52.5em;
}
.france .v022 a {
  font-size: 2.2em;
  opacity: 0.73;
}
.france .v023 {
  top: 18.75em;
  left: 62.8em;
}
.france .v023 a {
  font-size: 3em;
  opacity: 0.85;
}
.france .v024 {
  top: 21.9em;
  left: 6.3em;
}
.france .v024 a {
  font-size: 1.8em;
  opacity: 0.61;
}
.france .v025 {
  top: 21.9em;
  left: 15.6em;
}
.france .v025 a {
  font-size: 3.2em;
  opacity: 0.5;
}
.france .v026 {
  top: 21.9em;
  left: 25.6em;
}
.france .v026 a {
  font-size: 2.8em;
  opacity: 0.93;
}
.france .v027 {
  top: 21.9em;
  left: 38em;
}
.france .v027 a {
  font-size: 7.2em;
  opacity: 0.53;
}
.france .v028 {
  top: 21.9em;
  left: 49.7em;
}
.france .v028 a {
  font-size: 3em;
  opacity: 0.58;
}
.france .v029 {
  top: 21.9em;
  left: 56.4em;
}
.france .v029 a {
  font-size: 2em;
  opacity: 0.51;
}
.france .v030 {
  top: 21.9em;
  left: 63.7em;
}
.france .v030 a {
  font-size: 3em;
  opacity: 0.87;
}
.france .v031 {
  top: 25.05em;
  left: 5.3em;
}
.france .v031 a {
  font-size: 2.4em;
  opacity: 0.9;
}
.france .v032 {
  top: 25.05em;
  left: 12.5em;
}
.france .v032 a {
  font-size: 1.8em;
  opacity: 0.94;
}
.france .v033 {
  top: 25.05em;
  left: 17.5em;
}
.france .v033 a {
  font-size: 1.8em;
  opacity: 0.6;
}
.france .v034 {
  top: 25.05em;
  left: 24.8em;
}
.france .v034 a {
  font-size: 3.2em;
  opacity: 0.72;
}
.france .v035 {
  top: 25.05em;
  left: 34.8em;
}
.france .v035 a {
  font-size: 2.8em;
  opacity: 0.42;
}
.france .v036 {
  top: 25.05em;
  left: 43.7em;
}
.france .v036 a {
  font-size: 1.8em;
  opacity: 0.44;
}
.france .v037 {
  top: 25.05em;
  left: 53.5em;
}
.france .v037 a {
  font-size: 2.6em;
  opacity: 0.51;
}
.france .v038 {
  top: 25.05em;
  left: 63.5em;
}
.france .v038 a {
  font-size: 1.8em;
  opacity: 0.45;
}
.france .v039 {
  top: 28.2em;
  left: 12em;
}
.france .v039 a {
  font-size: 1.8em;
  opacity: 0.86;
}
.france .v040 {
  top: 28.2em;
  left: 19.2em;
}
.france .v040 a {
  font-size: 3em;
  opacity: 0.93;
}
.france .v041 {
  top: 28.2em;
  left: 27.6em;
}
.france .v041 a {
  font-size: 3.2em;
  opacity: 0.79;
}
.france .v042 {
  top: 28.2em;
  left: 34.2em;
}
.france .v042 a {
  font-size: 2.4em;
  opacity: 0.66;
}
.france .v043 {
  top: 28.2em;
  left: 42.2em;
}
.france .v043 a {
  font-size: 3.2em;
  opacity: 0.53;
}
.france .v044 {
  top: 28.2em;
  left: 50.6em;
}
.france .v044 a {
  font-size: 1.8em;
  opacity: 0.75;
}
.france .v045 {
  top: 28.2em;
  left: 60.7em;
}
.france .v045 a {
  font-size: 3.4em;
  opacity: 0.48;
}
.france .v046 {
  top: 31.35em;
  left: 17.6em;
}
.france .v046 a {
  font-size: 3.8em;
  opacity: 0.71;
}
.france .v047 {
  top: 31.35em;
  left: 29.4em;
}
.france .v047 a {
  font-size: 2em;
  opacity: 0.92;
}
.france .v048 {
  top: 31.35em;
  left: 40.3em;
}
.france .v048 a {
  font-size: 2.8em;
  opacity: 0.64;
}
.france .v049 {
  top: 31.35em;
  left: 49.2em;
}
.france .v049 a {
  font-size: 3.2em;
  opacity: 0.69;
}
.france .v050 {
  top: 31.35em;
  left: 58.8em;
}
.france .v050 a {
  font-size: 2.8em;
  opacity: 0.63;
}
.france .v051 {
  top: 34.5em;
  left: 18.4em;
}
.france .v051 a {
  font-size: 2em;
  opacity: 0.54;
}
.france .v052 {
  top: 34.5em;
  left: 27.9em;
}
.france .v052 a {
  font-size: 3em;
  opacity: 0.85;
}
.france .v053 {
  top: 34.5em;
  left: 37.4em;
}
.france .v053 a {
  font-size: 2.4em;
  opacity: 0.62;
}
.france .v054 {
  top: 34.5em;
  left: 44.4em;
}
.france .v054 a {
  font-size: 1.4em;
  opacity: 0.52;
}
.france .v055 {
  top: 34.5em;
  left: 54.8em;
}
.france .v055 a {
  font-size: 2.4em;
  opacity: 0.55;
}
.france .v056 {
  top: 37.65em;
  left: 20.3em;
}
.france .v056 a {
  font-size: 2.2em;
  opacity: 0.8;
}
.france .v057 {
  top: 37.65em;
  left: 29em;
}
.france .v057 a {
  font-size: 2.6em;
  opacity: 0.49;
}
.france .v058 {
  top: 37.65em;
  left: 37em;
}
.france .v058 a {
  font-size: 1.8em;
  opacity: 0.42;
}
.france .v059 {
  top: 37.65em;
  left: 45.4em;
}
.france .v059 a {
  font-size: 2.4em;
  opacity: 0.54;
}
.france .v060 {
  top: 37.65em;
  left: 54.8em;
}
.france .v060 a {
  font-size: 1.6em;
  opacity: 0.66;
}
.france .v061 {
  top: 40.8em;
  left: 22.4em;
}
.france .v061 a {
  font-size: 2.4em;
  opacity: 0.58;
}
.france .v062 {
  top: 40.8em;
  left: 30.6em;
}
.france .v062 a {
  font-size: 2.6em;
  opacity: 0.43;
}
.france .v063 {
  top: 40.8em;
  left: 43.4em;
}
.france .v063 a {
  font-size: 2.2em;
  opacity: 0.88;
}
.france .v064 {
  top: 40.8em;
  left: 55.6em;
}
.france .v064 a {
  font-size: 2.4em;
  opacity: 0.51;
}
.france .v065 {
  top: 43.95em;
  left: 21.6em;
}
.france .v065 a {
  font-size: 2.2em;
  opacity: 0.93;
}
.france .v066 {
  top: 43.95em;
  left: 30.8em;
}
.france .v066 a {
  font-size: 2.6em;
  opacity: 0.87;
}
.france .v067 {
  top: 43.95em;
  left: 39.3em;
}
.france .v067 a {
  font-size: 2em;
  opacity: 0.51;
}
.france .v068 {
  top: 43.95em;
  left: 45.5em;
}
.france .v068 a {
  font-size: 3.8em;
  opacity: 0.6;
}
.france .v069 {
  top: 43.95em;
  left: 53.2em;
}
.france .v069 a {
  font-size: 2.4em;
  opacity: 0.99;
}
.france .v070 {
  top: 43.95em;
  left: 61.2em;
}
.france .v070 a {
  font-size: 2em;
  opacity: 0.51;
}
.france .v071 {
  top: 47.1em;
  left: 20.2em;
}
.france .v071 a {
  font-size: 2em;
  opacity: 0.45;
}
.france .v072 {
  top: 47.1em;
  left: 28.1em;
}
.france .v072 a {
  font-size: 2.8em;
  opacity: 0.92;
}
.france .v073 {
  top: 47.1em;
  left: 36.4em;
}
.france .v073 a {
  font-size: 2.4em;
  opacity: 0.97;
}
.france .v074 {
  top: 47.1em;
  left: 44.9em;
}
.france .v074 a {
  font-size: 2.8em;
  opacity: 0.42;
}
.france .v075 {
  top: 47.1em;
  left: 55.7em;
}
.france .v075 a {
  font-size: 2.4em;
  opacity: 0.61;
}
.france .v076 {
  top: 47.1em;
  left: 63.5em;
}
.france .v076 a {
  font-size: 2em;
  opacity: 0.8;
}
.france .v077 {
  top: 50.25em;
  left: 24.8em;
}
.france .v077 a {
  font-size: 3.8em;
  opacity: 0.79;
}
.france .v078 {
  top: 50.25em;
  left: 37em;
}
.france .v078 a {
  font-size: 2.4em;
  opacity: 0.85;
}
.france .v079 {
  top: 50.25em;
  left: 46.4em;
}
.france .v079 a {
  font-size: 3em;
  opacity: 0.94;
}
.france .v080 {
  top: 50.25em;
  left: 57.7em;
}
.france .v080 a {
  font-size: 3.2em;
  opacity: 0.88;
}
.france .v081 {
  top: 53.4em;
  left: 22.3em;
}
.france .v081 a {
  font-size: 2.8em;
  opacity: 0.8;
}
.france .v082 {
  top: 53.4em;
  left: 31.6em;
}
.france .v082 a {
  font-size: 2.4em;
  opacity: 0.7;
}
.france .v083 {
  top: 53.4em;
  left: 37.7em;
}
.france .v083 a {
  font-size: 2em;
  opacity: 0.72;
}
.france .v084 {
  top: 53.4em;
  left: 43.6em;
}
.france .v084 a {
  font-size: 2.4em;
  opacity: 0.84;
}
.france .v085 {
  top: 53.4em;
  left: 54.2em;
}
.france .v085 a {
  font-size: 2.8em;
  opacity: 0.61;
}
.france .v086 {
  top: 53.4em;
  left: 63.3em;
}
.france .v086 a {
  font-size: 2.4em;
  opacity: 0.73;
}
.france .v087 {
  top: 56.55em;
  left: 20.5em;
}
.france .v087 a {
  font-size: 2.4em;
  opacity: 0.73;
}
.france .v088 {
  top: 56.55em;
  left: 28.2em;
}
.france .v088 a {
  font-size: 3.2em;
  opacity: 0.63;
}
.france .v089 {
  top: 56.55em;
  left: 35.4em;
}
.france .v089 a {
  font-size: 2.8em;
  opacity: 0.96;
}
.france .v090 {
  top: 56.55em;
  left: 41.1em;
}
.france .v090 a {
  font-size: 2em;
  opacity: 0.94;
}
.france .v091 {
  top: 56.55em;
  left: 49.3em;
}
.france .v091 a {
  font-size: 3.6em;
  opacity: 0.55;
}
.france .v092 {
  top: 56.55em;
  left: 60.4em;
}
.france .v092 a {
  font-size: 2.7em;
  opacity: 0.88;
}
.france .v093 {
  top: 59.7em;
  left: 19em;
}
.france .v093 a {
  font-size: 2em;
  opacity: 0.56;
}
.france .v094 {
  top: 59.7em;
  left: 29.6em;
}
.france .v094 a {
  font-size: 3.6em;
  opacity: 0.97;
}
.france .v095 {
  top: 59.7em;
  left: 44.4em;
}
.france .v095 a {
  font-size: 3em;
  opacity: 0.43;
}
.france .v096 {
  top: 59.7em;
  left: 58.8em;
}
.france .v096 a {
  font-size: 2em;
  opacity: 0.76;
}
.france .v097 {
  top: 59.7em;
  left: 67.6em;
}
.france .v097 a {
  font-size: 2.4em;
  opacity: 0.73;
}
.france .v098 {
  top: 62.85em;
  left: 16.5em;
}
.france .v098 a {
  font-size: 1.6em;
  opacity: 0.99;
}
.france .v099 {
  top: 62.85em;
  left: 21.3em;
}
.france .v099 a {
  font-size: 2.4em;
  opacity: 0.47;
}
.france .v100 {
  top: 62.85em;
  left: 31.8em;
}
.france .v100 a {
  font-size: 3.2em;
  opacity: 0.56;
}
.france .v101 {
  top: 62.85em;
  left: 43.8em;
}
.france .v101 a {
  font-size: 2.4em;
  opacity: 0.44;
}
.france .v102 {
  top: 62.85em;
  left: 56.2em;
}
.france .v102 a {
  font-size: 2.6em;
  opacity: 0.68;
}
.france .v103 {
  top: 62.85em;
  left: 64.4em;
}
.france .v103 a {
  font-size: 2em;
  opacity: 0.6;
}
.france .v104 {
  top: 66em;
  left: 24.5em;
}
.france .v104 a {
  font-size: 2em;
  opacity: 0.55;
}
.france .v105 {
  top: 66em;
  left: 32.9em;
}
.france .v105 a {
  font-size: 1.8em;
  opacity: 0.45;
}
.france .v106 {
  top: 66em;
  left: 39em;
}
.france .v106 a {
  font-size: 2.6em;
  opacity: 0.66;
}
.france .v107 {
  top: 66em;
  left: 61em;
}
.france .v107 a {
  font-size: 2em;
  opacity: 0.45;
}
.france .v108 {
  top: 69.15em;
  left: 27.6em;
}
.france .v108 a {
  font-size: 1.4em;
  opacity: 0.48;
}
.france .v109 {
  top: 69.15em;
  left: 36.6em;
}
.france .v109 a {
  font-size: 2.6em;
  opacity: 0.92;
}
.france .v110 {
  top: 69.15em;
  left: 67.5em;
}
.france .v110 a {
  font-size: 1.6em;
  opacity: 0.79;
}
.france .v111 {
  top: 72.3em;
  left: 67em;
}
.france .v111 a {
  font-size: 1.8em;
  opacity: 0.84;
}



a#nantes-link {
    opacity: 1;
}

button#close-btn {
    display: none !important;
}

button#close-btn {
    float: right;
    background: transparent;
    border-radius: 1000px;
    color: black;
    font-family: arial !important;
}

div#arras-info {
    color: white;
}

div#nantes-info {
  width: 100%;
}

h3 {
    text-align: center;
}

.france a:hover {
    opacity: 1 !important;
}

.info-box {
    display: none;

    z-index: 1000;
}

div#arras-info {
    width: 100%
}


div#nantes-info {
  width: 100%
}



.info-box p {
    display: none;
}


.columnun {
    flex: 1;
    background-color: transparent;
    padding: 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;    
}



#columnun {
  width: 50% !important;
}

#inside {
    max-width: 100%;
    padding: 0 !important;
    float: none;
    display: block;
    border-radius: 1000px;
    width: 750px;
}


.container {
    display: flex;
    width: auto;
    padding: 15px;
    gap: 30px;
    padding-left: 70px;
    padding-right: 70px;
        transform: scale(0.85);
}
	
	
	#columnun {
	  width: 50% !important;
	}