HTML + CSS

Code:: <div class="div_html">

<div class="div_body">

   <div align="center">
         <img img="" <="" src="http://image.noelshack.com/fichiers/2015/25/1434486067-title.png" /> <br />
   </div>

   <div class="page_1">

      <div class="page_10">

         <h2 class="h2_centre">

         </h2>

         <div class="page_101">

            <div class="page_1011">
                  <br /> ✭<a href="http://equiddesign.site-forums.com/t1-reglement-du-forum" class="a1">Règlement </a> ✭<a href="http://equiddesign.site-forums.com/f40-concours-de-la-perle-noire" class="a1">Concours de la Perle Noire </a> ✭<a href="http://equiddesign.site-forums.com/t37218-guide-du-nouveau-membre-a-lire" class="a1">Guide du nouveau membre </a> ✭<a href="http://equiddesign.site-forums.com/f6-les-ateliers" class="a1">Les Ateliers </a> ✭
            </div>

         </div>

      </div>

      <div class="page_11">

         <div class="page_110">

            <h2 class="h2_centre">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434565153-nouveautes.png" />
            </h2>

            <div class="page_1101">

               <marquee direction="up" scrollamount="2" bgcolor="#5f4942" style="width: 200px; height: 300px; background-color: rgb(95, 73, 66);">
                     <span style="color: #85ADCC;"> <span style="font-family: Arial;"><span style="font-size: 12px;">Nouveautés ici! Nouveau Design, secret santa. etc...</span></span> </span>
               </marquee>

            </div>

         </div>

         <div class="page_111">

            <h2 class="h2_centre">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434565817-leforum.png" />
            </h2>

            <div class="page_1111">
                  <br /> <span style="font-size: 10px;"><span style="font-family: Arial;"></span></span>
               <div style="font-size: 12px;" align="justify;">

                  <div align="justify">
                        <span style="font-size: 12px;"><span style="font-family: Arial;"><span style="color: #CCB286;"> Equid Design est un forum de graphisme relié au site Equideow. Il regroupe colorisations informatiques, crayons, feutres et beaucoup encore...! Il y a à votre disposition de nombreux tutoriels, des bases et une équipe toujours à l'écoute, pour vous aider à apprendre et vous améliorer! Venez nous rejoindre sur notre Page Facebook et notre groupe sur deviantART!</span></span></span>
                  </div>

               </div><span style="font-size: 10px;"><span style="font-family: Arial;"> </span> </span> <br /><a target="_blank" href="https://www.facebook.com/pages/EquidDesign/125528827502593"><img alt="Page Facebook ED" src="http://image.noelshack.com/fichiers/2014/40/1412519775-bannfb.gif" /></a> <a target="_blank" href="http://ed-officiel.deviantart.com/"><img alt="Page Facebook ED" src="http://image.noelshack.com/fichiers/2014/40/1412519772-bannda.gif" /></a> <br />
            </div>

         </div>

      </div>
         <span class="clair"></span>
      <div class="page_12">

         <div class="page_121">

            <h2 class="h2_gauche">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434565875-lequipe.png" />
            </h2>

            <p class="texte_gauche">

            </p>

            <div align="center">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-jess.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-nat.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-silv.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-astree.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-chibii.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-jolly.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-leengie.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-mae.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-plooo.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-sklah.png" />
            </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
            <p>

            </p><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
         </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
      </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
      <div class="page_13">

         <h2 class="h2_centre">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434565909-partenaires.png" />
         </h2>

      </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
      <div class="page_14">

         <h2 class="h2_centre">

         </h2>

         <marquee behavior="scroll" direction="left">
               <a target="_blank" href="http://recensement-equideow.forumactif.org/"><img alt="Recensement Equideow" src="http://nsa34.casimages.com/img/2013/10/09/131009082515370003.png" /></a> <a target="_blank" href="http://www.equideow.com"><img alt="Equideow" src="http://image.noelshack.com/fichiers/2014/40/1412519995-equideowpub.jpg" /></a>
         </marquee>
            <br /><br />
      </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
   </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
</div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
</div><a target="_blank" href="http://equiddesign.site-forums.com/u1">

 <br /></a>
<div align="center">
   <br /><br /><span style="color: #6B8EA8;">Design par Jolly © Credits: </span><a href="http://deviantnep.deviantart.com/">DeviantNep</a>, <a href="http://p-r-o-j-e-c-t.deviantart.com/">p-r-o-j-e-c-t</a>, <a href="http://enchantedwhispersart.deviantart.com/">EnchantedWhispersArt</a> & <a href="http://flordelys-stock.deviantart.com/">flordelys-stock</a>
</div><br /><br />

Code:: /* ************* LIMITER LA TAILLE DES IMAGES DANS LES SIGNATURES *********** */

.signature_div img {

max-height:200px;
max-width:500px
}

/* topics */
a.topictitle, h2, h3, h4 {
font-family: "Georgia", Helvetica, Arial, Sans-serif;
font-size: 11px;
font-style: italic;
font-weight: bold;
color: #898989;
text-decoration: none;
text-shadow: 1px 1px 0px #1a0b3e;
}
a.bodytitle {
font-family: "Georgia", Helvetica, Arial, Sans-serif;
font-size: 20px;
text-transform: uppercase;
font-variant: small-caps;
font-weight: bold;
color: #898989;
text-decoration: none;
}
.ctrimage
{
margin-bottom:0px!important;
margin-left:20px;
}
.secondarytitle
{
font-variant: small-caps;
text-align : left;
padding-left: 15px;
}

h2
{
font-size: 14px;
}

/* Couleur de fond */
body.chatbox {

background-image: url("http://image.noelshack.com/fichiers/2015/25/1434656523-fond-cb.jpg") ;

}

/* code css pour la page Manya EquiDesign */
.a1 {font-family: Georgia, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;color:#91a1cb;text-decoration:none;margin-left:10px;margin-right:10px}
.a1:hover {text-decoration:underline;}
.a_text {/*background-color:#573F38;*/}
.div_body {width:800px;border: 0px solid lime;background-color:#573F38;margin:auto;}
.div_html {background-color:#573F38;color:#91a1cb;margin:auto;text-align:center;font-family: Georgia, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;}
.h2_centre {font-size:large;letter-spacing:5px;text-align:center;}
.h2_gauche {font-size:large;letter-spacing:5px;text-align:left;}
.page_1 {background-color:#573F38;width:80%;margin:auto;border: 0px solid orange;}
.page_10 {background-color:#573F38;width:100%;margin:auto;border: 0px solid green;}
.page_101 {background-color:#5f4942;width:100%;height:50px;margin:auto;border: 0px solid green;padding-top:3px;}
.page_1011 {background-color:#5f4942;width:95%;height:75%;margin:auto;border: 0px solid white;margin-top:4px;overflow:hidden;background-position:center;}
.page_11 {background-color:#573F38;width:100%;height:370px;margin:auto;border: 0px solid black;margin-top:10px;}
.page_110 {background-color:#5f4942;width:38.5%;height:100%;margin:auto;border: 0px solid aqua;float:left;}
.page_1101 {background-color:#5f4942;width:85%;height:75%;margin:auto;border: 0px solid aqua;overflow:hidden;}
.page_111 {background-color:#5f4942;width:60%;height:100%;margin:auto;border: 0px solid aqua;float:right;}
.page_1111 {background-color:#5f4942;width:90%;height:75%;margin:auto;border: 0px solid aqua;overflow:hidden;padding-left:10px; padding-right:10px;}
.page_12 {background-color:#5f4942;width:100%;height:150px;margin:auto;border: 0px solid silver;float:none;margin-top:10px;overflow:hidden;}
.page_121 {background-color:#5f4942;width:95%;height:100%;margin:auto;border: 0px solid aqua;}
.page_13 {background-color:#573F38;width:40%;height:60px;margin:auto;border: 0px solid yellow;margin-top:10px;padding-top:6px;}
.page_14 {background-color:#573F38;width:40%;margin:auto;border: 0px solid yellow;margin-top:10px;padding-top:6px;}
.centre {text-align:center;border: 0px solid yellow;}
.texte_gauche {text-align:left;border: 0px solid yellow;}
.clair {float:none;}
.page_nav {border: 0px solid red;width:80%;margin:auto;}

Code:: /* ************* LIMITER LA TAILLE DES IMAGES DANS LES SIGNATURES *********** */

.signature_div img {

max-height:200px;
max-width:500px
}

/* topics */
a.topictitle, h2, h3, h4 {
font-family: "Georgia", Helvetica, Arial, Sans-serif;
font-size: 11px;
font-style: italic;
font-weight: bold;
color: #898989;
text-decoration: none;
text-shadow: 1px 1px 0px #1a0b3e;
}
a.bodytitle {
font-family: "Georgia", Helvetica, Arial, Sans-serif;
font-size: 20px;
text-transform: uppercase;
font-variant: small-caps;
font-weight: bold;
color: #898989;
text-decoration: none;
}
.ctrimage
{
margin-bottom:0px!important;
margin-left:20px;
}
.secondarytitle
{
font-variant: small-caps;
text-align : left;
padding-left: 15px;
}

h2
{
font-size: 14px;
}

/* infobulle pop up liens */

a:link{text-decoration:none}
a{
color:#ccc;
text-shadow:0 -0px 0 black;
}

a span{
position:absolute;
margin-top:23px;
margin-left:-35px;
color:#09c;
background:rgba(0,0,0,.9);
padding:15px;
border-radius:3px;
box-shadow:0 0 2px rgba(0,0,0,.5);
transform:scale(0) rotate(-12deg);
}
a:hover span, a:focus span{
transform:scale(1) rotate(0);
transition:all .25s;
}

/* Couleur de fond */
body.chatbox {

background-image: url("http://image.noelshack.com/fichiers/2015/25/1434656523-fond-cb.jpg") ;

}

/* code css pour EquidDesign */
.a1 {font-family: Georgia, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;color:#91a1cb;text-decoration:none;margin-left:10px;margin-right:10px}
.a1:hover {text-decoration:underline;}
.a_text {/*background-color:#573F38;*/}
.div_body {width:800px;border: 0px solid lime;background-color:#573F38;margin:auto;}
.div_html {background-color:#573F38;color:#91a1cb;margin:auto;text-align:center;font-family: Georgia, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;}
.h2_centre {font-size:large;letter-spacing:5px;text-align:center;}
.h2_gauche {font-size:large;letter-spacing:5px;text-align:left;}
.page_1 {background-color:#573F38;width:80%;margin:auto;border: 0px solid orange;}
.page_10 {background-color:#573F38;width:100%;margin:auto;border: 0px solid green;}
.page_101 {background-color:#5f4942;width:100%;height:50px;margin:auto;border: 0px solid green;padding-top:3px;}
.page_1011 {background-color:#5f4942;width:95%;height:75%;margin:auto;border: 0px solid white;margin-top:4px;overflow:hidden;background-position:center;}
.page_11 {background-color:#573F38;width:100%;height:370px;margin:auto;border: 0px solid black;margin-top:10px;}
.page_110 {background-color:#5f4942;width:38.5%;height:100%;margin:auto;border: 0px solid aqua;float:left;}
.page_1101 {background-color:#5f4942;width:85%;height:75%;margin:auto;border: 0px solid aqua;overflow:hidden;}
.page_111 {background-color:#5f4942;width:60%;height:100%;margin:auto;border: 0px solid aqua;float:right;}
.page_1111 {background-color:#5f4942;width:90%;height:75%;margin:auto;border: 0px solid aqua;overflow:hidden;padding-left:10px; padding-right:10px;}
.page_12 {background-color:#5f4942;width:100%;height:150px;margin:auto;border: 0px solid silver;float:none;margin-top:10px;overflow:hidden;}
.page_121 {background-color:#5f4942;width:95%;height:100%;margin:auto;border: 0px solid aqua;}
.page_13 {background-color:#573F38;width:40%;height:60px;margin:auto;border: 0px solid yellow;margin-top:10px;padding-top:6px;}
.page_14 {background-color:#573F38;width:40%;margin:auto;border: 0px solid yellow;margin-top:10px;padding-top:6px;}
.centre {text-align:center;border: 0px solid yellow;}
.texte_gauche {text-align:left;border: 0px solid yellow;}
.clair {float:none;}
.page_nav {border: 0px solid red;width:80%;margin:auto;}

html

Code:: <div class="div_html">

<div class="div_body">

   <div align="center">
         <img img="" <="" src="http://image.noelshack.com/fichiers/2015/25/1434486067-title.png" /> <br />
   </div>

   <div class="page_1">

      <div class="page_10">

         <h2 class="h2_centre">

         </h2>

         <div class="page_101">

            <div class="page_1011">
                  <br /> ✭<a href="http://equiddesign.site-forums.com/t1-reglement-du-forum" class="a1">Règlement </a> ✭<a href="http://equiddesign.site-forums.com/f40-concours-de-la-perle-noire" class="a1">Concours de la Perle Noire </a> ✭<a href="http://equiddesign.site-forums.com/t37218-guide-du-nouveau-membre-a-lire" class="a1">Guide du nouveau membre </a> ✭<a href="http://equiddesign.site-forums.com/f6-les-ateliers" class="a1">Les Ateliers </a> ✭
            </div>

         </div>

      </div>

      <div class="page_11">

         <div class="page_110">

            <h2 class="h2_centre">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434565153-nouveautes.png" />
            </h2>

            <div class="page_1101">

               <marquee direction="up" scrollamount="2" bgcolor="#5f4942" style="width: 200px; height: 300px; background-color: rgb(95, 73, 66);">
                     <span style="color: #85ADCC;"> <span style="font-family: Arial;"><span style="font-size: 12px;">Nouveautés ici! Nouveau Design, secret santa. etc...</span></span> </span>
               </marquee>

            </div>

         </div>

         <div class="page_111">

            <h2 class="h2_centre">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434565817-leforum.png" />
            </h2>

            <div class="page_1111">
                  <br /> <span style="font-size: 10px;"><span style="font-family: Arial;"></span></span>
               <div style="font-size: 12px;" align="justify;">

                  <div align="justify">
                        <span style="font-size: 12px;"><span style="font-family: Arial;"><span style="color: #CCB286;"> Equid Design est un forum de graphisme relié au site Equideow. Il regroupe colorisations informatiques, crayons, feutres et beaucoup encore...! Il y a à votre disposition de nombreux tutoriels, des bases et une équipe toujours à l'écoute, pour vous aider à apprendre et vous améliorer! Venez nous rejoindre sur notre Page Facebook et notre groupe sur deviantART!</span></span></span>
                  </div>

               </div><span style="font-size: 10px;"><span style="font-family: Arial;"> </span> </span> <br /><a target="_blank" href="https://www.facebook.com/pages/EquidDesign/125528827502593"><img alt="Page Facebook ED" src="http://image.noelshack.com/fichiers/2014/40/1412519775-bannfb.gif" /></a> <a target="_blank" href="http://ed-officiel.deviantart.com/"><img alt="Page Facebook ED" src="http://image.noelshack.com/fichiers/2014/40/1412519772-bannda.gif" /></a> <br />
            </div>

         </div>

      </div>
         <span class="clair"></span>
      <div class="page_12">

         <div class="page_121">

            <h2 class="h2_gauche">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434565875-lequipe.png" />
            </h2>

            <p class="texte_gauche">

            </p>

            <div align="center">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-jess.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-nat.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-silv.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-astree.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-chibii.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-jolly.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-leengie.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-mae.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-plooo.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-sklah.png" />
            </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
            <p>

            </p><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
         </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
      </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
      <div class="page_13">

         <h2 class="h2_centre">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434565909-partenaires.png" />
         </h2>

      </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
      <div class="page_14">

         <h2 class="h2_centre">

         </h2>

         <marquee behavior="scroll" direction="left">
               <a target="_blank" href="http://recensement-equideow.forumactif.org/"><img alt="Recensement Equideow" src="http://nsa34.casimages.com/img/2013/10/09/131009082515370003.png" /></a> <a target="_blank" href="http://www.equideow.com"><img alt="Equideow" src="http://image.noelshack.com/fichiers/2014/40/1412519995-equideowpub.jpg" /></a>
         </marquee>
            <br /><br />
      </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
   </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
</div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
</div><a target="_blank" href="http://equiddesign.site-forums.com/u1">

 <br /></a>
<div align="center">
   <br /><br /><span style="color: #6B8EA8;">Design par Jolly © Credits: </span><a href="http://deviantnep.deviantart.com/">DeviantNep</a>, <a href="http://p-r-o-j-e-c-t.deviantart.com/">p-r-o-j-e-c-t</a>, <a href="http://enchantedwhispersart.deviantart.com/">EnchantedWhispersArt</a> & <a href="http://flordelys-stock.deviantart.com/">flordelys-stock</a>
</div><br /><br />
<p>
   <a href="#"><img src="http://image.noelshack.com/fichiers/2015/25/1434567823-jess.png" /> <span>Jess<br />Administratrice</span> </a> <a href="#"><img src="http://image.noelshack.com/fichiers/2015/25/1434567823-nat.png" /> <span>Natsumii<br />Administratrice</span> </a> <a href="#"><img src="http://image.noelshack.com/fichiers/2015/25/1434567823-silv.png" /> <span>Silver<br />Administratrice</span> </a> <a href="#"><img src="http://image.noelshack.com/fichiers/2015/25/1434567823-astree.png" /> <span>Astrée<br />Juge PN</span> </a> <a href="#"><img src="http://image.noelshack.com/fichiers/2015/25/1434567823-chibii.png" /> <span>Chibii Kira<br />Juge PN</span> </a> <a href="#"><img src="http://image.noelshack.com/fichiers/2015/25/1434567823-jolly.png" /> <span>Jolly<br />Juge PN</span> </a> <a href="#"><img src="http://image.noelshack.com/fichiers/2015/25/1434567823-leengie.png" /> <span>Leengie<br />Juge PN</span> </a> <a href="#"><img src="http://image.noelshack.com/fichiers/2015/25/1434567823-mae.png" /> <span>maèva96<br />Juge PN</span> </a> <a href="#"><img src="http://image.noelshack.com/fichiers/2015/25/1434567823-plooo.png" /> <span>Plooo<br />Juge PN</span> </a> <a href="#"><img src="http://image.noelshack.com/fichiers/2015/25/1434567823-sklah.png" /> <span>Sklah<br />Juge PN</span> </a>
</p>

good infobulles + page accueil

Code:: /* ************* LIMITER LA TAILLE DES IMAGES DANS LES SIGNATURES *********** */

.signature_div img {

max-height:200px;
max-width:500px
}

/* topics */
a.topictitle, h2, h3, h4 {
font-family: "Georgia", Helvetica, Arial, Sans-serif;
font-size: 11px;
font-style: italic;
font-weight: bold;
color: #898989;
text-decoration: none;
text-shadow: 1px 1px 0px #1a0b3e;
}
a.bodytitle {
font-family: "Georgia", Helvetica, Arial, Sans-serif;
font-size: 20px;
text-transform: uppercase;
font-variant: small-caps;
font-weight: bold;
color: #898989;
text-decoration: none;
}
.ctrimage
{
margin-bottom:0px!important;
margin-left:20px;
}
.secondarytitle
{
font-variant: small-caps;
text-align : left;
padding-left: 15px;
}

h2
{
font-size: 14px;
}

/*infobulles */
.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #000000;
padding: 10px;
border-radius : 3px;
box-shadow:0 0 5px rgba(0,0,0,.5);
left: 30px;
visibility: hidden;
color: #FFFFFF;
background: black;
color: silver;
transform: scale(0) rotate(-12deg);
opacity: 0;
transition:all .45s;
}

.infobulle span img{
border: 1px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 60px;
left: -35px;
width: 80px ;
color:#eeceab;
border: 1px solid #000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
transform: scale(1) rotate(0deg) ;
opacity: 1;}
/* Couleur de fond */
body.chatbox {

background-image: url("http://image.noelshack.com/fichiers/2015/25/1434656523-fond-cb.jpg") ;

}

/* code css pour EquidDesign */
.a1 {font-family: Georgia, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;color:#91a1cb;text-decoration:none;margin-left:10px;margin-right:10px}
.a1:hover {text-decoration:underline;}
.a_text {/*background-color:#573F38;*/}
.div_body {width:800px;border: 0px solid lime;background-color:#573F38;margin:auto;}
.div_html {background-color:#573F38;color:#91a1cb;margin:auto;text-align:center;font-family: Georgia, Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;}
.h2_centre {font-size:large;letter-spacing:5px;text-align:center;}
.h2_gauche {font-size:large;letter-spacing:5px;text-align:left;}
.page_1 {background-color:#573F38;width:80%;margin:auto;border: 0px solid orange;}
.page_10 {background-color:#573F38;width:100%;margin:auto;border: 0px solid green;}
.page_101 {background-color:#5f4942;width:100%;height:50px;margin:auto;border: 0px solid green;padding-top:3px;}
.page_1011 {background-color:#5f4942;width:95%;height:75%;margin:auto;border: 0px solid white;margin-top:4px;overflow:hidden;background-position:center;}
.page_11 {background-color:#573F38;width:100%;height:370px;margin:auto;border: 0px solid black;margin-top:10px;}
.page_110 {background-color:#5f4942;width:38.5%;height:100%;margin:auto;border: 0px solid aqua;float:left;}
.page_1101 {background-color:#5f4942;width:85%;height:75%;margin:auto;border: 0px solid aqua;overflow:hidden;}
.page_111 {background-color:#5f4942;width:60%;height:100%;margin:auto;border: 0px solid aqua;float:right;}
.page_1111 {background-color:#5f4942;width:90%;height:75%;margin:auto;border: 0px solid aqua;overflow:hidden;padding-left:10px; padding-right:10px;}
.page_12 {background-color:#5f4942;width:100%;height:150px;margin:auto;border: 0px solid silver;float:none;margin-top:10px;overflow:hidden;}
.page_121 {background-color:#5f4942;width:95%;height:100%;margin:auto;border: 0px solid aqua;}
.page_13 {background-color:#573F38;width:40%;height:60px;margin:auto;border: 0px solid yellow;margin-top:10px;padding-top:6px;}
.page_14 {background-color:#573F38;width:40%;margin:auto;border: 0px solid yellow;margin-top:10px;padding-top:6px;}
.centre {text-align:center;border: 0px solid yellow;}
.texte_gauche {text-align:left;border: 0px solid yellow;}
.clair {float:none;}
.page_nav {border: 0px solid red;width:80%;margin:auto;}

Code:: <div class="div_html">

<div class="div_body">

   <div align="center">
         <img img="" <="" src="http://image.noelshack.com/fichiers/2015/25/1434486067-title.png" /> <br />
   </div>

   <div class="page_1">

      <div class="page_10">

         <h2 class="h2_centre">

         </h2>

         <div class="page_101">

            <div class="page_1011">
                  <br /> ✭<a href="http://equiddesign.site-forums.com/t1-reglement-du-forum" class="a1">Règlement </a> ✭<a href="http://equiddesign.site-forums.com/f40-concours-de-la-perle-noire" class="a1">Concours de la Perle Noire </a> ✭<a href="http://equiddesign.site-forums.com/t37218-guide-du-nouveau-membre-a-lire" class="a1">Guide du nouveau membre </a> ✭<a href="http://equiddesign.site-forums.com/f6-les-ateliers" class="a1">Les Ateliers </a> ✭
            </div>

         </div>

      </div>

      <div class="page_11">

         <div class="page_110">

            <h2 class="h2_centre">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434565153-nouveautes.png" />
            </h2>

            <div class="page_1101">

               <marquee direction="up" scrollamount="2" bgcolor="#5f4942" style="width: 200px; height: 300px; background-color: rgb(95, 73, 66);">
                     <span style="color: #85ADCC;"> <span style="font-family: Arial;"><span style="font-size: 12px;">Nouveautés ici! Nouveau Design, secret santa. etc...</span></span> </span>
               </marquee>

            </div>

         </div>

         <div class="page_111">

            <h2 class="h2_centre">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434565817-leforum.png" />
            </h2>

            <div class="page_1111">
                  <br /> <span style="font-size: 10px;"><span style="font-family: Arial;"></span></span>
               <div style="font-size: 12px;" align="justify;">

                  <div align="justify">
                        <span style="font-size: 12px;"><span style="font-family: Arial;"><span style="color: #CCB286;"> Equid Design est un forum de graphisme relié au site Equideow. Il regroupe colorisations informatiques, crayons, feutres et beaucoup encore...! Il y a à votre disposition de nombreux tutoriels, des bases et une équipe toujours à l'écoute, pour vous aider à apprendre et vous améliorer! Venez nous rejoindre sur notre Page Facebook et notre groupe sur deviantART!</span></span></span>
                  </div>

               </div><span style="font-size: 10px;"><span style="font-family: Arial;"> </span> </span> <br /><a target="_blank" href="https://www.facebook.com/pages/EquidDesign/125528827502593"><img alt="Page Facebook ED" src="http://image.noelshack.com/fichiers/2014/40/1412519775-bannfb.gif" /></a> <a target="_blank" href="http://ed-officiel.deviantart.com/"><img alt="Page Facebook ED" src="http://image.noelshack.com/fichiers/2014/40/1412519772-bannda.gif" /></a> <br />
            </div>

         </div>

      </div>
         <span class="clair"></span>
      <div class="page_12">

         <div class="page_121">

            <h2 class="h2_gauche">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434565875-lequipe.png" />
            </h2>

            <p class="texte_gauche">

            </p>

            <div align="center">
                  <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-jess.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-nat.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-silv.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-astree.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-chibii.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-jolly.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-leengie.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-mae.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-plooo.png" /> <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-sklah.png" />
            </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
            <p>

            </p><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
         </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
      </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
      <div class="page_13">

         <h2 class="h2_centre">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434565909-partenaires.png" />
         </h2>

      </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
      <div class="page_14">

         <h2 class="h2_centre">

         </h2>

         <marquee behavior="scroll" direction="left">
               <a target="_blank" href="http://recensement-equideow.forumactif.org/"><img alt="Recensement Equideow" src="http://nsa34.casimages.com/img/2013/10/09/131009082515370003.png" /></a> <a target="_blank" href="http://www.equideow.com"><img alt="Equideow" src="http://image.noelshack.com/fichiers/2014/40/1412519995-equideowpub.jpg" /></a>
         </marquee>
            <br /><br />
      </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
   </div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
</div><a target="_blank" href="http://equiddesign.site-forums.com/u1"> </a>
</div><a target="_blank" href="http://equiddesign.site-forums.com/u1">

 <br /></a>
<div align="center">
   <br /><br /><span style="color: #6B8EA8;">Design par Jolly © Credits: </span><a href="http://deviantnep.deviantart.com/">DeviantNep</a>, <a href="http://p-r-o-j-e-c-t.deviantart.com/">p-r-o-j-e-c-t</a>, <a href="http://enchantedwhispersart.deviantart.com/">EnchantedWhispersArt</a> & <a href="http://flordelys-stock.deviantart.com/">flordelys-stock</a>
</div><br /><br />
<p>

</p>
<table>

<tbody>

   <tr>

      <td>

         <div class="infobulle">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-jess.png" /><span>Jess<br />Administratrice<br /></span>
         </div>

      </td>

      <td>

         <div class="infobulle">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-nat.png" /><span>Natsumii<br />Administratrice</span>
         </div>

      </td>

      <td>

         <div class="infobulle">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-silv.png" /><span>Silver<br />Administratrice<br /></span>
         </div>

      </td>

      <td>

         <div class="infobulle">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-astree.png" /><span>Astrée<br />Juge PN</span>
         </div>

      </td>

      <td>

         <div class="infobulle">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-chibii.png" /><span>Chibii Kira<br />Juge PN<br /></span>
         </div>

      </td>

      <td>

         <div class="infobulle">
               <img src="http://image.noelshack.com/fichiers/2015/29/1436811159-jolly.png" /><span>Jolly<br />Juge PN<br /></span>
         </div>

      </td>

      <td>

         <div class="infobulle">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-leengie.png" /><span>Leengie<br />Juge PN<br /></span>
         </div>

      </td>

      <td>

         <div class="infobulle">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-mae.png" /><span>maèva96<br />Juge PN<br /></span>
         </div>

      </td>

      <td>

         <div class="infobulle">
               <img src="http://image.noelshack.com/fichiers/2015/25/1434567823-plooo.png" /><span>Plooo<br />Juge PN<br /></span>
         </div>

      </td>

      <td>

         <div class="infobulle">
               <img src="http://image.noelshack.com/fichiers/2015/29/1436811308-sklah.png" /><span>Sklah<br />Juge PN<br /></span>
         </div>

      </td>

   </tr>

</tbody>
</table>

Code:: /************************************************** DÉBUT DES CATÉGORIES **************************************************/

/*Bloc des titres des catégories*/
.cate_title {
width: 800px;
height: 75px;
padding-top: 10px;
margin: auto;
text-align: center;
background-image: url(' ');
background-repeat: no-repeat;
background-position: top center;
margin-bottom: -10px;
}
/*Titres des catégories*/
.cate_title h2 {
border-top: 2px solid #255993;
display: block;
padding-top: 15px;
height: 50px;
margin: 0px;
border-radius: 10px;
font-family: "Helvetica Neue";
text-shadow: 1px 1px 3px #133181;
font-size: 35px;
letter-spacing: 1px;
background-image: url('http://image.noelshack.com/fichiers/2015/40/1443564135-categ.jpg');
color: #3999e4;
opacity: 0.7;
font-weight: 100;
text-transform: uppercase
}

.cate_title h2 img {
margin-top: -25px;
margin-left: 20px;
}
.cate_title h2 span {
display: none;
}
a.nav img {
display: none;
}

/*Bloc des catégories*/
.cate_bloc {
border-bottom: 2px solid #255993;
background-image: url('http://image.noelshack.com/fichiers/2015/40/1443564440-fondcateg.jpg');
opacity: 0.7;
background-color: #556EAD;
width: 800px;
margin: auto;
margin-bottom: 10px;
border-radius: 10px;
padding-top: 50px;
padding-bottom: 1px;
font-family: "abeatbykai", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: gray;
}

/*Bloc des forums*/
.cate_forum {
height: 100px;
width: 800px;
margin-bottom: 20px;
}

/*Image Old New Lock*/
.old_new_lock {
float: left;
margin-left: 15px;
margin-top: 21px;
width: 82px; /*Largeur des images*/
height: 78px; /*Hauteur des images*/
}

/*Bloc gris du mileu*/
.cate_forum_middle {
position: relative;
float: left;
margin-top: 10px;
margin-left: 15px;
margin-right: 15px;
width: 420px;
height: 53px;
padding: 10px;
padding-top: 17px;
background-color: #0b1626;
border-radius: 10px;
}

/*Intérieur bloc du mileu : les sous-forums*/
.lienssousforums {
width: 420px;
margin-top: 10px;
margin-bottom: 8px;
background-color: #;
border-radius: 5px;
text-align: center;
padding: 5px;
}
/*Titres des forums*/
.forumlink {
position: absolute;
top: -20px;
z-index: 2;
height: 28px;
font-size: 18px;
text-shadow: 1px 1px 3px #133181;
font-family: 'Helvetica Neue';
color: #3999e4;
font-weight: 100;
text-transform: uppercase
}
/*Titres survolés des forums*/
.forumlink:hover {
color: #dce0e1;
text-decoration: none!important;
}
/*Désactiver les images des titres*/
.forumlink img {
display: none;
}

/*Description des forums*/
.forum_desc {
height: 53px;
overflow-y: auto;
padding-right: 5px;
text-align: justify;
}

/*Bloc gris des statistiques et du dernier message*/
.cate_forum_last {
position: relative;
float: left;
margin-top: 10px;
width: 160px;
height: 70px;
padding: 5px;
background-color: #0b1626;
border-radius: 10px;
text-align: center;
}
/*Statistiques*/
.forum_last_stats {
margin-left: 3px;
margin-right: 3px;
margin-bottom: 10px;
padding-bottom: 3px;
font-size: 9px;
border-bottom: 1px dashed #2f6fa1;
}
/*Police du dernier message*/
.forum_last_mess, .forum_last_mess a.gensmall {
font-size: 11px;
font-family: "Helvetica Neue", sans-serif;
}
/*Couleur des liens du dernier message*/
.forum_last_mess a {
color: #91bcdd;
}

/*Les barres de défilement dans les catégories*/
.forum_desc::-webkit-scrollbar {height:12px; width:5px; background:none; margin-right:5px;}
.forum_desc::-webkit-scrollbar-thumb {background:rgba(108, 174, 255, 1); height:30px; border-radius:30px;}
.forum_desc::-webkit-scrollbar-corner {background:none;}

/************************************************** FIN DES CATÉGORIES **************************************************/

légendes:

214

Code:: 
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
   <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td></td>
   <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>  </td>
   <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>

» html youhouuuuuuuuuu