* 
		{
		margin:0;
		padding:0;
		}

	html, body
		{
		height:100%;
		}

	body 
		{
		font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-193px; /* half of container's height */
		float:left;
		}

	#container 
		{
		background: #FFF url('../images/homepage.jpg') top left no-repeat;
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:410px;
		width:746px;
		clear:left;
		}
		
		
	h1
		{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 250px;
		height: 2px;
		overflow: hidden;
		}
		
	p#fr
		{
		position: absolute;
		top: 243px;
		left:6px;
		width: 193px;
		height: 69px;
		background-color: #2a2a2a;
		}
	
	p#fr a,
	p#fr a:link,
	p#fr a:active,
	p#fr a:visited
		{
		display: block;
		width: 193px;
		height: 69px;
		text-indent: -999px;
		overflow: hidden;	
		background: #2a2a2a url('../images/bouton-fr.gif') 0px 0px no-repeat;	
		}
				
	p#fr a:hover
		{
		background: #2a2a2a url('../images/bouton-fr.gif') 0px -69px no-repeat;	
		}
	
	
	p#en
		{
		position: absolute;
		top: 312px;
		left:6px;
		width: 193px;
		height: 69px;
		background-color: #2a2a2a;
		}	
		
	p#en a,
	p#en a:link,
	p#en a:active,
	p#en a:visited
		{
		display: block;
		width: 193px;
		height: 69px;
		text-indent: -999px;
		overflow: hidden;	
		background: #2a2a2a url('../images/bouton-en.gif') 0px 0px no-repeat;	
		}
				
	p#en a:hover
		{
		background: #2a2a2a url('../images/bouton-en.gif') 0px -69px no-repeat;	
		}
	
		
	p#polychrome
		{
		position: absolute;
		bottom: 0px;
		right: 0px;
		}
	p#polychrome a,
	p#polychrome a:link,
	p#polychrome a:active,
	p#polychrome a:visited
		{
		font-size: 10px;
		color: #DDD;
		text-decoration: none;
		}
				
	p#polychrome a:hover
		{
		color:#333; 
		text-decoration: none;
		}