Le code était vraiment trop... enfin trop... bref.
En voilà un tout neuf :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>UCJG : Résidences Habitat Jeunes</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<style type="text/css">
html, body {
margin:0;
padding:0
}
body {
font-family:arial, sans-serif;
}
h1 {
font-size:300%;
color:red;
text-align:center;
}
#top {
text-align:center;
margin:auto;
}
#top li {
display:inline;
border:1px solid white;
padding:5px;
}
#menu {
width:220px;
float:left;
}
#menu ul {
margin:2px;
}
#menu li {
list-style-type:none;
border:1px solid white;
padding:5px;
text-align:center;
line-height:30px;
}
#menu li a {
display:block;
}
#menu label, #menu input {
display:block;
}
#contenu {
margin-left:240px;
padding:50px;
}
</style>
<body>
<h1>UCJG<br />
Résidences Habitat Jeunes</h1>
<div id="top">
<p>Dossiers d’hebergement<br />
Le Havre<br />
Tel : 02.35.19.87.87</p>
<ul>
<li><a href="">Célibataire</a></li>
<li><a href="">Couple</a></li>
<li><a href="">Parent</a></li>
</ul>
</div> <!-- /top -->
<div id="menu">
<form action="set_ip.php" method="post">
<p>
<label for="pass">Mot de Passe :</label>
<input name="mot_de_passe_ucjg" value="" type="password" id="pass" />
<input value="Connection" type="submit" />
</p>
</form>
<ul>
<li><a href="">Qui peut solliciter l'UCJG ?</a></li>
<li><a href="">Le pole Accompagnement</a></li>
<li><a href="">Nos Tarifs</a></li>
<li><a href="">Album photo</a></li>
<li><a href="">Livre Dor</a></li>
</ul>
</div> <!-- /menu -->
<div id="contenu">
<h2>L’UCJG c’est quoi ?</h2>
<p>C’est un Carrefour Associatif très actif auquel vous pouvez participer.</p>
<p>L’Association gère trois Résidences Habitat Jeunes « FJT» et accueille
en moyenne 250 jeunes adultes par an.</p>
<p>Dans un environnement socio-éducatif, elle met en œuvre, au travers de ses programmes de développement sociaux, interculturels et internationaux, une pédagogie visant l’autonomie des personnes, l’apprentissage de la liberté, de la responsabilité et du service.</p>
<p>( réservé de 16ans à 30ans )<br />
Tel : 02.35.19.87.87</p>
</div> <!-- /contenu-->
</body>
</html>
Je n'ai pas tenté la validation, faut vérifier, et bien entendu je ne me suis pas occupé du design.
Mais la base devrait être meilleure.
Bonne continuation.