div.map {
  font-family: arial, sans-serif;
  position:relative; /*absolute */
  width:478px; height:316px; background: transparent url(map01.jpg);
  z-index: 0;
  }
div.map:hover {
   /*background: none; */
   /*z-index: 500; */
}



/* Liste des villes - Position */
/*div.map #infos 		{position:absolute;left:36px; top:100px; z-index:2;height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;} */
div.map #vancouver	{position:absolute;left:65px; top:222px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #victoria 	{position:absolute;left:58px; top:234px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #kamloops	{position:absolute;left:85px; top:206px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #nanaimo 	{position:absolute;left:53px; top:223px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #princegeorge{position:absolute;left:55px; top:178px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #calgary{position:absolute;left:114px; top:187px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #edmonton{position:absolute;left:109px; top:171px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #lethbridge{position:absolute;left:125px; top:218px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #medecinehat{position:absolute;left:139px; top:215px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #regina{position:absolute;left:176px; top:215px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #saskatoon{position:absolute;left:163px; top:196px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #brandon{position:absolute;left:194px; top:218px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #winnipeg{position:absolute;left:211px; top:218px; z-index:0; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}

div.map #alfred{position:absolute;left:340px; top:256px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #barrie{position:absolute;left:306px; top:261px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #brantford{position:absolute;left:309px; top:268px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #guelph{position:absolute;left:315px; top:259px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #hamilton{position:absolute;left:313px; top:279px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #kingston{position:absolute;left:332px; top:268px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #london{position:absolute;left:303px; top:281px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #nipissing{position:absolute;left:302px; top:243px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #oshawa{position:absolute;left:326px; top:265px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #ottawa{position:absolute;left:332px; top:253px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #peterborough{position:absolute;left:342px; top:266px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #stcatharines{position:absolute;left:332px; top:274px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #sudbury{position:absolute;left:286px; top:246px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #thunderbay{position:absolute;left:251px; top:238px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #waterloo{position:absolute;left:304px; top:274px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #windsor{position:absolute;left:293px; top:282px; z-index:4; height:10px; width:10px;  background:transparent url(pointorange.gif) bottom left no-repeat;}
div.map #toronto 	{position:absolute;left:321px; top:272px; z-index:4; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}

div.map #chicoutimi 			{position:absolute;left:356px; top:236px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #gatineau		{position:absolute;left:336px; top:244px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #lapocatiere 			{position:absolute;left:380px; top:231px; z-index:1; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #lennoxville		{position:absolute;left:367px; top:255px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #montreal 			{position:absolute;left:351px; top:258px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #quebec			{position:absolute;left:371px; top:235px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #rivduloup 			{position:absolute;left:392px; top:230px; z-index:1; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #sherbrooke			{position:absolute;left:361px; top:257px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}

div.map #fredericton 			{position:absolute;left:382px; top:259px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #moncton			{position:absolute;left:393px; top:243px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #stjean 			{position:absolute;left:384px; top:248px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #sackville			{position:absolute;left:393px; top:252px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}

div.map #antigonish		{position:absolute;left:414px; top:255px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #halifax			{position:absolute;left:407px; top:264px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #pointedeleglise	{position:absolute;left:390px; top:271px; z-index:3; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #truro			{position:absolute;left:405px; top:255px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #wolfville		{position:absolute;left:398px; top:261px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}


div.map #charlottetown			{position:absolute;left:408px; top:243px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #stjohns			{position:absolute;left:458px; top:243px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}
div.map #whitehorse		{position:absolute;left:13px; top:110px; z-index:2; height:10px; width:10px;  background:url(pointorange.gif) bottom left no-repeat;}



div.map .cache {display: none;z-index:4; color:#000000; }

div.map:hover .cache {
   display: block; /*inline*/
   position: absolute; /*absolute*/
   /*white-space: nowrap;*/
   font-size:10px;
   font-weight:normal;
   height:100px;
   width:150px;  /* Largeur de la bulle */
   left:0px; top:-100px; /* position de la bulle, au dessus du point (-100px)*/
   /* attention, la bulle doit toucher au point, sinon on ne peut cliquer les liens à l'intérieur de celle-ci */
   background: #FFF;
   padding: 3px;
   border: 1px solid #5D779A;
   border-top: 4px solid #5D779A;
   overflow:auto;
   clip: rect(auto auto 500 auto);
   z-index:6; text-align:left;
}

div.map .cache ul {
	margin-left: 1em;
	padding-left: 1em;
	text-indent: 0em;}



/* Liste des villes - montrer lorsqu'on survole*/
div.map #infos:hover .cache 			{display: inline;z-index:6; }
div.map #vancouver:hover .cache			{display: inline;z-index:6; }
div.map #victoria:hover .cache	{display: inline;z-index:8; }
div.map #kamloops:hover .cache	{display: inline;z-index:6; }
div.map #nanaimo:hover .cache	{display: inline;z-index:6; }
div.map #princegeorge:hover .cache	{display: inline;z-index:6; }
div.map #calgary:hover .cache	{display: inline;z-index:6; }
div.map #edmonton:hover .cache			{display: inline;z-index:6; }
div.map #lethbridge:hover .cache			{display: inline;z-index:6; }
div.map #medecinehat:hover .cache			{display: inline;z-index:6; }
div.map #regina:hover .cache			{display: inline;z-index:6; }
div.map #saskatoon:hover .cache			{display: inline;z-index:6; }
div.map #brandon:hover .cache			{display: inline;z-index:6; }
div.map #winnipeg:hover .cache			{display: inline;z-index:6; }
div.map #alfred:hover .cache			{display: inline;z-index:6; }
div.map #barrie:hover .cache			{display: inline;z-index:6; }
div.map #brantford:hover .cache			{display: inline;z-index:6; }
div.map #guelph:hover .cache			{display: inline;z-index:6; }
div.map #hamilton:hover .cache			{display: inline;z-index:6; }
div.map #kingston:hover .cache			{display: inline;z-index:6; }
div.map #london:hover .cache			{display: inline;z-index:6; }
div.map #nipissing:hover .cache			{display: inline;z-index:6; }
div.map #oshawa:hover .cache			{display: inline;z-index:6; }
div.map #ottawa:hover .cache			{display: inline;z-index:6; }
div.map #peterborough:hover .cache			{display: inline;z-index:6; }
div.map #stcatharines:hover .cache			{display: inline;z-index:6; }
div.map #sudbury:hover .cache			{display: inline;z-index:6; }
div.map #thunderbay:hover .cache			{display: inline;z-index:6; }
div.map #waterloo:hover .cache			{display: inline;z-index:6; }
div.map #windsor:hover .cache			{display: inline;z-index:6; }
div.map #toronto:hover .cache			{display: inline;z-index:6; }

div.map #chicoutimi:hover .cache			{display: inline;z-index:6; }
div.map #gatineau:hover .cache			{display: inline;z-index:6; }
div.map #lapocatiere:hover .cache			{display: inline;z-index:6; }
div.map #lennoxville:hover .cache			{display: inline;z-index:6; }
div.map #montreal:hover .cache			{display: inline;z-index:6; }
div.map #quebec:hover .cache			{display: inline;z-index:6; }
div.map #rivduloup:hover .cache			{display: inline;z-index:6; }
div.map #sherbrooke:hover .cache			{display: inline;z-index:6; }

div.map #fredericton:hover .cache			{display: inline;z-index:6; }
div.map #moncton:hover .cache			{display: inline;z-index:6; }
div.map #stjean:hover .cache			{display: inline;z-index:6; }
div.map #sackville:hover .cache			{display: inline;z-index:6; }

div.map #antigonish:hover .cache			{display: inline;z-index:6; }
div.map #halifax:hover .cache			{display: inline;z-index:6; }
div.map #pointedeleglise:hover .cache			{display: inline;z-index:6; }
div.map #truro:hover .cache			{display: inline;z-index:6; }
div.map #wolfville:hover .cache			{display: inline;z-index:6; }

div.map #charlottetown:hover .cache			{display: inline;z-index:6; }
div.map #stjohns:hover .cache			{display: inline;z-index:6; }
div.map #whitehorse:hover .cache			{display: inline;z-index:6; }




/* Liste des villes - cacher les autres */
div.map #infos:hover .cache 	{display: none;z-index:4; }
div.map #vancouver .cache			{display: none;z-index:4; }
div.map #victoria .cache		{display: none;z-index:4; }
div.map #kamloops .cache		{display: none;z-index:4; }
div.map #nanaimo .cache		{display: none;z-index:4; }
div.map #princegeorge .cache	{display: none;z-index:4; }
div.map #calgary .cache	{display: none;z-index:4; }
div.map #edmonton .cache			{display: none;z-index:4; }
div.map #lethbridge .cache			{display: none;z-index:4; }
div.map #medecinehat .cache			{display: none;z-index:4; }
div.map #regina .cache			{display: none;z-index:4; }
div.map #saskatoon .cache			{display: none;z-index:4; }
div.map #brandon .cache			{display: none;z-index:4; }
div.map #winnipeg .cache			{display: none;z-index:4; }
div.map #alfred .cache			{display: none;z-index:4; }
div.map #barrie .cache			{display: none;z-index:4; }
div.map #brantford .cache			{display: none;z-index:4; }
div.map #guelph .cache			{display: none;z-index:4; }
div.map #hamilton .cache			{display: none;z-index:4; }
div.map #kingston .cache			{display: none;z-index:4; }
div.map #london .cache			{display: none;z-index:4; }
div.map #nipissing .cache			{display: none;z-index:4; }
div.map #oshawa .cache			{display: none;z-index:4; }
div.map #ottawa .cache			{display: none;z-index:4; }
div.map #peterborough .cache			{display: none;z-index:4; }
div.map #stcatharines .cache			{display: none;z-index:4; }
div.map #sudbury .cache			{display: none;z-index:4; }
div.map #thunderbay .cache			{display: none;z-index:4; }
div.map #waterloo .cache			{display: none;z-index:4; }
div.map #windsor .cache			{display: none;z-index:4; }
div.map #toronto .cache			{display: none;z-index:4; }

div.map #chicoutimi .cache			{display: none;z-index:4; }
div.map #gatineau .cache			{display: none;z-index:4; }
div.map #lapocatiere .cache			{display: none;z-index:4; }
div.map #lennoxville .cache			{display: none;z-index:4; }
div.map #montreal .cache			{display: none;z-index:4; }
div.map #quebec .cache			{display: none;z-index:4; }
div.map #rivduloup .cache			{display: none;z-index:4; }
div.map #sherbrooke .cache			{display: none;z-index:4; }

div.map #fredericton .cache			{display: none;z-index:4; }
div.map #moncton .cache			{display: none;z-index:4; }
div.map #stjean .cache			{display: none;z-index:4; }
div.map #sackville .cache			{display: none;z-index:4; }

div.map #antigonish .cache			{display: none;z-index:4; }
div.map #halifax .cache			{display: none;z-index:4; }
div.map #pointedeleglise .cache			{display: none;z-index:4; }
div.map #truro .cache			{display: none;z-index:4; }
div.map #wolfville .cache			{display: none;z-index:4; }

div.map #charlottetown .cache			{display: none;z-index:4; }
div.map #stjohns .cache			{display: none;z-index:4; }
div.map #whitehorse .cache			{display: none;z-index:4; }