.imagefort{
  text-align: center;
}

.leaflet-popup{
  width: 600px;
  border: 5px solid #0066ff;
  background-color: #f6f6f6;

}
.leaflet-popup-content {
  margin-top: 20px;
  margin-right: 2px;
  padding-right: 12px;
  min-width: 550px;
  max-height: 300px;
  overflow: auto;
  }




.leaflet-popup-content{
  width: 500px !important;
  max-width:500px;
}


.fort{
  background: url("/IMG/Icones/forteresse.png") no-repeat;
  background-size: 24px;
}

.agents{
  background: url("/IMG/Icones/agentfond.png") no-repeat;
  background-size: 24px;
}

.opium{
  background: url("/IMG/Icones/opiumjauneV3.png") no-repeat;
  background-size: 24px;
}
.charbon{
  background: url("/IMG/Icones/charbonV3.png") no-repeat;
  background-size: 24px;
}
.argent{
  background: url("/IMG/Icones/argentV3.png") no-repeat;
  background-size: 36px;
}
.affrontement{
  background: url("/IMG/Icones/affrontementV3.png") no-repeat;
  background-size: 24px;
}
.arsenal{
  background: url("/IMG/Icones/arsenalV3.png") no-repeat;
  background-size: 24px;
}
.artillerie{
  background: url("/IMG/Icones/artillerieV3.png") no-repeat;
  background-size: 24px;
}
.ble{
  background: url("/IMG/Icones/bleV3.png") no-repeat;
  background-size: 24px;
}
.camp{
  background: url("/IMG/Icones/campV3.png") no-repeat;
  background-size: 24px;
}
.canne{
  background: url("/IMG/Icones/canne.png") no-repeat;
  background-size: 24px;
}
.cavalerie{
  background: url("/IMG/Icones/cavalerieV3.png") no-repeat;
  background-size: 24px;
}
.commerce{
  background: url("/IMG/Icones/commerceV3.png") no-repeat;
  background-size: 24px;
}
.coton{
  background: url("/IMG/Icones/cotonV3.png") no-repeat;
  background-size: 24px;
}
.cuivre{
  background: url("/IMG/Icones/cuivreV3.png") no-repeat;
  background-size: 24px;
}
.desert{
  background: url("/IMG/Icones/desertV3.png") no-repeat;
  background-size: 24px;
}
.fer{
  background: url("/IMG/Icones/ferV3.png") no-repeat;
  background-size: 24px;
}
.grain{
  background: url("/IMG/Icones/grainV3.png") no-repeat;
  background-size: 24px;
}
.indigo{
  background: url("/IMG/Icones/indigoV3.png") no-repeat;
  background-size: 24px;
}
.lin{
  background: url("/IMG/Icones/linV3.png") no-repeat;
  background-size: 24px;
}
.milicie{
  background: url("/IMG/Icones/miliceV3.png") no-repeat;
  background-size: 24px;
}
.mine{
  background: url("/IMG/Icones/mineV3.png") no-repeat;
  background-size: 24px;
}
.montagnes{
  background: url("/IMG/Icones/montagnesV3.png") no-repeat;
  background-size: 24px;
}
.navire{
  background: url("/IMG/Icones/navireV3.png") no-repeat;
  background-size: 24px;
}
.orange{
 background: url("/IMG/Icones/orangeV3.png") no-repeat;
 background-size: 24px;
}
.or{
  background: url("/IMG/Icones/orV3.png") no-repeat;
  background-size: 24px;
}
.patate{
  background: url("/IMG/Icones/patateV3.png") no-repeat;
  background-size: 24px;
}
.opium{
  background: url("/IMG/Icones/opium.png") no-repeat;
  background-size: 24px;
}
.plaine{
  background: url("/IMG/Icones/plaineV3.png") no-repeat;
  background-size: 24px;
}
.plomb{
  background: url("/IMG/Icones/plombV3.png") no-repeat;
  background-size: 24px;
}
.potager{
  background: url("/IMG/Icones/potagerV3.png") no-repeat;
  background-size: 24px;
}
.ravin{
  background: url("/IMG/Icones/ravinV3.png") no-repeat;
  background-size: 24px;
}
.route{
  background: url("/IMG/Icones/routeV3.png") no-repeat;
  background-size: 24px;
}
.tabac{
  background: url("/IMG/Icones/tabac.png") no-repeat;
  background-size: 24px;
}
.tabac2{
  background: url("/IMG/Icones/tabac2.png") no-repeat;
  background-size: 24px;
}
.traite{
  background: url("/IMG/Icones/traiteV3.png") no-repeat;
  background-size: 24px;
}
.village{
  background: url("/IMG/Icones/villageV3.png") no-repeat;
  background-size: 24px;
}
.ville{
  background: url("/IMG/Icones/villeV3.png") no-repeat;
  background-size: 24px;
}
.ville2{
  background: url("/IMG/Icones/ville.png") no-repeat;
  background-size: 24px;
}
.vin{
  background: url("/IMG/Icones/vinV3.png") no-repeat;
  background-size: 24px;
}
.cartenarrative{
  background: url("/IMG/Icones/cartenarrative.png") no-repeat;
  background-size: 24px;
}


/*#back{
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index:2565;
  top:0;
  left:0;
  background: rgba(0,0,0,0.5);
}

#content{
  position: absolute;
  top:25vh;
  left: 25vw;
  background: url('/IMG/Icônes/agent.png') repeat center center;
  width: 50vw;
  height: 50vh;
  z-index: 2566;
}

#message{
  overflow-y: scroll;
  height:80%;
  margin: 5%;
}

#close{
  position:absolute;
  top:0;
  right:0;
  background: red;
  z-index: 2567;
  width: 24px;
  height: 24px;
  cursor: pointer;
}*/