Sujets similaires

Bonsoir

Je sais que j'avais déjà ouvert un sujet sur cette foutue barre, mais je l'ai supprimé, en ayant trouvé une que je trouvais mieux.

Là, la barre est trop collée à la publicité, comme sur ce screen : https://i.servimg.com/u/f64/14/64/81/47/screen13.jpg

Comment pourrait-on faire un espace entre la navigation et la publicité du forum ? Et aussi enlevé l'espace entre la publicité et la barre rose foncé en haut ?

Merci d'avance !

Bonjour,

As-tu modifié un template pour cette barre de navigation? Si oui, peux-tu nous le montrer?

Bonsoir,

Pour l'espace entre la publicité et la barre de navigation, essayes de placer ceci dans ton CSS :

Code:: #page-body {
padding-top: 30px;
}

Pour l'espace entre la barre de navigation et la barre rose :

Ikø' a écrit:: Bonjour,

As-tu modifié un template pour cette barre de navigation? Si oui, peux-tu nous le montrer?

Il nous faudrait effectivement ceci.

Merci Tech =)

Sinon, pour le template, avant de mettre cette barre j'avais modifié overall_header_new. J'avais remplacé

Spoiler:

Par

Spoiler:

Mais j'ai finalement annulé ma modification. Je vous donne le template en entier si besoin est :

Spoiler:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
   
      pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      pm.focus();
   
   
      report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
      report.focus();
   
   
      ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
   
});


   var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;

//]]>
</script>

{GREETING_POPUP}

<style type="text/css">
#hitskin_preview {
   margin: 0; padding: 0;
   position: fixed;
   top: 0; left: 0;
   width: 100%;
   height: 65px;
   background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
   color: #fff;
}
* html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
   position: absolute;
   top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
   z-index: 2;
   background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}
* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
background: #fff url(foo) fixed;
}
#hitskin_preview h1 {
   float: left;
   margin: 3px 0 0 0;
   padding: 0 0 0 10px;
   font: italic normal 25px Arial,sans serif;
   color: #fff;
}
#hitskin_preview h1 img {
   vertical-align: middle;
}
#hitskin_preview em {
   color: #7CBA2C;
   font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}

#hitskin_preview .content {
   text-align: right;
}
#hitskin_preview .content p {
   margin: 4px 1em 0px 1em;
   font-size: 13px;
   line-height: 1.8em;
   color: #fff;
   font-weight: bold;
}
#hitskin_preview .content p span {
   font-weight: normal;
   font-size: 0.8em;
}
body {
   margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
</style>

<script type="text/javascript" src="http://files.o-side.com/upload/CSSActif/fa-var.js"></script>
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<div id="hitskin_preview" style="display: block;">
   <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>



<div id="login_popup">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}" />
                  <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>


<a name="top"></a>
{JAVAscript}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               <td align="center" width="100%" valign="middle">
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DEscriptION}<br /> </span>
               </td>
               

               
               <td align="center" width="100%" valign="middle">
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DEscriptION}</span>
               </td>
               

               
               <td align="center" width="100%" valign="middle">
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DEscriptION}<br />  </span>
               </td>
               <td>
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
               </td>
               
            </tr>
         </table>

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td><br><br>
</tr>
</table>

         <div style="clear: both;"></div>

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td {CLASS_TABLE_TYPE} align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                     <tr>
                        <td valign="top" width="{C1SIZE}">
                           <div id="{ID_LEFT}">
                              
                              {giefmod_index1.MODVAR}
                                 
                                 <div style="height:{SPACE_ROW}px"></div>
                                 
                              
                           </div>
                        </td>
                        <td valign="top" width="100%">

                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>

Les autres ne sont pas modifiés ?

Pourrait-on avoir le lien du forum ainsi que le CSS ?
Ca nous aidera. Merci Smile

Okii

Alors, j'ai en tout 6 templates modifiés (mais pas pour la barre de navigation). Je vous les donne :

index-body

Spoiler:

Code:: {JAVAscript}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
   <td width="100%" valign="top" align="center" class="row1">
      <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
      <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

   </td>
</tr>
</table>
</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
      
      
      <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
      
      </span>
   </td>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
   <td width="100%" valign="top" align="center" class="row1">
      <span class="genmed">{L_USERNAME}:</span>
      <input class="post" type="text" size="10" name="username"/>
      <span class="genmed">{L_PASSWORD}:</span>
      <input class="post" type="password" size="10" name="password"/>
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
      <span class="gensmall">{L_AUTO_LOGIN}</span>
      <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
   </td>
</tr>
</table>
</form>



<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<center><img src="http://i64.servimg.com/u/f64/14/64/81/47/sans_t10.gif"><br><br><br>
<span class="groupes"> <a href="http://boring-japan-school.forumactif.com/groupcp.forum?g=1"><font color="#ff0000" size="2"><b>Administration</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://boring-japan-school.forumactif.com/groupcp.forum?g=2"><font color="#10a3ee" size="2"><b>Modération</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://boring-japan-school.forumactif.com/groupcp.forum?g=3"><font color="#18ec12" size="2"><b>Classe 3°</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://boring-japan-school.forumactif.com/groupcp.forum?g=4"><font color="#e4aa1a" size="2"><b>Classe Seconde</b></font></a> </span><br><br>
<span class="groupes"> <a href="http://boring-japan-school.forumactif.com/groupcp.forum?g=5"><font color="#c93535" size="2"><b>Classe Première</b></font></a> </span><br><br>
<span class="groupes"> <a href="http://boring-japan-school.forumactif.com/groupcp.forum?g=6"><font color="#8626d8" size="2"><b>Classe Terminale</b></font></a> </span><br><br>
<span class="groupes"> <a href="http://boring-japan-school.forumactif.com/groupcp.forum?g=7"><font color="#de206b" size="2"><b>Personnel</b></font></a> </span><br><br><br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
<span class="gensmall"><span id="delf">{TOTAL_USERS_ONLINE}</span><script
type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne présente sur le forum");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"personnes présentes sur le forum");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Pensionnaire");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"Pensionnaires");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"Fantôme,");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"Fantômes,");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"étranger");</script>
<script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"étrangers");</script></span><br>
<span class="johian">{LOGGED_IN_USER_LIST}</span></center></span><br>
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>

{CHATBOX_BOTTOM}
<br clear="all" />

<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>


{AUTO_DST}

index_box

Spoiler:

Code:: <br>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
      <h{catrow.cathead.LEVEL} class="hierarchy">
         <span class="cattitle">
            <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
         </span>
      </h{catrow.cathead.LEVEL}>
   </td>
   <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   </td>
   <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
         </span>
      </h{catrow.forumrow.LEVEL}>
      <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall"><br><div align="center" class="sizepx">Contient <b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets.</div><br />
         <center class="sizepx_sf">
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center><br>
      </span>
   </td>
   
   <td class="row3 over" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
   </td>
   
   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
   
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

overall_footer

Spoiler:

Code:: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
<tr>
   <td>
      <div>
         <div>
            <table>
               <tbody>
                  <tr>
                     <td>

                     <td valign="top" width="{C3SIZE}">
                     <div id="{ID_RIGHT}">
                        
                        {giefmod_index2.MODVAR}
                        
                        <div style="height: {SPACE_ROW}px"></div>
                        
                        
                     </div>
                     </td>
                  </tr>
               </tbody>
            </table>
         </div>
      </div>
      
      <div id="page-footer">
         <div align="center">
            <div class="gen">
               <strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT}
               
                 | <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a>
               
               
                 | <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a>
               
               
                 | <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a>
               
               {U_ABUSE} {U_BLOG}
            </div>
         </div>
      </div>
      {PROTECT_FOOTER}
   </td>
</tr>
</table>

<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
try{
var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}");
pageTracker._trackPageview();
} catch(err) { }
//]]>
</script>

</body>
</html>

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #FFFFFF;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i62.servimg.com/u/f62/12/22/64/81/ouvrir10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Overall_header_new, donné plus haut.

viewforum_body

Spoiler:

Code:: {BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td align="left" valign="middle" width="50">
      
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
      
   </td>
   <td class="nav" valign="middle" width="100%"><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></td>
   <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
      <span class="nav">
         <script type="text/javascript">
         //<![CDATA[
            insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </span>
   </td>
</tr>
</table>
{TOPICS_LIST_BOX}
<div id="info_open" style="display:''">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
   </tr>
   <tr>
      <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
   </tr>
   <tr>
      <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td>
      <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td>
   </tr>
   <tr>
      <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
      <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
   </tr>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td class="nav" valign="middle" width="100%"><div class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td>
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>
</div>

<div id="info_close" style="display:none">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
   </tr>
   <tr>
      <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
   </tr>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>
</div>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>

      <td align="left" valign="middle" width="50">
         
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         
      </td>
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

</tr>

<tr>
<td colspan="2">
<table border="0" align="center">
<tr>
<td align="center" valign="middle"><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /><br>
<span class="gensmall">{L_FOLDER_NEW_IMG}</span></td>
<td align="center" valign="middle"><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /><br>
<span class="gensmall">{L_FOLDER_IMG}</span><br /> </td>
<td align="center" valign="middle"><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /><br>
<span class="gensmall">Topic Verrouillé</span></td>
</tr>
</table>
<table width="300" border="0" align="center">
<tr>
<td align="center" valign="middle" ><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /><br>
<span class="gensmall">{L_FOLDER_STICKY_IMG}</span></td>
<td align="center" valign="middle" ><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /><br>
<span class="gensmall"> {L_FOLDER_ANNOUNCE_IMG}</span></td>
</tr>
</table>
<br></td>
</tr>

</table>
   </form>

et enfin viewtopic_body

Spoiler:

Code:: <script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
   if ($('#at15s').css('display') == 'block') {
      addthis_close();
      addthis_close();
   }
});
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
   <td align="left" valign="middle" nowrap="nowrap">
      <span class="nav">
      
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
      
      
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
      
      </span>
   </td>
   <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
   <td align="right" valign="bottom" nowrap="nowrap" width="100%">
      <span class="gensmall bold">
         <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
           |
         <script type="text/javascript">
         //<![CDATA[
         insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </span>
   </td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr align="right">
   <td class="catHead" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="9%" class="noprint"> </td>
            <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> {TOPIC_TITLE}</h1></td>
            <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
         </tr>
      </table>
   </td>
</tr>

<tr>
   <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

{POLL_DISPLAY}
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>


<tr class="post">
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_AVATAR}<div align="center"><strong>{postrow.displayed.POSTER_NAME}</strong></div></strong></span>
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}<br /><br />

{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</span> <br />
      <img src="http://2img.net/i/_.gif" alt="" style="width:150px;height:1px" />
   </td>
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
            <td valign="top" nowrap="nowrap" class="post-options">
               {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
            </td>
         </tr>
         <tr>
            <td colspan="2" class="hr">
               <hr />
            </td>
         </tr>
         <tr>
            <td colspan="2">
               
               <div class="vote gensmall">
                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                  

                  
                  <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                     
                     <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                     

                     
                     <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                     
                  </div>
                  

                  
                  <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                  

                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                  
               </div>
               

               <div class="postbody">

                  <div>{postrow.displayed.MESSAGE}</div>

                  
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd>
                        
                        <dl class="file">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                              
                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                              

                              
                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                              
                           </dt>

                           
                           <dd>
                              <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                           </dd>
                           

                           
                           <dd>
                              <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                           </dd>
                           

                           <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                        </dl>
                        
                     </dd>
                  </dl>
                  

                  <div class="clear"></div>
                  <center><br><div class="signature_div">
{postrow.displayed.SIGNATURE}
</div></center>

               </div>
               <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
            </td>
         </tr>
      </table>
   </td>
</tr>
<tr>
   <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
      <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
   </td>
   <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
      <table border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="middle">
               {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
            </td>
         </tr>
      </table>
   </td>
</tr>

</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>



<tr>
   <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
   <td class="row1" colspan="3" height="28">
      <span class="genmed">{no_post.L_NO_POST}</span>
   </td>
</tr>

<tr align="right">
   <td class="catBottom" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="9%" class="noprint"> </td>
            <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
            <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
         </tr>
      </table>
   </td>
</tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
   
   <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
   
</tr>


<tr>
   <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


<tr>
   <td class="row2" colspan="2" align="center" style="padding:0px">
      
      <a name="quickreply"></a>
      {QUICK_REPLY_FORM}<br />
      
   </td>
</tr>
<tr>
   <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
         <tbody>
   
   <tr>
      <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
      <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
   </tr>
   
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
               
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               
            </tr>
         </table>
      </td>
   </tr>
</tbody>
      </table>
   </td>
</tr>
<tr>
   <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
         <tbody>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</tbody>
      </table>
   </td>
</tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
      <span class="nav">
         
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
         
         
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         
      </span>
   </td>
   
   <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
   
   
   <td align="center">
      <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
   </td>
   <td align="center" width="250">
      <span class="gensmall"> </span>
   </td>
   
</tr>
</table>
</form>


<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
      <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
         <input type="hidden" name="t" value="{TOPIC_ID}" />
         <input type="hidden" name="sid" value="{S_SID}" />
         <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
      </form>
   </td>
</tr>
</table>



<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>


<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js"></script>

Désolé du double-post, mais le message est trop long avec le fichier CSS et n'est pas envoyer :

Le CSS de mon forum :

Spoiler:

Code:: a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on dÃfinit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par dÃfaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriÃtÃ white-space pour qu'il n'y ait pas de retour Ã la ligne non-dÃsirÃ */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a { text-decoration: none; }

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #couleur;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
a:hover {
font-variant: small-caps;
}
a { text-decoration: none; }

div.background
{
width:500px;
height:250px;
border:2px solid black;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
-webkit-border-radius: 10px;
border-radius: 10px;
}

u {
text-decoration: none;
border-bottom: 1px #fc0000 solid;
border-top: 1px #fc0000 solid;
}

tr.post td {padding-left: 17px;}

tr.post span.gensmall { display: none; }

.statistiques{
border:0px;
background-image: url("LIEN IMAGE DU HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.bodyline { background-image: url("http://ddata.over-blog.com/xxxyyy/1/90/75/50/scrapbooking/beige-est.jpg"); }

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 2px solid #000000;
}

.cellule {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.cellule2 {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.formu {
font-family: Arial, serif;
font-size: 13px;
text-align: justify;
padding: 10px;
}

.formu_texte {
font-weight: bold;
text-decoration: underline;
}

.reponse {
font-family: arial, serif;
font-size: 12px;
}

a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 5px; /* on positionne notre infobulle */
left: 15px;

background: #ebebeb; /* arrière-plan de l'infobulle */

color: black; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}

.contexte_bjs{
overflow: auto;
}

.contexte_bjs{
height: 150px;
text-align: justify;
font-family: Arial, serif;
font-size: 1.1em;

}

.body
{margin-top: 0px;
margin-bottom: 0px;}

textarea, .textarea.post, input.post {
-moz-border-radius: 7px;
}
.bodyline {
-moz-border-radius: 7px;
}

.forumline {
background-color: #fcf6d2;
-moz-border-radius: 7px;
border: 0.1px solid #f8ea94;
}

.johian a {
font-style: italic;
font-style: bold;
}

.sizepx {
font-size: 1.1em;
color: #f4806a;
}

.postdetails.poster-profile a img
{
border: 1px solid #000000;
}

.sizepx_sf {

font-size: 1.8em;
}

/* FICHE */
.soulignage{
border-bottom: 2px solid black; /* la barre noir en dessous du nom & des infos */
}

.infoss{
word-spacing:10px; /* espace entre les mots pour les infos */
}

.boxcontenu {
overflow:auto;
height:360px; /* taille de la "box" */
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:8px;
text-align:justify;
line-height:14px;
font-size:12pt;
border: 1px dotted black; /* encadrement de la "box" */
}

a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on dÃfinit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par dÃfaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriÃtÃ white-space pour qu'il n'y ait pas de retour Ã la ligne non-dÃsirÃ */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a { text-decoration: none; }

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #couleur;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
a:hover {
font-variant: small-caps;
}
a { text-decoration: none; }

div.background
{
width:500px;
height:250px;
border:2px solid black;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
-webkit-border-radius: 10px;
border-radius: 10px;
}

u {
text-decoration: none;
border-bottom: 1px #fc0000 solid;
border-top: 1px #fc0000 solid;
}

tr.post td {padding-left: 17px;}

tr.post span.gensmall { display: none; }

.limitation-signature img {
max-width: 717px;
max-height: 217px;

_width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 717 ) : true);
_height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 217 ) : true);
}

.statistiques{
border:0px;
background-image: url("http://i64.servimg.com/u/f64/14/64/81/47/youkos11.gif");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.bodyline { background-image: url("http://ddata.over-blog.com/xxxyyy/1/90/75/50/scrapbooking/beige-est.jpg"); }

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 2px solid #000000;
}

.cellule {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.cellule2 {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.formu {
font-family: Arial, serif;
font-size: 13px;
text-align: justify;
padding: 10px;
}

.formu_texte {
font-weight: bold;
text-decoration: underline;
}

.reponse {
font-family: arial, serif;
font-size: 12px;
}

.titre {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_10.jpg');
background-repeat: repeat;
border: 1px solid #000000;
text-align: center;
}

.contenu {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_11.jpg');
background-repeat: repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: justify;
padding: 5px;
}

.contenu_bienvenue {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_11.jpg');
background-repeat: repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: justify;
font-size: 1.3em;
padding: 5px;
}

div.imginfo { /* INFOBULLES */
position: relative;
text-decoration: none;
}

div.imginfo span {
display: none; /* on masque l'infobulle */
}

div.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}

div.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ebebeb;
color: #000000;
padding: 3px;
border: 1px dotted #000000;
}

#menu_pa {list-style-type:none;list-style-position:inside;}

#menu_pa li a
{
display: block;
width:120px;
font-family : arial;
color: #625048;
position:relative;
right:20px;
font-size:9px;
background-color: #CFCFCF;
text-align:center;
border-right-width: 6px;
border-left-width: 6px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#menu_pa a:hover
{
color: #FFF;
border-left: 6px solid #C30010;
border-right: 6px solid #C30010;
}

#menu_pa {list-style-type:none;list-style-position:inside;}

#menu_pa li a
{
display: block;
width:120px;
font-family : arial;
color: #625048;
position:relative;
right:16px;
font-size:9px;
background-color: #CFCFCF;
text-align:center;
border-right-width: 6px;
border-left-width: 6px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#menu_pa a:hover
{
color: #FFF;
border-left: 6px solid #C30010;
border-right: 6px solid #C30010;
}

/* _____________________

PAGE D'ACCUEIL
______________________ */

#pa
{
background:url('http://2img.net/i/fa/subsilver/empty.gif') center center no-repeat;
width:905px;
height:370px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

#content_pa
{
width:793px;
height:370px;
margin:auto;
border-collapse:collapse;
vertical-align:top;
}

#content_pa td
{
vertical-align:top;
}

.part_pa
{
height:152px;
width:176px;
padding:8px;
font-family:arial, tahoma;
font-size:9px;
line-height:10px;
color:#4a3f3f;
text-align:center;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 1px 1px 1px #484848;
-webkit-box-shadow: 1px 1px 1px #484848;
margin:auto;
background-color: #FFCCCD;
}

#pa img.arrondi
{
margin:0px;
position:relative;
top:4px;
}

/* _____________________

PV
______________________ */

.fullsample
{
width: 159px;
border-radius: 10px;
-moz-border-radius: 10px;
background-color: #AA0000;
padding: 5px;
color:white;
font-family:arial black;
font-weight:bold;
font-size:12px;
}

.fullsample em
{
font-style: normal;
color: #535353;
}

.fullsample2
{
width: 255px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #E1E1E1;
padding: 5px;
}

.fullsample2bis
{
width: 210px;
border-radius: 10px;
-moz-border-radius: 10px;
background-color: #FFFFFF;
padding: 35px;
text-align:left;
padding-bottom:25px;
font-size:12px;
font-family:tahoma;
padding-right:25px;
}

.fullsample3
{
width: 204px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #C9C9C9;
padding: 5px;
}

.fullsample4
{
width: 159px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #626262;
padding: 5px;
}

.fullsample5
{
width: 550px;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
background-color: #626262;
padding: 5px;
}

.fullsample6
{
width: 298px;
height:405px;
-moz-border-radius-bottomleft: 11px;
border-left: 4px #626262 solid;
border-bottom: 4px #626262 solid;
background-color: silver;
padding: 5px;
}

.fullsample7
{
width: 228px;
height:405px;
-moz-border-radius-bottomright: 11px;
border-right: 4px #626262 solid;
border-bottom: 4px #626262 solid;
background-color: silver;
padding: 5px;
}

.pv_nom
{
color:#BF0000;
font-family:arial;
font-size:24px;
text-align:right;
}

.pv_story
{
width:200px;
height:100px;
margin:auto;
overflow:auto;
/*font-size:11px;*/
line-height:15px;
padding-right:3px;
text-align:justify;
font-family:tahoma;
margin-bottom:15px;
}

a.mainmenu {
border-left: 5px dotted #f89d94;
border-right: 5px dotted #f89d94;
padding-right: 15px;
-moz-border-radius:10px;
text-decoration: none;
}

.bodyline{
-moz-border-radius:20px;
border: 10px solid #f89d94;
}

.bodylinewidth {
margin-top:377px;
}

body
{
background-image:http://i60.servimg.com/u/f60/15/30/40/57/12198610.gif;
background-repeat:no-repeat;
margin-bottom: 1px;
background-position: top center;

}

#page-body {
padding-top: 35px;
}

Et le lien du forum pour que je puisse m'aider ?

Merci Smile

Ah oui pardon, léger oublie XD

Le lien : http://boring-japan-school.forumactif.com/

Voilou Razz

Bonjour,

je crois avoir trouver la source du problème. Je ne pense pas que ce soit un soucis de template modifié.

En tant que bannière, j'ai mis une image en fond du forum, centrer en haut et sans répétition. Du coup, j'ai enlevé le lien de la bannière, qui met par défaut un lien vers une image vide.

Mon cadre de forum à une certaine marge par rapport au haut pour faire afficher ma bannière en fond, d'où l'espace.

Pour vérifier, j'ai mis une image dans le champ à remplir pour la bannière, celle-ci comble parfaitement le trou.

Et maintenant que je sais d'où ça vient, ba, l'image je la veut pas là Razz

Alors si il y avait un moyen de l'enlever, ce serais super Smile

Merci d'avance !

Petite édit : J'ai remarqué un autre problème sur mon forum (désolé de vous donner plus de travail...). En fait, j'ai mis ma largeur de forum assez basse, à 55%, mais la largeur se met à 80, enfin sous firefox, car sur IE ça marche bien.
Depuis hier j'ai modifié mon CSS (aucun template), et je me suis dis que ça venait peut être de là. Mais n'étant pas très douée, je ne trouve pas le problème, voici ma feuille de CSS actuelle :

Spoiler:

Code:: a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on dÃfinit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par dÃfaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriÃtÃ white-space pour qu'il n'y ait pas de retour Ã la ligne non-dÃsirÃ */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a { text-decoration: none; }

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #couleur;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
a:hover {
font-variant: small-caps;
}
a { text-decoration: none; }

div.background
{
width:500px;
height:250px;
border:2px solid black;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
-webkit-border-radius: 10px;
border-radius: 10px;
}

u {
text-decoration: none;
border-bottom: 1px #fc0000 solid;
border-top: 1px #fc0000 solid;
}

tr.post td {padding-left: 17px;}

tr.post span.gensmall { display: none; }

.statistiques{
border:0px;
background-image: url("LIEN IMAGE DU HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 2px solid #000000;
}

.cellule {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.cellule2 {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.formu {
font-family: Arial, serif;
font-size: 13px;
text-align: justify;
padding: 10px;
}

.formu_texte {
font-weight: bold;
text-decoration: underline;
}

.reponse {
font-family: arial, serif;
font-size: 12px;
}

a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 5px; /* on positionne notre infobulle */
left: 15px;

background: #ebebeb; /* arrière-plan de l'infobulle */

color: black; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}

.contexte_bjs{
overflow: auto;
}

.contexte_bjs{
height: 150px;
text-align: justify;
font-family: Arial, serif;
font-size: 1.1em;

}

.body
{margin-top: 0px;
margin-bottom: 0px;}

textarea, .textarea.post, input.post {
-moz-border-radius: 7px;
}
.bodyline {
-moz-border-radius: 7px;
}

.forumline {
background-color: #fcf6d2;
-moz-border-radius: 7px;
border: 0.1px solid #f8ea94;
}

.johian a {
font-style: italic;
font-style: bold;
}

.sizepx {
font-size: 1.1em;
color: #f4806a;
}

.postdetails.poster-profile a img
{
border: 1px solid #000000;
}

.sizepx_sf {

font-size: 1.8em;
}

/* FICHE */
.soulignage{
border-bottom: 2px solid black; /* la barre noir en dessous du nom & des infos */
}

.infoss{
word-spacing:10px; /* espace entre les mots pour les infos */
}

.boxcontenu {
overflow:auto;
height:360px; /* taille de la "box" */
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:8px;
text-align:justify;
line-height:14px;
font-size:12pt;
border: 1px dotted black; /* encadrement de la "box" */
}

a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on dÃfinit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par dÃfaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriÃtÃ white-space pour qu'il n'y ait pas de retour Ã la ligne non-dÃsirÃ */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a { text-decoration: none; }

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #couleur;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
a:hover {
font-variant: small-caps;
}
a { text-decoration: none; }

div.background
{
width:500px;
height:250px;
border:2px solid black;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
-webkit-border-radius: 10px;
border-radius: 10px;
}

u {
text-decoration: none;
border-bottom: 1px #fc0000 solid;
border-top: 1px #fc0000 solid;
}

tr.post td {padding-left: 17px;}

tr.post span.gensmall { display: none; }

.limitation-signature img {
max-width: 750px;
max-height: 250px;

_width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 717 ) : true);
_height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 217 ) : true);
}

.statistiques{
border:0px;
background-image: url("lien de l'image");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 2px solid #000000;
}

.cellule {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.cellule2 {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.formu {
font-family: Arial, serif;
font-size: 13px;
text-align: justify;
padding: 10px;
}

.formu_texte {
font-weight: bold;
text-decoration: underline;
}

.reponse {
font-family: arial, serif;
font-size: 12px;
}

.titre {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_10.jpg');
background-repeat: repeat;
border: 1px solid #000000;
text-align: center;
}

.contenu {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_11.jpg');
background-repeat: repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: justify;
padding: 5px;
}

.contenu_bienvenue {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_11.jpg');
background-repeat: repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: justify;
font-size: 1.3em;
padding: 5px;
}

div.imginfo { /* INFOBULLES */
position: relative;
text-decoration: none;
}

div.imginfo span {
display: none; /* on masque l'infobulle */
}

div.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}

div.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ebebeb;
color: #000000;
padding: 3px;
border: 1px dotted #000000;
}

#menu_pa {list-style-type:none;list-style-position:inside;}

#menu_pa li a
{
display: block;
width:120px;
font-family : arial;
color: #625048;
position:relative;
right:20px;
font-size:9px;
background-color: #CFCFCF;
text-align:center;
border-right-width: 6px;
border-left-width: 6px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#menu_pa a:hover
{
color: #FFF;
border-left: 6px solid #C30010;
border-right: 6px solid #C30010;
}

#menu_pa {list-style-type:none;list-style-position:inside;}

#menu_pa li a
{
display: block;
width:120px;
font-family : arial;
color: #625048;
position:relative;
right:16px;
font-size:9px;
background-color: #CFCFCF;
text-align:center;
border-right-width: 6px;
border-left-width: 6px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#menu_pa a:hover
{
color: #FFF;
border-left: 6px solid #C30010;
border-right: 6px solid #C30010;
}

/* _____________________

PAGE D'ACCUEIL
______________________ */

#pa
{
background:url('http://2img.net/i/fa/subsilver/empty.gif') center center no-repeat;
width:905px;
height:370px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

#content_pa
{
width:793px;
height:370px;
margin:auto;
border-collapse:collapse;
vertical-align:top;
}

#content_pa td
{
vertical-align:top;
}

.part_pa
{
height:152px;
width:176px;
padding:8px;
font-family:arial, tahoma;
font-size:9px;
line-height:10px;
color:#4a3f3f;
text-align:center;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 1px 1px 1px #484848;
-webkit-box-shadow: 1px 1px 1px #484848;
margin:auto;
background-color: #FFCCCD;
}

#pa img.arrondi
{
margin:0px;
position:relative;
top:4px;
}

/* _____________________

PV
______________________ */

.fullsample
{
width: 159px;
border-radius: 10px;
-moz-border-radius: 10px;
background-color: #AA0000;
padding: 5px;
color:white;
font-family:arial black;
font-weight:bold;
font-size:12px;
}

.fullsample em
{
font-style: normal;
color: #535353;
}

.fullsample2
{
width: 255px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #E1E1E1;
padding: 5px;
}

.fullsample2bis
{
width: 210px;
border-radius: 10px;
-moz-border-radius: 10px;
background-color: #FFFFFF;
padding: 35px;
text-align:left;
padding-bottom:25px;
font-size:12px;
font-family:tahoma;
padding-right:25px;
}

.fullsample3
{
width: 204px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #C9C9C9;
padding: 5px;
}

.fullsample4
{
width: 159px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #626262;
padding: 5px;
}

.fullsample5
{
width: 550px;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
background-color: #626262;
padding: 5px;
}

.fullsample6
{
width: 298px;
height:405px;
-moz-border-radius-bottomleft: 11px;
border-left: 4px #626262 solid;
border-bottom: 4px #626262 solid;
background-color: silver;
padding: 5px;
}

.fullsample7
{
width: 228px;
height:405px;
-moz-border-radius-bottomright: 11px;
border-right: 4px #626262 solid;
border-bottom: 4px #626262 solid;
background-color: silver;
padding: 5px;
}

.pv_nom
{
color:#BF0000;
font-family:arial;
font-size:24px;
text-align:right;
}

.pv_story
{
width:200px;
height:100px;
margin:auto;
overflow:auto;
/*font-size:11px;*/
line-height:15px;
padding-right:3px;
text-align:justify;
font-family:tahoma;
margin-bottom:15px;
}

a.mainmenu {
border-left: 5px dotted #f89d94;
border-right: 5px dotted #f89d94;
padding-right: 15px;
-moz-border-radius:10px;
text-decoration: none;
}

.bodyline{
-moz-border-radius:17px;
border: 12px solid #666ba2;
}

.bodylinewidth {
margin-top: 567px;
}

body
{
background-image: url("http://images3.photomania.com/343289/1/rad4E952.jpg");
background-repeat:no-repeat;
margin-bottom: 1px;
background-position: top center;

}

#page-body {
padding-top: 35px;
}

.post_mess {
font-size: 1.1em;
color: blue;
font-weight: bold;
}

.forumlink {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #87a1d6;
border: 2px solid #446dac;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 1px;
}

.trait_point_titre {
border-bottom: dotted 4px #446dac;
}

/* Lien normal des topics */

a.topictitle{
text-decoration: overline;
font-variant: small-caps;
color : #3221b4;
font-size: 1.1em;
font-face: georgia, "comic sans ms", arial, serif;
font-weight: bold;
}

/* Lien visité des topics */

a.topictitle:visited {
text-decoration: overline;
font-variant: small-caps;
color : #4c4294;
font-size: 1.1em;
font-face: georgia, "comic sans ms", arial, serif; }

/* Lien survolé des topics */

a.topictitle:hover{
text-decoration: overline;
font-variant: normal;
color : #2c3671;
font-size: 1.2em;
font-face: georgia, "comic sans ms", aria, serif;
letter-spacing : 1px;
font-weight: italic;
}

a:before { content: "~ "; }
a:after { content: " ~"; }

a:hover:before { content: " "; }
a:hover:after { content: " "; }

body {
border-style: dotted;
border-color: #446dac;
}

i {
color: #cfd7d3;
}

a.mainmenu {
margin-left : 4px;
margin-right : 4px;
font-family : impact, arial, serif;
letter-spacing: 1px;
color: #1903ff;
border-top: 2px solid #f89d94;
border-bottom: 2px solid #f89d94;
}

a:hover.mainmenu {
color: #1903ff;
border-top: 2px solid #f89d94;
border-bottom: 2px solid #f89d94;
letter-spacing: 2px;
}

Je re édit pour dire ceci :

Je voulais juste prévenir que je viens de savoir que les invités (donc membres non connectés) peuvent voir le forum dans sa bonne largeur, celle que j'ai entrée. Par contre, connectée, la largeur se remet à 80 au lieu de 55, c'est gênant. Et ça ne me le fait pas qu'à moi, mais à aussi mes deux co-fondatrice, dont l'une d'elle à aussi essayé avec son double-compte.

Le problème ne survient seulement si on est pas connecté. C'est pas une question de navigateur tel firefox, non, IE me fait la même chose quand je me connecte, et je viens seulement de m'en rendre compte.

Je sais que le sujet est normalement ouvert pour l'espace entre le bord de mon forum et la barre de navigation. Mais la largeur du forum lors de la connexion est vraiment gênante, alors bon... =/ Promis j'embête plus avec mes soucis après XD

Bonsoir,

Pour ton template, essayes ceci :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
   
      pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      pm.focus();
   
   
      report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
      report.focus();
   
   
      ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
   
});


   var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;

//]]>
</script>

{GREETING_POPUP}

<style type="text/css">
#hitskin_preview {
   margin: 0; padding: 0;
   position: fixed;
   top: 0; left: 0;
   width: 100%;
   height: 65px;
   background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
   color: #fff;
}
* html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
   position: absolute;
   top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
   z-index: 2;
   background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}
* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
background: #fff url(foo) fixed;
}
#hitskin_preview h1 {
   float: left;
   margin: 3px 0 0 0;
   padding: 0 0 0 10px;
   font: italic normal 25px Arial,sans serif;
   color: #fff;
}
#hitskin_preview h1 img {
   vertical-align: middle;
}
#hitskin_preview em {
   color: #7CBA2C;
   font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}

#hitskin_preview .content {
   text-align: right;
}
#hitskin_preview .content p {
   margin: 4px 1em 0px 1em;
   font-size: 13px;
   line-height: 1.8em;
   color: #fff;
   font-weight: bold;
}
#hitskin_preview .content p span {
   font-weight: normal;
   font-size: 0.8em;
}
body {
   margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
</style>

<script type="text/javascript" src="http://files.o-side.com/upload/CSSActif/fa-var.js"></script>
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<div id="hitskin_preview" style="display: block;">
   <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}


         <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>



<div id="login_popup">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}" />
                  <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>


<a name="top"></a>
{JAVAscript}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               <td align="center" width="100%" valign="middle">
                  <div class="maintitle">{MAIN_SITENAME}</div>


                  <span class="gen">{SITE_DEscriptION}
</span>
               </td>
               

               
               <td align="center" width="100%" valign="middle">
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>

                  <div class="maintitle">{MAIN_SITENAME}</div>


                  <span class="gen">{SITE_DEscriptION}</span>
               </td>
               

               
               <td align="center" width="100%" valign="middle">
                  <div class="maintitle">{MAIN_SITENAME}</div>


                  <span class="gen">{SITE_DEscriptION}
  </span>
               </td>
               <td>
                  <a href="{U_INDEX}"></a>
               </td>
               
            </tr>
         </table>

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td><br><br>
</tr>
</table>

         <div style="clear: both;"></div>

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td {CLASS_TABLE_TYPE} align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                     <tr>
                        <td valign="top" width="{C1SIZE}">
                           <div id="{ID_LEFT}">
                              
                              {giefmod_index1.MODVAR}
                                 
                                 <div style="height:{SPACE_ROW}px"></div>
                                 
                              
                           </div>
                        </td>
                        <td valign="top" width="100%">

                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>

Et pour le CSS, je ne suis pas sur mais essayes ceci :

Code:: a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on dÃfinit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par dÃfaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriÃtÃ white-space pour qu'il n'y ait pas de retour Ã la ligne non-dÃsirÃ */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a { text-decoration: none; }

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #couleur;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
a:hover {
font-variant: small-caps;
}
a { text-decoration: none; }

div.background
{
width:500px;
height:250px;
border:2px solid black;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
-webkit-border-radius: 10px;
border-radius: 10px;
}

u {
text-decoration: none;
border-bottom: 1px #fc0000 solid;
border-top: 1px #fc0000 solid;
}

tr.post td {padding-left: 17px;}

tr.post span.gensmall { display: none; }

.statistiques{
border:0px;
background-image: url("LIEN IMAGE DU HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 2px solid #000000;
}

.cellule {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.cellule2 {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.formu {
font-family: Arial, serif;
font-size: 13px;
text-align: justify;
padding: 10px;
}

.formu_texte {
font-weight: bold;
text-decoration: underline;
}

.reponse {
font-family: arial, serif;
font-size: 12px;
}

a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 5px; /* on positionne notre infobulle */
left: 15px;

background: #ebebeb; /* arrière-plan de l'infobulle */

color: black; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}

.contexte_bjs{
overflow: auto;
}

.contexte_bjs{
height: 150px;
text-align: justify;
font-family: Arial, serif;
font-size: 1.1em;

}

.body
{margin-top: 0px;
margin-bottom: 0px;
width: 55%!important;
}

textarea, .textarea.post, input.post {
-moz-border-radius: 7px;
}
.bodyline {
-moz-border-radius: 7px;
}

.forumline {
background-color: #fcf6d2;
-moz-border-radius: 7px;
border: 0.1px solid #f8ea94;
}

.johian a {
font-style: italic;
font-style: bold;
}

.sizepx {
font-size: 1.1em;
color: #f4806a;
}

.postdetails.poster-profile a img
{
border: 1px solid #000000;
}

.sizepx_sf {

font-size: 1.8em;
}

/* FICHE */
.soulignage{
border-bottom: 2px solid black; /* la barre noir en dessous du nom & des infos */
}

.infoss{
word-spacing:10px; /* espace entre les mots pour les infos */
}

.boxcontenu {
overflow:auto;
height:360px; /* taille de la "box" */
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:8px;
text-align:justify;
line-height:14px;
font-size:12pt;
border: 1px dotted black; /* encadrement de la "box" */
}

a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on dÃfinit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par dÃfaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriÃtÃ white-space pour qu'il n'y ait pas de retour Ã la ligne non-dÃsirÃ */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a { text-decoration: none; }

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #couleur;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
a:hover {
font-variant: small-caps;
}
a { text-decoration: none; }

div.background
{
width:500px;
height:250px;
border:2px solid black;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
-webkit-border-radius: 10px;
border-radius: 10px;
}

u {
text-decoration: none;
border-bottom: 1px #fc0000 solid;
border-top: 1px #fc0000 solid;
}

tr.post td {padding-left: 17px;}

tr.post span.gensmall { display: none; }

.limitation-signature img {
max-width: 750px;
max-height: 250px;

_width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 717 ) : true);
_height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 217 ) : true);
}

.statistiques{
border:0px;
background-image: url("lien de l'image");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 2px solid #000000;
}

.cellule {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.cellule2 {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.formu {
font-family: Arial, serif;
font-size: 13px;
text-align: justify;
padding: 10px;
}

.formu_texte {
font-weight: bold;
text-decoration: underline;
}

.reponse {
font-family: arial, serif;
font-size: 12px;
}

.titre {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_10.jpg');
background-repeat: repeat;
border: 1px solid #000000;
text-align: center;
}

.contenu {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_11.jpg');
background-repeat: repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: justify;
padding: 5px;
}

.contenu_bienvenue {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_11.jpg');
background-repeat: repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: justify;
font-size: 1.3em;
padding: 5px;
}

div.imginfo { /* INFOBULLES */
position: relative;
text-decoration: none;
}

div.imginfo span {
display: none; /* on masque l'infobulle */
}

div.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}

div.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ebebeb;
color: #000000;
padding: 3px;
border: 1px dotted #000000;
}

#menu_pa {list-style-type:none;list-style-position:inside;}

#menu_pa li a
{
display: block;
width:120px;
font-family : arial;
color: #625048;
position:relative;
right:20px;
font-size:9px;
background-color: #CFCFCF;
text-align:center;
border-right-width: 6px;
border-left-width: 6px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#menu_pa a:hover
{
color: #FFF;
border-left: 6px solid #C30010;
border-right: 6px solid #C30010;
}

#menu_pa {list-style-type:none;list-style-position:inside;}

#menu_pa li a
{
display: block;
width:120px;
font-family : arial;
color: #625048;
position:relative;
right:16px;
font-size:9px;
background-color: #CFCFCF;
text-align:center;
border-right-width: 6px;
border-left-width: 6px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#menu_pa a:hover
{
color: #FFF;
border-left: 6px solid #C30010;
border-right: 6px solid #C30010;
}

/* _____________________

PAGE D'ACCUEIL
______________________ */

#pa
{
background:url('http://2img.net/i/fa/subsilver/empty.gif') center center no-repeat;
width:905px;
height:370px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

#content_pa
{
width:793px;
height:370px;
margin:auto;
border-collapse:collapse;
vertical-align:top;
}

#content_pa td
{
vertical-align:top;
}

.part_pa
{
height:152px;
width:176px;
padding:8px;
font-family:arial, tahoma;
font-size:9px;
line-height:10px;
color:#4a3f3f;
text-align:center;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 1px 1px 1px #484848;
-webkit-box-shadow: 1px 1px 1px #484848;
margin:auto;
background-color: #FFCCCD;
}

#pa img.arrondi
{
margin:0px;
position:relative;
top:4px;
}

/* _____________________

PV
______________________ */

.fullsample
{
width: 159px;
border-radius: 10px;
-moz-border-radius: 10px;
background-color: #AA0000;
padding: 5px;
color:white;
font-family:arial black;
font-weight:bold;
font-size:12px;
}

.fullsample em
{
font-style: normal;
color: #535353;
}

.fullsample2
{
width: 255px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #E1E1E1;
padding: 5px;
}

.fullsample2bis
{
width: 210px;
border-radius: 10px;
-moz-border-radius: 10px;
background-color: #FFFFFF;
padding: 35px;
text-align:left;
padding-bottom:25px;
font-size:12px;
font-family:tahoma;
padding-right:25px;
}

.fullsample3
{
width: 204px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #C9C9C9;
padding: 5px;
}

.fullsample4
{
width: 159px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #626262;
padding: 5px;
}

.fullsample5
{
width: 550px;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
background-color: #626262;
padding: 5px;
}

.fullsample6
{
width: 298px;
height:405px;
-moz-border-radius-bottomleft: 11px;
border-left: 4px #626262 solid;
border-bottom: 4px #626262 solid;
background-color: silver;
padding: 5px;
}

.fullsample7
{
width: 228px;
height:405px;
-moz-border-radius-bottomright: 11px;
border-right: 4px #626262 solid;
border-bottom: 4px #626262 solid;
background-color: silver;
padding: 5px;
}

.pv_nom
{
color:#BF0000;
font-family:arial;
font-size:24px;
text-align:right;
}

.pv_story
{
width:200px;
height:100px;
margin:auto;
overflow:auto;
/*font-size:11px;*/
line-height:15px;
padding-right:3px;
text-align:justify;
font-family:tahoma;
margin-bottom:15px;
}

a.mainmenu {
border-left: 5px dotted #f89d94;
border-right: 5px dotted #f89d94;
padding-right: 15px;
-moz-border-radius:10px;
text-decoration: none;
}

.bodyline{
-moz-border-radius:17px;
border: 12px solid #666ba2;
}

.bodylinewidth {
margin-top: 567px;
}

body
{
background-image: url("http://images3.photomania.com/343289/1/rad4E952.jpg");
background-repeat:no-repeat;
margin-bottom: 1px;
background-position: top center;

}

#page-body {
padding-top: 35px;
}

.post_mess {
font-size: 1.1em;
color: blue;
font-weight: bold;
}

.forumlink {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #87a1d6;
border: 2px solid #446dac;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 1px;
}

.trait_point_titre {
border-bottom: dotted 4px #446dac;
}

/* Lien normal des topics */

a.topictitle{
text-decoration: overline;
font-variant: small-caps;
color : #3221b4;
font-size: 1.1em;
font-face: georgia, "comic sans ms", arial, serif;
font-weight: bold;
}

/* Lien visité des topics */

a.topictitle:visited {
text-decoration: overline;
font-variant: small-caps;
color : #4c4294;
font-size: 1.1em;
font-face: georgia, "comic sans ms", arial, serif; }

/* Lien survolé des topics */

a.topictitle:hover{
text-decoration: overline;
font-variant: normal;
color : #2c3671;
font-size: 1.2em;
font-face: georgia, "comic sans ms", aria, serif;
letter-spacing : 1px;
font-weight: italic;
}

a:before { content: "~ "; }
a:after { content: " ~"; }

a:hover:before { content: " "; }
a:hover:after { content: " "; }

body {
border-style: dotted;
border-color: #446dac;
}

i {
color: #cfd7d3;
}

a.mainmenu {
margin-left : 4px;
margin-right : 4px;
font-family : impact, arial, serif;
letter-spacing: 1px;
color: #1903ff;
border-top: 2px solid #f89d94;
border-bottom: 2px solid #f89d94;
}

a:hover.mainmenu {
color: #1903ff;
border-top: 2px solid #f89d94;
border-bottom: 2px solid #f89d94;
letter-spacing: 2px;
}

J'espère que tous les problèmes seront réglés Smile

Bonsoir Tech ^^

Déjà, merci pour ça et le temps qu'on m'accorde xp

Ensuite il y a moins d'espace entre la barre de navigation et le cadre du forum, c'est cool Smile

Par contre, j'ai toujours ce problème au niveau de la largeur du forum (très large lorsque je suis connectée, bonne largeur pour les invités). Je cherche encore à quoi c'est du, mais décidément, je ne trouve pas... ><

Et comme ceci ? :s

Code:: a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on dÃfinit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par dÃfaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriÃtÃ white-space pour qu'il n'y ait pas de retour Ã la ligne non-dÃsirÃ */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a { text-decoration: none; }

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #couleur;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
a:hover {
font-variant: small-caps;
}
a { text-decoration: none; }

div.background
{
width:500px;
height:250px;
border:2px solid black;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
-webkit-border-radius: 10px;
border-radius: 10px;
}

u {
text-decoration: none;
border-bottom: 1px #fc0000 solid;
border-top: 1px #fc0000 solid;
}

tr.post td {padding-left: 17px;}

tr.post span.gensmall { display: none; }

.statistiques{
border:0px;
background-image: url("LIEN IMAGE DU HAUT");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 2px solid #000000;
}

.cellule {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.cellule2 {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.formu {
font-family: Arial, serif;
font-size: 13px;
text-align: justify;
padding: 10px;
}

.formu_texte {
font-weight: bold;
text-decoration: underline;
}

.reponse {
font-family: arial, serif;
font-size: 12px;
}

a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 5px; /* on positionne notre infobulle */
left: 15px;

background: #ebebeb; /* arrière-plan de l'infobulle */

color: black; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}

.contexte_bjs{
overflow: auto;
}

.contexte_bjs{
height: 150px;
text-align: justify;
font-family: Arial, serif;
font-size: 1.1em;

}

.body
{margin-top: 0px;
margin-bottom: 0px;
width: 55%!important;
}

textarea, .textarea.post, input.post {
-moz-border-radius: 7px;
}
.bodyline {
-moz-border-radius: 7px;
width: 55%!important;
}

.bodylinewidth {
width: 55%!important;
}

.forumline {
background-color: #fcf6d2;
-moz-border-radius: 7px;
border: 0.1px solid #f8ea94;
}

.johian a {
font-style: italic;
font-style: bold;
}

.sizepx {
font-size: 1.1em;
color: #f4806a;
}

.postdetails.poster-profile a img
{
border: 1px solid #000000;
}

.sizepx_sf {

font-size: 1.8em;
}

/* FICHE */
.soulignage{
border-bottom: 2px solid black; /* la barre noir en dessous du nom & des infos */
}

.infoss{
word-spacing:10px; /* espace entre les mots pour les infos */
}

.boxcontenu {
overflow:auto;
height:360px; /* taille de la "box" */
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:8px;
text-align:justify;
line-height:14px;
font-size:12pt;
border: 1px dotted black; /* encadrement de la "box" */
}

a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on dÃfinit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par dÃfaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriÃtÃ white-space pour qu'il n'y ait pas de retour Ã la ligne non-dÃsirÃ */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a { text-decoration: none; }

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #couleur;
color: #couleur;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("url de votre image");
color: #couleur;
text-align: center;
display: block;
border-bottom: 5px solid #couleur;
-moz-border-radius:10px;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
a:hover {
font-variant: small-caps;
}
a { text-decoration: none; }

div.background
{
width:500px;
height:250px;
border:2px solid black;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox
{
width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
-webkit-border-radius: 10px;
border-radius: 10px;
}

u {
text-decoration: none;
border-bottom: 1px #fc0000 solid;
border-top: 1px #fc0000 solid;
}

tr.post td {padding-left: 17px;}

tr.post span.gensmall { display: none; }

.limitation-signature img {
max-width: 750px;
max-height: 250px;

_width: expression((this.offsetWidth>=this.offsetHeight) ? Math.min(parseInt(this.offsetWidth), 717 ) : true);
_height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 217 ) : true);
}

.statistiques{
border:0px;
background-image: url("lien de l'image");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
border: 2px solid #000000;
}

.cellule {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 15px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.cellule2 {
border: 1px dotted #OOOOOO;
background-color: #f9b3ef;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 10px;
}

.formu {
font-family: Arial, serif;
font-size: 13px;
text-align: justify;
padding: 10px;
}

.formu_texte {
font-weight: bold;
text-decoration: underline;
}

.reponse {
font-family: arial, serif;
font-size: 12px;
}

.titre {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_10.jpg');
background-repeat: repeat;
border: 1px solid #000000;
text-align: center;
}

.contenu {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_11.jpg');
background-repeat: repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: justify;
padding: 5px;
}

.contenu_bienvenue {
background-image: url('http://i64.servimg.com/u/f64/14/64/81/47/fond1_11.jpg');
background-repeat: repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: justify;
font-size: 1.3em;
padding: 5px;
}

div.imginfo { /* INFOBULLES */
position: relative;
text-decoration: none;
}

div.imginfo span {
display: none; /* on masque l'infobulle */
}

div.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}

div.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ebebeb;
color: #000000;
padding: 3px;
border: 1px dotted #000000;
}

#menu_pa {list-style-type:none;list-style-position:inside;}

#menu_pa li a
{
display: block;
width:120px;
font-family : arial;
color: #625048;
position:relative;
right:20px;
font-size:9px;
background-color: #CFCFCF;
text-align:center;
border-right-width: 6px;
border-left-width: 6px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#menu_pa a:hover
{
color: #FFF;
border-left: 6px solid #C30010;
border-right: 6px solid #C30010;
}

#menu_pa {list-style-type:none;list-style-position:inside;}

#menu_pa li a
{
display: block;
width:120px;
font-family : arial;
color: #625048;
position:relative;
right:16px;
font-size:9px;
background-color: #CFCFCF;
text-align:center;
border-right-width: 6px;
border-left-width: 6px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}

#menu_pa a:hover
{
color: #FFF;
border-left: 6px solid #C30010;
border-right: 6px solid #C30010;
}

/* _____________________

PAGE D'ACCUEIL
______________________ */

#pa
{
background:url('http://2img.net/i/fa/subsilver/empty.gif') center center no-repeat;
width:905px;
height:370px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

#content_pa
{
width:793px;
height:370px;
margin:auto;
border-collapse:collapse;
vertical-align:top;
}

#content_pa td
{
vertical-align:top;
}

.part_pa
{
height:152px;
width:176px;
padding:8px;
font-family:arial, tahoma;
font-size:9px;
line-height:10px;
color:#4a3f3f;
text-align:center;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow: 1px 1px 1px #484848;
-webkit-box-shadow: 1px 1px 1px #484848;
margin:auto;
background-color: #FFCCCD;
}

#pa img.arrondi
{
margin:0px;
position:relative;
top:4px;
}

/* _____________________

PV
______________________ */

.fullsample
{
width: 159px;
border-radius: 10px;
-moz-border-radius: 10px;
background-color: #AA0000;
padding: 5px;
color:white;
font-family:arial black;
font-weight:bold;
font-size:12px;
}

.fullsample em
{
font-style: normal;
color: #535353;
}

.fullsample2
{
width: 255px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #E1E1E1;
padding: 5px;
}

.fullsample2bis
{
width: 210px;
border-radius: 10px;
-moz-border-radius: 10px;
background-color: #FFFFFF;
padding: 35px;
text-align:left;
padding-bottom:25px;
font-size:12px;
font-family:tahoma;
padding-right:25px;
}

.fullsample3
{
width: 204px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #C9C9C9;
padding: 5px;
}

.fullsample4
{
width: 159px;
border-radius: 10px 10px;
-moz-border-radius: 10px;
background-color: #626262;
padding: 5px;
}

.fullsample5
{
width: 550px;
-moz-border-radius-topleft: 11px;
-moz-border-radius-topright: 11px;
background-color: #626262;
padding: 5px;
}

.fullsample6
{
width: 298px;
height:405px;
-moz-border-radius-bottomleft: 11px;
border-left: 4px #626262 solid;
border-bottom: 4px #626262 solid;
background-color: silver;
padding: 5px;
}

.fullsample7
{
width: 228px;
height:405px;
-moz-border-radius-bottomright: 11px;
border-right: 4px #626262 solid;
border-bottom: 4px #626262 solid;
background-color: silver;
padding: 5px;
}

.pv_nom
{
color:#BF0000;
font-family:arial;
font-size:24px;
text-align:right;
}

.pv_story
{
width:200px;
height:100px;
margin:auto;
overflow:auto;
/*font-size:11px;*/
line-height:15px;
padding-right:3px;
text-align:justify;
font-family:tahoma;
margin-bottom:15px;
}

a.mainmenu {
border-left: 5px dotted #f89d94;
border-right: 5px dotted #f89d94;
padding-right: 15px;
-moz-border-radius:10px;
text-decoration: none;
}

.bodyline{
-moz-border-radius:17px;
border: 12px solid #666ba2;
}

.bodylinewidth {
margin-top: 567px;
}

body
{
background-image: url("http://images3.photomania.com/343289/1/rad4E952.jpg");
background-repeat:no-repeat;
margin-bottom: 1px;
background-position: top center;

}

#page-body {
padding-top: 35px;
}

.post_mess {
font-size: 1.1em;
color: blue;
font-weight: bold;
}

.forumlink {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #87a1d6;
border: 2px solid #446dac;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 1px;
}

.trait_point_titre {
border-bottom: dotted 4px #446dac;
}

/* Lien normal des topics */

a.topictitle{
text-decoration: overline;
font-variant: small-caps;
color : #3221b4;
font-size: 1.1em;
font-face: georgia, "comic sans ms", arial, serif;
font-weight: bold;
}

/* Lien visité des topics */

a.topictitle:visited {
text-decoration: overline;
font-variant: small-caps;
color : #4c4294;
font-size: 1.1em;
font-face: georgia, "comic sans ms", arial, serif; }

/* Lien survolé des topics */

a.topictitle:hover{
text-decoration: overline;
font-variant: normal;
color : #2c3671;
font-size: 1.2em;
font-face: georgia, "comic sans ms", aria, serif;
letter-spacing : 1px;
font-weight: italic;
}

a:before { content: "~ "; }
a:after { content: " ~"; }

a:hover:before { content: " "; }
a:hover:after { content: " "; }

body {
border-style: dotted;
border-color: #446dac;
}

i {
color: #cfd7d3;
}

a.mainmenu {
margin-left : 4px;
margin-right : 4px;
font-family : impact, arial, serif;
letter-spacing: 1px;
color: #1903ff;
border-top: 2px solid #f89d94;
border-bottom: 2px solid #f89d94;
}

a:hover.mainmenu {
color: #1903ff;
border-top: 2px solid #f89d94;
border-bottom: 2px solid #f89d94;
letter-spacing: 2px;
}

Sinon, je ne vois pas.

Ah mais quelle belle idiote je fais !! >< Je me sens vraiment conne là XD

C'est la barre de navigation qui obligeait à mettre le cadre aussi grand, car il y a trois fois plus de boutons quand on est connecter que quand on ne l'est pas. Et j'ai remarqué que la case est cochée oui pour si on souhaite que la barre de navigation doit être obligatoirement sur une seule ligne ou pas. J'ai coché non et la largeur est revenue à la normal...

Désolé de t'avoir dérangé pour ce problème tout con, je ne m'y ferais plus prendre =.="

Merci en tout cas de ton aide ^^ Je met en résolu

Placement barre de navigation

Placement barre de navigation

Sujets similaires

Sujets similaires

Partenaires Or