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

section.carte {
	width:978px;
	overflow-x:scroll;
	position:relative;
	height:570px;
	border:1px solid #e4e4e4;
	margin:0 0 10px 0;
}

	section.carte div.carte-holder {
		position:absolute;
		top:0;
		left:0; /* -50px */
	}
	
		section.carte div.carte-holder figure { position:relative;   }
		section.carte div.carte-holder figure img { margin:0 0 10px 0; }
	
		section.carte div.carte-holder div.numero-route-vert {
			position:absolute;
			background-color:#557D33;
			border:1px solid #fff;
			padding:3px;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:70%;
			border-radius:2px;
			
		}
		
			div#r138-1 { position:absolute; left:47px; top:280px;  }
			div#r138-2 { position:absolute; left:205px; top:122px;  }
			div#r138-3 { position:absolute; left:534px; top:13px;  }
			div#r138-4 { position:absolute; left:643px; top:30px;  }
			div#r138-5 { position:absolute; left:900px; top:75px;  }
			div#r138-6 { position:absolute; left:1092px; top:171px;  }
			
			div#r132-1 { position:absolute; left:130px; top:279px;  }
			div#r132-2 { position:absolute; left:343px; top:451px;  }
			div#r132-3 { position:absolute; left:655px; top:425px;  }
			div#r132-4 { position:absolute; left:797px; top:380px;  }
			div#r132-5 { position:absolute; left:1202px; top:193px;  }
			
			div#r155-1 { position:absolute; left:1091px; top:60px;  }
			div#r155-2 { position:absolute; left:1159px; top:240px;  }
			
			div#a30 { position:absolute; left:51px; top:345px;  }
			
			div#a55-1 { position:absolute; left:1108px; top:104px;  }
			div#a55-2 { position:absolute; left:1172px; top:282px;  }
			
			div#a40-1 { position:absolute; left:146px; top:112px;  }
			div#a40-2 { position:absolute; left:446px; top:85px;  }
			div#a40-3 { position:absolute; left:635px; top:71px;  }
			div#a40-4 { position:absolute; left:834px; top:93px;  }
			div#a40-5 { position:absolute; left:1057px; top:77px;  }
			

		
		
		section.carte div.carte-holder div.numero-route-bleu {
			position:absolute;
			background-color:#467BA4;
			border:1px solid #fff;
			padding:3px;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:70%;
			border-radius:2px;
			
		}
		
		section.carte div.carte-holder div.noms-ville {
			position:absolute;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:70%;
			border-radius:2px;
			text-transform:uppercase;
			
		}
		
			section.carte div.carte-holder div.noms-ville span {
				/*color:#fc0;
				font-size:200%;
				position:relative;
				top:2px;
				font-weight:bold;
				border-radius:3px;
				border:1px solid
				*/
				width:6px;
				height:6px;
				background-color:#fc0;
				border:4px solid #fff;
				border-radius: 12px;
				padding:2px;
				display:inline-block;
				position:relative;
				top:4px;
				
		}
		
			div#berthierville { right:1247px; top:163px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#maskinonge { right:893px; top:20px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#saint-barthelemy { right:1027px; top:28px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#yamaska { right:986px; top:500px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#saint-celestin { right:180px; top:328px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#becancour { right:32px; top:204px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#saint-robert { right:1102px; top:491px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#louiseville { right:767px; top:27px; background-color:rgba(0,0,0,0.4); padding:1px; }
			
			div#sorel-tracy { left:173px; top:273px; color:#000 !important; font-size:90% !important; }
			div#saint-joseph-de-sorel { left:150px; top:255px; color:#000 !important; }
			
			div#notre-dame-de-pierreville { left:545px; top:339px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#pierreville { left:597px; top:444px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#odanak { left:577px; top:424px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#baie-du-febvre { left:760px; top:397px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#sainte-monique { left:1011px; top:372px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#nicolet { left:982px; top:288px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#pointe-du-lac { left:980px; top:153px; background-color:rgba(0,0,0,0.4); padding:1px; }
			div#yamachiche { left:782px; top:38px; background-color:rgba(0,0,0,0.4); padding:1px; }
			
			div#trois-rivieres { left:1146px; top:110px; font-size:90% !important; text-align:center !important;}
		
		section.carte div.carte-holder div.noms-eau {
			position:absolute;
			color:#89C9EC;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:70%;
			border-radius:2px;
			text-transform:uppercase;
			
		}
		
			div#lac-saint-pierre { left:546px; top:189px; color:#000 !important; font-size:100% !important; text-align:center !important;}
			div#fleuve-saint-laurent { left:50px; top:306px; }
			div#fleuve-saint-laurent div.fond-noir { display:inline-block; background-color:#000; }
			div#riv-richelieu { left:64px; top:390px; }
			div#riv-yamaska { left:402px; top:421px; }
			div#riv-st-francois { left:540px; top:386px; }
			div#riv-nicolet { left:992px; top:308px;  }
			div#riv-yamachiche { left:755px; top:54px;  }
			div#riv-du-loup { right:748px; top:51px;  }
			div#riv-maskinonge { right:918px; top:56px;  }
			div#riv-chicot { right:1205px; top:77px;  }
			div#riv-bayonne { left:40px; top:100px; text-align:center; }
			div#baie-st-francois { right:920px; top:355px;  }
			div#baie-st-francois div.fond-noir { display:inline-block; background-color:#000; }
			div#baie-lavaliere { right:965px; top:338px;  }
			
				section.carte div.carte-holder div.noms-eau span {
				/*color:#fc0;
				font-size:200%;
				position:relative;
				top:2px;
				font-weight:bold;
				border-radius:3px;
				border:1px solid
				*/
				width:6px;
				height:6px;
				background-color:#6492ab;
				border:4px solid #fff;
				border-radius: 12px;
				padding:2px;
				display:inline-block;
				position:relative;
				top:4px;
				
		}
		
		
		section.carte div.carte-holder div.nom-ile {
			position:absolute;
			color:#000;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:60%;
			border-radius:2px;
			text-transform:uppercase;
			letter-spacing:0.08em;
			
		}
		
			section.carte div.carte-holder div.nom-ile span {
				/*color:#fc0;
				font-size:200%;
				position:relative;
				top:2px;
				font-weight:bold;
				border-radius:3px;
				border:1px solid
				*/
				width:2px;
				height:2px;
				background-color:#000;
				border:1px solid #fff;
				border-radius: 4px;
				padding:2px;
				display:inline-block;
				position:relative;
				top:1px;
				
		}
		
			div#ile-1 { left:113px; top:210px; text-align:center; }
			div#ile-2 { left:176px; top:163px; text-align:center; }
			div#ile-3 { left:192px; top:230px; text-align:center; }
			div#ile-4 { left:228px; top:177px; text-align:center; }
			div#ile-5 { left:264px; top:196px; text-align:center; }
			div#ile-6 { left:253px; top:245px; text-align:center; }
			div#ile-7 { left:313px; top:209px; text-align:center; }
			div#ile-8 { left:328px; top:235px; text-align:center; }
			div#ile-9 { left:363px; top:196px; text-align:center; }
			div#ile-10 { left:402px; top:176px; text-align:center; }
			div#ile-11 { left:410px; top:244px; text-align:center; }
			div#ile-12 { left:334px; top:266px; text-align:center; }
			div#ile-13 { left:339px; top:280px; text-align:center; }
			div#ile-14 { left:349px; top:302px; text-align:center; }
			div#ile-15 { left:321px; top:314px; text-align:center; }
			div#ile-16 { left:315px; top:324px; text-align:center; color:#fff; }
			div#ile-17 { left:381px; top:329px; text-align:center; color:#fff; }
			div#ile-18 { left:411px; top:320px; text-align:center;  color:#fff;}