#headerp1 {
	position:fixed;
		top:15;
		float:left;
		width:100px;
		margin:5; padding:0;
	z-index:1;
	}
#headertitre {
	position:fixed;
	top:15;
	left:200;
	width:100%;
	height:2em;
	z-index:1;
	}<center/>
#headerp2 {
	position:fixed;
	top:20;
	left:740;
	width:100%;
	height:2em;
	z-index:1;
	}
#gauche {position:relative;
		top:0;
		float:left;
		width:160px;
		margin:5; padding:0;
		
	}
#milieu  {position:relative;
		top:0;
		margin:2 ;
	}


#milieu1  {position:relative;
		top:0;
		margin:2 :
		
	}

	
#droit {position:relative;
		top:0;
		float:right;
		width:160px;
		margin:0; padding:0;	
	}
#droit250 {position:relative;
		top:0;
		float:right;
		width:250px;
		margin:5; padding:0;	
	}
#droit300 {position:relative;
		top:0;
		float:right;
		width:300px;
		margin:0; padding:0;	
	}

html>body #content-wrap {height:100%;} /* 100 % height */ 
html>body #content {padding:6em 1em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */ 
#footer { 
width:100%; 
height:5em; 
} 
html>body #footer { 
position:fixed; 
bottom:0; 
z-index:10; /* Prevent certain problems with form controls */ 
} 




#tab500g
{
	width: 500px ;
	margin: 0 auto ;
	text-align: left ;
}
#tab500d
{
	width: 500px ;
	margin: 0 auto ;
	text-align: right ;
}
#tab500m
{
	width: 500px ;
	margin: 0 auto ;
	text-align: center ;
}
#tab650m
{
	width: 650px ;
	margn: 0 auto ;
}	
footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:1.8em;
	padding:0;
	background:#fe9;
	color:#666;
	border-top:1px solid #666;
	font-size:x-small;
	font-style:normal;
	text-align:center;
	z-index:1;}