ol#secteurs_txt
{
	position: relative;
	z-index: 2;
	width: 200px;
	
	margin: -620px 0 20px 0;			/* HAUT, DROITE, BAS, GAUCHE */
	list-style-position: inside;		/* Alignement */	
	list-style-type: none;				/* style de la puce */
}

ul#secteurs
{
	position: relative;
	z-index: 1;
	
	width: 500px;
	height: 786px;
	background: url(../images/cartes/carte_secteurs.gif) no-repeat left top;
	margin: 22px auto; 					/* B, G */
	padding-top: 0;
	position: relative;
}

ul#secteurs li 
{
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
	border: solid 0px #fff;
}
	
ul#secteurs a 
{
	display: block; 
	/*border: solid 1px #F00;*/
}

#sect1 {left: 95px; top: 32px; width: 70px; height: 90px;}
#sect2 {left: 164px; top: 62px; width: 35px; height: 80px;}
#sect3 {left: 198px; top: 85px; width: 25px; height: 65px;}
#sect4 {left: 222px; top: 95px; width: 19px; height: 65px;}
#sect5 {left: 240px; top: 125px; width: 41px; height: 70px;}
#sect6 {left: 280px; top: 135px; width: 34px; height: 70px;}
#sect7 {left: 313px; top: 160px; width: 22px; height: 70px;}
#sect8 {left: 334px; top: 170px; width: 23px; height: 60px;}
#sect9 {left: 355px; top: 170px; width: 20px; height: 60px;}
#sect10 {left: 374px; top: 170px; width: 13px; height: 75px;}
#sect11 {left: 386px; top: 180px; width: 11px; height: 65px;}
#sect12 {left: 396px; top: 190px; width: 25px; height: 39px;}
#sect13 {left: 420px; top: 190px; width: 16px; height: 50px;}
#sect14 {left: 435px; top: 190px; width: 16px; height: 42px;}
#sect15 {left: 450px; top: 200px; width: 26px; height: 32px;}
#sect16 {left: 400px; top: 233px; width: 70px; height: 42px;}
#sect17 {left: 400px; top: 273px; width: 60px; height: 26px;}
#sect18 {left: 380px; top: 296px; width: 75px; height: 28px;}
#sect19 {left: 380px; top: 321px; width: 75px; height: 20px;}
#sect20 {left: 360px; top: 339px; width: 80px; height: 12px;}
#sect21 {left: 310px; top: 350px; width: 115px; height: 73px;}
#sect22 {left: 310px; top: 422px; width: 120px; height: 70px;}
#sect23 {left: 320px; top: 491px; width: 125px; height: 63px;}
#sect24 {left: 335px; top: 552px; width: 110px; height: 53px;}
#sect25 {left: 335px; top: 603px; width: 150px; height: 100px;}

#sect1 a {height: 90px;}
#sect2 a {height: 80px;}
#sect3 a {height: 65px;}
#sect4 a {height: 65px;}
#sect5 a {height: 70px;}
#sect6 a {height: 70px;}
#sect7 a {height: 70px;}
#sect8 a {height: 60px;}
#sect9 a {height: 60px;}
#sect10 a {height: 75px;}
#sect11 a {height: 65px;}
#sect12 a {height: 39px;}
#sect13 a {height: 50px;}
#sect14 a {height: 42px;}
#sect15 a {height: 32px;}
#sect16 a {height: 42px;}
#sect17 a {height: 26px;}
#sect18 a {height: 28px;}
#sect19 a {height: 20px;}
#sect20 a {height: 12px;}
#sect21 a {height: 73px;}
#sect22 a {height: 70px;}
#sect23 a {height: 63px;}
#sect24 a {height: 53px;}
#sect25 a {height: 100px;}

#sect1 a:hover {background: url(../images/cartes/carte_secteurs.gif) -95px -818px no-repeat;}	/* Horizontal sectN= left sectN    --- ou ---   ( left sectN-1 + width sectN-1 ) - 1 */
#sect2 a:hover {background: url(../images/cartes/carte_secteurs.gif) -164px -848px no-repeat;}	/* Vertical sectN = Vertical sectN-1 + ( top sectN - top sectN-1 ) */
#sect3 a:hover {background: url(../images/cartes/carte_secteurs.gif) -198px -871px no-repeat;}
#sect4 a:hover {background: url(../images/cartes/carte_secteurs.gif) -222px -881px no-repeat;}
#sect5 a:hover {background: url(../images/cartes/carte_secteurs.gif) -240px -911px no-repeat;}
#sect6 a:hover {background: url(../images/cartes/carte_secteurs.gif) -280px -921px no-repeat;}
#sect7 a:hover {background: url(../images/cartes/carte_secteurs.gif) -313px -946px no-repeat;}
#sect8 a:hover {background: url(../images/cartes/carte_secteurs.gif) -334px -956px no-repeat;}
#sect9 a:hover {background: url(../images/cartes/carte_secteurs.gif) -355px -956px no-repeat;}
#sect10 a:hover {background: url(../images/cartes/carte_secteurs.gif) -374px -956px no-repeat;}
#sect11 a:hover {background: url(../images/cartes/carte_secteurs.gif) -386px -966px no-repeat;}
#sect12 a:hover {background: url(../images/cartes/carte_secteurs.gif) -396px -976px no-repeat;}
#sect13 a:hover {background: url(../images/cartes/carte_secteurs.gif) -420px -976px no-repeat;}
#sect14 a:hover {background: url(../images/cartes/carte_secteurs.gif) -435px -976px no-repeat;}
#sect15 a:hover {background: url(../images/cartes/carte_secteurs.gif) -450px -986px no-repeat;}
#sect16 a:hover {background: url(../images/cartes/carte_secteurs.gif) -400px -1019px no-repeat;}
#sect17 a:hover {background: url(../images/cartes/carte_secteurs.gif) -400px -1059px no-repeat;}
#sect18 a:hover {background: url(../images/cartes/carte_secteurs.gif) -380px -1082px no-repeat;}
#sect19 a:hover {background: url(../images/cartes/carte_secteurs.gif) -380px -1107px no-repeat;}
#sect20 a:hover {background: url(../images/cartes/carte_secteurs.gif) -360px -1125px no-repeat;}
#sect21 a:hover {background: url(../images/cartes/carte_secteurs.gif) -310px -1136px no-repeat;}
#sect22 a:hover {background: url(../images/cartes/carte_secteurs.gif) -310px -1208px no-repeat;}
#sect23 a:hover {background: url(../images/cartes/carte_secteurs.gif) -320px -1277px no-repeat;}
#sect24 a:hover {background: url(../images/cartes/carte_secteurs.gif) -335px -1338px no-repeat;}
#sect25 a:hover {background: url(../images/cartes/carte_secteurs.gif) -335px -1389px no-repeat;}