@charset "utf-8";

/*-----------------------------------------------------*/
/*-----------------  	RESET	-----------------------*/
/*-----------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background:transparent;
  border:0;
  margin:0;
  padding:0;
  vertical-align:baseline;
  font-size:12px;
  line-height:1.8;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body { line-height:1; }

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

ol, ul { list-style:none; }

blockquote { quotes:none; }

blockquote:before, blockquote:after {
  content:"";
  content:none;
}

del { text-decoration:line-through; }

table {
  border-collapse:collapse;
  border-spacing:0;
}

a img { border:none; }

body {
  font-size:100%;
  width:100%;
  height:100%;
}

a {
  outline:none;
  text-decoration:underline;
  color:#2f2f2f;
}

a:hover {
  text-decoration:none;
}

img { border:none; }

:focus { outline:none; }

/*-----------------------------------------------------*/
/*-------------------    UTIL	-----------------------*/
/*-----------------------------------------------------*/

.clear { clear:both; }

body span.skype_pnh_print_container { display:inline !important; }

body span.skype_pnh_container { display:none !important; }

/*-----------------------------------------------------*/
/*-----------------  GENERAL	-----------------------*/
/*-----------------------------------------------------*/

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  color:#000000;
}

	#page {
		width:100%;
		margin:0 auto
	}

		h1 { 
			background:#2f2f2f;
			padding:10px 20px;
			font-size:1.75em;	
			font-weight:bold;
			color:#f3f3f3;
		}

		h2 { 
			font-size:1.5em;	
			font-weight:bold;
			color:#2f2f2f;
			text-decoration:underline;
		}

		h3 {

		}

		h4 {

		}

		h5 {

		}

		h6 {

		}

		p {
			font-size:12px;
			line-height:1.8;
			color:#000;
			padding-bottom:10px;
		}
		
		ul {
			padding-bottom:10px;
		}
				
			ul li {
				list-style:disc;
			}
			
			.contact ul li {
				list-style:none;
			}

/*-----------------------------------------------------*/
/*-----------------  	HEADER	-----------------------*/
/*-----------------------------------------------------*/

header,
#header {
	background:url(../../images/bg-header.png) repeat-x 0 0;
	width:100%;
	height:287px;
	padding-top:30px;
}

	#header-inner {
		background:#2f2f2f;
		position:relative;
		width:915px;
		margin:0 auto;
		padding:10px 20px;
		height:204px;
	}
	
		#logo {
			display:block;
			position:absolute;
			left:40px;
			top:60px;
			width:238px;
			height:104px;
			z-index:2;
		}
		
		
		#slider-wrapper {
			position:relative;
			width:624px;
			height:204px;
			margin-left:298px;	
			overflow:hidden;			
		}

		#slider {
			position:relative;
			width:1872px;
			left:0;
		}
		
			.slide {
				float:left;
				width:624px;
				height:204px;
			}

	#header-bottom {
		background:url(../../images/bg-header-bottom.png) repeat-x 0 0;
		width:100%;
		height:53px;
	}

		#header-bottom-inner {
			background:url(../../images/bg-header-bottom-inner.png) repeat-x 0 0;
			width:955px;
			height:53px;
			margin:0 auto 0;
		}

	#header-edge-bottom {
		background:url(../../images/header-edge-bottom.png) repeat-x 0 0;
		width:100%;
		height:10px;
	}
	
	#nav-wrapper {
		float:left;
		width:270px;
	}
	
	nav {
		background:#f3f3f3;
		list-style:none;
		padding:10px 0;
		*position:relative;
		*z-index:10;
	}

		nav li {
			padding:0 15px;
			position:relative;
			list-style:none;
		}					

			nav li a {
				background:#f3f3f3 url(../../images/sprite-arrow-link.png) no-repeat 220px 10px;
				color:#2f2f2f;
				display:block;
				padding:5px 10px;
				font-weight:bold;
				font-size:14px;
				border-bottom:#ccc solid 1px;
				text-decoration:none;
			}
			
			nav li a.last {
				border-bottom:0;
			}


			nav li a:hover,
			nav li a:active,
			nav li a.hover,
			nav li a.menuactive {
				background:#2f2f2f url(../../images/sprite-arrow-link.png) no-repeat 220px -33px;
				color:#f3f3f3;  
			}
			
				nav li ul {
					display:none;
					position:absolute;
					left:255px;
					top:0;
					width:200px;
					z-index:1;
					border:#333 solid 1px;
					padding-bottom:0;
				}
				
					nav li ul li {
						padding:0;
						*margin-top:-5px;
						list-style:none;
					}
					
						nav li ul li a {
							background:#2f2f2f;
							background-image:none;
							color:#f3f3f3;
							border:0;
						}
						
						nav li:hover ul li a {
							background-image:none;
						}
						
						nav li:hover ul li a:hover,
						nav li.menuactive ul li a.menuactive {
							background:#f3f3f3;
							color:#2f2f2f;
						}
				
				nav li:hover ul {
					display:block;
				}

	.nav-ext {
		background:#2e2e2e url(../../images/bg-like-module.png) repeat-x 0 0;
		width:250px;
		margin-top:10px;
		display:block;	
		padding:10px;
	}
	
		.nav-ext a {
			color:#fff;
			font-weight:bold;
		}
		
		.nav-ext#desjardins {
			padding-bottom:5px;
		}
		
		.nav-ext#facebook a {
			background:url(../../images/icon-facebook.png) no-repeat 0 0;
			padding-left:30px;
			display:inline-block;
			*display:inline;
			zoom:1;
		}
		
		.nav-ext#facebook .fb-like {
			margin-top:5px;
		}
		
	
/*-----------------------------------------------------*/
/*-----------------  	CONTENT	-----------------------*/
/*-----------------------------------------------------*/

#main-wrapper {
	background:#060606 url(../../images/bg-main.png) repeat-x 0 0;
	width:100%;
	padding-top:10px;
	padding-bottom:20px;
}

	#main {
		width:950px;
		margin:0 auto;
	}

		section {
			float:right;
			width:640px;
		}

			article {
				background:#f3f3f3;
				width:600px;
				padding:20px;
			}
			
				article img {
					float:left;
					margin-right:10px;
					margin-bottom:0;
					border:#2f2f2f solid 5px;
				}
				
				article ul {
					padding-left:20px;
				}
				
				.contact article ul {
					padding-left:0;
				}
				
				.map {
					float:right;
					width:200px;
					height:150px;
					margin:20px 0 30px 20px;
				}
				
				small {
					display:block;
					margin-top:-5px
				}
				
				#gallery {
					padding: 10px 0;
					width: 610px;
				}
				
				#gallery ul { list-style: none; padding-bottom:0; padding-left:0; }
				#gallery ul li { display: inline; list-style:none; }
				#gallery ul img {
					border: 1px solid #cccccc;
					padding:5px;
					margin-right:18px;
					margin-bottom:18px;
					opacity: 0.8;          
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";          
					filter:alpha(opacity=80); 
				}
				
				#gallery ul a:hover img {
					opacity:1;         
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";          
					filter:alpha(opacity=100); 
				}

		aside {

		}

/*-----------------------------------------------------*/
/*-----------------  	FOOTER	-----------------------*/
/*-----------------------------------------------------*/

footer {
	background:#2e2f30;
	padding:5px 0;
}

	#footer-inner {
		width:950px;
		margin:0 auto;
	}
	
		#footer-inner ul {
			float:right;
			text-align:right;
			padding-bottom:0;
		}

			#footer-inner ul li {
				display:inline;
				list-style:none;
			}
			
				#footer-inner ul li a {
					color:#ffffff;
					font-size:12px;
					border-right:#fff solid 1px;
					padding:0 5px 0 0;
					line-height:1;
					text-decoration:underline;
				}
				
				#footer-inner ul li a.last {
					border-right:0;
					padding-right:0;
				}
				
				#footer-inner ul li a:hover {
					text-decoration:none;
				}

	footer #copyright {	
		color:#ffffff;
		font-size:12px;
		line-height:1;
	}

	footer #apchq {
		clear:both;
		float:right;
		color:#fff;
		width:100%;
		text-align:right;
	}

		footer #apchq a {
			color:#fff;
			text-decoration:underline;
		}
		
		footer #apchq a:hover {
			text-decoration:none;
		}

/*-----------------------------------------------------------------*/
/*--	LIGHTBOX	------------------------------------------------/
/*-----------------------------------------------------------------*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* Stylesheet: style Modified On 2012-11-01 14:34:49 */