@charset "utf-8";
/* CSS Document */

body{
	color:#a8a8a8;
	background-image:url(design/main_bg.gif);
	margin:0px auto;
	}
	
a:link {
	color: #00b6ff;
}
a:visited {
	color: #00b6ff;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #00b6ff;
}


#supercontainer {
	position:relative;
	margin:0px auto;
	
	background-image:url(design/blue_bar.png);
	background-repeat:no-repeat;
	background-position: top center;
	}


#top_bar {
	position:absolute;
	background-image:url(design/top_bar.png);
	background-repeat:repeat-x;
	width:75%;
	height:97px;
	top:0px;
	left:0px;
	z-index:-1000;
	}

#container {
	position:relative; 
	width:1000px; 
	margin:0px auto;
	z-index:10;
	}
	
#blue_bar {
	position:absolute;
	z-index:-99;
	margin:0px auto;
	width:1405px;
	
	}

#header {
	position:relative;
	height:66px;
	
	margin-bottom:10px;
	}
	
.back_text {
	position:absolute;
	visibility:hidden;
	}

#main_logo{
	position:absolute;
	top:5px;
	left:0px;
	
	width:369px;
	height:66px;
	}

.portfolio_ligne {
	position:relative;
	
	margin-left:0px;
	
	width:1000px;
	height:350px;
	}


.project {
	position:relative;
	float:left;
	
	width:487px;
	height:340px;
	
	margin-left:0px;
	
	background-image:url(design/prjt_shadow.png);
	background-repeat:no-repeat;
	
	color:#FFF;
	text-decoration:none;
	
	font-size:56px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	
	}
	
	.project .preview {
		position: absolute;
		top:32px;
		left:30px;
		
		
		border: 2px solid #000;
		}
		
		.project:hover .preview {
			border: 2px solid #00a2e3;
			}
	
	.legende {
		position:absolute;
		top:275px;
		left:0px;
		border:0;
	}

#nav {
	position:relative;
	margin-top:10px;
	z-index:1000;
	
	height:80px;
	}

#nav_previous {
	position:absolute;
	left:20px;
	}
	
#nav_next {
	position:absolute;
	left:845px;
	}

#nav_previous img, #nav_next img {
	border:0;
}






#footer {
	position:relative;
	background-image:url(design/footer_bg.png);
	
	text-align:center;

	}
	
	#footer img{
		border:0;
		}
	
	#footer_container{
		position:relative;
		margin:auto;
		width:1000px;
		
		margin-bottom:10px;
		
		font-family:"Segoe UI", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:10px;
		text-transform:uppercase;
		text-align:justify;
		
		}
		
		#footer_bio {
			position:relative;
			width:370px;
			margin-top:20px;
			float:left;
			margin-right:40px;
			}
			
			#footer_bio p{
				margin-left:4px;
				}
			
			
		#footer_contact {
			position:relative;
			width:310px;
			margin-top:20px;
			float:left;
			
			margin-right:40px;
			}
			
			
			#footer_contact_form{
				position:absolute;
				
				top:70px;
				left:13px;
				}
				
				#footer_contact_form textarea {
					background-color:transparent;
					width:283px;
					height:68px;
					border:0;
					outline:none;
					}
					
					
			#message_envoye {
				position:absolute;
				top:25px;
				left:5px;
				width:300px;
				height:170px;
				background-image:url(design/bg_black_alpha.png);
				}
				
				#message_envoye p {
					margin-left:5px;
					}
					
					#message_envoye p b {
						font-size:14px;
						color:#6F9;
					}
					
			
		#footer_more {
			position:relative;
			width:215px;
			margin-top:20px;
			float:left;
		}
		
		#footer_more a {
			display:block;
			text-decoration:none;
			margin-bottom:18px;
			margin-top:2px;
			margin-left:10px;
			color:#a8a8a8;
			}
			
			#footer_more a:hover{
				color:#FFF;
				}

#bottom_shadow {
	position:absolute;
	top:-120px;
	left:0px;
	width:100%;
	
	z-index:5;
	
	background-image:url(design/bottom_shadow.png);
	background-repeat:repeat-x;
	height:120px;
	}

#credits {
	position:relative;
	}