Voici donc mon HTML :
<!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>RapideNet.Free.Fr</title> <link href="css/styles.css" rel="stylesheet" type="text/css" /> <link href="css/lightbox.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="scripts/lightbox.js"></script> </head> <body> <div id="header"><a name="haut" id="haut"></a></div> <div id="menu"> <table class="menu" style="height: 50px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr style="vertical-align: top;"> <td class="menuPadding" style="background-image: url(images/boutonActif.gif); padding-top: 15px;" width="95">accueil</td> <td class="menuSeparateur"></td> <td class="menuPadding" width="95"><a href="page01.html">info</a></td> <td class="menuSeparateur"></td> <td class="menuPadding" width="95"><a href="page02.html">services</a></td> <td class="menuSeparateur"></td> <td class="menuPadding" width="95"><a href="page03.html">photos</a></td> <td class="menuSeparateur"></td> <td class="menuPadding" width="95"><a href="page04.html">forum</a></td> <td class="menuSeparateur"></td> <td class="menuPadding" width="95"><a href="page05.html">liens</a></td> <td class="menuSeparateur"></td> <td class="menuPadding" width="95"><a href="page06.html">contact</a></td> </tr> </tbody> </table> </div> <div id="sheader"></div> <div id="contenuBg"> <div id="boiteMenuG"> <p style="margin: 0px; background: transparent url(images/menuT.gif) no-repeat scroll center bottom; text-align: center; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 13px; width: 207px;"></p> <form action="" method="post" class="formulaire" style="background: transparent url(images/menuBg.gif) repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; padding-left: 30px; padding-top: 5px; padding-bottom: 5px;"> <p class="formMenu" style="padding-bottom: 4px;">Rechercher</p> <p class="formMenu" style="padding-bottom: 15px;"><input name="rechercher" value="" size="22" class="boiteFormulaire" type="texte" /> <input name="envoyer" value="ok" class="boiteFormulaire" type="submit" /></p> </form> <p class="tiretD"><img src="images/tiretPx.gif" alt="tiret" height="1" width="207" /></p> <p class="elementMenu"><a href="#">Catalogue A</a></p> <p class="elementMenu"><a href="#">Catalogue B</a></p> <p class="elementMenu"><a href="#">Catalogue C</a></p> <p class="elementMenu"><a href="#">Catalogue D</a></p> <p class="elementMenu"><a href="#">Catalogue E</a></p> <p class="elementMenu"><a href="#">Catalogue F</a></p> <p class="elementMenu"><a href="#">Catalogue G</a></p> <p style="margin: 0px; background: transparent url(images/menuB.gif) no-repeat scroll center top; text-align: center; padding-bottom: 10px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 10px; width: 207px;"></p> <p style="margin: 0px; background: transparent url(images/menuT.gif) no-repeat scroll center bottom; text-align: center; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 13px; width: 207px;"></p> <p class="titreMenuB" style="padding-bottom: 8px;">Section des membres</p> <p class="tiret"><img src="images/tiretPx.gif" alt="tiret" height="1" width="207" /></p> <form action="" method="post" class="formulaire" style="background: transparent url(images/menuBg.gif) repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; padding-left: 30px; padding-top: 0px;"> <p class="formMenu" style="padding-bottom: 4px; padding-top: 8px;">Login</p> <p class="formMenu" style="padding-bottom: 4px;"><input name="login" value="" size="13" class="boiteFormulaire" type="text" /></p> <p class="formMenu" style="padding-bottom: 4px;">Mot de passe</p> <p class="formMenu" style="padding-bottom: 15px;"><input name="password" value="" size="13" class="boiteFormulaire" type="password" /> <input name="envoyer" value="envoyer" class="boiteFormulaire" type="submit" /></p> </form> <p style="margin: 0px; background: transparent url(images/menuB.gif) no-repeat scroll center top; text-align: center; padding-bottom: 50px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 10px; width: 207px;"></p> </div> <div id="boiteTexte"> <p class="titre" style="margin: 0px;"><img src="images/fleche.gif" alt="fleche" height="9" width="19" />ACCUEIL</p> <p style="background: transparent url(images/separateurTexte.gif) repeat-x scroll 0%; margin-top: 5px; height: 1px; width: 427px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"></p> <p><span style="text-align: justify;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In at purus non ipsum malesuada posuere. Praesent ut sem ut arcutristique laoreet. Integer euismod. Integer lorem enim, lacinia in, aliquet at, mollis non, justo. Donec facilisis, turpis quis accumsa tristique, elit purus faucibus purus, <a href="#">id tincidunt justo risus</a> et est. Quisque eu nisl.</span> <span style="text-align: justify;">In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede.</span></p> <p style="text-align: right;"><a href="#haut"><img src="images/ancre.gif" alt="ancre" border="0" height="19" width="29" /></a></p> <p class="soustitre" style="margin: 0px;">Sed nec purus</p> <p style="text-align: justify;"><a href="images/terre.jpg" rel="lightbox" title="terre"><img src="images/terre.jpg" alt="terre" class="imagePositionGauche" border="0" height="130" width="115" /></a>In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede. Sed nec purus. Cras eu lorem. Nunc accumsan nunc vel nibh. Aliquam turpis urna, consectetuer et, pulvinar et, fermentum eget, augue.</p> <p style="text-align: justify;">Donec facilisis, turpis quis accumsa tristique,<br /> elit purus faucibus purus, id tincidunt justo risus et est. Donec facilisis, turpis quis accumsatristique, elit purus faucibus purus, id tincidunt justo risus et est. Quisque eu nisl. In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede.</p> <p style="text-align: justify;"></p> <p style="text-align: justify;">Ceci est un test voir juste si cela est pormant.</p> <p style="text-align: justify;">In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede. Sed nec purus. Cras eu lorem. Nunc accumsan nunc vel nibh. Aliquam turpis urna, consectetuer et, pulvinar et, fermentum eget, augue. </p> <p style="text-align: justify;">Donec facilisis, turpis quis accumsa tristique,<br /> elit purus faucibus purus, id tincidunt justo risus et est. Donec facilisis, turpis quis accumsatristique, elit purus faucibus purus, id tincidunt justo risus et est. Quisque eu nisl. In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede.</p> <p style="text-align: justify;">In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede. Sed nec purus. Cras eu lorem. Nunc accumsan nunc vel nibh. Aliquam turpis urna, consectetuer et, pulvinar et, fermentum eget, augue. </p> <p style="text-align: justify;">Donec facilisis, turpis quis accumsa tristique,<br /> elit purus faucibus purus, id tincidunt justo risus et est. Donec facilisis, turpis quis accumsatristique, elit purus faucibus purus, id tincidunt justo risus et est. Quisque eu nisl. In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede.</p> <p style="text-align: justify;">In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede. Sed nec purus. Cras eu lorem. Nunc accumsan nunc vel nibh. Aliquam turpis urna, consectetuer et, pulvinar et, fermentum eget, augue. </p> <p style="text-align: justify;">Donec facilisis, turpis quis accumsa tristique,<br /> elit purus faucibus purus, id tincidunt justo risus et est. Donec facilisis, turpis quis accumsatristique, elit purus faucibus purus, id tincidunt justo risus et est. Quisque eu nisl. In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede.</p> <p style="text-align: justify;">In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede. Sed nec purus. Cras eu lorem. Nunc accumsan nunc vel nibh. Aliquam turpis urna, consectetuer et, pulvinar et, fermentum eget, augue. </p> <p style="text-align: justify;">Donec facilisis, turpis quis accumsa tristique,<br /> elit purus faucibus purus, id tincidunt justo risus et est. Donec facilisis, turpis quis accumsatristique, elit purus faucibus purus, id tincidunt justo risus et est. Quisque eu nisl. In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede.</p> <p style="text-align: justify;">In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede. Sed nec purus. Cras eu lorem. Nunc accumsan nunc vel nibh. Aliquam turpis urna, consectetuer et, pulvinar et, fermentum eget, augue. </p> <p style="text-align: justify;">Donec facilisis, turpis quis accumsa tristique,<br /> elit purus faucibus purus, id tincidunt justo risus et est. Donec facilisis, turpis quis accumsatristique, elit purus faucibus purus, id tincidunt justo risus et est. Quisque eu nisl. In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede.</p> <p style="text-align: justify;">In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede. Sed nec purus. Cras eu lorem. Nunc accumsan nunc vel nibh. Aliquam turpis urna, consectetuer et, pulvinar et, fermentum eget, augue. </p> <p style="text-align: justify;">Donec facilisis, turpis quis accumsa tristique,<br /> elit purus faucibus purus, id tincidunt justo risus et est. Donec facilisis, turpis quis accumsatristique, elit purus faucibus purus, id tincidunt justo risus et est. Quisque eu nisl. In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede.</p> <p style="text-align: justify;">In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede. Sed nec purus. Cras eu lorem. Nunc accumsan nunc vel nibh. Aliquam turpis urna, consectetuer et, pulvinar et, fermentum eget, augue. </p> <p style="text-align: justify;">Donec facilisis, turpis quis accumsa tristique,<br /> elit purus faucibus purus, id tincidunt justo risus et est. Donec facilisis, turpis quis accumsatristique, elit purus faucibus purus, id tincidunt justo risus et est. Quisque eu nisl. In sollicitudin enim sit amet felis. Quisque imperdiet mattis lacus. Donec porta leo ac sem. Proin massa felis, tempus a, sagittis sed, rhoncus in, pede.</p> <p style="text-align: right;"><a href="#haut"><img src="images/ancre.gif" alt="ancre" border="0" height="19" width="29" /></a></p> </div> <div id="boiteMenuD" class="rubriqueD"> <p style="margin: 0px; background: transparent url(images/menuTGV.gif) no-repeat scroll center bottom; text-align: center; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 26px; width: 207px;"></p> <p class="elementMenuV"><a href="#">Lien pratique</a></p> <p class="elementMenuV"><a href="#">Lien pratique</a></p> <p class="elementMenuV"><a href="#">Lien pratique</a></p> <p class="elementMenuV"><a href="#">Lien pratique</a></p> <p style="margin: 0px; background: transparent url(images/menuBGV.gif) no-repeat scroll center top; text-align: center; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 24px; width: 207px;"></p> <p style="margin: 10px 0px 0px; background: transparent url(images/menuTGB.gif) no-repeat scroll center bottom; text-align: center; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 26px; width: 207px;"></p> <p class="elementMenuB"><a href="#">Lien pratique</a></p> <p class="elementMenuB"><a href="#">Lien pratique</a></p> <p class="elementMenuB"><a href="#">Lien pratique</a></p> <p class="elementMenuB"><a href="#">Lien pratique</a></p> <p style="margin: 0px; background: transparent url(images/menuBGB.gif) no-repeat scroll center top; text-align: center; padding-bottom: 10px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 24px; width: 207px;"></p> <p style="margin: 0px; background: transparent url(images/menuT.gif) no-repeat scroll center bottom; text-align: center; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 13px; width: 207px;"></p> <p class="titreMenuB" style="padding-bottom: 8px;">Partenaires</p> <p class="tiret"><img src="images/tiretPx.gif" alt="tiret" height="1" width="207" /></p> <p style="margin: 0px; background: transparent url(images/menuBg.gif) repeat scroll 0%; text-align: center; padding-top: 10px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"><a href="#"><img src="images/partenaire1.jpg" alt="pub" border="0" height="31" width="88" /></a></p> <p style="margin: 0px; background: transparent url(images/menuBg.gif) repeat scroll 0%; text-align: center; padding-top: 5px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"><a href="#"><img src="images/partenaire2.jpg" alt="pub" border="0" height="31" width="88" /></a></p> <p style="margin: 0px; background: transparent url(images/menuBg.gif) repeat scroll 0%; text-align: center; padding-top: 5px; padding-bottom: 0px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"><a href="http://www.jfpariseau.com/" target="_blank"><img src="images/partenaire3.jpg" alt="pub" border="0" height="31" width="88" /></a></p> <p style="margin: 0px; background: transparent url(images/menuB.gif) no-repeat scroll center top; text-align: center; padding-bottom: 50px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; height: 10px; width: 207px;"></p> </div> <p class="spacer"> </p> </div> <ul id="pagination-digg"> <li class="previous-off">« Précédent</li> <li class="active">1</li> <li><a href="index2.html">2</a></li> <li><a href="/?page=3">3</a></li> <li><a href="/?page=4">4</a></li> <li><a href="/?page=5">5</a></li> <li><a href="/?page=6">6</a></li> <li><a href="/?page=7">7</a></li> <li class="next"><a href="index2.html">Suivant »</a></li> </ul> <div id="footer"> <div id="menufooter"> <p style="margin: 0px; padding-top: 20px;"><a href="#">Plan du site</a> | <a href="#">FAQ</a> | <a href="#">A propos</a></p> </div> </body> </html>