body {
	margin:0px auto;

	font-family:arial;
	background:#e6e6e5 url('../img/bg_bottom.jpg') bottom center no-repeat;
}
p{margin:0; padding: 0 0 8px 0;}	
a {outline:none;}


a.source{
	padding:3px;
	background:#2C2C2C;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	border:1px solid #929292;
}
	a.source:hover{text-decoration:none;}
	
	
	
	
	.imageFader {float:left; display:inline; margin:25px 0 0 10px;}
		.imageFader img{float:left; border:2px solid #555;}
	.texte{float:left; width:500px; padding: 0 0 0 20px;}
		.full{width:650px;}
		.texte a{color:#333;}
			.texte a:hover{text-decoration:none;}
	.full ul {float:left; width:250px;}
	.full ul a{font-size:13px;}
			
			
	#header {
		position:fixed;
		top:0;
		display:block;
		width:100%; height:218px;
		background:#2c2c2c url('../img/bg_header.jpg') top center no-repeat;
		margin:0 auto;
		z-index:20;
	}
	
	
		#header h1.title{
			margin:0 0 0 55px; padding:0;
			text-indent:-10000px;
			width:232px; height:49px;
			background:url('../img/h1title.gif') top center no-repeat;
			opacity:0;
		}
		#header h2.title{
				margin:0 0 0 55px; padding:0;
			text-indent:-10000px;
			width:142px; height:33px;
			background:url('../img/h2title.gif') top center no-repeat;
			opacity:0;
		}
			h2.portfolioTitle{
				display:block;
				margin:9px 10px 9px 20px; padding:0;
				text-indent:-10000px;
				width:298px; height:35px;
				background:url('../img/title_portfolio.gif') top center no-repeat;
			}
				h2.contactTitle{
				display:block;
				margin:9px 10px 9px 20px; padding:0;
				text-indent:-10000px;
				width:298px; height:35px;
				background:url('../img/title_contact.gif') top center no-repeat;
			}
				h2.projectsTitle{
				display:block;
				margin:9px 10px 9px 20px; padding:0;
				text-indent:-10000px;
				width:298px; height:35px;
				background:url('../img/title_projects.gif') top center no-repeat;
			}
		#header #menu{
			width:1015px;
			margin: 0 auto;
		}
		#header .anim{
			width:800px;
			margin: 0 auto;
			padding:70px 0 0 64px;
		}
			#header #menu a{
				float:left;
				height:34px;
				text-indent:-99999px;
				margin-right:1px;
			}
				#header #menu a.portfolio{ margin-left:69px; width:78px; background:url('../img/btn_portfolio.gif') top left no-repeat;}
				#header #menu a.projects{ width:94px; background:url('../img/btn_project.gif') top left no-repeat;}
				#header #menu a.contact{ width:75px; background:url('../img/btn_contact.gif') top left no-repeat;}
				#header #menu a.blog{ width:51px; background:url('../img/btn_blog.gif') top left no-repeat;}
				#header #menu a:hover{background-position:bottom left;}
			
		
	#wrap {
		display:block;
		margin:0 auto;
	}
		#wrap #content {
			width:1015px;
			background:#dcdcdb;
			margin: 0 auto;
			margin-top:218px;
			padding-bottom:17px;
		}
			#wrap #content .portfolio{
				float:left;
				display:inline;
				width:980px;
				margin: 0px 0 15px 17px;
				background:#fafbf8 url('../img/bg_portfolio.jpg') top left no-repeat;
				padding: 0 0 20px 0;
			}
				#wrap #content .colLeft{
					float:left;
					display:inline;
					width:319px;
					
					margin: 0px 0 0 22px;
				}	
				#wrap #content .colLeftFull{
					float:left;
					display:inline;
					width:419px;
					margin: 0px 0 0 22px;
				}	
					#wrap #content .colLeft  h3,
					#wrap #content .colLeftFull h3{
						margin:0 0 10px 0;
						padding:3px;
						font-size:12px;
						font-weight:bold;
						color:#fff;
						text-indent:10px;
					}
					#wrap #content .colLeft  h3.blue,
					#wrap #content .colLeftFull h3.blue{
						color:#fff;
						background:#46b6ca url('../img/bg_blue.gif') top left repeat-x;
					}
					#wrap #content .colLeft  h3.red,
					#wrap #content .colLeftFull h3.red{
						color:#fff;
						background:#ca6a46  url('../img/bg_red.gif') top left repeat-x;
					}
					#wrap #content .colLeft .exemp{
						float:left;
						display:inline;
						width:305px;
						margin: 0px 0 8px 0;
						padding:6px;
						border:1px solid #dadada;
						background:url('../img/bg_items.gif') top left repeat-x;
						color:#000;
						text-decoration:none;
						cursor:pointer;
					}	
					
					a.exempLink{
						color:#2f2f2f;
						text-decoration:underline;
						padding:3px;
						font-weight:bold;
						font-size:11px;
						
					}
					
					a.exempLink span.text,a.exempLink img,a.exemp img,a.exemp span.text{position:relative; z-index:19;}
						
						.overlayContainer a.exempLink{font-size:14px;text-decoration:none;}
						.overlayContainer a.exempLink:hover{text-decoration:underline;}
						a.exempLink:hover{text-decoration:none;}
						
						
					#wrap #content .colLeft a.bigLink{
						float:left;
						width:220px; height:30px;
						line-height:30px;
						background:url('../img/bg_listWork.gif') top left no-repeat;
						color:#29a7c3;
						text-indent:-10000px;
						font-weight:bold;
						font-size:12px;
						margin-top:5px;
					}	
					
					#wrap #content .colLeftFull .exemp{
						float:left;
						display:inline;
						width:405px;
						margin: 0px 0 8px 0;
						padding:6px;
						height:80px;
						border:1px solid #dadada;
						background:url('../img/bg_items.gif') top left repeat-x;
						color:#000;
						text-decoration:none;
						cursor:pointer;
					}	
						#wrap #content .colLeft .exemp img,
						#wrap #content .colLeftFull .exemp img{
							float:left;
							border:1px solid #d7d7d7;
							margin: 0 10px 0 0;
							padding:2px;
							background:#fff;
							box-shadow: 1px 1px 5px #afafaf;
							-moz-box-shadow: 1px 1px 5px #afafaf;
							-webkit-box-shadow: 1px 1px 5px #afafaf;
						}
						#wrap #content .colLeft .exemp .text{
							float:left;
							width:170px;
							font-size:11px;
						}
						#wrap #content .colLeftFull .exemp .text{
							float:left;
							width:270px;
							font-size:11px;
						}
							#wrap #content .colLeft .exemp .text .title,
							#wrap #content .colLeftFull .exemp .text .title {
								font-size:12px;
								margin:0;
								color:#1b5d6b;
							}

				#wrap #content .blog {
					float:left;
					width:170px;
					padding: 35px 0 0 67px;
					font-size:11px;
				}
				#wrap #content .blog a{
					color:#fff;
					text-decoration:none;
					display:block;
					padding-bottom:10px;
					font-size:10px;
				}
					#wrap #content .blog a:hover .blogTitle{
						text-decoration:underline;
						color:#fff;
					}
					#wrap #content .blog a .blogTitle{
						font-weight:bold;
						color:#40a9c0;
						font-size:11px;
						
					}
					
					#wrap #content .blog a.third{
						padding:10px 0 0 65px;
						width:120px;
					}
			#wrap #content .sections{
				float:left;
				display:inline;
				width:980px;
				margin: 0px 0 15px 17px;
				background:#fafbf8 url('../img/bg_sections.jpg') top left no-repeat;
				padding: 0 0 20px 0;
				position:relative;
				z-index:5;
			}
				#wrap #content .sections p{padding: 0px 20px 10px 0px; margin:0;}
				#wrap #content .contact p{padding: 0px 20px 10px 20px; }
			#wrap #content .sections #contact,
			#wrap #content .sections #projects{
				position:absolute;
				top:0; left:0;
			}
			#wrap #content div.contact{margin-bottom:0px !important;}
	.clearfix:after {
		clear:both;
		content:".";
		display:block;
		height:0;
		visibility:hidden;
	}
	.clearfix {
		display:inline-table;
	}
	* html .clearfix {
		height:1%;
	}
	.clearfix {
		display:block;
	}