*{margin:0; padding:0;}

body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #FFF9E5;
	
}

.fleft {float: left;}
.fright {float: right;}
img, #package{ behavior: url(iepngfix.htc) }

form{
	margin:0;
	padding:0;
}
#container{
	width: 836px;
	margin: 0px auto;
	padding: 0px auto;
	
}

#bgTop{
	width: 836px;
	float: left;
}
#bgBas{
	width: 836px;
	float: left;
	position:relative;
}
#bgMiddle, #bgMiddleSpec{
	width: 836px;
	float: left;	
}
#bgMiddleSpec{
	background: url(images/bg-middleSpec.gif) repeat-y;
}
#bgMiddle{
	background: url(images/bg-middle.gif) repeat-y;
}


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
	margin-bottom:5px;
	position:relative;
}

#nav li ul {
	position: absolute;
	width: 112px;
	left: -999em;
	background:url(images/sousMenuBg.png) bottom;
	padding:5px 10px 5px 8px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: 15px;
}

#nav li ul li{
float:left;
clear:left;
width:112px;
}
#nav li ul li a{
padding:3px 6px;	
background:#c6d800;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:11px;
color:#000;
text-decoration:none;
}
#nav li ul li a:hover{
background:#e2eb7f;	
}

#nav li:hover ul.menNav3, #nav li.sfhover ul.menNav3,#nav li:hover ul.menNav2, #nav li.sfhover ul.menNav2 {
	left: 0;
}



/************ CONTENU ************/

h1{
font-size: 21px;
padding: 0px;
margin: 3px 0px 0px 0px;
text-transform: uppercase;
}
h2{
font-size: 14px;
padding: 20px 0px 3px 0px;
margin: 0px;
text-transform: uppercase;
}
h3{
	text-transform: uppercase;
}
input, textarea{
	border:1px solid #c6d800;
	background:#FFF;
}
select{
	border:1px solid #c6d800;;
	background:url(images/bg-objSelect.gif) left top repeat-x;
}
input.bt{
	background-color:#c6d800;
	color:#000;
}
#print{
	display:none;
}
#boitePop, #boiteNews, #boiteCoord, #boiteCoord1{
	position: absolute;
	z-index: 999;
	background:url(images/bg-white.png);
	border: 3px double #007eae;
	text-align:left;
}
#boitePop, #boiteNews{
	top:30px;
	right:30px;
}

#boiteCoord{
	top: 0px;
	left: 0px; 
	width: 250px; 
}
#boiteCoord p{
	padding-left:8px;
}
#boiteCoord h4{
	border-bottom: 3px double #007eae; 
	padding: 3px 8px;
}
#boiteCoord h3{ 
	padding: 0 8px;
}

#boitePop p, #boiteNews p {background:#FFF; padding:2px; text-align:right; border-bottom: 3px double #007eae; margin: 0 0 5px 0;}
#boitePop form, #boiteNews form {margin: 8px 0 3px 0;}
#boitePop label, #boiteNews label {margin: 0 0 2px 8px;}
#boitePop input, #boitePop textarea, #boiteNews input, #boiteNews textarea {margin: 0 8px 5px 8px; font: 11px Arial, Helvetica, sans-serif; padding: 2px;}

#tiSpec h2{
	padding-top:9px;
	height:35px;
	vertical-align:middle;
}
#centerCol p{
margin: 0px;
padding: 0px 9px 6px 15px;
text-align: justify;
}

img{
border: none;
}

#header, #content{
	width: 818px;
	float: right;
	text-align: left;
}

#header1{
	width: 800px;
	height: 22px;
	background-color: #000000;
	text-align: right;
	clear: right;
}
#header2{
	background:url(images/bg-header.jpg) no-repeat;
	width: 800px;
	height: 311px;
	text-align: right;
	clear: right;
	position:relative;
	padding:0px;
	margin:0px;
}

#header2 img#logotop {
	float: left;
}
	#header2 #package{
		background:url(images/bg-header-pic.png) no-repeat bottom right;
		width:288px;
		height: 297px;
		float:right;
		top: 14px;
		right: 0px;
		position:absolute;
	}
	#header #package p{
		width: 152px;
		margin: 10px 0 5px 0;
		float: left;
	}
	
	#header2 #package a {
		background:#fdd44f;
		font-size: 10px; 
		text-transform: uppercase;
		text-align: right;
		padding: 2px;
		margin: 0 5px 0 0; 
		float: right;
	}
	#header2 #package img{
		margin: 8px 29px 0 0;
		overflow:hidden;
		float: right;
	}
#header3{
	width: 800px;
	height: 44px;
	clear: right;
	background: #000000 url(images/header3.gif) no-repeat top right;
}
	img.btn{
	margin: 0px 13px 17px 0px;
	}
	#promoPack2{
	margin-left: 78px;
	}

#leftCol{
	float: left;
	width: 184px;
	/*text-align: right;
	193px;*/
}
	.imgMenu{
	width: 184px;
	background: #fff;
	border-top: 3px solid #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#centerCol{
	float: left;
	width: 445px;
	height: 103px auto;
}
	#centerCol #bg #img {
		position:absolute;
		left:14px;
		top:13px;
		width:114px;
		height:114px;
		overflow:hidden;
		padding:0;
		margin-left:0;
	}
	#centerCol #bg{
		position:relative;
		width:147px;
		height:150px;
		float:right;
		clear:right;
		background:url(/images/bg-image.gif) left top no-repeat;
		text-align:center;
		vertical-align:middle;
		margin-right:8px;
	}
	#centerCol .flottantDr{
		float:right;
		clear:right;
	}
	#centerCol .htmlarea img{
		float:none;
		clear:none;
		background:none;
		text-align:center;
		vertical-align:top;
		width:auto;
		height:auto;
		overflow:auto;
		padding:0;
		margin-left:0;
	}
	#centerCol ol{
		list-style: lower-alpha;
		margin-left: 42px;
	}
	#centerCol ul{
		list-style:none;
		margin-left: 22px;
	}
#centerCol h1, #centerCol h2, #centerCol h3, #centerCol h4 {
	padding-left:9px;
}
#centerCol p{
	padding-left:24px;
	margin-left:0px;
}

#centerCol table{
	margin-left: 25px;
	margin-top:10px;
	padding:0px;
}
#centerCol td, #centerCol th{
	padding:2px;
	border:1px solid #23a3d3;
}
#centerCol th{
	background:#def2fd;
}
#centerCol .htmlarea table, #centerCol .htmlarea td, #centerCol .htmlarea th{
	margin:0px;
	padding:0px;
	background:none;
	border:0;
}

#centerColSpec{

	float: right;
	width:634px;
	clear: right;
	/*margin-right:18px;*/
}
	#centerColSpec h3{
		margin-left:11px;
		text-transform:uppercase;
		color:#23a3d3;
		font-size:12px;
	}
	#centerColSpec h4{
		margin:0px;
		font-size:10px;
		color:#0f86b3;
		font-weight:bold;
		text-decoration:underline;
		text-transform: uppercase;
	}
	#centerColSpec h2{
		width:616px;
		margin-left:11px;
	}
		#centerColSpec .emBleu{
			color:#23a3d3;
			font-size:12px;
			font-weight:bold;
		}
		#centerColSpec a{
			color:#000000;
			font-size:12px;
			font-weight:bold;
			text-decoration:underline;
		}
		#centerColSpec a:hover{
			text-decoration:none;
		}
		#centerColSpec .emBleu .prix{
			font-size:14px;
		}
		#centerColSpec .enteteSpec{
			
			position:relative;
			float:right;
			height:25px;
		}
		
		#centerColSpec .enteteSpec h2{
			padding-top: 5px;
		}
		
		#centerColSpec #tiForfait{
			clear:both;
			background: url(images/ti_forfait.gif) left top repeat-y;
			color:#FFFFFF;
			padding: 7px 9px;
			font-size:15px;
			font-weight:bold;
			text-transform: uppercase;
			margin-bottom:5px;
		}
		#centerColSpec #forfaitwrap, #centerColSpec #guidewrap {
			background: url(images/fond-forfait.gif) repeat-y;
			float: left;
			clear: left;
		}
		#centerColSpec #fondBforfait{
			background: url(images/i_bg_bleuForfait.jpg) left top no-repeat;
			height:247px;
			width: 616px;
			position:relative;
		}
			#imgGP{
				/*position:absolute;
				left: 19px;
				top:19px;*/
				float: left;
				padding: 19px 0 0 19px;
				width: 328px;
				height: 207px;
				overflow: hidden;
			}
			#centerColSpec #fondBforfait #imgPetit{
				/*position:absolute;
				left: 375px;
				top:10px;*/
				float: left;
				margin: 10px 0 10px 19px;
				width: 220px;
				z-index:10;
				list-style: none;
			}
				#centerColSpec #fondBforfait #imgPetit .img{
					width:50px;
					height:50px;
					overflow:hidden;
					border:2px solid #FFFFFF;
					float:left;
					margin-right:8px;
					clear:left;
				}
			#centerColSpec #fondBforfait p{
				margin:0px;
				padding:0px;
				font-size:10px;
				line-height:10px;
			}
			#centerColSpec #fondBforfait #imgPetit .ligne{
				margin-bottom:6px;
			}
		#centerColSpec #txtForfait{
			width:320px;
			text-align:justify;
			margin: 15px 0 5px 25px;
		}
		#centerColSpec #txtForfait h3{
			margin: 0;
		}
		#centerColSpec #txtForfait p{
			margin: 0 0 10px 0;
		}
		#map{
			width:250px;
			height:300px;
			float:right;
			position:relative;
			margin-top:12px;
			padding-left:10px;
			border-left:1px solid #23a3d3;
			overflow:hidden;
			right:18px;
			margin-bottom:5px;
		}
		#centerColSpec #fondB{
			background: url(images/i_bg_bleuForfait2.jpg) left top no-repeat;
			height:162px;
			clear:both;
			position:relative;
		}
			#centerColSpec #fondB #imgGuide{
				float:left;
				margin-left:28px;
				margin-top:23px;
				margin-right:5px;
				left: 29px;
				top:23px;
				width:116px;
				height:116px;
				overflow:hidden;
			}
			#centerColSpec #fondB p{
				margin-left:26px;
				text-align:justify;
				margin-right:38px;
			}
			#centerColSpec #fondB #blocTxt{
				float:right;
				width:485px;
				padding-top:5px;
			}
#rightCol{
	float: right;
	width: 180px;
	clear: right;
	background: url(images/bg-rightCol.gif) repeat-y;
	
}
	#ADVselect{
	background: url(images/bg-selections.gif) repeat-y;
	
	}
		#ADVselect img{
		margin-bottom: 5px;
		}
		#ADVselect form{
		margin: 0px;
		padding: 0px;
		}
		#ADVselect select{
		margin: 0px 0px 5px 4px;
		width: 156px;
		font-size: 11px;
		font-weight: bold;
		}
		#ADVselect a img{
		margin: 0px 0px 4px 102px;
		}
	
	#AEQproducer1, #AEQproducer2{
	width: 154px;
	padding: 0px 0px 6px 8px;
	background: #F4FBFE;
	}
		#AEQproducer2{
		padding: 6px 0px 6px 8px;
		background: none;
		}

	
	#AEQproducer1 p, #AEQproducer2 p{
	font-size: 11px;
	margin: 0px;
	padding: 0px 6px 5px 0px;
	text-align: justify;
	}
		
	h4.AEQ, h4.AEQ2{
	width: 154px;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	background: #f4fbfe url(images/bg-flouRightCol.gif) no-repeat top;
	color: #007EAE;
	}
		h4.AEQ2{
			background: none;
			padding: 0px;
		}
	#AEQproducer1 a, #AEQproducer2 a{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	}
			#AEQproducer1 a:hover, #AEQproducer2 a:hover{
				text-decoration: none;
				}

#footer, #footerSpec{
	clear: both;
	color: #000000;
	width: 836px;
	position: relative;
	padding: 50px 0 0 0;
}
#footer{
	background: url(images/bg-rightCol.gif) right top repeat-y;
}
#footerSpec{
	background:none;
}

#header a, #footer a, #copyR a {color: #000; font-weight: normal;}
/************ FIN CONTENU ************/


/************ LIENS ***********/

a{
	font-weight: bold;
	color: #d26300;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}
a.lnk1, a.lnk2, a.lnk3, p.lnk1 a, p.lnk2 a, p.lnk3 a{
	margin: 15px;
	font-weight: bold;
	color: #909834;
}
p.lnk1 a, p.lnk2 a, p.lnk3 a{
	margin: 0px;
}
	a.lnk1:hover, p.lnk1 a:hover{
		color: #bdc845;
	}
a.lnk2, p.lnk2 a{
color: #d26300;/*#FF5183;*/
}
	a.lnk2:hover, p.lnk2 a:hover{
		color: #ff8a00;/*#FF91B1;*/
	}
a.lnk3, p.lnk3 a{
color: #006F98;
}
	a.lnk3:hover, p.lnk3 a:hover{
		color: #5EA4BE;
	}

#centerCol li a{
	margin: 0px;
}

/************ FIN LIENS ***********/

#bonjourQc{
	position: absolute;
	z-index: 12;
	left: 21px;
	top: 9px;
}
#logoCanada{
	position: absolute;
	z-index: 12;
	left: 18px;
	top: 48px;
}
#logoATTA{
	position: absolute;
	z-index: 12;
	left: 18px;
	top: 96px;
}

.flogo {
	text-align: left;
	float: left;
	padding: 0 0 0 18px;
}

#copyR{
	width: 444px;
	text-align: center;
	/*padding: 95px 0 0 0;*/
	float: left;
	/*padding: 116px 0px 9px 19px;*/
}

#copyR p{margin: 0 0 15px 0;}

img.bord {
	border: 2px solid #f0f0f0;
	padding: 5px;
}

#formContact {
	margin: 0 0 0 24px;
}

#formContact input, #formContact textarea {
	font: 11px Arial, Helvetica, sans-serif; 
	padding: 3px;
	margin: 0 0 5px 0;
}

#formContact input {width: 150px;}
#formContact input#submit {width: auto; padding: 3px 15px;}
#formContact textarea {width: 230px; height: 100px;}