.map {float:left;display:block; width:430px; height:375px; background:url(../map/carte_430.png); position:relative; margin:0 auto 2em auto;}
.map a {color:#000; font-family:arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase;}

a#titre1, a#titre1:visited {display:block; width:430px; height:375px; padding-top:375px; position:absolute; left:0; top:0; background:transparent url(../map/carte_col.png) no-repeat 400px 400px; cursor:default; text-decoration:none;}
* html a#titre1 {height:375px;}
.map a#titre1:hover {background-position: 0 0; overflow:visible;}

a#stjean {display:block; width:143px; height:184px; padding-top:0px; overflow:hidden; position:absolute; left:-2px; top:8px; background:transparent url(../map/carte_stjean.gif) no-repeat 400px 400px;}
* html a#stjean {height:184px;}
a#stjean:hover {background-position: 0 0; overflow:visible;}

a#folligny {display:block; width:132px; height:132px; padding-top:0px; overflow:hidden; position:absolute; left:93px; top:51px; background:transparent url(../map/carte_folligny.gif) no-repeat 400px 400px;}
* html a#folligny {height:132px;}
a#folligny:hover {background-position: 0 0; overflow:visible;}

a#equilly {display:block; width:84px; height:117px; padding-top:0px; overflow:hidden; position:absolute; left:195px; top:24px; background:transparent url(../map/carte_equilly.gif) no-repeat 400px 400px;}
* html a#equilly {height:117px;}
a#equilly:hover {background-position: 0 0; overflow:visible;}

a#beauchamps {display:block; width:55px; height:76px; padding-top:0px; overflow:hidden; position:absolute; left:231px; top:37px; background:transparent url(../map/carte_beauchamps.gif) no-repeat 400px 400px;}
* html a#beauchamps {height:76px;}
a#beauchamps:hover {background-position: 0 0; overflow:visible;}

a#hayepesnel {display:block; width:111px; height:113px; padding-top:0px; overflow:hidden; position:absolute; left:189px; top:83px; background:transparent url(../map/carte_hayepesnel.gif) no-repeat 400px 400px;}
* html a#hayepesnel {height:113px;}
a#hayepesnel:hover {background-position: 0 0; overflow:visible;}

a#hocquigny {display:block; width:50px; height:66px; padding-top:0px; overflow:hidden; position:absolute; left:165px; top:119px; background:transparent url(../map/carte_hocquigny.gif) no-repeat 400px 400px;}
* html a#hocquigny {height:66px;}
a#hocquigny:hover {background-position: 0 0; overflow:visible;}

a#letanu {display:block; width:131px; height:138px; padding-top:0px; overflow:hidden; position:absolute; left:252px; top:99px; background:transparent url(../map/carte_letanu.gif) no-repeat 400px 400px;}
* html a#letanu {height:138px;}
a#letanu:hover {background-position: 0 0; overflow:visible;}

a#lucerne {display:block; width:223px; height:83px; padding-top:0px; overflow:hidden; position:absolute; left:59px; top:172px; background:transparent url(../map/carte_lucerne.gif) no-repeat 400px 400px;}
* html a#lucerne {height:83px;}
a#lucerne:hover {background-position: 0 0; overflow:visible;}

a#larochelle {display:block; width:85px; height:105px; padding-top:0px; overflow:hidden; position:absolute; left:77px; top:234px; background:transparent url(../map/carte_larochelle.gif) no-repeat 400px 400px;}
* html a#larochelle {height:105px;}
a#larochelle:hover {background-position: 0 0; overflow:visible;}

a#champcervon {display:block; width:81px; height:75px; padding-top:0px; overflow:hidden; position:absolute; left:150px; top:219px; background:transparent url(../map/carte_champcervon.gif) no-repeat 400px 400px;}
* html a#champcervon {height:75px;}
a#champcervon:hover {background-position: 0 0; overflow:visible;}

a#subligny {display:block; width:81px; height:112px; padding-top:0px; overflow:hidden; position:absolute; left:224px; top:258px; background:transparent url(../map/carte_subligny.gif) no-repeat 400px 400px;}
* html a#subligny {height:112px;}
a#subligny:hover {background-position: 0 0; overflow:visible;}

a#leschambres {display:block; width:62px; height:98px; padding-top:0px; overflow:hidden; position:absolute; left:193px; top:224px; background:transparent url(../map/carte_leschambres.gif) no-repeat 400px 400px;}
* html a#leschambres {height:98px;}
a#leschambres:hover {background-position: 0 0; overflow:visible;}

a#lamouche {display:block; width:72px; height:99px; padding-top:0px; overflow:hidden; position:absolute; left:246px; top:177px; background:transparent url(../map/carte_lamouche.gif) no-repeat 400px 400px;}
* html a#lamouche {height:99px;}
a#lamouche:hover {background-position: 0 0; overflow:visible;}

a#leluot {z-index:115;display:block; width:101px; height:122px; padding-top:0px; overflow:hidden; position:absolute; left:265px; top:229px; background:transparent url(../map/carte_leluot.gif) no-repeat 400px 400px;}
* html a#leluot {height:122px;}
a#leluot:hover {background-position: 0 0; overflow:visible;}

a#stepience {z-index:114;display:block; width:113px; height:124px; padding-top:0px; overflow:hidden; position:absolute; left:317px; top:212px; background:transparent url(../map/carte_stepience.gif) no-repeat 400px 400px;}
* html a#stepience {height:124px;}
a#stepience:hover {background-position: 0 0; overflow:visible;}

/* INFOS BULLE */
dl.map.on dd {
	color:#000;
	width:180px;
	left:-9999px;
	padding:4px 0px 4px 4px;
	line-height:16px;
/*
	background:#e1ede6;
	background:url(../map/fond.png) repeat-x;
	border:1px solid #d2e6dc;
*/
	position:absolute;
/*
	opacity:0.8;
	filter:alpha(opacity=80); /* IE */
/*	-moz-border-radius:8px;
	border-radius:8px;
*/
	z-index:11;
	font-size:11px;
}
dl.map.on dd, dl.map.on dd P {
	font-size:11px;
	text-align:left;
	margin-top:10px;
}