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

/*.province{ display: none;}*/

/* Liste des villes - Position */
/*.map #infos 		{position:absolute;left:36px; top:100px; z-index:2;height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;} */
.map #whitehorse{position:absolute;left:13px; top:110px; z-index:2; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #nanaimo 	{position:absolute;left:53px; top:223px; z-index:0; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #victoria 	{position:absolute;left:58px; top:234px; z-index:0; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #vancouver	{position:absolute;left:65px; top:222px; z-index:0; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #calgary	{position:absolute;left:114px; top:187px; z-index:0; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #edmonton	{position:absolute;left:109px; top:171px; z-index:0; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #lethbridge{position:absolute;left:125px; top:218px; z-index:0; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #regina	{position:absolute;left:176px; top:215px; z-index:0; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #saskatoon	{position:absolute;left:163px; top:196px; z-index:0; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #winnipeg	{position:absolute;left:211px; top:218px; z-index:0; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
/*.map #brantford	{position:absolute;left:309px; top:268px; z-index:4; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}*/
.map #guelph	{position:absolute;left:315px; top:259px; z-index:4; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #london	{position:absolute;left:303px; top:281px; z-index:4; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #ottawa	{position:absolute;left:332px; top:253px; z-index:4; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #sudbury	{position:absolute;left:286px; top:246px; z-index:4; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #toronto 	{position:absolute;left:321px; top:272px; z-index:4; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #waterloo	{position:absolute;left:304px; top:274px; z-index:4; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #lennoxville	{position:absolute;left:367px; top:255px; z-index:2; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #montreal 		{position:absolute;left:351px; top:258px; z-index:2; height:10px; width:10px;  background:transparent url(images/pointorange.gif) top left no-repeat;}
.map #quebec		{position:absolute;left:371px; top:235px; z-index:2; height:10px; width:10px;  background: transparent url(images/pointorange.gif) top left no-repeat;}
.map #sherbrooke	{position:absolute;left:361px; top:257px; z-index:2; height:10px; width:10px;  background: transparent url(images/pointorange.gif) top left no-repeat;}
.map #fredericton 	{position:absolute;left:382px; top:259px; z-index:2; height:10px; width:10px;  background: transparent url(images/pointorange.gif) top left no-repeat;}
.map #moncton		{position:absolute;left:393px; top:252px; z-index:2; height:10px; width:10px;  background: transparent url(images/pointorange.gif) top left no-repeat;}
.map #sackville		{position:absolute;left:393px; top:262px; z-index:2; height:10px; width:10px;  background: transparent url(images/pointorange.gif) top left no-repeat;}
.map #halifax		{position:absolute;left:407px; top:264px; z-index:2; height:10px; width:10px;  background: transparent url(images/pointorange.gif) top left no-repeat;}
.map #pointedeleglise	{position:absolute;left:390px; top:271px; z-index:3; height:10px; width:10px;  background: transparent url(images/pointorange.gif) top left no-repeat;}
.map #charlottetown	{position:absolute;left:408px; top:243px; z-index:2; height:10px; width:10px;  background: transparent url(images/pointorange.gif) top left no-repeat;}
.map #stjohns		{position:absolute;left:458px; top:243px; z-index:2; height:10px; width:10px;  background: transparent url(images/pointorange.gif) top left no-repeat;}

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

.map:hover .cache {
   display: block; /*inline*/
   position: absolute; /*absolute*/
   /*white-space: nowrap;*/
   font-size:0.8em;
   font-weight:normal;
   height:130px;
   width:150px;  /* Largeur de la bulle */
   max-width:150px;
   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 #ff7700;
   overflow:auto;
   /*clip: rect(0px 160px 100px 0px); was clip: rect(auto auto 500 auto);*/
   z-index:6; text-align:left;
}

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



/* Liste des villes - montrer lorsqu'on survole*/
.map #infos:hover .cache 			{display: inline;z-index:6; }
.map #vancouver:hover .cache			{display: inline;z-index:6; }
.map #victoria:hover .cache	{display: inline;z-index:8; }
.map #nanaimo:hover .cache	{display: inline;z-index:6; }
.map #calgary:hover .cache	{display: inline;z-index:6; }
.map #edmonton:hover .cache			{display: inline;z-index:6; }
.map #lethbridge:hover .cache			{display: inline;z-index:6; }
.map #regina:hover .cache			{display: inline;z-index:6; }
.map #saskatoon:hover .cache			{display: inline;z-index:6; }
.map #winnipeg:hover .cache			{display: inline;z-index:6; }
/*.map #brantford:hover .cache			{display: inline;z-index:6; }*/
.map #guelph:hover .cache			{display: inline;z-index:6; }
.map #london:hover .cache			{display: inline;z-index:6; }
.map #ottawa:hover .cache			{display: inline;z-index:6; }
.map #sudbury:hover .cache			{display: inline;z-index:6; }
.map #waterloo:hover .cache			{display: inline;z-index:6; }
.map #toronto:hover .cache			{display: inline;z-index:6; }
.map #lennoxville:hover .cache			{display: inline;z-index:6; }
.map #montreal:hover .cache			{display: inline;z-index:6; }
.map #quebec:hover .cache			{display: inline;z-index:6; }
.map #sherbrooke:hover .cache			{display: inline;z-index:6; }
.map #fredericton:hover .cache			{display: inline;z-index:6; }
.map #moncton:hover .cache			{display: inline;z-index:6; }
.map #sackville:hover .cache			{display: inline;z-index:6; }
.map #halifax:hover .cache			{display: inline;z-index:6; }
.map #pointedeleglise:hover .cache			{display: inline;z-index:6; }
.map #charlottetown:hover .cache			{display: inline;z-index:6; }
.map #stjohns:hover .cache			{display: inline;z-index:6; }
.map #whitehorse:hover .cache			{display: inline;z-index:6; }




/* Liste des villes - cacher les autres */
.map #infos:hover .cache 	{display: none;z-index:4; }
.map #vancouver .cache			{display: none;z-index:4; }
.map #victoria .cache		{display: none;z-index:4; }
.map #nanaimo .cache		{display: none;z-index:4; }
.map #calgary .cache	{display: none;z-index:4; }
.map #edmonton .cache			{display: none;z-index:4; }
.map #lethbridge .cache			{display: none;z-index:4; }
.map #regina .cache			{display: none;z-index:4; }
.map #saskatoon .cache			{display: none;z-index:4; }
.map #winnipeg .cache			{display: none;z-index:4; }
/*.map #brantford .cache			{display: none;z-index:4; }*/
.map #guelph .cache			{display: none;z-index:4; }
.map #london .cache			{display: none;z-index:4; }
.map #ottawa .cache			{display: none;z-index:4; }
.map #sudbury .cache			{display: none;z-index:4; }
.map #waterloo .cache			{display: none;z-index:4; }
.map #toronto .cache			{display: none;z-index:4; }
.map #lennoxville .cache			{display: none;z-index:4; }
.map #montreal .cache			{display: none;z-index:4; }
.map #quebec .cache			{display: none;z-index:4; }
.map #sherbrooke .cache			{display: none;z-index:4; }
.map #fredericton .cache			{display: none;z-index:4; }
.map #moncton .cache			{display: none;z-index:4; }
.map #sackville .cache			{display: none;z-index:4; }
.map #halifax .cache			{display: none;z-index:4; }
.map #pointedeleglise .cache			{display: none;z-index:4; }
.map #charlottetown .cache			{display: none;z-index:4; }
.map #stjohns .cache			{display: none;z-index:4; }
.map #whitehorse .cache			{display: none;z-index:4; }