body {
	background-color: #2E2E2E;
	background-image: url(images/bg.body.gif);
	color: #FFF;
	font: 12px "trebuchet MS", arial, helvetica, sans-serif;	
	margin: 0;
	padding: 0;	
	height: 100%; 
	overflow-x: hidden;
}

html {
	height: 100%;
}

h1 {
	margin: 155px 0 10px;
	padding: 0;
	width: 600px;
}

h2 {
	margin: 10px 0 0 40px;
}

p {

}

a {
	color: #FFFFC0;
}

a:hover {
	text-decoration: none;
}

img {
	border: 0;
}

#universe {
	background-image: url(images/bg.universe.gif);
	background-repeat: repeat-x;
	height:100%; 
	margin: 0;
	padding: 0;	
}

	#milkyway {
		width: 1000px;	
		height: 100%;
	}

		#nebula {
			width: 340px;
			float: left;
			background-image: url(images/bg.nebula.gif);
			padding: 0;
			height: 100%; 
		}
		#solarsystem {
			width: 650px;
			float: left;
			background-color: #333333;
			height: 100%; 
		}

			#menu {
				width: 340px;
				margin: 0;
				padding: 0;
			}
				
				#menu li {
					margin: 0;
					padding: 0;
					display: block;
				}
			
					#menu li a {
						display: block;
						width: 340px;
						background-image: url(images/bg.menu.gif);
						background-repeat: no-repeat;

					}
						#menu li a span{
							position: absolute;
							margin-top: -1976px;
						}
				
					li#link_about {
						height: 200px;
					} 
						li#link_about a {
							height: 200px;
							background-position: 0 0;
						}
						li#link_about a:hover {
							height: 200px;
							background-position: -340px 0; 
						}					

					li#link_cv {
						height: 65px;
					} 					
						li#link_cv a {
							height: 65px;
							background-position: 0 -200px; 
						}
						li#link_cv a:hover {
							background-position: -340px -200px; 

						}					
					
					li#link_web {
						height: 65px;
					} 	
						li#link_web a {
							height: 65px;
							background-position: 0 -265px; 
						}
						li#link_web a:hover {
							background-position: -340px -265px; 
						}	

					li#link_photography {
						height: 65px;
					} 											
						li#link_photography a {
							height: 65px;
							background-position: 0 -330px; 
						}
						li#link_photography a:hover {
							background-position: -340px -330px; 
						}

					li#link_lifestream {
						height: 65px;
					} 											
						li#link_lifestream a {
							height: 65px;
							background-position: 0 -395px; 
						}
						li#link_lifestream a:hover {
							height: 65px;
							background-position: -340px -395px; 
						}					

					li#link_contact {
						height: 120px;
					} 					
						li#link_contact a {
							height: 120px;
							background-position: 0 -460px; 
						}		
						li#link_contact a:hover {
							background-position: -340px -460px; 
						}		
					
/**
 * Rubriques
 * 
 * 
 */
#noplacelikehome {
	width: 650px;
	overflow: hidden;
	height: 100%;
}

#contents {
	width: 4000px;
}

section {
	display: block;
	float: left;
	width: 650px;
	margin: 0;
	padding: 0;
}

		section h1 span{
			position: absolute;
			margin-top: -1976px;
		}
						
article {
 	margin: 10px 20px 0 45px;
	display: block;
 }
 										
	#about h1 {
		background-image: url(images/h1.about.gif);
		height: 99px;
	}

	#cv h1 {
		background-image: url(images/h1.cv.gif);
		height: 64px;
	}	
		
	#web h1 {
		background-image: url(images/h1.web.gif);
		height: 64px;
	}	

	#photography h1 {
		background-image: url(images/h1.photography.gif);
		height: 64px;
	}	
	
	#lifestream h1 {
		background-image: url(images/h1.lifestream.gif);
		height: 64px;
	}	
	
	#contact h1 {
		background-image: url(images/h1.contact.gif);
		height: 64px;
	}			


/*
 * Formulaire de contact
 * 
 * 
 */
#contact_form {
	background: #222222;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	margin: 10px auto 0;
	padding: 20px 0 10px;
	width: 600px;
	text-align: center;
	height: 250px;	
}

	#contact_form p {
		width: 250px;
		margin: 10px 10px 10px 27px;	
		text-align: left;
		float: left;
	}

		#contact_form label {
			display: block;
			font-size: 1.1em;
		}
		
		#contact_form input[type=text] {
			padding: 3px; 
			border: 1px solid #444;
			font-size: 14px;
			width: 250px;
		}
		
		#contact_form textarea {
			padding: 4px; 
			border: 1px solid #444;
			font-size: 14px;
			width: 250px;
			height: 120px;
		}		

		#contact_form input[type=submit] {
			padding: 4px 14px; 
			border: 1px solid #444;
			background-color: #444;
			font-size: 14px;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;			
		}
		
		#contact_form input[type=submit]:hover {
			padding: 4px 14px; 
			border: 1px solid #999;
			background-color: #999;
			font-size: 14px;
			border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;			
		}		

/*
 * Curriculum Vitae
 * 
 * 
 */
#cv_download {
	background: #222222;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	margin: 10px 0 0;
	padding: 20px 0 10px;
	width: 90%;
	text-align: center	
}

	#cv_file {
		display: block;
		width: 128px;
		background-image: url(images/files_128.png);
		background-repeat: no-repeat;
		padding: 130px 0 0;
		margin: 0 auto;
	}
	
	#cv_file:hover {
		background-image: url(images/downloads_128.png);
	}

/*
 * Lifestream
 * 
 * 
 */
#twitter_update_list {
	background: #222222;
	background-image: url(images/twitter_logo_s.png);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	margin: 10px 0 0;
	padding: 40px 20px 10px 10px;
	width: 90%;
}

	#twitter_update_list li {
		list-style-type: square;
		margin: 10px 0 0 30px;
		padding: 0;
	}

#flickr_identity {
	background: #222222;	
	background-image: url(images/flickr_logo_s.png);
	background-repeat: no-repeat;
	background-position: 15px 15px;	
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	margin: 10px 0 0;
	padding: 35px 0 0;
	width: 90%;	
	text-align: center
}

	/*
	 * Liens externes
	 * 
	 * 
	 */
#wormholes {
	position: absolute;
	top: 10px;
	left: 700px;
	z-index: 999;
	height: 32px;
	width: 240px;
	margin: 0;
	padding: 0;
}

	#wormholes li {
		display: block;
		width: 16px;
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
		#wormholes li a{
			display: block;
			width: 16px;
			height: 32px;
			background-position: 0 8px;	
		}
		
		#wormholes li a:hover {
			background-position: 0 0;	
		}
		
			#wormholes li a span{
				position: absolute;
				margin-top: -1976px;				
			}
		
		li#link_twitter a{
			background-image: url(images/twitter.png);
			background-repeat: no-repeat;
		}
		li#link_linkedin a{
			background-image: url(images/linkedin.png);
			background-repeat: no-repeat;
		}		
		li#link_flickr_tdv a, 
		li#link_flickr a{
			background-image: url(images/flickr.png);
			background-repeat: no-repeat;
		}	
		li#link_facebook_tdv a {
			background-image: url(images/facebook.png);
			background-repeat: no-repeat;			
		}
		li#link_vimeo a{
			background-image: url(images/vimeo.png);
			background-repeat: no-repeat;
		}				
		li#link_delicious a{
			background-image: url(images/delicious.png);
			background-repeat: no-repeat;
		}	
		li#link_blog a{
			background-image: url(images/cv.png);
			background-repeat: no-repeat;
		}			
		li#link_rss a{
			background-image: url(images/rss.png);
			background-repeat: no-repeat;
		}