<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://
www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Publicité</title>
body{
background-color: #723f15;
}
#conteneur{
width: 800px;
min-height: 600px;
height: auto;
margin: auto;
border: 1px white dotted;
background-color: #b18e59;
}
#banniere{
height: 140px;
width: 876 px;
background-image:url(http://img44.xooimage.com/files/9/9/7/bannire1fg5-7b1425.png);
background-position: center;
}
#contenu{
width: auto;
min-height: 528px;
height: auto;
margin-top: -20px;
padding-top: 20px;
}
#contenu p{
padding-left: 20px;
padding-right: 20px;
text-align:justify;
color: #666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
#copyright{
height: 40px;
width: auto;
padding-top: 20px;
text-align: center;
}
#copyright p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 10px;
color:#333333;
}
</head>
<body>
<div id="conteneur">
<div id="conteneur">
<div id="banniere">
<!-- voici le bloc où sera mise à la bannière -->
</div>
<div id="contenu">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla dolor faucibus orci dictum vulputate. Integer accumsan ultricies metus, sed venenatis quam consequat eu. Integer blandit nulla quis massa scelerisque pretium tincidunt urna auctor. Mauris sapien velit, mollis sed dictum non, vestibulum eget lacus. Quisque convallis purus nec turpis euismod accumsan. Morbi quis nibh et lectus pharetra vehicula a et neque. Praesent nisi ligula, sollicitudin nec consectetur vitae, tincidunt et libero. Nulla aliquam quam eget quam facilisis porta. Suspendisse nisl sem, suscipit ac molestie vitae, condimentum sed nunc. In euismod, sapien et tincidunt cursus, augue neque consectetur neque, sed accumsan nulla sem a augue. Phasellus erat leo, hendrerit vitae scelerisque at, tempus at velit. Proin sed venenatis erat. Cras urna ipsum, porttitor mattis tincidunt a, tempus et nisl.</p>
<p> Donec quis nunc turpis. Phasellus eleifend pellentesque massa, quis tristique ipsum consequat vel. Nulla bibendum facilisis nulla, in condimentum dui varius in. Maecenas vestibulum libero at odio venenatis pharetra iaculis enim adipiscing. Etiam nec dignissim orci. In et justo magna, auctor lacinia ipsum. Ut iaculis tincidunt risus, in bibendum tortor tincidunt quis. Phasellus quis eros tortor. Morbi id mauris sit amet elit consectetur placerat et id nibh. Quisque sapien odio, fringilla sit amet fermentum euismod, fermentum sed elit. Proin dapibus libero eget leo dictum ut pellentesque urna fringilla. Vestibulum at elit velit.</p>
<p> Quisque porttitor, libero in facilisis mollis, turpis sem fermentum dui, at congue dui mauris vitae felis. Ut sollicitudin est congue lorem imperdiet vitae dictum velit sagittis. Curabitur et felis lectus. Vestibulum lorem arcu, pellentesque suscipit ultricies quis, condimentum nec ipsum. Pellentesque id mauris nulla, ut volutpat dui. Morbi ac venenatis nisi. Aliquam sapien sem, elementum vitae cursus a, ultrices vitae lacus. Praesent enim nulla, pretium nec iaculis eu, dapibus vel nulla. Mauris ornare euismod turpis, vel rutrum magna cursus sit amet. Etiam sit amet dui a enim porta tristique in a quam. Duis consectetur aliquam rutrum. Curabitur congue imperdiet purus, ut viverra libero commodo pharetra. In hac habitasse platea dictumst. Aenean auctor sagittis tincidunt. Duis sed enim nisl. Sed suscipit consequat odio ac tristique.</p>
<p> Aliquam ac lorem dolor, a aliquam sapien. Nunc risus nulla, dignissim quis sagittis laoreet, suscipit id urna. Cras euismod fermentum sem rhoncus malesuada. Maecenas lacinia tristique est, id aliquet risus luctus eget. Integer sed eros nec massa dictum faucibus. Morbi gravida sem a ante imperdiet eget placerat neque mattis. Etiam non massa ipsum. Nullam in lacus ac tortor lacinia vestibulum in consequat turpis. Quisque et nulla in diam mollis molestie a sit amet massa. Vivamus porta malesuada ultrices. Donec mauris felis, interdum vel sollicitudin tincidunt, tincidunt quis mi. Nulla eget leo id nunc sollicitudin porttitor vel quis libero. Quisque dictum metus augue, a imperdiet sem. Vivamus diam orci, placerat at porta ut, cursus nec arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla tincidunt convallis semper. Nulla facilisi. Duis ut nunc aliquam ipsum dapibus sodales. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non sem sapien.</p>
<p> Aenean in libero nec mi fermentum hendrerit et suscipit nulla. Sed pellentesque venenatis dolor eget elementum. In hac habitasse platea dictumst. Etiam lectus lacus, congue in faucibus ac, eleifend vel urna. Praesent ut ipsum eu quam pretium lacinia. Mauris varius, nunc non sagittis mollis, tortor mi ultrices metus, nec luctus sapien risus at felis. Integer vitae arcu ante, at accumsan lectus. Donec vitae porta purus. Nullam eu convallis lectus. Donec quam dui, lacinia sed interdum ut, luctus id nisl. Sed arcu nisl, sollicitudin sit amet suscipit eget, aliquet eu augue. Praesent in sapien vel dui aliquam accumsan ut sit amet felis. Phasellus ipsum tellus, blandit non bibendum vel, fermentum a dolor. Nullam non dolor ipsum. Proin turpis risus, malesuada ut facilisis nec, adipiscing lobortis metus. Vivamus sit amet imperdiet nibh. Nullam tincidunt pulvinar elit, eget vehicula diam scelerisque a. </p>
</div>
<div id="copyright">
<p> ©Ozma, 2011 </p>
</div>
</div>
</div>
</body>
</html>
merci miettes, je l'avais oublié cette balise(kiri va me taper sur les doigts 
), ça marche, me reste plus qu'à le personnaliser.merci encore