*/

/* Propriétés générales */
.block, .titre, .lien {
   background: #444444;    
   color: #ffffff;
  
   border: 2px #ffffff solid;
   -moz-border-radius:20px 20px 20px 20px;
   -webkit-border-radius:20px 20px 20px 20px;
   border-radius:20px 20px 20px 20px;
  

.block, .lien {
   text-align: center;
   padding: 10px;
}

td {
   vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
   width: 88px;
   height: 31px;
   padding: 1px;
  
   opacity: 0.5;
   -moz-opacity: 0.5;
   filter: alpha(opacity=50);
}
        
.block-partenaires img:hover {
   opacity: 1;
   -moz-opacity: 1;
   filter: alpha(opacity=100);
}

.thumbnail {
   position: absolute;
   z-index: 0;
}

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

.thumbnail > div {
   position: absolute;
   left: -2000px;
   padding: 5px;
   margin: auto;
   background-color: #000000;
   color: #ffffff;

   border: #ffffff 1px solid;
  
   opacity: 0.5;
   -moz-opacity: 0.5;
   filter: alpha(opacity=50);
}

.thumbnail:hover > div {
   top: 0px;
   left: 0px;
   width: 78px;
   height: 78px;
  
   opacity: 1;
   -moz-opacity: 1;
   filter: alpha(opacity=100);
  
}


/* Liens */
.lien{
   display: block;
   width: 110px;
   margin-right: 10px;
  
   text-decoration: none;
   color: #ffffff;
}

.lien:hover{
   background: #ffffff;
   color: #000000;
}

a.tstaff {
   display: block;
   text-align: center;
   margin-top: 95px;
}

.block a {
   text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
   height: 150px;
   overflow: auto;
   text-align: justify;
}

.block-welcome {
   width: 500px;
}

.block-staff {
   width: 332px;
}

.block-staff table {
   margin: auto;
}

.block-staff td {
   width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits {  
   width: 280px;
   height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
   width: 280px;  
   height: 70px;
   overflow: auto;
}


/* Titres */
.titre {
   font-family: Orator STD;
   font-size: 14px;
   padding: 4px;
   margin: auto;
   margin-bottom: 5px;
}

.titre-welcome {
   height: 130px;  
   width: 20px;  
   padding: 7px;
   margin-right: -4px;
   margin-top: 15px;
   text-align: center;
  
   border-right: 0px #ffffff solid;
}

.titre-staff {
   width: 130px;
   text-align: center;
}

.titre:hover {
   background: #FFFFFF;
   color: #000000;
  
}

.titre-welcome:hover {
   background: #000000;    
   color: #ffffff;
  
}
/*Cadre du forum arrondi*/
                #wrap{
        border-radius: 17px;
        -moz-border-radius: 17px;
        -webkit-border-radius: 17px;
        padding: 10px;
        border: 1.5px solid #fff}

------------------
A laisser
------------------

.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}

<a class="twitter-timeline" href="https://twitter.com/" data-widget-id="348526128736108544" data-theme="dark" data-link-color="#cc0000" width="1600" height="250" lang="FR">Tweets by @Ip0dT0uch59</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<table>
   <tr>
      <td><a href="http://thepassionofthegamin.forumactif.org/f6-presentation-des-nouveaux-membres" class="lien">Présentations</a></td>
      <td><a href="http://thepassionofthegamin.forumactif.org/t31-regles-generales-du-forum" class="lien"> Règlement </a></td>
      <td><a href="http://thepassionofthegamin.forumactif.org/t32-regles-de-la-chatbox-du-forum" class="lien">Règlement Chat</a></td>
      <td><a href="http://thepassionofthegamin.forumactif.org/t9-concours-d-a-gagner-abonnement-prenium-d" class="lien">Concours</a></td>
      <td><a href="http://thepassionofthegamin.forumactif.org/faq" class="lien">FAQ</a></td>
   </tr>
</table>

<table>
   <tr>
      <td>
         <div class="titre titre-Bienvenue">
            W<br />E<br />L<br />C<br />O<br />M<br />E
         </div>
      </td>
      
      <td>
         <div class="block block-welcome">
Bienvenue sur ThePassionOfTheGaming<br /></a>
Voici un forum consacré aux jeux vidéos et  aux différentes astuces informatiques.<br /></a>
N'hésitez pas à nous proposer des concours, des articles, etc..
Merci pour votre soutien (: <br /></a>

<!-- DEBUT CODE compteur-gratuit.org -->
      <script language="JavaScript" src="http://www.compteur-gratuit.org/count/c.js?id=9210464&t=2&d=32&n=6&s=4511"></script><noscript>un <a target="_blank" href="http://www.compteur-gratuit.org">compteur gratuit</a> pour votre site web</noscript>
<!-- FIN CODE compteur-gratuit.org -->

    </div>
      </td>
      
      <td>
         <div class="block block-staff">
            <h1 class="titre titre-staff">L'equipe du Forum</h1>

                    
                  </td>
                
</table>

<table>
   <tr>
      <td>
         <div class="block block-partenaires">
            <h1 class="titre">Partenaires</h1>  
            
            <a href="http://www.le1er.net/?ref=28543">
               <img src="http://www.le1er.net/promo/ban9.gif" />
            </a>
            <a href="http://lesforumsdefa.olympe.in/topsite/vote.php?id=1030">
               <img src="http://lesforumsdefa.olympe.in/topsite/img/vote.gif" border="0" id="votelfd" />
            </a>
            <a href="http://entraide-mr-docteur.forumactif.com/">
               <img src="http://img401.imageshack.us/img401/8746/doc1.gif" />
            </a>
            <br />
            
        <a href="http://www.boosterforum.com/vote-389666-238069.html?adresse=thepassionofthegamin.forumactif.org%2Fforum&popup=1" target="_blank"><img src="http://www.boosterforum.com/forum_ban/2_88x31.gif" width="88" height="31" alt="Publicité pour ton forum et échange de bannières" /></a>

<a href="http://espacepublicite.forumactif.org/"><img src="http://img534.imageshack.us/img534/9193/logoux.gif"></a>


<a href="http://libertypub.topsujet.com" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/487445100x35.gif" border="0" alt="" /></a>
          
          
            <br />
         </div>
      </td>
      
      <td>
         <div class="block block-nouveautes">
            <h1 class="titre">Nouveautes</h1>
            
            <div>
                ~> Changement du thème avec l'aide de Vayl ( le forum est donc en  maintenance mais il est ouvert).<br />
               01 / 07 /2013~> Maintenance fini ( le thème sera fini complètement remerciement a Vayl)<br />
               00 / 00 / 00 ~> Nouveaute<br />
               00 / 00 / 00 ~> Nouveaute<br />
               00 / 00 / 00 ~> Nouveaute<br />
               00 / 00 / 00 ~> Nouveaute<br />
               00 / 00 / 00 ~> Nouveaute<br />
               00 / 00 / 00 ~> Nouveaute<br />
               00 / 00 / 00 ~> Nouveaute<br />
            </div>
         </div>
      </td>
      
      <td>
         <div class="block block-credits">
            <h1 class="titre">Credits</h1>
            
            <div>
               Design by Vayl <br /></a>
               Fondateur du forum Ip0dT0uch59<br /></a>
            </div>
         </div>
      </td>
   </tr>
</table>