LGDC JDR

/***PA LGDC JDR***/
.blocgeneral {
  background-color: #498f89;
  width: 700px;
  height: auto;
  box-shadow: 0px 0px 20px 0px #000000;
}
.welcome {
  font-family: 'Marck Script';
  font-size: 45px;
  color: #a0ded9;
  text-shadow: 1px 1px 1px #000000;
}
.cont {
  background-color: #a0ded9;
  width: 350px;
  height: 219px;
  overflow: auto;
  padding: 5px;
  border: 1px solid #1f7871;
  text-align: justify;
  margin-left: 10px;
}
.contitre {
  font-family: 'Rochester';
  color: #1f7871;
  font-size: 40px;
}
.infobulle2 {line-height: 10px;
  width: 118px;
  height: 48px;
  padding: 1px;
  background: #a7e8e3;
  text-align: center;
  font-size: 10px;
  top:0; left:0; opacity:0; transition: opacity 1s ease; }

.infobulle2:hover { opacity:0.9; }

.infobullestaff {
  width: 120px;
  height: 50px;
  margin: 2px;
  display: inline-block;
  z-index: 1;
  background-color: #a7e8e3;
  color: #000000;
  text-decoration: none;
}
.lienutil {
  font-family: 'Rochester';
  font-size: 25px;
  color: #FFFFFF;
  margin-left: 20px;
  text-align: center;
}
.nouv {
  background-color: #a0ded9;
  width: 330px;
  height: 175px;
  overflow: auto;
  padding: 5px;
  border: 1px solid #1f7871;
  text-align: justify;
  margin-left: 10px;
}
.nouvtitre {
  font-family: 'Rochester';
  color: #1f7871;
  font-size: 40px;
}
.part {
  background-color: #a0ded9;
  width: 600px;
  height: 55px;
  padding: 5px;
  border: 1px solid #1f7871;
}
/***FIN PA***/

<center>
                     <link href="https://fonts.googleapis.com/css?family=Marck+Script|Rochester" rel="stylesheet" />                      
 <div class="blocgeneral">
                     <br />                    
 <div class="welcome">
                     Bienvenue sur le forum {USERNAME} !                    
 </div>
                <br />      .            
 <table>
                              
 <tbody>
                      
 <tr>
                              
 <td>
                              
 <div class="cont">
                                
 <div class="contitre">
                    Contexte                    
 </div><br />Ici tu coup, tu loges ton contexte mais pas entier parce qu'il faut laisser du suspens, donner envie aux gens de lire la suite. <a href="#">Lire la suite ?</a>                    
 </div>
                              
 </td>
                              
 <td>
                        
 <table>
                                                                                                                                                          
 <tbody>
                                                                                                            
 <tr>
                                                                                                                                                                                          
 <td>
                                                                                                                        
 <div style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);" class="infobullestaff">
                                                                                                                                                                                                                                                                            
 <div class="infobulle2">
                                                                                                                                                                                                                                                                                                                                 <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                
 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
 </div><br />                                                                                        
 </td>
                                                                                                                                                                                          
 <td>
                                                                                                                      
 <div style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);" class="infobullestaff">
                                                                                                                                                                                                                                                                            
 <div class="infobulle2">
                                                                                                                                                                                                                                                                                                                                 <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                  
 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
 </div><br />                                                                                                
 </td>
                                                                                                                                                                                  
 </tr>
                                                                                                                                                                  
 </tbody>
                                                                                                                                                  
 </table>
                                                                                      
 <table>
                                                                                                                                                    
 <tbody>
                                                                                                        
 <tr>
                                                                                                                                                                                    
 <td>
                                                                                                                    
 <div style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);" class="infobullestaff">
                                                                                                                                                                                                                                                                            
 <div class="infobulle2">
                                                                                                                                                                                                                                                                                                                                 <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                      
 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
 </div><br />                                                                                          
 </td>
                                                                                                                                                                                    
 <td>
                                                                                                                    
 <div style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);" class="infobullestaff">
                                                                                                                                                                                                                                                                            
 <div class="infobulle2">
                                                                                                                                                                                                                                                                                                                                 <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                        
 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
 </div><br />                                                                                            
 </td>
                                                                                                                                                                            
 </tr>
                                                                                                                                                            
 </tbody>
                                                                                                                                            
 </table>
                                                                                                                                            
 <table>
                                                                                                                                                          
 <tbody>
                                                                                                                                                                          
 <tr>
                                                                                                                    
 <td>
                                                                                                                      
 <div class="infobullestaff" style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);">
                                                                                                                                                                                                                                                                          
 <div class="infobulle2">
                                                                                                                                                                                                                                                                                                                                <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                      
 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
 </div><br />                                                                                              
 </td>
                                                                                                                                                                                          
 <td>
                                                                                                                      
 <div class="infobullestaff" style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);">
                                                                                                                                                                                                                                                                          
 <div class="infobulle2">
                                                                                                                                                                                                                                                                                                                                <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                      
 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
 </div><br />                                                                                              
 </td>
                                                                                                                                                                                  
 </tr>
                                                                                                                                                                  
 </tbody>
                                                                                                                                                  
 </table>
                    
 <table>
                                                                                                                                                          
 <tbody>
                                                                                                                                                                          
 <tr>
                                                                                                                    
 <td>
                                                                                                                      
 <div class="infobullestaff" style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);">
                                                                                                                                                                                                                                                                          
 <div class="infobulle2">
                                                                                                                                                                                                                                                                                                                                <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                      
 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
 </div><br />                                                                                              
 </td>
                                                                                                                                                                                          
 <td>
                                                                                                                      
 <div class="infobullestaff" style="background-image:url(http://vignette4.wikia.nocookie.net/desencyclopedie/images/0/0a/Grosnoir.png/revision/latest?cb=20090319101943);">
                                                                                                                                                                                                                                                                          
 <div class="infobulle2">
                                                                                                                                                                                                                                                                                                                                <br />Machin - Rang<br />Présence                                                                                                                                                                                                                                                                                                      
 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
 </div><br />                                                                                              
 </td>
                                                                                                                                                                                  
 </tr>
                                                                                                                                                                  
 </tbody></table></td></tr></tbody></table>
              <br />  
 <table><tbody><tr><td><div class="lienutil"><a href="#">Règlement</a> ~ <a href="#">Effectifs</a><br /><a href="#">Questions</a> ~ <a href="#">Suggestions</a><br /><a href="#">Annonces</a> ~ <a href="#">Publicités</a><br /><a href="#">Partenariat</a> ~ <a href="#">Nos partenaires</a>                    
 </div></td>
              
 <td><div class="nouv"><div class="nouvtitre">
        News        
 </div><br />XX/XX/XXXX - Ouverture du forum<br />XX/XX/XXXX - Blablabla<br />XX/XX/XXXX - Blablabla<br />XX/XX/XXXX - Blablabla<br />        
 </div></td></tr></tbody></table>
              <br />  
 <div class="part"><marquee><br /><a href="#"><img src="http://data.bloggif.com/distant/user/store/c/6/8/a/289b2c926425833c548b09590d72a86c.png" /></a> - <a href="#"><img src="URL" /></a> - <a href="#"><img src="URL" /></a> - <a href="#"><img src="URL" /></a> - <a href="#"><img src="URL" /></a> - <a href="#"><img src="URL" /></a> - <a href="#"><img src="URL" /></a> - <a href="#"><img src="URL" /></a> </marquee></div><br /><div style="color: #FFFFFF; font-size: 7px; text-align: right;">
 © Codage by Ella'  
 </div></div></center>