html {
	font-size: 100%;
} 

body {
	font-size: .85em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 ;
	padding: 0 ;
	background: #fff;
	
} 



/*#header h1:first-letter, h2:first-letter{ 
	
	font-weight:lighter;
}


#header h1, h2{
	text-transform:uppercase;
	position: absolute;
	left:15%;
	
	color:white;
	font-size:1.7em;
	font-weight:lighter;
	
}
#header h2{
	font-size:1em;
	top:45px;
	
}
*/

#header{
	padding-left:20%;
	height:150px;
	color:#3D3D3D;
}
#header h1{
	margin: 0 ;
	padding: 0 ;
	display:inline;
	
}
#header img{
	vertical-align:top;
}
#image {
	position: absolute;
	top:20px;
	padding-left:20%;

}
#close {
	position: absolute;
	top:-5px;
	right:0px;

}
#close:hover{
	cursor:pointer;


}




#inscription {
	padding-left:25%;
	position: absolute;
    top: 740px;
    left: 0;
    clear: both;
    width: 100%;
	color:black;

}

#container {
	position: absolute;
	padding-left:300px;
	
	

}

#content {
	background: url("../img/pix.png");
	padding: 10px;
	width:300px;
}

#footer {
	
	position: absolute;
    top: 760px;
    left: 0;
    clear: both;
    width: 100%;
	color:white;
	background:#3D3D3D;
}

#footer p{
	margin: 0px;
	padding: 0px;
	position: relative;
	left:10%;	
	
	

}