/*This file contain all the styles dor the map*************/

#map{
  background-image:url(../images/Praxy_carte.png);
  width:457px;
  height:462px
}

#map_loader {
  position: relative;
  top: 50%;
  left: 50%;
}

.department{
  background-image:url(../images/Praxy_departements.png);
  width:457px;
  height:462px;
  position: absolute;
}
.department#dep_1{
  background-position: -90px 0px;
  position: absolute;
  margin-top: 223px;
  margin-left: 328px;
  width: 50px;
  height: 70px;
}
.department#dep_1{
  background-position: -90px 0px;
  position: absolute;
  margin-top: 223px;
  margin-left: 328px;
  width: 50px;
  height: 70px;
}

.department#dep_2{
  background-position: -160px 0px;
  position: absolute;
  margin-top: 47px;
  margin-left: 275px;
  width: 50px;
  height: 80px;
}


.department#dep_2b{
  background-position: -565px -696px;
  position: absolute;
  margin-top: 385px;
  margin-left: 395px;
  width: 50px;
  height: 60px;
}

.department#dep_2a{
  background-position: -500px -693px;
  position: absolute;
  margin-top: 404px;
  margin-left: 395px;
  width:50px;
  height:50px;
}

.department#dep_3{
  background-position: -220px 0px;
  position: absolute;
  margin-top: 205px;
  margin-left: 238px;
  width: 70px;
  height: 80px;
}

.department#dep_4{
  background-position: -286px 0px;
  position: absolute;
  margin-top: 321px;
  margin-left: 340px;
  width: 70px;
  height: 80px;
}

.department#dep_5{
  background-position: -363px 0px;
  position: absolute;
  margin-top: 296px;
  margin-left: 346px;
  width: 70px;
  height: 80px;
}

.department#dep_6{
  background-position: -433px 0px;
  position: absolute;
  margin-top: 333px;
  margin-left: 380px;
  width: 70px;
  height: 80px;
}

.department#dep_7{
  background-position: -493px 0px;
  position: absolute;
  margin-top: 286px;
  margin-left: 270px;
  width: 70px;
  height: 80px;
}

.department#dep_8{
  background-position: -575px 0px;
  position: absolute;
  margin-top: 38px;
  margin-left: 305px;
  width: 70px;
  height: 80px;
}

.department#dep_9{
  background-position: -633px 0px;
  position: absolute;
  margin-top: 375px;
  margin-left: 160px;
  width: 70px;
  height: 80px;
}

.department#dep_10{
  background-position: 0px -80px;
  position: absolute;
  margin-top: 112px;
  margin-left: 268px;
  width: 70px;
  height: 80px;
}


.department#dep_11{
  background-position: -80px -80px;
  position: absolute;
  margin-top: 376px;
  margin-left: 205px;
  width: 70px;
  height: 80px;
}


.department#dep_12{
  background-position: -140px -80px;
  position: absolute;
  margin-top: 314px;
  margin-left: 204px;
  width: 70px;
  height: 80px;
}

.department#dep_13{
  background-position: -220px -80px;
  position: absolute;
  margin-top: 356px;
  margin-left: 299px;
  width: 70px;
  height: 80px;
}

.department#dep_14{
  background-position: -288px -80px;
  position: absolute;
  margin-top: 61px;
  margin-left: 128px;
  width: 70px;
  height: 80px;
}

.department#dep_15{
  background-position: -360px -80px;
  position: absolute;
  margin-top: 275px;
  margin-left: 218px;
  width: 70px;
  height: 80px;
}

.department#dep_16{
  background-position: -424px -80px;
  position: absolute;
  margin-top: 238px;
  margin-left: 128px;
  width: 70px;
  height: 80px;
}

.department#dep_17{
  background-position: -500px -80px;
  position: absolute;
  margin-top: 230px;
  margin-left: 101px;
  width: 70px;
  height: 80px;
}

.department#dep_18{
  background-position: -570px -80px;
  position: absolute;
  margin-top: 174px;
  margin-left: 216px;
  width: 70px;
  height: 80px;
}

.department#dep_19{
  background-position: -640px -80px;
  position: absolute;
  margin-top: 260px;
  margin-left: 191px;
  width: 70px;
  height: 80px;
}

.department#dep_21{
  background-position: -70px -160px;
  position: absolute;
  margin-top: 160px;
  margin-left: 290px;
  width: 70px;
  height: 80px;
}

.department#dep_22{
  background-position: -145px -160px;
  position: absolute;
  margin-top: 88px;
  margin-left: 42px;
  width: 70px;
  height: 80px;
}

.department#dep_23{
  background-position: -220px -160px;
  position: absolute;
  margin-top: 226px;
  margin-left: 197px;
  width: 70px;
  height: 80px;
}

.department#dep_24{
  background-position: -290px -160px;
  position: absolute;
  margin-top: 270px;
  margin-left: 147px;
  width: 70px;
  height: 80px;
}

.department#dep_25{
  background-position: -360px -160px;
  position: absolute;
  margin-top: 184px;
  margin-left: 352px;
  width: 70px;
  height: 80px;
}

.department#dep_26{
  background-position: -430px -160px;
  position: absolute;
  margin-top: 301px;
  margin-left: 308px;
  width: 70px;
  height: 80px;
}

.department#dep_27{
  background-position: -490px -160px;
  position: absolute;
  margin-top: 71px;
  margin-left: 168px;
  width: 70px;
  height: 80px;
}

.department#dep_28{
  background-position: -557px -160px;
  position: absolute;
  margin-top: 105px;
  margin-left: 173px;
  width: 70px;
  height: 80px;
}

.department#dep_29{
  background-position: -630px -160px;
  position: absolute;
  margin-top: 95px;
  margin-left: -12px;
  width: 70px;
  height: 80px;
}

.department#dep_30{
  background-position: -7px -230px;
  position: absolute;
  margin-top: 333px;
  margin-left: 262px;
  width: 70px;
  height: 80px;
}

.department#dep_31{
  background-position: -77px -230px;
  position: absolute;
  margin-top: 359px;
  margin-left: 155px;
  width: 70px;
  height: 80px;
}

.department#dep_32{
  background-position: -151px -230px;
  position: absolute;
  margin-top: 338px;
  margin-left: 133px;
  width: 70px;
  height: 80px;
}

.department#dep_33{
  background-position: -211px -230px;
  position: absolute;
  margin-top: 273px;
  margin-left: 94px;
  width: 70px;
  height: 80px;
}

.department#dep_34{
  background-position: -284px -230px;
  position: absolute;
  margin-top: 351px;
  margin-left: 233px;
  width: 70px;
  height: 80px;
}

.department#dep_35{
  background-position: -361px -230px;
  position: absolute;
  margin-top: 102px;
  margin-left: 83px;
  width: 70px;
  height: 80px;
}

.department#dep_36{
  background-position: -427px -230px;
  position: absolute;
  margin-top: 183px;
  margin-left: 180px;
  width: 70px;
  height: 80px;
}

.department#dep_37{
  background-position: -497px -230px;
  position: absolute;
  margin-top: 160px;
  margin-left: 153px;
  width: 70px;
  height: 80px;
}

.department#dep_38{
  background-position: -567px -230px;
  position: absolute;
  margin-top: 268px;
  margin-left: 318px;
  width: 70px;
  height: 80px;
}

.department#dep_39{
  background-position: -632px -230px;
  position: absolute;
  margin-top: 192px;
  margin-left: 322px;
  width: 70px;
  height: 80px;
}

.department#dep_40{
  background-position: -7px -300px;
  margin-top: 310px;
  margin-left: 88px;
  width: 70px;
  height: 80px;
}

.department#dep_41{
  background-position: -77px -300px;
  margin-top: 134px;
  margin-left: 181px;
  width: 70px;
  height: 80px;
}

.department#dep_42{
  background-position: -147px -300px;
  margin-top: 237px;
  margin-left: 272px;
  width: 70px;
  height: 80px;
}

.department#dep_43{
  background-position: -217px -310px;
  margin-top: 280px;
  margin-left: 256px;
  width: 70px;
  height: 80px;
}

.department#dep_44{
  background-position: -287px -300px;
  margin-top: 138px;
  margin-left: 71px;
  width: 70px;
  height: 80px;
}

.department#dep_45{
  background-position: -363px -300px;
  margin-top: 124px;
  margin-left: 217px;
  width: 70px;
  height: 80px;
}

.department#dep_46{
  background-position: -7px -300px;
  margin-top: 310px;
  margin-left: 88px;
  width: 70px;
  height: 80px;
}

.department#dep_47{
  background-position: -505px -300px;
  margin-top: 296px;
  margin-left: 137px;
  width: 70px;
  height: 80px;
}

.department#dep_48{
  background-position: -567px -300px;
  margin-top: 297.5px;
  margin-left: 244px;
  width: 70px;
  height: 80px;
}

.department#dep_49{
  background-position: -632px -300px;
  margin-top: 139px;
  margin-left: 108px;
  width: 70px;
  height: 80px;
}

.department#dep_50{
  background-position: -7px -380px;
  margin-top: 58px;
  margin-left: 96px;
  width: 70px;
  height: 80px;
}

.department#dep_51{
  background-position: -77px -380px;
  margin-top: 78px;
  margin-left: 281px;
  width: 70px;
  height: 80px;
}

.department#dep_52{
  background-position: -147px -380px;
  margin-top: 122px;
  margin-left: 313px;
  width: 70px;
  height: 80px;
}

.department#dep_53{
  background-position: -228px -380px;
  margin-top: 109px;
  margin-left: 124px;
  width: 60px;
  height: 80px;
}

.department#dep_54{
  background-position: -282px -380px;
  margin-top: 81px;
  margin-left: 345px;
  width: 70px;
  height: 80px;
}

.department#dep_55{
  background-position: -357px -390px;
  margin-top: 88px;
  margin-left: 318px;
  width: 70px;
  height: 80px;
}

.department#dep_56{
  background-position: -417px -380px;
  margin-top: 116px;
  margin-left: 26px;
  width: 70px;
  height: 80px;
}

.department#dep_57{
  background-position: -497px -380px;
  margin-top: 79px;
  margin-left: 367px;
  width: 70px;
  height: 80px;
}

.department#dep_58{
  background-position: -575px -380px;
  margin-top: 171px;
  margin-left: 261px;
  width: 50px;
  height: 80px;
}

.department#dep_59{
  background-position: -633px -380px;
  margin-top: -2px;
  margin-left: 247px;
  width: 70px;
  height: 80px;
}

.department#dep_60{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}

.department#dep_61{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}

.department#dep_62{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}


.department#dep_63{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}


.department#dep_64{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}


.department#dep_65{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}


.department#dep_66{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}


.department#dep_67{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}


.department#dep_68{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}


.department#dep_69{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}


.department#dep_70{
  background-position: -7px -460px;
  margin-top: 57px;
  margin-left: 221px;
  width: 70px;
  height: 80px;
}