/*	=================================================================
	Generic Element Styles
	=================================================================
*/

body {
   	background: #0b0602 url(../img/body.jpg) no-repeat 50% 0;
   	position: static;
}

a{
		font-family: tahoma, verdana;
	outline: none;
	}

.hr {
	display: none;
}


/*	=================================================================
	Generic Classes
	=================================================================
*/

body .page { 
	width: 640px;
	height: 460px;
	
	margin: 0 auto 0 !important;
	margin-bottom: 0 !important;
	text-align: left;
	
	min-height: 0;
	
	top: 90px;
	position: relative;
	
	padding: 30px;
	
	background: url(../img/main_shadow.png) no-repeat 50% 0;
}

	* html .page {
		background: none;
	}

h1, h2, h3,
#occupation,
#self-definition,
#network li {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0;
	list-style:none;
	margin: 0;
}

#header {
	width: 600px;
	height: 420px;
	
	padding: 0 20px;
	
	position: absolute;
	
	float: left;
	display: inline;
	
	background: url(../img/main_photo.jpg) no-repeat 50% 0;
	
	z-index: 1;
}

	#header h1 {
		position: absolute;
		top: 305px;
		left: 20px;
			line-height: 20px;
		color: #fff;
		display: none;
		
	}


		
		#occupation a {
			color: #ccc;
			font-size: 10px;
		color: #888;
		text-decoration: none;
				}
		
			#occupation a:hover {
				color: #fff;
			}
	
	#self-definition {
		color: #fff;
		font-size: 11px;
	}

	
	#occupation {
		position: absolute;
		top: 365px;
		left: 20px;
	}
	
	#self-definition {
		position: absolute;
		top: 325px;
		left: 20px;
		
		display: none;
	}
	
#nav {
	margin: -30px 0 0 0;
	float: right;
	display: inline;
}

	#nav li {
		position: relative;
	
		float: left;
		display: inline;
		
		margin: 7px 5px 0 0;
	}
	
	#nav a {
		display: block;
		/*padding: 2px 7px 1px 8px;*/
		margin: 0 8px;
		
		background: #fff;
	}
	
	#nav span {
		display: block;
		height: 23px;
		
		position: absolute;
		top: 0;
		left: 0;
	}
	
		#portfolio-link span {
			background: url(../img/nav_portfolio.png) no-repeat 0 0;
			
			width: 86px;
		}
		
		#contact-link span {
			background: url(../img/nav_contact.png) no-repeat 0 0;
			
			width: 74px;
		}
		
			#contact-link a:hover span {
				background: url(../img/nav_contact.png) no-repeat -80px 0;
			}

#informationConcertContenu{
	position:absolute;
	top:128px;
	margin-left:311px;
	background: #261700;
	width: 341px;
	height: 400px;
	z-index: 6;
	text-align:justify;
	overflow: auto;
	font-size: 12px;
	line-height:14px;
	color:#cccccc;
	font-weight:normal;
	padding:10px;
	border-right: 1px solid #222;
	}

#contactReponse{
	position:absolute;
	top:128px;
	margin-left:311px;
	background: #261700;
	width: 361px;
	height: 420px;
	z-index: 59;
	text-align:center;
	vertical-align:middle;
	line-height:400px;
	border-right: 1px solid #222;
}

#messageReponse{
	color:#ffffff;
	}
#contact{
	position:absolute;
	top:128px;
	margin-left:311px;
	background: #261700;
	width: 361px;
	height: 420px;
	z-index: 60;
	text-align:left;
	border-right: 1px solid #222;
	}
#formulaire{
	padding:20px;	
	}
			
.titreFormulaire{
	text-align: center;
	font-size: 16px;
		color:#cccccc;
		font-weight:bold;
		width: 368px;
	}
	
.description{
	color:#cccccc;	
	}	
	
	input{
	margin:0px 0px 10px 0px;
	font-size: 11px;
		color:#000000;
		font-weight:normal;
		z-index: 15;
	}
	
	textarea{
	font-size: 11px;
		color:#000000;
		font-weight:normal;
	margin:0px 0px 10px 0px;
	z-index: 15;
	}
	
#main {
	float: right;
	width: 320px;
	z-index: 5;
	
	position: relative;
}

	#main h2 {
		display: none;
	}

	#networks {
		margin: 0;
	}
	
		#networks li {
			width: 280px;
			height: 70px;
			
			margin: 0;
			padding: 0;
			
			float: left;
			display: inline;
			text-transform:uppercase;
			position: relative;
			font-size:12px;
			font-family:verdana;
			color:#FFFFFF;
			background: transparent url(../img/network.png) repeat-x 50% 50%;
			/*
			border: 1px solid #222;
			border-top-color: #494141;
			border-left-color: #252424;
			
			border: 1px solid rgba(0,0,0,0.75);
			border-top-color: rgba(255,255,255,0.1);
			border-left-color: rgba(255,255,255,0.15);
			*/
			overflow: hidden;
		}
			
			#networks img {
				position: absolute;
				left: 12px;
				top: 12px;
				width:44px;
				height:44px;
				opacity: 0.9;
			}
			
			#networks a {
				position: absolute;
				top: 0;
				left: 0;
				font-size:10px;
				text-transform:none;
			font-family:"Trebuchet MS";
			color:#FFFFFF;
				display: block;
			text-decoration:none;
				padding: 34px 0 14px 70px;
				width: 250px;
				height: 20px;
			}
			
			#networks h3 {
				margin: 14px 0 0 0;
				line-height: 20px;
				padding: 0 0 0 70px;
			}
				
	
		


#footer {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -320px;
	margin-bottom: 37px;
	
	width: 638px;
	height: 31px;
	
	background: #000;
	background: rgba(0,0,0,0.8);
	
	border: 1px solid #222;
	border-top-color: #494141;
	border-right-color: #252424;
		
	border: 1px solid rgba(0,0,0,0.75);
	border-top-color: rgba(255,255,255,0.15);
	border-left-color: rgba(255,255,255,0.1);
	
	font-family: Trebuchet MS, "Gill Sans", "Gill Sans MT", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
padding-top:8px;
letter-spacing: 2px;
	line-height:30px;
}

	#copyright {
		margin: 0;
	}

	#site-author { display: none }