Miscellany

body {
	font-family:Arial,Helvetica;
	font-size:10pt;
}
body,#principal,#logo{
	margin:auto auto auto auto;
}
#principal{
	background-color:red;
	text-align: center;
	width: 1000px;
}
#logo{
	background:url(img/img16.png) no-repeat;
	height:180px;

}
#menuhaut{
	margin:0;
	padding:0;
	height:18px;
	width:998px;
	border:1px solid #657799;
	background:url(img/menu.png) repeat-y;
	text-align:left;
}
#menuhaut li{
	list-style-type:none;
	height:18px;
 	display:block;
	float:left;
	margin-left:10px;
}
#menuhaut li a{
	color:#000;
	text-decoration:none;
	padding:0 10px;
}
#menuhaut li a:hover,#menuhaut li a:active {
	text-decoration:none;
	background:#657799;
	color:#FFF;
	padding:0 10px;
	position:relative;
}




<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
        <title>Regimeplus.com</title>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
	<link rel="stylesheet" href="index_fichiers/style.css" type="text/css" media="screen" />
</head>
<body>
	<div id="principal">
		<div id="logo"></div>
		<ul id="menuhaut">
			<li><a href="index.html">Accueil</a></li>
			<li><a href="aliments.html">aliments</a></li>
		</ul>
		<div id="texte">
		toto va à la plage
		</div>
	</div>
</body></html>