@charset "UTF-8";
/* LAYOUT */
html,body {
	background-color:#FFFFFF;
	margin-top:10px;
	width:100%;
}

.people div#header .content,
.people div#main .content,
.people div#footer .content {
	width:1205px;
}

.projects div#header .content,
.projects div#main .content,
.projects div#footer .content {
	width:1062px;
}

.ie6 .news div#header .content,
.ie6 .news div#main .content,
.ie6 .news div#footer .content {
	width:1040px;
}


	
div#header {
	poition:relative;
	height:75px;
	margin-bottom:30px;
	width:100%;
}

	div#header .content {
		width:1025px;
		poition:relative;
		/*margin:0 auto;*/
	}
	
	div#header .content div#logo {
		position:relative;
		width: 111px;
		height:75px;		
		margin-left:20px;
	}
	
div#menu {
	poition:relative;
	height:53px;
	background:url(../_images/bg-menu.jpg) repeat-x bottom;
	margin-bottom:6px;
	width:100%;
}

	div#menu .content {
		width:1025px;
		poition:relative;
		/*margin:0 auto;*/
	}

	div#menu .content ul	{
		list-style:none;
		border:none;
		margin:0 0 0 10px;
		padding:0;
	}
	
	div#menu .content li {
		float:left;
		border:none;
		background:url(../_images/bg-menu-li.jpg) no-repeat top right;
		padding:0 10px 10px 0;
		margin:25px 0 0 10px;
	}
	
	div#menu .content li.no-bg {
		background:none;
	}
	
	div#menu .content li.selected {
		position:relative;
		margin:0 0 0 3px;
		background:#003966;
		padding:5px 6px 22px 8px;
		border-right:1px solid #A5A7A9;
		border-left:1px solid #A5A7A9;
	}
	
	div#menu .content li.prev {
		background:none;
		padding-right:6px;
	}
	
	div#menu .content li a {
		font-size:11px;
		font-weight:bold; 
		text-transform:uppercase;
		text-decoration:none; 
		color: #FFFFFF;
		
		line-height:11px;
		display:block;
		
		padding-top:6px;
	}
	
	div#menu .content li a:hover {
		color:#9CC2D0;
	}

	div#menu .content div#switch-language {
		float:right;
		padding-right:100px
	}
	
div#main {
	width:100%;
	poition:relative;
	height:380px;
	background:#EDF4F8;
	margin: 0 0 8px 0;
}
	.dark div#main {
		background:#003966;
	}
	
	div#main .content {
		width:1025px;
		/*min-width:auto!important;
		width:1000px;*/
		/*margin:0 auto;*/
		position:relative;		
	}
	
	div#main .content div#column-left {
		position:relative;
		float:left;
		width:505px;
		margin:0 0 0 10px;
	}
	
		.home div#main .content div#column-left {
			margin:0 0 0 0px;
		}
	
		.ie6 div#main .content div#column-left {
			position:relative;
			float:left;
			width:505px;
			margin:0 0 0 10px;
		}
	
		div#main .content div#column-left .text{
			position:relative;
			margin:20px 20px 0 10px;
		}
	
		.home div#main .content div#column-left .text{
			position:relative;
			margin:60px 20px 0 20px;
		}
		
		.services div#main .content div#column-left .text,
		.news div#main .content div#column-left .text,
		.clients div#main .content div#column-left .text {
			position:relative;
			margin:20px 0 0 10px;
		}
		
		.people div#main .content div#column-left .text, 
		.projects div#main .content div#column-left .text {
			position:relative;
			margin:5px 0px 0 10px;
		}

		.contact div#main .content div#column-left .text {
			position:relative;
			text-align:right;
			margin:25px 50px 0 10px;
		}

	div#main .content div#column-right {
		position:relative;
		float:left;
		min-width:500px;
		width:auto!important;
		width:500px;
		margin:0;
	}
	
		/* SPECIFIC FOR PROFILE */
		.ie6 .profile div#main .content div#column-right {
			position:relative;
			float:left;
			width:500px;
			height:380px;
			margin:0;
		}
		
		.profile div#main .content div#column-right .members {
			position:relative;
			background:#FFFFFF;
			float:left;
			width:116px;
			height:362px;
			padding:18px 12px 0 12px;
		}
		
		.profile div#main .content div#column-right .members p {
			color:#003966;
			text-align:left;
		}

		
		/* SPECIFIC FOR PEOPLE */
		.people div#main .content div#column-right #gallery {
			position:relative;
			width:676px;
			height:380px;
			background:#FFFFFF;
		}
		
		.people div#main .content div#column-right #gallery .thumbnails img{
			float:left;
			cursor:pointer;
		}
		
		.people div#main .content div#column-right #gallery #preview {
			position:absolute;
			bottom:0;
			left:0;
			width:327px;
			height:243px;
			border:2px solid #FFFFFF;
			padding:7px 0 0 7px;
			cursor:pointer;
		}
		
		.people div#main .content div#column-right #gallery #preview a {
			color:#231F20;
			font-size:8px;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		.people div#main .content div#column-right #gallery #preview a:hover {
			text-decoration:none;
		}

		
		.people div#main .content div#column-right #gallery #preview a img{
			vertical-align:middle;
		}					

		
		.people div#main .content div#column-right #bio-alain-rogala, 
		.people div#main .content div#column-right #bio-jocelyne-cardinal,
		.people div#main .content div#column-right #bio-francois-marois, 
		.people div#main .content div#column-right #team-members {
			position:relative;
			width:560px;
			background:#FFFFFF; /* in jQuery also ... bug IE7 */
			color:#343434;
		}	
		
		.people div#main .content div#column-right #bio-alain-rogala {
			height:378px;
			padding-top:2px;
		}
		
		.people div#main .content div#column-right #bio-jocelyne-cardinal {
			height:353px;
			padding-top:27px;
		}
		
		.people div#main .content div#column-right #bio-francois-marois {
			height:302px;
			padding-top:78px;
		}
		
		.people div#main .content div#column-right #team-members {
			height:378px;
			padding-top:2px;
		}		


			.people div#main .content div#column-right #bio-alain-rogala img, 
			.people div#main .content div#column-right #bio-jocelyne-cardinal img,
			.people div#main .content div#column-right #bio-francois-marois img {
				margin:0 10px 5px 0;
			}
			
				.ie6 .people div#main .content div#column-right #bio-alain-rogala img, 
				.ie6 .people div#main .content div#column-right #bio-jocelyne-cardinal img,
				.ie6 .people div#main .content div#column-right #bio-francois-marois img,
				.ie7 .people div#main .content div#column-right #bio-alain-rogala img, 
				.ie7 .people div#main .content div#column-right #bio-jocelyne-cardinal img
				.ie7 .people div#main .content div#column-right #bio-francois-marois img {
					margin:-15px 10px 5px 0;
				}
		
			.people div#main .content div#column-right #bio-alain-rogala p, 
			.people div#main .content div#column-right #bio-jocelyne-cardinal p,
			.people div#main .content div#column-right #bio-francois-marois p,
			.people div#main .content div#column-right #team-members p {
				color:#343434;
				padding:0 20px;
			}
			
				.people div#main .content div#column-right #bio-alain-rogala p.first, 
				.people div#main .content div#column-right #bio-jocelyne-cardinal p.first,
				.people div#main .content div#column-right #bio-francois-marois p.first,
				.people div#main .content div#column-right #team-members p.first {
					margin-top:25px;
				}
				
					.ie6 .people div#main .content div#column-right #bio-alain-rogala p.first, 
					.ie6 .people div#main .content div#column-right #bio-jocelyne-cardinal p.first,
					.ie6 .people div#main .content div#column-right #bio-francois-marois p.first,
					.ie7 .people div#main .content div#column-right #bio-alain-rogala p.first, 
					.ie7 .people div#main .content div#column-right #bio-jocelyne-cardinal p.first,
					.ie7 .people div#main .content div#column-right #bio-francois-marois p.first {
						margin-top:-10px;
					}

				.people div#main .content div#column-right #bio-alain-rogala .line, 
				.people div#main .content div#column-right #bio-jocelyne-cardinal .line,
				.people div#main .content div#column-right #bio-francois-marois .line,
				.people div#main .content div#column-right #team-members .line {
					float:left;
					width:100%;
					border-top:1px solid #006689; /* in jQeury also ... bug IE7 */
					margin-bottom:0;
				}

		.people div#main .content div#column-right #team-members #team-members {
			width:495px;	
		}
		
		.people div#main .content div#column-right #team-members #scroll-team-members-content {
			height:343px;
			padding-top:15px;	
		}
		
			.ie6 .people div#main .content div#column-right #team-members #scroll-team-members-content,		
			.ie7 .people div#main .content div#column-right #team-members #scroll-team-members-content {
				height:343px;
				padding-top:0px;	
			}
		
			.people div#main .content div#column-right #team-members #scroll-team-members-content ul{
				display:block;
				margin:0 0 15px 0;	
			}
		
			.people div#main .content div#column-right #team-members #scroll-team-members-content li{
				float:left;
				width:250px;
				margin:0 0 15px 0;	
			}
			
			.people div#main .content div#column-right #team-members #scroll-team-members-content li span.jobTitle{
				font-size:10px;
				font-style:italic;	
			}		
				
		/* SPECIFIC FOR SERVICES */
		.services div#main .content div#column-right {
			position:relative;
			background:url(../_images/services/services.jpg) no-repeat;
			width:500px;
			height:380px;			
		}
		
			.services div#main .content div#column-right #planning,
			.services div#main .content div#column-right #management,
			.services div#main .content div#column-right #logistic {
				position:relative;
				background:url(../_images/services/services-semi.jpg) no-repeat;
				width:500px;			
			}
		
				.services div#main .content div#column-right #planning .line, 
				.services div#main .content div#column-right #management .line,
				.services div#main .content div#column-right #logistic .line {
					border-top:1px solid #006689;
					background:#EDF4F8;
					padding-bottom:5px;
				}
	
				
				.services div#main .content div#column-right #planning ul, 
				.services div#main .content div#column-right #management ul,
				.services div#main .content div#column-right #logistic ul {
					background:#EDF4F8;
					padding:0 0 0 10px;
				}
				
					.services div#main .content div#column-right #planning ul li, 
					.services div#main .content div#column-right #management ul li,
					.services div#main .content div#column-right #logistic ul li {
						border-bottom:1px solid #009966;
						padding:3px 0;
					}
					
						.services div#main .content div#column-right #planning ul li a, 
						.services div#main .content div#column-right #management ul li a,
						.services div#main .content div#column-right #logistic ul li a {
							text-transform:uppercase;
						}
						
						.services div#main .content div#column-right #planning ul li.selected a,
						.services div#main .content div#column-right #management ul li.selected a,
						.services div#main .content div#column-right #logistic ul li.selected a {
							color:#07678A;
						}
					
						.services div#main .content div#column-right #planning ul li div,
						.services div#main .content div#column-right #management ul li div,
						.services div#main .content div#column-right #logistic ul li div {
							color:#231F20;
							font-size:11px;
						}
						
							.services div#main .content div#column-right #planning ul li div p,
							.services div#main .content div#column-right #management ul li div p,
							.services div#main .content div#column-right #logistic ul li div p {
								line-height:15px;
								margin-bottom:0;
							}
				
				.services div#main .content div#column-right #planning {
					padding-top:20px;	
					height:360px;	
				}
				
				.services div#main .content div#column-right #management {
					padding-top:45px;	
					height:335px;	
				}
				
				.services div#main .content div#column-right #logistic {
					padding-top:70px;	
					height:310px;	
				}
		
		/* SPECIFIC FOR PROJECTS */
		.projects div#main .content div#column-left {
			position:relative;
			float:left;
			width:535px;
			margin:0 0 0 10px;
		}
		
			.ie6 .projects div#main .content div#column-left {
				position:relative;
				float:left;
				width:535px;
				margin:0 0 0 10px;
			}
		
		.projects div#main .content div#column-right {
			height:380px;
			background:#FFFFFF;
		}

			.projects div#main .content div#column-right .gallery {
				position:relative;
				width:507px;
				height:252px;
			}
			
				.projects div#main .content div#column-right .gallery .thumbnails {
					height:252px;
				}
				
				.projects div#main .content div#column-right .gallery .thumbnails .spacer-thumb {
					width:169px;
					height:126px;
					background:none;
					float:left;
				}
				
					.projects div#main .content div#column-right .gallery .thumbnails img{
						float:left;
						cursor:pointer;
					}
									
					.projects div#main .content div#column-right .gallery .preview {
						position:absolute;
						top:0;
						left:0;
						width:327px;
						height:243px;
						border:2px solid #FFFFFF;
						padding:7px 0 0 7px;
						cursor:pointer;
					}
					
						.projects div#main .content div#column-right .gallery .preview a {
							color:#231F20;
							font-size:8px;
							text-transform:uppercase;
							text-decoration:none;
						}
						
							.projects div#main .content div#column-right .gallery .preview a:hover {
								text-decoration:none;
							}
					
							
							.projects div#main .content div#column-right .gallery .preview a img{
								vertical-align:middle;
							}
			
			.projects div#main .content div#column-right .testimonial {
				height:88px;
				padding:20px;
			}
			
				.projects div#main .content div#column-right .testimonial .quote-open{
					float:left;
					background:url(../_images/projects/quote_open.jpg);
					width:22px;
					height:23px;
					margin-right:10px;
				}
				
				.projects div#main .content div#column-right .testimonial .quote{
					float:left;
					width:100%
				}
				
					.projects div#main .content div#column-right .testimonial .quote p {
						color:#343434;
						/*text-transform:uppercase;*/
						font-size:13px;
						margin:0;
						padding:5px 0 0px 0;
						text-align:left;
						float: left;
					}
				
						.projects div#main .content div#column-right .testimonial .quote-close{
							float:left;
							background:url(../_images/projects/quote_close.jpg);
							width:22px;
							height:23px;
							margin-left:10px;
						}
				
				.projects div#main .content div#column-right .testimonial .quote-author {
					float:left;
					margin:0 22px 0 32px;
				}
				
					.ie6 .projects div#main .content div#column-right .testimonial .quote-author {
						float:left;
						width:400px;
						margin:0 0 0 17px;
					}			
					
					.projects div#main .content div#column-right .testimonial .quote-author p {
						color:#343434;
						/*text-transform:uppercase;*/
						font-size:11px;
						margin:0;
						padding:5px 0 0 0;
						text-align:left;
					}
		
		/* SPECIFIC FOR NEWS */	
		.news div#main .content div#column-right {
			height:380px;
			background:#FFFFFF;
		}

			.news div#main .content div#column-right .newsblock {
				position:relative;
				width:507px;
				height:252px;
			}
			
			.news div#main .content div#column-right .newsblock .thumbnails {
				position:relative;
				width:507px;
				height:224px;
			}
			
			.news div#main .content div#column-right .newsblock .text {
				height:136px;
				padding:10px 20px;
				font-size:11px;
			}
			
				
		/* SPECIFIC FOR CLIENTS */
		.clients div#main .content div#column-right {
			position:relative;
			background:url(../_images/clients/clients.jpg) no-repeat;
			width:500px;
			height:380px;			
		}
		
			.clients div#main .content div#column-right #associative,
			.clients div#main .content div#column-right #corporate,
			.clients div#main .content div#column-right #institutional {
				position:relative;
				background:#FFFFFF;
				width:500px;
			}
			
			.clients div#main .content div#column-right #associative {
				padding-top:20px;	
				height:360px;	
			}
			
			.clients div#main .content div#column-right #corporate {
				padding-top:45px;	
				height:335px;	
			}
			
			.clients div#main .content div#column-right #institutional {
				padding-top:70px;	
				height:310px;
			}	

		
				.clients div#main .content div#column-right #associative .line, 
				.clients div#main .content div#column-right #corporate .line,
				.clients div#main .content div#column-right #institutional .line {
					border-top:1px solid #006689;
					background:#FFFFFF;
					padding-bottom:0px;
				}
				
				.clients div#main .content div#column-right #associative ul, 
				.clients div#main .content div#column-right #corporate ul,
				.clients div#main .content div#column-right #institutional ul {
					background:#EDF4F8;
					padding:0;
					margin-left:0px;
				}
				
					.clients div#main .content div#column-right #associative ul li, 
					.clients div#main .content div#column-right #corporate ul li,
					.clients div#main .content div#column-right #institutional ul li {
						border-bottom:1px solid #009966;
						padding:3px 0;
					}
					
			
				.clients div#main .content div#column-right #associative #scroll-associative,
				.clients div#main .content div#column-right #corporate #scroll-corporate,
				.clients div#main .content div#column-right #institutional #scroll-institutional {
					width:495px;	
				}
				
				.clients div#main .content div#column-right #associative #scroll-associative-content {
					height:360px;	
				}	
				.clients div#main .content div#column-right #corporate #scroll-corporate-content{
					height:335px;	
				}	
				.clients div#main .content div#column-right #institutional #scroll-institutional-content {
					height:310px;	
				}		
	
	/* SPECIFIC FOR CONTACT */
	.contact div#main .content div#column-right {
		height:380px;
		background:#FFFFFF;
	}
	
		.contact div#main .content div#column-right #map-canvas{
			height:380px;
			width:500px;
		}
		
		.contact div#main .content div#column-right #map-canvas p{
			margin-top:10px;
			text-align:left;
			color:#000000;
		}
		
		.contact div#main .content div#column-right #map-canvas a{
			color:#000000;
			text-decoration:underline;
		}
	
	div#footer {
		width:100%;
		poition:relative;
		border-top:2px solid #A4A7A9;
	}
	
		div#footer .content {
			width:1025px;
			/*margin:0 auto;*/
			position:relative;
			
		}
		
		div#copyright {
			margin:0 0 0 20px;
			padding:5px 0 0 0;
			font-size:9px;
			color:#7894b4;
			text-transform:uppercase;
			line-height:13px;
		}

			
	div.wrapper {
		position: relative;
	}
		

/* SUBMENUS */
.people ul.submenu {
	padding:0em;
	list-style:none;
	border-left:1px solid #006689;
	margin:3px 0 0 -8px;
}

	.people .submenu li {
		padding:5px 0 5px 3px;
		line-height:14px;
		border-top: 1px solid #006699;
		font-size:13px;
		margin-left:5px;
	}
	
		.people .submenu li.selected {
			/*border-left:3px solid #006699;*/
			color:#07678A;
		}
		
		.people .submenu li .hover {
			display:none;
		}
		
		.people .submenu li.hover .hover, .people .submenu li.selected .hover {
			display:block;
			position:absolute;
			left:-10px;
			width:5px;
			height:13px;
			background:#006699;	
		}

		
		.people .submenu li.last {
			border-bottom: 1px solid #006699;
		}
		
		.people .submenu .selected a {
			color:#07678A;
		}

.services ul.submenu {
	padding:0em;
	list-style:none;
	border-left:1px solid #006689;
	margin:0 0 0 -8px;
}

	.services .submenu li {
		padding:5px 0 5px 3px;
		line-height:14px;
		border-bottom: 1px solid #006699;
		font-size:13px;
		text-transform:uppercase;	
		margin-left:5px;
	}
	
		.services .submenu li.first {
			border-top: 1px solid #006699;
		}
		
		.services .submenu li.selected {
			color:#07678A;
		}
			
		.services .submenu li .hover {
			display:none;
		}	
			
		.services .submenu li.hover .hover, .services .submenu li.selected .hover {
			display:block;
			position:absolute;
			left:-10px;
			width:5px;
			height:13px;
			background:#006699;	
		}
	
		.services .submenu .selected a {
			color:#07678A;
		}
		
.projects ul.submenu {
	padding:0em;
	list-style:none;
	border-left:1px solid #006689;
	margin:0 0 10px -8px;
}

	.projects ul.last {
		margin-bottom:0;
	}

	.projects .submenu li {
		padding:2px 0 2px 3px;
		line-height:12pxx;
		border-bottom: 1px solid #006699;
		font-size:11px;
		text-transform:uppercase;
		margin-left:5px;
	}
		
		.projects .submenu li .hover {
			display:none;
		}
				
		.projects .submenu li.hover .hover, .projects .submenu li.selected .hover {
			display:block;
			position:absolute;
			left:-10px;
			width:5px;
			height:13px;
			background:#006699;	
		}
	
		.projects .submenu li.selected {
			color:#07678A;
		}
		
		.projects .submenu .selected a {
			color:#07678A;
		}
		
.clients ul.submenu {
	padding:0em;
	list-style:none;
	border-left:1px solid #006689;
	margin:0 0 0 -8px;
}

	.clients .submenu li {
		padding:5px 0 5px 3px;
		line-height:14px;
		border-bottom: 1px solid #006699;
		font-size:13px;
		text-transform:uppercase;	
		margin-left:5px;
	}
				
		.clients .submenu li .hover {
			display:none;
		}
		
		.clients .submenu li.hover .hover, .clients .submenu li.selected .hover {
			display:block;
			position:absolute;
			left:-10px;
			width:5px;
			height:13px;
			background:#006699;	
		}

		.clients .submenu li.first {
			border-top: 1px solid #006699;
		}
	
		.clients .submenu li.selected {
			color:#07678A;
		}
		
		.clients .submenu .selected a {
			color:#07678A;
		}

.news ul.submenu {
	padding:0em;
	list-style:none;
	border-left:1px solid #006689;
	margin:0 0 0 -8px;
}

	.news .submenu li {
		padding:5px 0 5px 3px;
		line-height:14px;
		border-bottom: 1px solid #006699;
		font-size:13px;
		text-transform:uppercase;	
		margin-left:5px;
		color:#07678A;
		cursor:pointer;
	}
	
		.news .submenu li p.title{
			margin:0;
			font-size:15px;
		}
			
		.news .submenu li p.subtitle{
			color:#343434;
			font-size:11px;
			margin:3px 0 5px 0;
			text-transform:none;
		}
		
		.news .submenu li .hover {
			display:none;
		}
				
		.news .submenu li.hover .hover, .news .submenu li.selected .hover {
			display:block;
			position:absolute;
			left:-10px;
			width:5px;
			height:13px;
			background:#006699;	
		}
	
		.news .submenu li.hover, .news .submenu li.selected {
			background:#FFFFFF;
		}