Réponse acceptée !
Salut,
pour le bug du titre j'ai pas réussi à le résoudre sinon la hauteur trop importante faut enlever le </p> dans le div du bas, voici ce que ça donne :
<html>
<head>
<title>XHTML 1.1 & CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body { margin:5px; background-color:#DDDDDD; }
p,a { color:#000000;font-family : Verdana, Sans-Serif; font-size : 10px; }
a {text-decoration : none; }
a:hover { color : #DD6900; text-decoration : underline; }
.copyright { border : 1px solid #000000; background-color : #DDDDDD; text-align : center; clear : both;line-height:25px;}
.element-menu { margin-top : 5px; margin-bottom : 5px; border : 1px solid #000000; }
.haut { height : 50px; border : 1px solid #000000; background-color : #BBBBBB; text-align : center; }
.master { border : 1px solid #000000; padding : 5px; background-color : #FFFFFF; }
.menu { width : 200px; float : left; }
.milieu { margin-top : 5px; margin-left : 205px; margin-bottom : 5px; border : 1px solid #000000;}
.texte,.titre,.copyright{color : #000000; font-family : Verdana, Sans-Serif; font-size : 10px;}
.texte { padding : 5px; background-color : #DDDDDD;}
.titre { height : 27px; background-color : #CCCC99;font-weight : bold; text-align : center; line-height : 25px;}
</style>
</head>
<body>
<div class="master">
<div class="haut">Haut</div>
<div class="menu">
<div class="element-menu">
<div class="titre">Titre</div>
<div class="texte">Texte</div>
</div>
<div class="element-menu">
<div class="titre">Titre</div>
<div class="texte">Texte</div>
</div>
</div>
<div class="milieu">
<div class="titre">Titre</div>
<div class="texte">Texte</div>
</div>
<div class="copyright">Copyright</div>
</div>
</body>
</html>