@charset "utf-8";
/* CSS Document */



#provinces_block{ float:left; width:100%; max-width: 610px; position: relative; }
#provinces_content{
  height: 100%;
  min-height: 100%;
}
#provinces_block img {
  max-width: 100%;
  display: inline-block;
 }
a.provinces {
	/*-- background:rgba(0,255,0,0.5);  afficher la couleur pour pouvoir placer les carrés */
	position: absolute;display:block;
}
 /*--background:rgba(220,200,20,0.5);  afficher la couleur pour pouvoir placer les carrés */
a.province_nord{ height:15%; width:30%; top:2%; left:20%;  }
a.province_iles{ height:20%; width:30%; top:2%; left:70%; }
a.province_sud{ height:20%; width:30%; top:75%; left:20%;  }





#versants_block{ float:left; width:100%; max-width: 610px; position: relative; }
#versants_content{
  height: 100%;
  min-height: 100%;
}
#versants_block img {
  max-width: 100%;
  display: inline-block;
}
a.versants {
	/*-- background:rgba(0,255,0,0.5);  afficher la couleur pour pouvoir placer les carrés */
	position: absolute;display:block;
}
 /*--background:rgba(220,200,20,0.5);  afficher la couleur pour pouvoir placer les carrés */
a.versant_est{ height:15%; width:25%; top:2%; left:30%;  }
a.versant_ouest{ height:20%; width:30%; top:60%; left:1%; }



#zones_block{ float:left; width:100%; max-width: 610px; position: relative; }
#zones_content{
  height: 100%;
  min-height: 100%;
}
#zones_block img {
  max-width: 100%;
  display: inline-block;
}
a.zones {
	/*-- background:rgba(0,255,0,0.5);  afficher la couleur pour pouvoir placer les carrés */
	position: absolute;display:block;
}
 /*--background:rgba(220,200,20,0.5);  afficher la couleur pour pouvoir placer les carrés */
a.zone_gnord{ height:12%; width:25%; top:0%; left:20%;  }
a.zone_coceanienne{ height:15%; width:25%; top:13%; left:35%; }
a.zone_sminier{ height:15%; width:20%; top:30%; left:47%;  }
a.zone_srural{ height:18%; width:25%; top:50%; left:60%; }
a.zone_gouest{ height:22%; width:28%; top:50%; left:0%;  }
a.zone_gnoumea{ height:20%; width:30%; top:80%; left:25%; }




#communes_block{ float:left; width:100%; max-width: 610px; position: relative; }
#communes_content{
  height: 100%;
  min-height: 100%;
}
#communes_block img {
  max-width: 100%;
  display: inline-block;
}
a.communes {
	background:rgba(100,200,100,0.3);  /*-- afficher la couleur pour pouvoir placer les carrés */
	position: absolute;display:block;
}
 /*--background:rgba(220,200,20,0.5);  afficher la couleur pour pouvoir placer les carrés */
a.commune_poum{ height:5%; width:5%; top:8%; left:0%;  }
a.commune_koumac{ height:5%; width:8%; top:16%; left:0%; }
a.commune_kaala{ height:5%; width:10%; top:24%; left:0%;  }
a.commune_voh{ height:4%; width:6%; top:33%; left:11%; }
a.commune_kone{ height:4%; width:8%; top:38%; left:13%;  }
a.commune_pouembout{ height:5%; width:10%; top:44%; left:13%; }

a.commune_poya{ height:4%; width:7%; top:51%; left:22%;  }
a.commune_bourail{ height:4%; width:8%; top:59%; left:26%; }
a.commune_lafoa{ height:5%; width:7%; top:66%; left:37%;  }
a.commune_paita{ height:4%; width:7%; top:78%; left:48%; }
a.commune_noumea{ height:4%; width:8%; top:83%; left:51%; }
a.commune_montdore{ height:4%; width:10%; top:87%; left:56%; }

a.commune_ouegoa{ height:5%; width:8%; top:1%; left:10%;  }
a.commune_pouebo{ height:5%; width:8%; top:8%; left:17%; }
a.commune_hienghene{ height:5%; width:10%; top:16%; left:22%;  }
a.commune_touho{ height:4%; width:7%; top:22%; left:29%; }
a.commune_poindimie{ height:5%; width:10%; top:28%; left:33%;  }
a.commune_ponerihouen{ height:5%; width:12%; top:34%; left:36%; }

a.commune_houailou{ height:3.5%; width:10%; top:41%; left:40%;  }
a.commune_canala{ height:8%; width:12%; top:45%; left:45%;  }
a.commune_thio{ height:4%; width:7%; top:55%; left:57%; }
a.commune_yate{ height:5%; width:7%; top:68%; left:66%;  }
a.commune_ile_des_pins{ height:5%; width:12%; top:89%; left:82%; }

a.commune_ouvea{ height:5%; width:7%; top:15%; left:57%; }
a.commune_lifou { height:5%; width:7%; top:27%; left:79%;  }
a.commune_mare{ height:5%; width:5%; top:47%; left:95%; }