QEEL bizzare

[Potter's]

Bonjour
J'ai un soucis qu'il faudrait que je règle rapidement vous pourriez m'aider?

J'ai voulu mettre le QEEL d'un de mes forums sur mon autre forum mais quelques soucis sont survenus.
Regardez j'aimerais que ce QEEL : https://2img.net/r/hpimg11/pics/951864imprecra.png
Soit idem ici (sauf pour les couleurs) : https://2img.net/r/hpimg11/pics/541824imprecr.png

Merci par avance

[Invité]

Bonjour, regardez si le CSS est pareille (mis à part les couleurs); regardez si la partie pour afficher le QEEL ainsi est pareil et regardez aussi si la largeur de votre forum est pareil.

Cordialement,

[Potter's]

La partie pour afficher le qeel ?
Pour le CSS ce n'est pas pareil, je vous montre ?
Et les largeurs sont pareils à priori

[Invité]

Par "partie pour afficher le QEEL" je parle de ce que vous avez changé dans votre template.

[Potter's]

Oui, le code est bien idem.

[Invité]

Je pourrais avoir les deux templates que vous avez modifier des deux forums plus les deux CSS dont on a besoin pour que le QEEL fonctionne ?

[Potter's]

Voici le template index_body du QEEL qui marche :

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<div class="accueil">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><i class="mainoption" type="sunput class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
      <div align="center"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></div>
      <br /><center><table><tr><td align="center" style="margin: auto;" id="mes_onglets">
            <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Directrice</span>
          <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Gérants</span>
          <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Agents</span>
          <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Comédiens</span>
                <span id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Réalisateurs</span>
                <span id="o_6" class="mon_onglet" onclick="changeOnglet(this);">Monteurs</span>
                <span id="o_7" class="mon_onglet" onclick="changeOnglet(this);">Conseillers</span>
                <span id="o_8" class="mon_onglet" onclick="changeOnglet(this);">Acteurs</span></td></tr>
  </table></center><br />
<table align="center">          <tr><td class="contenuqeel" width="50%" cosplan="2" class="row1"><span class="gensmall">
          {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
            </span>
 
            </td><td class="contenuqeel" width="50%" cosplan="2" class="row1"><span class="gensmall">
      {TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
</span>
  </td></tr>
        <tr> <td class="contenuqeel" width="50%" cosplan="2" class="row1">
                <div class="clear"><div id="mes_contenus">
            <div id="co_1" class="mon_contenu">~La Directrice,<br>
</br>Celle qui dirige tous! Les castings, les contrats... Elle est amie avec! Faîtes-lui confiance, elle recrute les meilleur(e)s! N’hésitez à tout lui dire ou demander!  </div>
            <div id="co_2" class="mon_contenu" style="display: none;">~Les gérants,<br>
</br>Les bras droits de la directrice! Les lieux de tournage ? Avec quelles équipes ?... Ce sont les gérants! Au moindre problème entre acteurs et managers ou autres, allez les voir, ils vous aideront ;)</div>
            <div id="co_3" class="mon_contenu" style="display: none;">~Les agents,<br>
</br>Tu as besoin de quelqu'un sur qui compter? Les agents sont là pour toi! Les questions... Ils seront là pour toi!</div>
            <div id="co_4" class="mon_contenu" style="display: none;">~Les comédiens,<br>
</br>Ahah! Ils sont trop marrant, ces comédiens! En tout cas, l'ambiance et le sourire sont leur domaine! Que veux-tu ? Faut bien rire 5 min par jours, non?</div>
            <div id="co_5" class="mon_contenu" style="display: none;">~Les réalisateurs<br>
</br>Les images, les vidéos, les graphismes…c’est eux ! Comment les négliger?!! C'est grâce à eux si tu es célèbre ; grâce à leurs montages!</div>
            <div id="co_6" class="mon_contenu" style="display: none;">~Les monteurs<br>
</br>Les décors et structures du film, c’est pour eux ! Ils font tous pour que vous soyez dans le confort au maximum! Alors ne leurs tournez pas le dos ;)</div>
            <div id="co_7" class="mon_contenu" style="display: none;">~Les conseillers<br>
</br>Besoin d’un conseil ? Ils sont là pour toi! C’est eux qui veillent à la progression du film et de la notoriété. Le meilleur ami de la directrice, il analyse tout !</div>
            <div id="co_8" class="mon_contenu" style="display: none;">~Les acteurs<br>
</br>Tiens, ce n’est pas toi? Mais si! Si tu as atteint ce groupe c'est que tu es devenu une étoile qui participera un jour aux oscars! Tu verras, ça se réalisera! </div>
                  </div></div></td>
 <td class="contenuqeel" width="50%" cosplan="2" class="row1">
  <table>    {L_CONNECTED_MEMBERS}
              {L_WHOSBIRTHDAY_TODAY}<span id="anniversaire"></span>
    {L_WHOSBIRTHDAY_WEEK}</table></td></tr></table>



 
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<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>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Et son CSS :

Code:

.chatbox-options {
text-align: right;
height: 20px !important;
}

body{
  background-attachement: no-fixed;
  background-repeat: no-repeat;
  background-position: top center;
}

/*qeel*/
.mon_onglet{

  padding: 2px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 2px;
  color: #000;
  background: #231914;
  border: 1px solid #000;
margin-right:5px;
margin-left:5px;
font-size:14px;
border-radius:15px;}
 
.mon_onglet:hover{
margin-right:0px;
margin-left:0px;}
     
.mon_onglet_selected{
    padding: 2px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 2px;
  color: #000;
  background: #32231B;
  border: 1px solid #000;
margin-right:5px;
margin-left:5px;
font-size:14px;
border-radius:15px;}
     
.clear{
  clear: both;}
 
.mon_contenu{
  color: #000;
  background: #231914;
  border: 1px solid #000;
  padding: 10px;
  margin: 10 px;
  height: 120px;
  line-height: normal;
  font-size: 11px;
width:95%;
border-radius:15px;}
 
#mes_contenus{
  height: 100%;
  width:95%;}

#mes_onglets{
  height: 100%;
  width:100%;}

.contenuqeel{
  color: #000;
  background: #32231B;
  border: 1px solid #000;
  padding: 10px;
  height: 120px;
  font-size: 11px;
width:400px;
border-radius:15px;}




/*------------------ PROFIL -------------------*/
.fdprofil{
  width:240px;
  padding;10px;
  background-color:#D3BC87;
  border-radius:5px;
}

.avprofil{
  width:220px;
  padding;10px;
  background-color:#F1E8CC;
  border-radius:20px 0px 20px 0px;
  text-align:center;
  margin-left:10px;
}




/*catégorie*/

.desc{
background-color: #D3BC87;
padding: 6px; /*marge interne*/
border:1px solid #6D6245;
  margin:10px;
  font-weight:normal;
color:#D3BC87;
  font-size:13px;
}
.racc{
 background-color: #D3BC87;
padding: 6px; /*marge interne*/
  -moz-border-radius:8px 8px 8px 8px;
border:1px solid #6D6245;
 
}
.bord{
  border:1px solid #D3BC87;}
.statsfow{
  padding-left:15px;
    padding-right:5px;
  background-color:#D3BC87;
  border:1px solid #6D6245;
    margin-left:10px;
  margin-right:10px;
}

.lastfow{
  padding:20px;
  background-color:#D3BC87;
  border:1px solid #6D6245;
    margin-left:10px;
  margin-right:10px;
}

        a.cattitle {
        font-size: 18px;
        font-family: Georgia;
        color: #D3BC87;
        text-align:center;
        margin:100px;
        }




/********** Fiche de Présentation **********/


.presentation
{
  font-family: Georgia;
  font-size: 11px;
  width: 600px;
  border-radius: 40px;
  background-color: #e1c9b6;
  padding: 10px;
  color: #7e6754;
  padding-bottom: 30px;
}

.titrep
{
  text-align: center;
  font-size: 20px;
  padding-bottom: 7px;
  padding-top: 10px;
  border-bottom: 3px dashed #7f6959;
  text-shadow: 1px 1px 1px white;
  color: #563c27;
}

.soustitrep
{
  font-style: italic;
  margin-left: 120px;
  font-size: 18px;
  text-shadow: 1px 1px 1px white;
  color: #7e6754;
  margin-bottom: -25px;
  font-family: Georgia;
}

.soustitrep2
{
  font-family: Georgia;
  font-style: italic;
  margin-left: 50px;
  font-size: 18px;
  text-shadow: 1px 1px 1px white;
  color: #7e6754;
  margin-bottom: -25px;
}

.questionsp
{
  font-size: 11px;
  text-shadow: 1px 1px 1px #261c16;
  color: #7e6754;
  padding-left: 10px;
}

.questionsp2
{
  font-size: 11px;
  text-shadow: 1px 1px 1px #120904;
  color: #7e6754;
  padding-left: 10px;
}


.boite
{
  width: 580px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 40px;
  background-color: #553b2a;
}

.boite2
{
  width: 580px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 20px;
  background-color: #553b2a;
}

.boite3
{
  height: 140px;
  overflow: auto;
  width: 265px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 20px;
  background-color: #553b2a;
  margin-right: 5px;
  margin-left: 5px;
}

.boite4
{
  width: 580px;
  padding-top: 15px;
  padding: 10px;
  border-radius: 20px;
  background-color: #ac9486;
}

.avatarp
{
  border: 3px solid #7f6959;
  border-radius: 5px;
  background-color: #ffffff;
  width: 100px;
  height: 100px;
}




/***Autre ***/
.message{
  color: #827453;
background: #ffffff;
 border-left: 2px solid #D3BC87;
 border-right: 2px solid #D3BC87;
 padding: 10px;
  margin: 10 px;
  min-height: 65px;
line-height: normal;
  font-size: 11px;}

u{border-bottom: 1px solid;border-color:#F1EEE5;text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none; color:#F1EEE5;text-decoration: none
}

a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}


a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


a {font-variant: small-caps;}

.bodyline {-moz-border-radius:40px;}

a.forumline{
    background-color: #f1e8cc;

    }



a.mainmenu{
 text-decoration: none;
 color : #ffffff;
  padding:3px;
}
a.mainmenu:hover{
 text-decoration: none;
border: 1px dotted #ffffff;
 color : #ffffff;
  padding:3px;
 }

.forumline{
    background-color: #f1e8cc;
    }

a.mainmenu:link, a.mainmenu:visited{
background-color: #D3BC87;
border-left: 9px solid #ffffff;
border-right: 9px solid #ffffff;
-moz-border-radius:13px;
border: 1px #ffffff double;
}

.milieu {width: 90%; margin: 0px; border: 1px solid #eeeeee;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#f1e8cc}

.statistiques
{
border:0px;
background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
a.forumlink {
letter-spacing:2px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D3BC87;
font-style:bold;
text-transform: capitalize;
}

a.forumlink:hover  {
letter-spacing:3px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D3BC87;
font-style:bold;
text-transform: uppercase;
}

/********FICHE********/
.fond{
  background-color:#ffffff;
  width:100%;
  height:100%;
  border:1px solid #d89fa6;
  border-right:4px solid #d89fa6;
  border-left:4px solid #d89fa6;}

.title{
  width:600px;
  background-color:#efece5 ;
  font-size:13px;
  color:#353434;
  text-align:justify;
  border:1px solid #d89fa6;
  border-right:4px solid #d89fa6;
  border-left:4px solid #d89fa6;}

.titl{
  border-radius: 10px 10px 10px 10px;
  margin-left:auto;
  margin-right:auto;
  padding:5px;
  width:80%;
  font-size:15px;
  text-align:center;}

.texte{
  padding: 5px;
  background-color:#efece5;}

.texte2{
  padding: 5px;
  max-height:100px;
  overflow:auto;
  background-color:#efece5;}

/*Code, Citations et spoiler*/
.quote
{
background-color: #ffffff;
border: 1px solid #E5F1F9;
color: #666;
font-family: Verdana, Arial;
padding-left: 10px;
padding-right: 15px;
}

.code
{
background-color: #ffffff;
color: #666;
border: 1px solid #E5F1F9;
font-family: Verdana, Arial;
padding-left: 10px;
padding-right: 15px;
}

.spoiler
{
background: #ffffff;
border: 1px solid #E5F1F9;
font-family: Verdana, Arial;
color: #666;
padding-left: 10px;
padding-right: 15px;
}

.spoiler_closed hidden, .spoiler_content, .spoiler_closed
{
background: #ffffff;
border: 1px solid #E5F1F9;
font-family: Verdana, Arial;
color: #666;
padding-left: 10px;
padding-right: 15px;
border: none
}

/************************************************** *FICHE* ***************************************************/
.t1{
  border-top-left-radius:35px ;
  border-bottom-right-radius:35px ;
  background-color:#d3bc87;
  padding:20px;width:80%;
  margin-left:auto;
  margin-right:auto;
  border:2px double #ffffff;
  text-align:center;}

.t2{
  letter-spacing: 2pt;
  text-shadow: 0px 1px 0px #ffffff;
  font-face:Georgia;
  color:#f1e8cc;
  margin:auto;
  text-align:center;
  font-size:14pt;}

.t3{
  border-top-left-radius:35px ;
  border-bottom-right-radius:35px ;
  background-color:#d3bc87;
  padding:20px;
  width:80%;
  margin-left:auto;
  margin-right:auto;
  border:2px double #ffffff;
  text-align:justify;}

.t4{
  border-top-left-radius:35px ;
  border-bottom-right-radius:35px ;
  background-color:#d3bc87;
  padding:20px;
  width:80%;
  margin-left:auto;
  margin-right:auto;
  border:2px double #ffffff;
  text-align:justify;
  max-height:200px;
  overflow:auto;}


PA :


.accueil .forumline{
background-color: transparent !important;
border: none !important;
}

.accueil .row1{
background-color: transparent !important;
border: none !important;
}

/* selon votre forum et sa hiérarchie, il faudra peut être rajouter le code suivant */

.accueil td.catHead{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}

Voici le template index_box du forum qui ne marche pas :

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<div class="accueil">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><i class="mainoption" type="sunput class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
      <div align="center"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></div>
      <br /><center><table><tr><td align="center" style="margin: auto;" id="mes_onglets">
            <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Directrice</span>
          <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Gérants</span>
          <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Agents</span>
          <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Comédiens</span>
                <span id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Réalisateurs</span>
                <span id="o_6" class="mon_onglet" onclick="changeOnglet(this);">Monteurs</span>
                <span id="o_7" class="mon_onglet" onclick="changeOnglet(this);">Conseillers</span>
                <span id="o_8" class="mon_onglet" onclick="changeOnglet(this);">Acteurs</span></td></tr>
  </table></center><br />
<table align="center">          <tr><td class="contenuqeel" width="50%" cosplan="2" class="row1"><span class="gensmall">
          {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
            </span>
 
            </td><td class="contenuqeel" width="50%" cosplan="2" class="row1"><span class="gensmall">
      {TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
</span>
  </td></tr>
        <tr> <td class="contenuqeel" width="50%" cosplan="2" class="row1">
                <div class="clear"><div id="mes_contenus">
            <div id="co_1" class="mon_contenu">~La Directrice,<br>
</br>Celle qui dirige tous! Les castings, les contrats... Elle est amie avec! Faîtes-lui confiance, elle recrute les meilleur(e)s! N’hésitez à tout lui dire ou demander!  </div>
            <div id="co_2" class="mon_contenu" style="display: none;">~Les gérants,<br>
</br>Les bras droits de la directrice! Les lieux de tournage ? Avec quelles équipes ?... Ce sont les gérants! Au moindre problème entre acteurs et managers ou autres, allez les voir, ils vous aideront ;)</div>
            <div id="co_3" class="mon_contenu" style="display: none;">~Les agents,<br>
</br>Tu as besoin de quelqu'un sur qui compter? Les agents sont là pour toi! Les questions... Ils seront là pour toi!</div>
            <div id="co_4" class="mon_contenu" style="display: none;">~Les comédiens,<br>
</br>Ahah! Ils sont trop marrant, ces comédiens! En tout cas, l'ambiance et le sourire sont leur domaine! Que veux-tu ? Faut bien rire 5 min par jours, non?</div>
            <div id="co_5" class="mon_contenu" style="display: none;">~Les réalisateurs<br>
</br>Les images, les vidéos, les graphismes…c’est eux ! Comment les négliger?!! C'est grâce à eux si tu es célèbre ; grâce à leurs montages!</div>
            <div id="co_6" class="mon_contenu" style="display: none;">~Les monteurs<br>
</br>Les décors et structures du film, c’est pour eux ! Ils font tous pour que vous soyez dans le confort au maximum! Alors ne leurs tournez pas le dos ;)</div>
            <div id="co_7" class="mon_contenu" style="display: none;">~Les conseillers<br>
</br>Besoin d’un conseil ? Ils sont là pour toi! C’est eux qui veillent à la progression du film et de la notoriété. Le meilleur ami de la directrice, il analyse tout !</div>
            <div id="co_8" class="mon_contenu" style="display: none;">~Les acteurs<br>
</br>Tiens, ce n’est pas toi? Mais si! Si tu as atteint ce groupe c'est que tu es devenu une étoile qui participera un jour aux oscars! Tu verras, ça se réalisera! </div>
                  </div></div></td>
 <td class="contenuqeel" width="50%" cosplan="2" class="row1">
  <table>    {L_CONNECTED_MEMBERS}
              {L_WHOSBIRTHDAY_TODAY}<span id="anniversaire"></span>
    {L_WHOSBIRTHDAY_WEEK}</table></td></tr></table>



 
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<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>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Et son CSS :

Code:

/***Autre ***/
.message{
  color: #827453;
background: #ffffff;
 border-left: 2px solid #9EDBD2;
 border-right: 2px solid #9EDBD2;
 padding: 10px;
  margin: 10 px;
  min-height: 120px;
line-height: normal;
  font-size: 11px;}



div.info_profil em {
display:none;
}

div.info_profil:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.info_profil:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: block;
position: absolute;
top:1px;
 -moz-border-radius: 7px 0px 7px 0px ;
-webkit-border-radius: 7px 0px 7px 0px ;
border-radius: 7px 0px 7px 0px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #FFF9EE;
border: 2px solid #b28f4c;
width:198px;
height:320px;
}

.pseudo{
  margin-top:-25px;
  text-decoration: none;
  background-color:#ffffff;
  -moz-border-radius: 0px 0px 7px 7px ;
-webkit-border-radius: 0px 0px 7px 7px ;
border-radius: 0px 0px 7px 7px ;
}



.imagepa { border: solid 5px #FFffff;
 -moz-border-radius: 10px;
 margin-left: -5px;}

.imagepa:hover {border: solid 5px #525252;
 -moz-border-radius: 10px;
 margin-left: 10px;
opacity: 0.7;  }

#menu ul li a,
.menu ul li a:visited {display:block;  -moz-border-radius: 10% 10% 10% 10% ;  color: #6E6E6E; width:150px; height:20px; text-align:center; background: #EED5D2;  font-size:12px; padding: 3px;} /* NORMAL */

#menu ul { padding: 10px;  list-style-type: none; }
#menu ul li {float:left; margin-right:1px; position:relative;}
#menu ul li ul {display: none;}

#menu ul li:hover a {background: #Ffffff; color:#  6E6E6E ; } /* MODE ITEM HOVER */

#menu ul li:hover ul {display:block; position:absolute; top:10px;margin-left: -10px; }
#menu ul li:hover ul li a.hide { color:#EED5D2;} /* MODE HOVER */
#menu ul li:hover ul li:hover a.hide {width:110px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; color:#ffffff; text-shadow: 1px 1px 3px black;} /* MODE SOUS ITEM NORMAL */

#menu ul li:hover ul li a:hover {color:#EED5D2;} /* MODE SOUS ITEM HOVER */

#menu ul li:hover ul li:hover ul {display:block; position:absolute; margin-left: -10px; top:10px; color:#e63939; background: #Ffffff; } /* MODE HOVER */

#menu ul li:hover ul li:hover ul li a {display:block; color:#e63939; font-weight : bold;} /* MODE HOVER */

#menu ul li:hover ul li:hover ul li a:hover {color:#e63939; font-weight : bold;} /* MODE SOUS ITEM HOVER */

.lock  {
  position: relative;
}
.lock .lock-hidden {
  /* center */
  display: none;
  position: absolute;
  padding-left : 5px;
  padding-right : 5px;
  padding-top  : 2px;
  padding-bottom : 2px;
    top: 50px;
    left: 200px;
  /* style du bloc qui apparait */
  border: 3px groove #C91010;
  border-radius: 5px;
  background-color: #ffffff;
  -moz-border-radius: 5px;
  text-align: center;
    visibility: visible;
width: 150px;
height: 170px;
}
.lock:hover .lock-hidden {
  display: block;
}




div.infobulle {
  position: relative;
  float: left;}

div.infobulle span {
  display: none;}

div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999;}

div.infobulle:hover span {
color: #C2A395;
-moz-border-radius: 50px;
text-align: center;
text-shadow: #000000 1px 1px 1px;
width: 210px;
background: #ffffff;
border: 3px solid #525252;
display: inline;
position: absolute;
top: 100px;
left: 50px;
padding: 10px;
-moz-box-shadow: 2px 3px 3px black;}


ul, li{
  list-style: none;}

.mon_onglet{
  padding: 10px ;
  color: #ffffff;
text-shadow: 1px 1px 3px black;
  background: #EED5D2;
-moz-border-radius:  10% 10% 0% 0%;
  cursor: pointer;}

 
 
.mon_onglet_selected{
 -moz-box-shadow:inset 2px 3px 3px black;
  padding: 10px ;
  color: #3b1f05;
-moz-border-radius: 10% 10% 0% 0% ;
  background: #dddddd;
  cursor: pointer;}         
 

.mon_contenu{
margin-top: -70px;
font-size: 11px;
width: 650px;
height: 220px;
 background: #F0FFF0;
 -moz-box-shadow:inset 2px 3px 3px black;
border: 5px solid #EED5D2 ;
padding: 20px;
  color: #6E6E6E;
-moz-border-radius: 50px;
line-height: 18px;}



.imagepa { border: solid 5px #FFffff;
 -moz-border-radius: 10px;
 margin-left: -5px;}

.imagepa:hover {border: solid 5px #525252;
 -moz-border-radius: 10px;
 margin-left: 10px;
opacity: 0.7;  }

#menu ul li a,
.menu ul li a:visited {display:block;  -moz-border-radius: 10% 10% 10% 10% ;  color: #6E6E6E; width:150px; height:20px; text-align:center; background: #EED5D2;  font-size:12px; padding: 3px;} /* NORMAL */

#menu ul { padding: 10px;  list-style-type: none; }
#menu ul li {float:left; margin-right:1px; position:relative;}
#menu ul li ul {display: none;}

#menu ul li:hover a {background: #Ffffff; color:#  6E6E6E ; } /* MODE ITEM HOVER */

#menu ul li:hover ul {display:block; position:absolute; top:10px;margin-left: -10px; }
#menu ul li:hover ul li a.hide { color:#EED5D2;} /* MODE HOVER */
#menu ul li:hover ul li:hover a.hide {width:110px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; color:#ffffff; text-shadow: 1px 1px 3px black;} /* MODE SOUS ITEM NORMAL */

#menu ul li:hover ul li a:hover {color:#EED5D2;} /* MODE SOUS ITEM HOVER */

#menu ul li:hover ul li:hover ul {display:block; position:absolute; margin-left: -10px; top:10px; color:#e63939; background: #Ffffff; } /* MODE HOVER */

#menu ul li:hover ul li:hover ul li a {display:block; color:#e63939; font-weight : bold;} /* MODE HOVER */

#menu ul li:hover ul li:hover ul li a:hover {color:#e63939; font-weight : bold;} /* MODE SOUS ITEM HOVER */

/*I. FORUM & MESSAGES*/




/*A. Présentations des liens*/

a
{
font-family: georgia;
text-transform: uppercase;
TEXT-DECORATION: none; text-shadow: 1px 1px 1px #000;
}

a:hover
{
font-style: normal;
font-family: georgia;
text-transform: lowercase;
}


/*V. BARRE NAVIGATION*/



/*E. Contour Avatars*/

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 6px solid #FCF1E8 ;
}

.postdetails.poster-profile textarea { width: 200px;}


.postprofile textarea {
  /* les bords de haut et de bas */
  border: 3px;
  /* la largeur, le type et la couleur du bord droit */
  border-left: 2px solid #22FF22;
  /* la largeur, le type et la couleur du bord droit */
  border-right: 2px solid #22FF22;
  /* ça doit être le rayon de l'arrondi */
  -moz-border-radius : 5px;
}


/*VI. FOND FIXE ET CENTRER*/

body {
background-repeat: no-repeat;
background-position: top center;
}


/*IV. QEEL*/




.groupes{
width: 300px;
background-color: #FFFFFF;
border: 0px dotted #362308;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
}




.accueil .forumline{
background-color: transparent !important;
border: none !important;
}

.accueil .row1{
background-color: transparent !important;
border: none !important;
}

/* selon votre forum et sa hiérarchie, il faudra peut être rajouter le code suivant */

.accueil td.catHead{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}





.infobull{
  position: relative;
  z-index: 0;}
.infobull:hover{
  z-index: 50;}
.infobull span{ 
  position: absolute;
  visibility: hidden;}
.infobull span img{ 
  border: 1px outset #E2B7A1; 
  background-color: #E2B7A1; 
  padding: 2px;}
.infobull:hover span{ 
  visibility: visible; 
  top: 10px; 
  left: -3px; 
  width: auto; 
  color:#E2B7A1; 
  font-size: 15px; 
  font-family: georgia; 
  padding: 2px; 
  background-color: #8B5342; 
  -moz-border-radius: 8px; 
  -webkit-border-radius: 12px; 
  border-radius: 12px;}
.infobull a{
  color:#E2B7A1;}
.infobull a:hover{
  color:#E2B7A1;}


/*catégorie*/


.desc{
background-color: #ffffff;
  padding:10px;
border:1px solid #CCE0DD;
    -moz-border-radius:8px 8px 8px 8px;
  font-weight:normal;
  font-size:13px;

}
.racc{
 background-color: #ffffff;
  -moz-border-radius:8px 8px 8px 8px;
border:1px solid #CCE0DD;
 
}
.bord{
  border:1px solid #CCE0DD;}

.statsfow{
  padding:5px;
  background-color:#ffffff;
  border:1px solid #CCE0DD;
    margin-left:10px;
  margin-right:10px;
    -moz-border-radius:8px 8px 8px 8px;
}

.lastfow{
  padding:10px;
  background-color:#ffffff;
  border:1px solid #CCE0DD;
    margin-left:10px;
  margin-right:10px;
    -moz-border-radius:8px 8px 8px 8px;
}

        a.cattitle {
        font-size: 18px;
        font-family: Georgia;
        color: #E30E30;
        text-align:center;
        margin:100px;
        }




a.forumlink {
letter-spacing:2px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #CCE0DD;
font-style:bold;
text-transform: capitalize;
}

a.forumlink:hover  {
letter-spacing:3px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #CCE0DD;
font-style:bold;
text-transform: uppercase;
}



.forumline{

border-left:3px solid #cce0dd;
border-right:3px solid #cce0dd;}


/*qeel*/
.mon_onglet{

  padding: 2px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 2px;
  color: #000;
  background: #d89fa6;
  border: 1px solid #000;
margin-right:5px;
margin-left:5px;
font-size:14px;
border-radius:15px;}
 
.mon_onglet:hover{
margin-right:0px;
margin-left:0px;}
     
.mon_onglet_selected{
    padding: 2px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 2px;
  color: #000;
  background: #d89fa9;
  border: 1px solid #000;
margin-right:5px;
margin-left:5px;
font-size:14px;
border-radius:15px;}
     
.clear{
  clear: both;}
 
.mon_contenu{
  color: #000;
  background: #efece5;
  border: 1px solid #000;
  padding: 10px;
  margin: 10 px;
  height: 120px;
  line-height: normal;
  font-size: 11px;
width:100%;
border-radius:15px;}
 
#mes_contenus{
  height: 100%;
  width:95%;}

#mes_onglets{
  height: 100%;
  width:100%;}

.contenuqeel{
  color: #000;
  background: #efece5;
  border: 1px solid #000;
  padding: 10px;
  height: 120px;
  font-size: 11px;
max-width:300px;
border-radius:15px;}

[Invité]

Mmh, dans votre CSS il y a quelques erreurs et des choses qui seront incompatibles avec d'autres navigateurs ! Et dans votre Template il y a une grosse erreur. Quand j'aurai le temps et si vous êtes d'accord je veux bien corriger ces erreurs. Mais sinon pour votre problème ça ne vient visiblement pas du code qui est dans /* qeel */ . Ca doit être autre part dans votre CSS et ça je peux pas savoir comme ça...

[Potter's]

Oui j'aimerais que vous me le corrigiez. Pour chercher le problème ailleurs, j'ai déjà tout essayé, merci en tous cas. J'attend d'autres aides svp

[Invité]

Enfin, je viens de trouver en corrigeant votre code, en faite il y a deux "mon_contenu" et autre, du coup ça créait un conflit entre les deux et vous aviez pas le résultat voulu. Je supprime le 1er ?

[Potter's]

Oui essaye stp

[Invité]

Voilà j'ai enfin fini ! Donc voici votre CSS corrigé :

Code:

/*** Autre ***/
.message{
 color: #827453;
 background: #FFFFFF;
 border-left: 2px solid #9EDBD2;
 border-right: 2px solid #9EDBD2;
 padding: 10px;
 margin: 10 px;
 min-height: 120px;
 line-height: normal;
 font-size: 11px;
}

div.info_profil em{
 display:none;
}

div.info_profil:hover{
 background: none;
 z-index: 999;
 cursor: hand;
 position: relative;
 text-decoration:none;
 border: 0px;
}

div.info_profil:hover em{
 font-style: normal;
 font-size: 10px;
 color: #000 !important;
 padding: 3px;
 display: block;
 position: absolute;
 top: 1px;
 -moz-border-radius: 7px 0px 7px 0px;
 -webkit-border-radius: 7px 0px 7px 0px;
 border-radius: 7px 0px 7px 0px;
 -khtml-border-radius: 7px 0px 7px 0px;
 -moz-box-shadow: 0px 0px 4px #000;
 -webkit-box-shadow: 0px 0px 4px #000;
 box-shadow: 0px 0px 4px #000;
 -khtml-box-shadow: 7px 0px 7px 0px;
 background-color: #FFF9EE;
 border: 2px solid #b28f4c;
 width: 198px;
 height: 320px;
}

.pseudo{
 margin-top: -25px;
 text-decoration: none;
 background-color:#FFFFFF;
 -moz-border-radius: 0px 0px 7px 7px;
 -webkit-border-radius: 0px 0px 7px 7px;
 border-radius: 0px 0px 7px 7px;
 -khtml-border-radius: 0px 0px 7px 7px;
}

.imagepa{
 border: solid 5px #FFFFFF;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -khtml-border-radius: 10px;
 margin-left: -5px;
}

.imagepa:hover{
 border: solid 5px #525252;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -khtml-border-radius: 10px;
 margin-left: 10px;
 opacity: 0.7;
}

#menu ul li a,
.menu ul li a:visited {display:block; -moz-border-radius: 10% 10% 10% 10%; -webkit-border-radius: 10% 10% 10% 10%; border-radius: 10% 10% 10% 10%; -khtml-border-radius: 10% 10% 10% 10%; color: #6E6E6E; width:150px; height:20px; text-align:center; background: #EED5D2; font-size: 12px; padding: 3px;} /* NORMAL */

#menu ul {padding: 10px; list-style-type: none;}
#menu ul li {float: left; margin-right: 1px; position: relative;}
#menu ul li ul {display: none;}

#menu ul li:hover a {background: #FFFFFF; color: #6E6E6E;} /* MODE ITEM HOVER */
#menu ul li:hover ul {display: block; position: absolute; top: 10px; margin-left: -10px;}
#menu ul li:hover ul li a.hide {color: #EED5D2;} /* MODE HOVER */
#menu ul li:hover ul li:hover a.hide {width: 110px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display: block; color: #ffffff; text-shadow: 1px 1px 3px black;} /* MODE SOUS ITEM NORMAL */
#menu ul li:hover ul li a:hover {color: #EED5D2;} /* MODE SOUS ITEM HOVER */
#menu ul li:hover ul li:hover ul {display: block; position: absolute; margin-left: -10px; top:10px; color:#e63939; background: #Ffffff; } /* MODE HOVER */
#menu ul li:hover ul li:hover ul li a {display: block; color: #E63939; font-weight: bold;} /* MODE HOVER */
#menu ul li:hover ul li:hover ul li a:hover {color: #E63939; font-weight: bold;} /* MODE SOUS ITEM HOVER */

ul, li{list-style: none;}

.lock  {
 position: relative;
}

.lock .lock-hidden { /* center */
 display: none;
 position: absolute;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 top: 50px;
 left: 200px;
/* style du bloc qui apparait */
 border: 3px groove #C91010;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 background-color: #FFFFFF;
 text-align: center;
 visibility: visible;
 width: 150px;
 height: 170px;
}

.lock:hover .lock-hidden{
 display: block;
}

div.infobulle{
 position: relative;
 float: left;
}

div.infobulle span{
 display: none;
}

div.infobulle:hover{
 background: none; /* correction d'un bug IE */
 z-index: 999;
}

div.infobulle:hover span {
 color: #C2A395;
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 -khtml-border-radius: 50px;
 text-align: center;
 text-shadow: #000000 1px 1px 1px;
 width: 210px;
 background: #FFFFFF;
 border: 3px solid #525252;
 display: inline;
 position: absolute;
 top: 100px;
 left: 50px;
 padding: 10px;
 -moz-box-shadow: 2px 3px 3px black;
 -webkit-box-shadow: 2px 3px 3px black;
 border-box-shadow: 2px 3px 3px black;
 -khtml-box-shadow: 2px 3px 3px black;
}

/* Présentations des liens */
a{
 font-family: georgia;
 text-transform: uppercase;
 text-decoration: none;
 text-shadow: 1px 1px 1px #000000;
}

a:hover{
 font-style: normal;
 font-family: georgia;
 text-transform: lowercase;
}

/* Contour Avatar */
.postdetails.poster-profile a img{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -khtml-border-radius: 5px;
 border: 6px solid #FCF1E8 ;
}

.postdetails.poster-profile textarea {width: 200px;}

.postprofile textarea{
/* les bords de haut et de bas */
 border: 3px;
/* la largeur, le type et la couleur du bord droit */
 border-left: 2px solid #22FF22;
/* la largeur, le type et la couleur du bord droit */
 border-right: 2px solid #22FF22;
/* ça doit être le rayon de l'arrondi */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -khtml-border-radius: 5px;
}

/* fond fixe et centrer*/

body {
 background-repeat: no-repeat;
 background-position: top center;
}

/* QEEL */

.groupes{
 width: 300px;
 background-color: #FFFFFF;
 border: 0px dotted #362308;
 -moz-border-radius-bottomright: 15px;
 -webkit-border-radius-bottomright: 15px;
 border-radius-bottomright: 15px;
 -khtml-border-radius-bottomright: 15px;
 -moz-border-radius-topleft: 15px;
 -webkit-border-radius-topleft: 15px;
 border-radius-topleft: 15px;
 -khtml-border-radius-topleft: 15px;
}

.accueil .forumline{
 background-color: transparent !important;
 border: none !important;
}

.accueil .row1{
 background-color: transparent !important;
 border: none !important;
}

/* Selon votre forum et sa hiérarchie, il faudra peut etre rajouter le code suivant. */

.accueil td.catHead{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}

.infobull{position: relative; z-index: 0;}
.infobull a{color:#E2B7A1;}
.infobull a:hover{color:#E2B7A1;}
.infobull:hover{z-index: 50;}
.infobull span{position: absolute; visibility: hidden;}
.infobull span img{border: 1px outset #E2B7A1; background-color: #E2B7A1; padding: 2px;}
.infobull:hover span{ 
 visibility: visible; 
 top: 10px; 
 left: -3px; 
 width: auto; 
 color:#E2B7A1; 
 font-size: 15px; 
 font-family: georgia; 
 padding: 2px; 
 background-color: #8B5342; 
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
 -khtml-border-radius: 12px;
}

/*Catégorie*/
.desc{
 background-color: #FFFFFF;
 padding:10px;
 border:1px solid #CCE0DD;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -khtml-border-radius: 8px;
 font-weight:normal;
 font-size:13px;
}

.racc{
 background-color: #FFFFFF;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -khtml-border-radius: 8px;
border: 1px solid #CCE0DD;
}

.bord{border: 1px solid #CCE0DD;}

.statsfow{
 padding: 5px;
 background-color: #FFFFFF;
 border: 1px solid #CCE0DD;
 margin-left: 10px;
 margin-right: 10px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -khtml-border-radius: 8px;
}

.lastfow{
 padding: 10px;
 background-color: #FFFFFF;
 border: 1px solid #CCE0DD;
 margin-left: 10px;
 margin-right: 10px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -khtml-border-radius: 8px;
}

a.cattitle{
 font-size: 18px;
 font-family: Georgia;
 color: #E30E30;
 text-align: center;
 margin: 100px;
}

a.forumlink{
 letter-spacing: 2px;
 display: block;
 text-align: center;
 color: #23758F;
 border-bottom: 5px double #CCE0DD;
 font-style: bold;
 text-transform: capitalize;
}

a.forumlink:hover  {
 letter-spacing: 3px;
 display: block;
 text-align: center;
 color: #23758F;
 border-bottom: 5px double #CCE0DD;
 font-style: bold;
 text-transform: uppercase;
}

.forumline{
 border-left:3px solid #CCE0DD;
 border-right:3px solid #CEE0DD;
}

/* qeel */
.mon_onglet{
 padding: 2px;
 padding-left: 15px;
 padding-right: 15px;
 margin: 2px;
 color: #000000;
 background: #D89FA6;
 border: 1px solid #000000;
 margin-right: 5px;
 margin-left: 5px;
 font-size: 14px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 -khtml-border-radius: 15px;
}
 
.mon_onglet:hover{
 margin-right: 0px;
 margin-left: 0px;
}
     
.mon_onglet_selected{
 padding: 2px;
 padding-left: 15px;
 padding-right: 15px;
 margin: 2px;
 color: #000000;
 background: #D89FA9;
 border: 1px solid #000;
 margin-right: 5px;
 margin-left: 5px;
 font-size: 14px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 -khtml-border-radius: 15px;
}
     
.clear{
 clear: both;
}
 
.mon_contenu{
 color: #000000;
 background: #EFECE5;
 border: 1px solid #000;
 padding: 10px;
 margin: 10 px;
 height: 120px;
 line-height: normal;
 font-size: 11px;
 width: 100%;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 -khtml-border-radius: 15px;
}
 
#mes_contenus{
 height: 100%;
 width:95%;
}

#mes_onglets{
 height: 100%;
 width:100%;
}

.contenuqeel{
 color: #000000;
 background: #EFECE5;
 border: 1px solid #000000;
 padding: 10px;
 height: 120px;
 font-size: 11px;
 max-width: 300px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 -khtml-border-radius: 15px;
}

Et le Template corrigé (erreurs de syntaxe) !

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<div class="accueil">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
      <div align="center"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></div>
      <br /><center><table><tr><td align="center" style="margin: auto;" id="mes_onglets">
            <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Directrice</span>
          <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Gérants</span>
          <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Agents</span>
          <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Comédiens</span>
                <span id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Réalisateurs</span>
                <span id="o_6" class="mon_onglet" onclick="changeOnglet(this);">Monteurs</span>
                <span id="o_7" class="mon_onglet" onclick="changeOnglet(this);">Conseillers</span>
                <span id="o_8" class="mon_onglet" onclick="changeOnglet(this);">Acteurs</span></td></tr>
  </table></center><br />
<table align="center">          <tr><td class="contenuqeel" width="50%" cosplan="2" class="row1"><span class="gensmall">
          {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
            </span>
 
            </td><td class="contenuqeel" width="50%" cosplan="2" class="row1"><span class="gensmall">
      {TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
</span>
  </td></tr>
        <tr> <td class="contenuqeel" width="50%" cosplan="2" class="row1">
                <div class="clear"><div id="mes_contenus">
            <div id="co_1" class="mon_contenu">~La Directrice,<br>
</br>Celle qui dirige tous! Les castings, les contrats... Elle est amie avec! Faîtes-lui confiance, elle recrute les meilleur(e)s! N’hésitez à tout lui dire ou demander!  </div>
            <div id="co_2" class="mon_contenu" style="display: none;">~Les gérants,<br>
</br>Les bras droits de la directrice! Les lieux de tournage ? Avec quelles équipes ?... Ce sont les gérants! Au moindre problème entre acteurs et managers ou autres, allez les voir, ils vous aideront ;)</div>
            <div id="co_3" class="mon_contenu" style="display: none;">~Les agents,<br>
</br>Tu as besoin de quelqu'un sur qui compter? Les agents sont là pour toi! Les questions... Ils seront là pour toi!</div>
            <div id="co_4" class="mon_contenu" style="display: none;">~Les comédiens,<br>
</br>Ahah! Ils sont trop marrant, ces comédiens! En tout cas, l'ambiance et le sourire sont leur domaine! Que veux-tu ? Faut bien rire 5 min par jours, non?</div>
            <div id="co_5" class="mon_contenu" style="display: none;">~Les réalisateurs<br>
</br>Les images, les vidéos, les graphismes…c’est eux ! Comment les négliger?!! C'est grâce à eux si tu es célèbre ; grâce à leurs montages!</div>
            <div id="co_6" class="mon_contenu" style="display: none;">~Les monteurs<br>
</br>Les décors et structures du film, c’est pour eux ! Ils font tous pour que vous soyez dans le confort au maximum! Alors ne leurs tournez pas le dos ;)</div>
            <div id="co_7" class="mon_contenu" style="display: none;">~Les conseillers<br>
</br>Besoin d’un conseil ? Ils sont là pour toi! C’est eux qui veillent à la progression du film et de la notoriété. Le meilleur ami de la directrice, il analyse tout !</div>
            <div id="co_8" class="mon_contenu" style="display: none;">~Les acteurs<br>
</br>Tiens, ce n’est pas toi? Mais si! Si tu as atteint ce groupe c'est que tu es devenu une étoile qui participera un jour aux oscars! Tu verras, ça se réalisera! </div>
                  </div></div></td>
 <td class="contenuqeel" width="50%" cosplan="2" class="row1">
  <table>    {L_CONNECTED_MEMBERS}
              {L_WHOSBIRTHDAY_TODAY}<span id="anniversaire"></span>
    {L_WHOSBIRTHDAY_WEEK}</table></td></tr></table>



 
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<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>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

[Potter's]

Ça marche très bien ! Merci beaucoup et par contre est-ce qu'on peux changer la largeur du QEEL ? Car elle n'a pas changé ^^

[Invité]

Essayez ce CSS :

Code:

/*** Autre ***/
.message{
 color: #827453;
 background: #FFFFFF;
 border-left: 2px solid #9EDBD2;
 border-right: 2px solid #9EDBD2;
 padding: 10px;
 margin: 10 px;
 min-height: 120px;
 line-height: normal;
 font-size: 11px;
}

div.info_profil em{
 display:none;
}

div.info_profil:hover{
 background: none;
 z-index: 999;
 cursor: hand;
 position: relative;
 text-decoration:none;
 border: 0px;
}

div.info_profil:hover em{
 font-style: normal;
 font-size: 10px;
 color: #000 !important;
 padding: 3px;
 display: block;
 position: absolute;
 top: 1px;
 -moz-border-radius: 7px 0px 7px 0px;
 -webkit-border-radius: 7px 0px 7px 0px;
 border-radius: 7px 0px 7px 0px;
 -khtml-border-radius: 7px 0px 7px 0px;
 -moz-box-shadow: 0px 0px 4px #000;
 -webkit-box-shadow: 0px 0px 4px #000;
 box-shadow: 0px 0px 4px #000;
 -khtml-box-shadow: 7px 0px 7px 0px;
 background-color: #FFF9EE;
 border: 2px solid #b28f4c;
 width: 198px;
 height: 320px;
}

.pseudo{
 margin-top: -25px;
 text-decoration: none;
 background-color:#FFFFFF;
 -moz-border-radius: 0px 0px 7px 7px;
 -webkit-border-radius: 0px 0px 7px 7px;
 border-radius: 0px 0px 7px 7px;
 -khtml-border-radius: 0px 0px 7px 7px;
}

.imagepa{
 border: solid 5px #FFFFFF;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -khtml-border-radius: 10px;
 margin-left: -5px;
}

.imagepa:hover{
 border: solid 5px #525252;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -khtml-border-radius: 10px;
 margin-left: 10px;
 opacity: 0.7;
}

#menu ul li a,
.menu ul li a:visited {display:block; -moz-border-radius: 10% 10% 10% 10%; -webkit-border-radius: 10% 10% 10% 10%; border-radius: 10% 10% 10% 10%; -khtml-border-radius: 10% 10% 10% 10%; color: #6E6E6E; width:150px; height:20px; text-align:center; background: #EED5D2; font-size: 12px; padding: 3px;} /* NORMAL */

#menu ul {padding: 10px; list-style-type: none;}
#menu ul li {float: left; margin-right: 1px; position: relative;}
#menu ul li ul {display: none;}

#menu ul li:hover a {background: #FFFFFF; color: #6E6E6E;} /* MODE ITEM HOVER */
#menu ul li:hover ul {display: block; position: absolute; top: 10px; margin-left: -10px;}
#menu ul li:hover ul li a.hide {color: #EED5D2;} /* MODE HOVER */
#menu ul li:hover ul li:hover a.hide {width: 110px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display: block; color: #ffffff; text-shadow: 1px 1px 3px black;} /* MODE SOUS ITEM NORMAL */
#menu ul li:hover ul li a:hover {color: #EED5D2;} /* MODE SOUS ITEM HOVER */
#menu ul li:hover ul li:hover ul {display: block; position: absolute; margin-left: -10px; top:10px; color:#e63939; background: #Ffffff; } /* MODE HOVER */
#menu ul li:hover ul li:hover ul li a {display: block; color: #E63939; font-weight: bold;} /* MODE HOVER */
#menu ul li:hover ul li:hover ul li a:hover {color: #E63939; font-weight: bold;} /* MODE SOUS ITEM HOVER */

ul, li{list-style: none;}

.lock  {
 position: relative;
}

.lock .lock-hidden { /* center */
 display: none;
 position: absolute;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 top: 50px;
 left: 200px;
/* style du bloc qui apparait */
 border: 3px groove #C91010;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 background-color: #FFFFFF;
 text-align: center;
 visibility: visible;
 width: 150px;
 height: 170px;
}

.lock:hover .lock-hidden{
 display: block;
}

div.infobulle{
 position: relative;
 float: left;
}

div.infobulle span{
 display: none;
}

div.infobulle:hover{
 background: none; /* correction d'un bug IE */
 z-index: 999;
}

div.infobulle:hover span {
 color: #C2A395;
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 -khtml-border-radius: 50px;
 text-align: center;
 text-shadow: #000000 1px 1px 1px;
 width: 210px;
 background: #FFFFFF;
 border: 3px solid #525252;
 display: inline;
 position: absolute;
 top: 100px;
 left: 50px;
 padding: 10px;
 -moz-box-shadow: 2px 3px 3px black;
 -webkit-box-shadow: 2px 3px 3px black;
 border-box-shadow: 2px 3px 3px black;
 -khtml-box-shadow: 2px 3px 3px black;
}

/* Présentations des liens */
a{
 font-family: georgia;
 text-transform: uppercase;
 text-decoration: none;
 text-shadow: 1px 1px 1px #000000;
}

a:hover{
 font-style: normal;
 font-family: georgia;
 text-transform: lowercase;
}

/* Contour Avatar */
.postdetails.poster-profile a img{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -khtml-border-radius: 5px;
 border: 6px solid #FCF1E8 ;
}

.postdetails.poster-profile textarea {width: 200px;}

.postprofile textarea{
/* les bords de haut et de bas */
 border: 3px;
/* la largeur, le type et la couleur du bord droit */
 border-left: 2px solid #22FF22;
/* la largeur, le type et la couleur du bord droit */
 border-right: 2px solid #22FF22;
/* ça doit être le rayon de l'arrondi */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -khtml-border-radius: 5px;
}

/* fond fixe et centrer*/

body {
 background-repeat: no-repeat;
 background-position: top center;
}

/* QEEL */

.groupes{
 width: 300px;
 background-color: #FFFFFF;
 border: 0px dotted #362308;
 -moz-border-radius-bottomright: 15px;
 -webkit-border-radius-bottomright: 15px;
 border-radius-bottomright: 15px;
 -khtml-border-radius-bottomright: 15px;
 -moz-border-radius-topleft: 15px;
 -webkit-border-radius-topleft: 15px;
 border-radius-topleft: 15px;
 -khtml-border-radius-topleft: 15px;
}

.accueil .forumline{
 background-color: transparent !important;
 border: none !important;
}

.accueil .row1{
 background-color: transparent !important;
 border: none !important;
}

/* Selon votre forum et sa hiérarchie, il faudra peut etre rajouter le code suivant. */

.accueil td.catHead{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}

.infobull{position: relative; z-index: 0;}
.infobull a{color:#E2B7A1;}
.infobull a:hover{color:#E2B7A1;}
.infobull:hover{z-index: 50;}
.infobull span{position: absolute; visibility: hidden;}
.infobull span img{border: 1px outset #E2B7A1; background-color: #E2B7A1; padding: 2px;}
.infobull:hover span{ 
 visibility: visible; 
 top: 10px; 
 left: -3px; 
 width: auto; 
 color:#E2B7A1; 
 font-size: 15px; 
 font-family: georgia; 
 padding: 2px; 
 background-color: #8B5342; 
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
 -khtml-border-radius: 12px;
}

/*Catégorie*/
.desc{
 background-color: #FFFFFF;
 padding:10px;
 border:1px solid #CCE0DD;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -khtml-border-radius: 8px;
 font-weight:normal;
 font-size:13px;
}

.racc{
 background-color: #FFFFFF;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -khtml-border-radius: 8px;
border: 1px solid #CCE0DD;
}

.bord{border: 1px solid #CCE0DD;}

.statsfow{
 padding: 5px;
 background-color: #FFFFFF;
 border: 1px solid #CCE0DD;
 margin-left: 10px;
 margin-right: 10px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -khtml-border-radius: 8px;
}

.lastfow{
 padding: 10px;
 background-color: #FFFFFF;
 border: 1px solid #CCE0DD;
 margin-left: 10px;
 margin-right: 10px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -khtml-border-radius: 8px;
}

a.cattitle{
 font-size: 18px;
 font-family: Georgia;
 color: #E30E30;
 text-align: center;
 margin: 100px;
}

a.forumlink{
 letter-spacing: 2px;
 display: block;
 text-align: center;
 color: #23758F;
 border-bottom: 5px double #CCE0DD;
 font-style: bold;
 text-transform: capitalize;
}

a.forumlink:hover  {
 letter-spacing: 3px;
 display: block;
 text-align: center;
 color: #23758F;
 border-bottom: 5px double #CCE0DD;
 font-style: bold;
 text-transform: uppercase;
}

.forumline{
 border-left:3px solid #CCE0DD;
 border-right:3px solid #CEE0DD;
}

/* qeel */
.mon_onglet{
 padding: 2px;
 padding-left: 15px;
 padding-right: 15px;
 margin: 2px;
 color: #000000;
 background: #D89FA6;
 border: 1px solid #000000;
 margin-right: 5px;
 margin-left: 5px;
 font-size: 14px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 -khtml-border-radius: 15px;
}
 
.mon_onglet:hover{
 margin-right: 0px;
 margin-left: 0px;
}
     
.mon_onglet_selected{
 padding: 2px;
 padding-left: 15px;
 padding-right: 15px;
 margin: 2px;
 color: #000000;
 background: #D89FA9;
 border: 1px solid #000;
 margin-right: 5px;
 margin-left: 5px;
 font-size: 14px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 -khtml-border-radius: 15px;
}
     
.clear{
 clear: both;
}
 
.mon_contenu{
 color: #000000;
 background: #EFECE5;
 border: 1px solid #000;
 padding: 10px;
 margin: 10 px;
 height: 120px;
 line-height: normal;
 font-size: 11px;
 width: 95%;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 -khtml-border-radius: 15px;
}
 
#mes_contenus{
 height: 100%;
 width: 95%;
}

#mes_onglets{
 height: 100%;
 width: 100%;
}

.contenuqeel{
 color: #000000;
 background: #EFECE5;
 border: 1px solid #000000;
 padding: 10px;
 height: 120px;
 font-size: 11px;
 max-width: 400px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 -khtml-border-radius: 15px;
}

[Potter's]

C'est super !!!! Je vous remercie énormément !

[Invité]

De rien et bonne continuation !

Cordialement,