/* CSS Document */

#corps{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: url(/images/gart/bgGart.jpg) repeat-x #84a27a;
}
body{
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#container{
	width: 751px;
	margin: 0 auto;
	padding: 0px;
	background: url(/images/bg-main.png) repeat-y;
	
	}
	
a img{
border:0px;
}

	
/*********  HEADER *************************************************/

		#header{
			height: 224px;
			width: 751px;
			position: relative;
			background: #3E526A;
			}
			#lanBtn{
				position: absolute;
				top: -8px;
				right: 15px;
				color: #5b8356;
				font-size: 11px;
				}
				#lanBtn a{
					color: #5b8356;
					font-weight: bold;
					text-decoration: none;
					}
					#lanBtn a:hover{
						color: #5b8356;
						text-decoration: underline;
						}
			
				/* MENU ****/
				
				#elMenu{
					padding: 4px 0px 0px 0px;
					width: 751px;
					height: 42px;
					background: url(/images/gart/gart_menu.gif) no-repeat;
					position: absolute;
					top: 192px;
					left: 0px;
					
					}
				
				#header #elMenu ul{
				width:586px;
					
					margin: 0 auto;
					padding: 0px 0px 0px 11px;
					text-align: center;
					}
					#elMenu ul#menuFR{
					width:620px;
					}
						#header #elMenu ul li{
							list-style: none;
							display: inline;
							float: left;
							text-align: center;
							margin: -1px 0px 0px 0px;
							padding: 0px;
							background: url(../images/div-menu.gif) no-repeat right;
							}
								
							#header #elMenu ul li.endLi{
								background: none;
								}
							#header #elMenu ul li.startLi a span{
								padding: 7px 19px 0px 20px;
								}	
								#header #elMenu ul li a{ 
								display: block;
								margin: 0px 1px 0px 0px;
								height: 30px;
								float: left;
								color: #ffffff;
								font-weight: bold;
								text-decoration: none;
								}
								#header #elMenu ul li a:hover{ 
								background: url(/images/bg-menu-over.gif) repeat-x;
								color: #E51B24;
								}
									#header #elMenu ul li a span{ 
										display: block;
										padding: 7px 19px 0px 18px;
										}
										
								/* Fin MENU ****/
										
/*********  FIN HEADER *************************************************/									
										
										
/*********  Section de CONTENU *************************************************/


#middle{
	width: 751px;
	background: url(/images/bg-main.png) repeat-y;
	float: left;
	clear: both;
	padding: 20px 0px 0px 0px;
	}
	
	#leftCol{
		width: 529px;
		float: left;
		padding: 0px 0px 160px 0px;
		}
			.content{
				padding: 0px 15px 0px 29px;
				}
				
				.content p{
					margin: 0px 0px 10px 0px;
					padding: 0px;
					text-align: justify;
					clear: both;
					line-height:16px;
					}
					
				blockquote{
					background: #F6F8FC;
					padding: 8px;
					margin: 0px 0px 16px 0px;
					border-top: 1px solid #D8DDE5;
					border-left: 1px solid #D8DDE5;
					font-size: 11px;
					color: #3E516A;
					clear: both;
					}
			
			h2, h3{
				color: #324b2f;
				font-size: 18px;
				font-weight: bold;
				padding: 0px 0px 9px 0px;
				margin: 0px;
				clear: both;
				}
			h3{
				font-size: 16px;
				padding: 48px 0px 9px 0px;
				background: url(/images/bg-h3.gif) repeat-x top;
				}
				
			h4{
				font-size: 13px;
				font-weight: bold;
				color: #3E516A;
				padding: 14px 0px 9px 0px;
				margin: 0px;
				clear: both;
				}
			
			hr{
				height: 1px;
				color: #D8DDE5;
				background-color: #D8DDE5;
				border: 0px;
				margin: 15px 0px -12px 0px;
				clear: both;
				}
			
			.content ul{
					padding: 10px 0px 0px 0px;
					margin: 0px;
					}
					.content ul li{
						list-style: none;
						margin: 0px 0px 0px 0px;
						padding: 2px 0px 7px 23px;
						background: url(../images/liste.gif) no-repeat;
						color: #3E516A;
						}
				
				
		.leftImg{
			padding: 0px 13px 8px 0px;
			float: left;
			}
		.rightImg{
			padding: 0px 0px 8px 13px;
			float: right;
			}
		.centerImg{
			float: left;
			clear: both;
			margin: 0px 0px 10px 0px;
			}
			
	


				
		
	#rightCol{
		float: left;
		clear: right;
		width: 214px;
		}
		
		.teasers{
			padding: 0px 0px 0px 8px;
			}
		
			div.teas1{
					background: url(/images/t-form-fr.jpg) no-repeat;
					width: 200px;
					height: 198px;
					margin-top: 29px; 
					}
				div.teas1fr{
					background: url(/images/t-form-fr.jpg) no-repeat;
					width: 200px;
					height: 198px;
					margin-top: 29px; 
					}	
					
					div.teas1 p{
					text-align:center;
					padding:0px 8px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					}
					
					#fap1{
					padding-top:8px;
					color:#313131;
					font-size:16px;
					font-weight:bold;
					}
					
					#fap2{
					color:#0055a5;
					font-size:13px;
					font-weight:bold;
					}
					
					#fap3{
					color:#0055a5;
					font-size:10px;
					font-weight:bold;
					margin:0px;
					}
					
					#fap3 a:link {color:#0055a5;text-decoration:none;}
					#fap3 a:visited {color:#0055a5;text-decoration:none;}
					#fap3 a:hover {color:#0055a5;text-decoration:underline;}
					#fap3 a:active {color:#0055a5;text-decoration:none;}
					
					#fap4{
					color:#00386c;
					font-size:11px;
					font-weight:bold;
					margin-top:2px;
					}
					
					#fap4 a:link {color:#00386c;text-decoration:none;}
					#fap4 a:visited {color:#00386c;text-decoration:none;}
					#fap4 a:hover {color:#00386c;text-decoration:underline;}
					#fap4 a:active {color:#00386c;text-decoration:none;}
					
					
			div.teas2{
				width: 200px;
				height: 198px;
				}
				div.teas2 a.lnkTeas{
					width: 200px;
					height: 198px;
					background: url() no-repeat;
					padding: 0px;
					margin: 0px;
					display: block;
					text-decoration: none;
					cursor: pointer;
					}
					
			div.teas2 a:hover{
					background:url() no-repeat;
					}
					
					 #centreMoiCa {
					 text-align:center;
					 }
					 
					 #western{font-size:14px;font-weight:bold;color:#0000ff;}
					 
					 #maritime{font-size:14px;font-weight:bold;color:#339966;}
					 
					 #quebec{font-size:14px;font-weight:bold;color:#333399;}
					
					
					.t1, .t2, .t3{
						color: #313131;
						font-size: 17px;
						font-weight: bold;
						display: block;
						padding: 22px 0px 5px 12px;
						}
					.t2{
						font-size: 13px;
						padding: 0px 0px 6px 12px;
						}
					.t3{
						font-size: 11px;
						padding: 0px 0px 0px 12px;
						}
						
						div.teas2 a.lnkTeas:hover{
							text-decoration: none;
							}		
					
			#intranet{
				padding: 17px 0px 20px 2px;
				}		
				.intra1{
					background: #5b8356;
					color: #FFFFFF;
					text-transform: uppercase;
					font-weight: bold;
					height: 18px;
					padding: 4px 0px 0px 0px;
					text-align: center;
					}
				.intra2{
					background: url(/images/bg-teaserBas.gif) repeat-x;
					padding: 6px 8px 34px 0px;
					text-align: right;
					font-size: 12px;
					color: #5b8356;
					font-weight: bold;
					
					}
					.intra2 form{
						padding: 0px;
						margin: 0px;
						text-align: right;
						}
					.intra2 input{
						width: 100px;
						height: 15px;
						margin: 5px 0px 0px 0px; 
						font-size: 11px;
						}
						.intra2 .btnForm{
						width: 82px;
						height: 20px;
						display: block;
						color: #ffffff;
						font-weight: bold;
						clear: both;
						background: url(/images/gart/bg-btn.gif) no-repeat;
						text-align: center;
						text-decoration: none;
						padding: 3px 0px 3px 0px;
						float: right;
						clear: both;
						margin: 6px 0px 0px 0px;
						}
						.intra2 a:hover.btnForm{
							color: #E4F2FF;
							}
								#form22{
							font-size: 12px;
					        color: #324b2f;
					        font-weight: bold;
							}
							.btnForm2{
							width: 82px;
						height: 20px;
						display: block;
						color: #ffffff;
						font-weight: bold;
						clear: both;
						background: url(/images/gart/bg-btn.gif) no-repeat;
						text-decoration: none;
						padding: 3px 0px 3px 0px;
						text-align:center;
						margin: 6px 0px 0px 0px;
						}
						 a:hover.btnForm2{
							color: #E4F2FF;
							}
					.intra3 {font-weight:bold;
					
					color:#063968;}
					.intra3 form{}
					.intra3 input{}
					.intra3 .btnForm{width: 82px;
						height: 20px;
						display: block;
						color: #ffffff;
						font-weight: bold;
						 
						background: url(/images/gart/bg-btn.gif) no-repeat;
						text-align: center;
						text-decoration: none;
						padding: 3px 0px 3px 0px;
						clear: both;
						margin: 6px 0px 0px 0px;}
							
a{
	color: #0055A5;
	font-weight: bold;
	}
	a:hover{
		text-decoration: none;
		}
					
				
				
				
	
/*********  FIN Section de CONTENU *************************************************/



/*********  FOOTER *************************************************/

#footer{
	height: 100px;
	width: 751px;
	background: url(/images/bg-bas.png) no-repeat #84a27a;
	float: left;
	}
	a.top{
		color: #000000;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		height: 14px;
		background: url(/images/top.gif) right no-repeat;
		text-align: right;
		padding: 2px 20px 0px 0px;
		position: absolute;
		top: -1px;
		right: 60px;
		}
		a.top:hover{
		color: #A9A9AA;
		background: url(/images/top-over.gif) right no-repeat;
		}
	
	.copyR{
		position: relative;
		width: 751px;
		}
		.copyR div{
			color: #2A3748;
			font-size: 11px;
			position: absolute;
			top: 32px;
			left: 10px;
			width: 550px;
			}
			.copyR div a{
				color: #2A3748;
				text-decoration: none;
				}
				.copyR div a:hover{
				text-decoration: underline;
				}
			.copyR div span a{
				color: #2A3748;
				text-decoration: underline;
				}
				.copyR div span a:hover{
					text-decoration: none;
					}
		#bgBtmR{

			}
			
		#divisions{
			background: url(/images/gart/gart-division.gif) no-repeat;
			height: 88px;
			width: 492px;
			position: absolute;
			top: -90px;
			left: 26px;
			}
			#divisions .logo1Txt, #divisions .logo2Txt{
				text-align: center;
				color: #ffffff;
				font-size: 11px;
				font-weight: bold;
				width: 246px;
				position: absolute;
				top: 5px;
				left: 0px;
				}
				#divisions .logo2Txt{
				left: 246px;
				}
				
					#divisions .logo1Img, #divisions .logo2Img{
						text-align: center;
						width: 246px;
						position: absolute;
						top: 23px;
						left: 0px;
						}
						#divisions .logo2Img{
						left: 246px;
						}
						
							#divisions a img{
								border: none;
								}
			
			
dd{
margin-bottom:10px;
margin-top:4px;
}	
		

/*********  FIN FOOTER *************************************************/