Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent

Message par Lilynufare le Mar 26 Juil 2016 - 19:36

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 24/07/16
Lien du forum : http://haremofcorruption.various-forum.com/

Description du problème

Bonsoir Smile
Et oui...je me retourne vers vous, et j'espère que je vais résoudre ce problème une bonne fois pour toute. J'ai tout essayé, pour me débrouiller moi-même. Le profil et post de mon forum ne font pas l'effet désiré, alors que sur mes deux forums test font l'effet désiré. tout est décalé sur le forum officiel. La largeur entre les deux bordures roses est large. Il y a un gros décalage entre la bordure et le profil. Ainsi le post n'est pas centré.

J'ai transféré tous les templates de mon forum officiel, css et java sur mes forums test. Tout fonctionne comme il faut. Ce n'est pas le codage, je l'ai bien compris mais quoi...Cela concerne le forum officiel, mais je ne sais pas ce qui cloche dans le panneau admin.

Forum officiel : http://haremofcorruption.various-forum.com/t1898p25-recensement-d-ete-jusqu-au-15-aout#29545
http://haremofcorruption.various-forum.com/t13-le-modele-de-la-fiche-de-presentation-a-prendre
Il y a un gros décalage entre la bordure et le profil, et tout va sur la gauche.

Forum test http://quicklittlebastard.forumactif.pro/t8-postes-explicatifs-administratifs
Autre forum test : http://heartdark.forumactif.org/t2-ddddddddddddddddddddddddd#7

Et voici l'image avec les indications : http://oi67.tinypic.com/20s7y28.jpg

Je voudrai forcer le profil et post à être centré entre les deux bordures et les coller presque comme sur les forums test.

C'est assez urgent, merci de votre attention.

Template :
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(){

        if(typeof(_atc) == "undefined") {
            _atc = { };
        }
       
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
            }
        });
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
           
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
    {
    if( $(this).is(":visible") )
    {
    $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
    }
    else
    {
    $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
    }
    });
            }
        }
        catch(e) { }
       
    return false;
    };

    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
    <tr>
    <td align="left" valign="middle" nowrap="nowrap">
    <span class="nav">
    <!-- BEGIN switch_user_authpost -->
    <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> 
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
    <!-- END switch_user_authreply -->
    </span>
    </td>
    <td class="nav" valign="middle" width="100%">
    <span class="nav">
                    <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                    {NAV_CAT_DESC_SECOND}
                </span>
    </td>
    <td align="right" valign="bottom" nowrap="nowrap" width="100%">
    <!-- BEGIN switch_twitter_btn -->
    <span id="twitter_btn" style="margin-left: 6px; ">
                    <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
    </span>
    <!-- END switch_twitter_btn -->
   
    <!-- BEGIN switch_fb_likebtn -->
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
    <!-- END switch_fb_likebtn -->
   
    <span class="gensmall bold">
    <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
    <!-- BEGIN switch_plus_menu -->
      |
    <script type="text/javascript">//<![CDATA[
    var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
    var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
    var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
    var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
    var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
    var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
    insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
    //]]>
    </script>
    <!-- END switch_plus_menu -->
    </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" class="t-title">
    <h1 class="cattitle"> {TOPIC_TITLE}</h1>
    </td>
    <td align="right" 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>
    <!-- BEGIN topicpagination -->
    <tr>
    <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
    </tr>
    <!-- END topicpagination -->
    {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>
    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <tr>
    <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
    </tr>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
    <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
       
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150" height="660px;" style="position: relative; left: 5px;">
                <a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a>
               
                <div class="msgprofil">
                 
                  <div class="msgprofil-rang">{postrow.displayed.POSTER_RANK}</div>
                 
                  <div class="msgprofil-avatar">{postrow.displayed.POSTER_AVATAR}</div>
                  <div class="msgprofil-cadre"></div>
                 
                  <div class="postdetails poster-profile">
                    <!-- BEGIN profile_field -->
                    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT} {postrow.displayed.profile_field.SEPARATOR}
                    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}
                  </div>
                 
                  <img class="msgprofil-ruban-dessus" src="http://i.imgur.com/Hqbvpw0.png" />
                  <span class="msgprofil-pseudo name" style="font-size: 28px; font-family: playball; text-shadow: #000 0px 0px 3px;">{postrow.displayed.POSTER_NAME}</span>
                 
                </div>
               
            </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 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}<br />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} {postrow.displayed.POST_DATE}
    </td>
    </tr>
    <tr>
    <td colspan="2" class="hr">
    <hr />
    </td>
    </tr>
    <tr>
    <td colspan="2">
    <!-- BEGIN switch_vote_active -->
    <div class="vote gensmall">
    <!-- BEGIN switch_vote -->
    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
    <!-- END switch_vote -->

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

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

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

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

    <div class="postbody">

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

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

    <!-- BEGIN switch_dl_att -->
    <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}
    <!-- END switch_dl_att -->

    <!-- BEGIN switch_no_dl_att -->
    {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}
    <!-- END switch_no_dl_att -->
    </dt>

    <!-- BEGIN switch_no_comment -->
    <dd>
    <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
    </dd>
    <!-- END switch_no_comment -->

    <!-- BEGIN switch_no_dl_att -->
    <dd>
    <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
    </dd>
    <!-- END switch_no_dl_att -->

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

    <div class="clear"></div>
                                              </div>
                                              <br />
                                              <!-- BEGIN switch_signature -->
    <div class="signature_div">
                                                              <img src="http://i.imgur.com/MXaCTUJ.png;" style="position: relative; right: 30px; bottom: 30px;" /><br />
                                              <div class="signature">{postrow.displayed.SIGNATURE}</div>
    </div>
    <!-- END switch_signature -->
    <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <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}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <!-- BEGIN first_post_br -->
    </table>
    <hr />
    <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>
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center">
    <td class="row1" colspan="3" height="28">
    <span class="genmed">{no_post.L_NO_POST}</span>
    </td>
    </tr>
    <!-- END no_post -->
    <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" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></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="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
    <tr>
    <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
    <!-- BEGIN topicpagination -->
    <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
    <!-- END topicpagination -->
    </tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <tr>
    <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
    </tr>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN promot_trafic -->
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
    <tr>
    <td class="catBottom" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
    <tr>
    <td class="catBottom" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="row2 postbody" valign="top">
    <!-- BEGIN link -->
    » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
    <!-- END link -->
    </td>
    </tr>
    </table>
    <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
    <tbody>
    <tr>
    <td class="catBottom">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td valign="top">
    <div class="cattitle"> {L_FORUM_RULES}</div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    <tr>
    <td class="row1 clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo">
    <img src="{RULE_IMG_URL}" alt="" />
    </td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">
    {RULE_MSG}
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    <!-- END switch_forum_rules -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td class="row2" colspan="2" align="center" style="padding:0px">
    <!-- BEGIN switch_user_logged_in -->
    <a name="quickreply"></a>
    {QUICK_REPLY_FORM}<br />
    <!-- END switch_user_logged_in -->
    </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>
    <!-- BEGIN show_permissions -->
    <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>
    <!-- END show_permissions -->
    <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>
    <!-- BEGIN show_permissions -->
    <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>
    <!-- END show_permissions -->
    </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">
    <!-- BEGIN switch_user_authpost -->
    <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> 
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
    <!-- END switch_user_authreply -->
    </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>

    <!-- BEGIN moderation_panel -->
    <td align="center">
    <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
    </td>
    <td align="center" width="250">
    <span class="gensmall"> </span>
    </td>
    <!-- END moderation_panel -->
    </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <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}" /> -->
    <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

    <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td>
    </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <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>
    <!-- END switch_image_resize -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


Dernière édition par Lilynufare le Mar 26 Juil 2016 - 23:32, édité 6 fois

Lilynufare
***

Messages : 180
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent

Message par Lilynufare le Mar 26 Juil 2016 - 19:37

css

Code:
    .rang23
        {margin: auto;
        position: relative;
        z-index: 3;
        }

        .bouthover
        {position: relative;
        left: 425px;
          top: 25px;
        z-index: 11;
          width: 47px;
          height: 37px;
        }
        .hoverme {
                  font-size: 18px !important;
                  font-family: Amatic SC;
                  color: #23211d;
          text-shadow: 1px 1px 1px #000;
                  text-align: center !important;
                  margin-top: 10px;
                }

        .hoverme a{
                  font-size: 18px !important;
                  font-family: Amatic SC;
                  color: #23211d;
          text-shadow: 1px 1px 1px #000;
                  text-align: center !important;
                  margin-top: 10px;
                }
        .gensmall1 {
        font-size : 18px !important;
        }
                r:focus{
                background: #020202;
                z-index: 1;
                }

                    r span {
                    z-index: 1;
                    position: absolute;
              margin-top: -20px;
              margin-left: 400px;
                      color: #F0F0ED;
                  width: 75px;
                  height: 200px;
                      overflow: auto;
                      background: #131210;
                    padding:55px;
                    border-radius: 3px;
                    transform: scale(0) rotate(-12deg);
                  -webkit-transform: scale(0) rotate(-12deg);
                  -ms-transform: scale(0) rotate(-12deg);
                      transition: all .25s;
                    }

                    r:hover span, r:focus span {
                    z-index: 1;
                    transform: scale(1) rotate(0);
                  -webkit-transform: scale(1) rotate(0);
                  -ms-transform: scale(1) rotate(0);
                    }



    /*Signature*/
        .signature_div {
        background-color: #0f0c0b;
        color: #d0c9c0;
        font-size : 12px;
        line-height: 16px;
        margin-top: 10px;
        margin: 20px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: justify;
        width: 437px;
    }

    .signature {
      margin-top: -60px;
      padding-bottom: 10px;
    }

      /*fin signature*/
















    .rnk2{
      position: relative;
      top: 370px;
    }

    /*modifier l'apparence des scrollbars de tout le forum*/
    ::-webkit-scrollbar {
      width: 7px; /*largeur de la scrollbar verticale*/
      height: 7px; /*hauteur de la scrollbar horizontale*/
     
    border-radius : 10px;}
   
    ::-webkit-scrollbar-track {
      background-color: #000000; /*couleur du fond de la scrollbar*/}
   
    ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
      background-color: #664C25/*couleur de l'ascenseur*/;
    border-radius : 10px;} 

    /**************************FICHE COSTUME***************************/

    #SHOV {
    width:495px; height:495px; line-height:normal;
    }
    #SHOV div{
    position:relative; z-index:2;
    overflow:hidden; width:495px; height:0px; visibility:hidden;
    font-size:11px; font-family:Verdana; line-height:14px; text-align:justify;
    transition:all 1s ease-in; -webkit-transition:all 1s ease-in; transform:scale(0.25); -webkit-transform:scale(0.25);
    box-shadow:inset 0 0 35px rgba(0,0,0,0.1);
    }
    #SHOV:hover div{
    visibility:visible;
    overflow:320px; width:475px; height:470px; padding:-10px;
    transform:scale(1); -webkit-transform:scale(1);
    }
    #SHOV span{
    position:relative; z-index:1; margin-left:-250px;
    width:495px; height:275px; padding-top:120px;
    text-align:center; font-size:12px; font-family:Verdana; text-transform:uppercase; text-shadow:1px 1px 0 black;
    transition:all 0.75s ease-in-out; -webkit-transition:all 0.75s ease-in-out;
    }
    #SHOV:hover span{
    opacity:0;
    }
    #SHOV p{
    position:relative; margin:0; 
    width:475px; height:290px; padding:0;
    font-size:472px; line-height:216px; font-family:Arial; text-align:center; text-shadow:1px 1px 0 black;
    transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;
    }
    #SHOV:hover p{
    transform:scale(0.25); -webkit-transform:scale(0.25);
    }
    .cdtSHOV {
    position:relative; z-index:5; margin-left:-45px; margin-top:175px; height: 375px; overflow: auto;
    }
    #SHOV a {
    opacity:0; margin-left:-45px;
    transform:scale(0); -webkit-transform:scale(0);
    transition:all 1s ease-in; -webkit-transition:all 1s ease-in;
    }
    #SHOV:hover a{
    opacity:1; margin-left:-260px;
    transform:scale(1); -webkit-transform:scale(1);
    }






    .bouton_NewTopic{
      position: relative;
      right: 60px;
      top: 20px;
    }
    .bouton_replyTopic {
    position: relative;
      right: 62px;
      top: 13px;
      z-index: 10;
    }




        /*DEBUT AFFICHE PROFIL MESSAGES*/
       
        .msgprofil {
          position: relative;
          height: 400px;
          width: 200px;
          right: 17px;
          margin: 10px 10px 90px 10px;
        }
       
        .msgprofil-rang {
          text-align: center;
          margin-top: -70px;
          margin-left: -29px;
          position: absolute;
          z-index: 10;
          }
       
        .msgprofil-avatar, .postdetails.poster-profile {
          position: absolute;
          top: 39px;
          left: 19px;
          z-index:15;
        }
       
        .msgprofil-avatar img {
          width: 200px;
          height: 320px;
          position: absolute;
          z-index: 9;
        }
       
        .msgprofil-cadre {
          background: url(http://i.imgur.com/249MUz1.png);
          height: 349px;
          width: 236px;
          position: absolute;
          top: 25px;
          left: 0px;
          position: absolute;
          z-index: 8;
        }
       
        .postdetails.poster-profile {
          box-sizing: border-box;
          padding: 10px 5px 50px 5px;
          margin-right: 50px;
          overflow: auto;
          background: #100c0b;
          color: #dea37e;
          font-family: corbel;
          width: 200px;
          height: 320px;
          opacity: 0;
          transition: opacity 0.5s ease-out;
          overflow: auto;
          position: absolute;
          z-index: 15px;
          }
       
        .postdetails.poster-profile img {
          max-width: 95%;
        }
       
        .msgprofil:hover .postdetails.poster-profile {
          opacity: 0.85;
        }
           
        img.msgprofil-ruban-dessus {
          position: absolute;
          bottom: -28px;
          width: 250px;
          left: -8px;
        z-index:20;
        }
       
        .msgprofil-pseudo {
          position: absolute;
          width: 236px;
          bottom: -10px;
          left: 0;
          text-align: center;
          family: Playball;
          size: 30px;
          font-weight: bold;
          z-index: 25;
        }

    .msgprofilRPG {
    position: relative;
    top: 285px;
    font-family: corbel;
    font-weight: lighter;
    color: #dea37e;
    }

       
        /*FIN AFFICHE PROFIL MESSAGES*/

    /* LIBRE SERVICE NEVER UTOPIA*/
    a.mainmenu[href^="/calendar"],a.mainmenu[href^="/search"], a.mainmenu[href^="/faq"] {
          display: none;
        }
        /* Style général */
        .generated_nav_bar {
            position: fixed;
            left: 0;
            right: 0;
            z-index: 997;
            top: 0;
            background-color: #100c0b;
            border-bottom: 3px solid #171210;
            box-shadow: 0 0 5px #000;
            text-align: center;
            white-space: nowrap;
            line-height: 30px;
            opacity: 0.85;
        }

        /* Liens dans la navbar */
        .generated_nav_bar .mainmenu {
            color: #dea37e;
            font-family: Corbel;
            font-size: 14px;
            font-weight: lighter;
            margin: 5px;
            border: none;
            }

        #fa_toolbar {
            margin-top: -30px; /* On cache la toolbar en haut */
            opacity: 0.85;
            font-variant: small-caps;
        }

        /* bouton pour ouvrir fermer la toolbar */
        #fa_toolbar_hidden, #fa_toolbar #fa_hide, #fa_toolbar_hidden { display: none!important;}

          /* rond avec l.avatar */
            .js-avatar {
                width: 50px;
                height: 80px;
                position: fixed;
                border-radius: 50%;
                top: 7px;
                left: 135px;
                z-index: 998;
                border: 2px solid #25262b;
                box-shadow: 0 0 5px black;
                overflow: hidden;
      -webkit-transform: rotate(-4.3deg);
        -moz-transform: rotate(-4.3deg);
        -o-transform: rotate(-4.3deg);
        -ms-transform: rotate(-4.3deg);
        transform: rotate(-4.3deg);
            }

    .js-avatar  img
    {
    width: 48px;
    height: 78px;
    border-radius: 50%;
        -webkit-transform: rotate(-4.3deg);
        -moz-transform: rotate(-4.3deg);
        -o-transform: rotate(-4.3deg);
        -ms-transform: rotate(-4.3deg);
        transform: rotate(-4.3deg);
        }


        /* placement crédits Toolbar NE PAS ENLEVER ! ! ! */
        #fa_left {
            position: fixed;
            top: 2px;
            left: 7px;
        }

        /* Placement texte notifications */
        #fa_right {
            position: fixed;
            right: 0px;
            top: 0px;
        }

        /* Placement popup notif */
        #notif_list {
            position: fixed;
            right: 0;
            left: auto!important;
            border-right: 0!important;
        }

        /* Placement popup notif live */
        #live_notif {
            position: fixed!important;
            top: 50px!important;
            right: 50px!important;
        }

        /* Menu welcome */
        #fa_menu {
            position: fixed;
            top: 0px;
            left: 200px;
        }

        /* Adaptations pour les petits écrans */
        @media screen and (max-width: 1360px) {
          .generated_nav_bar {
              padding-left: 285px;
          }
        }

        @media screen and (min-width: 1360px) and (max-width: 1510px) {
          .generated_nav_bar {
              padding-left: 200px;
          }
        }

        /* centrer le texte Notification verticalement */
        #fa_toolbar #fa_notifications {
            line-height: 40px;
        }
        /* On enleve la partie gauche de la zone Welcome */
        #fa_usermenu { display: none; }

        /* Style de la zone welcome*/
        #fa_menu #fa_menulist {
          padding-left: 10px;
          border: 0;
          left: 0!important;
        }

        #fa_welcome {
            width: 150px;
        }

        #fa_notifications, #fa_welcome {
            color: #dea37e!important;
            font-family: Corbel;
            font-size: 14px;
            font-variant: small-caps;
            letter-spacing: 1px;
      padding-top: 5px;
      line-height: 10px;
    }

        #fa_menu #fa_menulist :link, #fa_menu #fa_menulist :visited { color: inherit!important; }

        #fa_menu #fa_menulist, #fa_toolbar #fa_right.welcome #fa_menu #fa_welcome {
            background: #171210;
            color: #E2A582;
        }

        #fa_right #fa_menu #fa_menulist {
            display: block;
            visibility: hidden;
            -webkit-transition: all 300ms;
            transition: all 300ms;
            opacity: 0;
            overflow: hidden;
        }

        #fa_right.welcome #fa_menu #fa_menulist {
            visibility: visible;  opacity: 1;
        }

        #fa_toolbar #fa_right #fa_menu .fa_separator {
          background: #E2A582;
        }

        #fa_right #fa_menu #fa_menulist li {
            -webkit-transform: translateX(-245px);
                -ms-transform: translateX(-245px);
                    transform: translateX(-245px);
            -webkit-transition: all 300ms 50ms;
            transition: all 300ms 50ms;
        }


        #fa_right.welcome #fa_menu #fa_menulist li {
            -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                    transform: translateX(0);
        }

        /*  Animation menu Welcome */
        #fa_right #fa_menu #fa_menulist li:nth-child(2) {-webkit-transition-delay: 100ms;transition-delay: 100ms;}
        #fa_right #fa_menu #fa_menulist li:nth-child(3) {-webkit-transition-delay: 150ms;transition-delay: 150ms;}
        #fa_right #fa_menu #fa_menulist li:nth-child(4) {-webkit-transition-delay: 200ms;transition-delay: 200ms;}
        #fa_right #fa_menu #fa_menulist li:nth-child(5) {-webkit-transition-delay: 250ms;transition-delay: 250ms;}
        #fa_right #fa_menu #fa_menulist li:nth-child(6) {-webkit-transition-delay: 300ms;transition-delay: 300ms;}
        #fa_right #fa_menu #fa_menulist li:nth-child(7) {-webkit-transition-delay: 350ms;transition-delay: 350ms;}
        #fa_right #fa_menu #fa_menulist li:nth-child(8) {-webkit-transition-delay: 400ms;transition-delay: 400ms;}
        #fa_right #fa_menu #fa_menulist li:nth-child(9) {-webkit-transition-delay: 450ms;transition-delay: 450ms;}
        #fa_right #fa_menu #fa_menulist li:nth-child(10) {-webkit-transition-delay: 500ms;transition-delay: 500ms;}
        #fa_right #fa_menu #fa_menulist li:nth-child(11) {-webkit-transition-delay: 550ms;transition-delay: 550ms;}
        #fa_welcome { -webkit-transition: all 300ms; transition: all 300ms;}

        /* Boutons connexion / enregistrement de la toolbar */
        #fa_right a[href$="login"],
        #fa_right a[href$="register"] {
            display: none!important;
        }

    .bodyline{
    width: auto;
    background-color: #171010;
    border-left: 4px solid #813130;
    border-right: 4px solid #813130;
    box-shadow: 0px 0px 10px 1px #080C0B, -1px -1px 17px #130f0f inset;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0px;
    padding: 2px;
      margin-top: 270px;
    }


    .positionPA {
      align: center;
    }

    a.tooltips {
      position: relative;
      display: inline;
    }
    a.tooltips div {
      position: absolute;
      width:120px;
      height: 175px; 
      color: #FFFFFF;
      text-shadow: 0px 0px 10px #800000;
      overflow: auto;
      background: #000000;
      line-height: 100px;
      text-align: center;
      visibility: hidden;
      border-radius: 6px;
      box-shadow: 0px 1px 8px #544242;
    }
    a.tooltips div:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -8px;
      width: 0; height: 0;
      border-top: 8px solid #000000;
      border-right: 8px solid transparent;
      border-left: 8px solid transparent;
    }
    a:hover.tooltips div {
      visibility: visible;
      opacity: 0.8;
      bottom: 30px;
      left: 50%;
      margin-left: -76px;
      z-index: 999;
    }


    /*-------------codage du staff-------------------*/
    .staff {
    width: 235px;
    height: 225px;
    }



    .nomstaff {
    display:block;
    font-family: 'Times New Roman';
    font-size: 14px;
    color: #813130;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px #1b1515;
    }
    .rangstaff {
    display:block;
    font-family: 'Times New Roman', cursive;
    font-size: 14px;
    color: #CDB79F;
    text-align: center;
    font-weight: bold;
    }
    .lienstaff {
    display:block;
    font-family: 'Times New Roman';
    font-size: 10px;
    color: #813130;
    text-align: center;
    text-transform: uppercase;
    }
    .conteneur {
    position: relative;
    overflow: visible;
    text-align: center;
    font-size: 18px;
    color: #110f0d;
    font-family: 'Times New Roman';
    border-radius : 90px;
    text-shadow: 0px 0px 3px #000000;
    }
    .conteneur a {
    color: #5C3612;
    text-decoration: none!important;
    }
    .conteneur .info1 {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 216px;
    height: 90px;
    padding-top:45px;
    background-color: #171010;
    opacity: 0;
    visibility: hidden;
    border-radius : 90px;
      border-left: #813130 4px solid;
      border-right: #813130 4px solid;
    }
    .conteneur:hover .info1 {
    opacity: 1;
    visibility: visible;
    z-index: 999
    border-radius : 10px;
    }
    .conteneur .info2 {
    position: absolute;
    top: 48px;
    right: 10px;
    width: 216px;
    height: 90px;
    padding-top:45px;
    background-color: #171010;
    border-radius : 90px;
    opacity: 0;
    visibility: hidden;
      border-left: #813130 4px solid;
      border-right: #813130 4px solid;
    }
    .conteneur:hover .info2 {
    opacity: 1;
    visibility: visible;
    z-index: 999:
    }
    .conteneur .info3 {
    position: absolute;
    top: 50px;
    left: -150px;
    width: 216px;
    height: 90px;
    padding-top:45px;
    background-color: #171010;
    border-radius : 90px;
    opacity: 0;
    visibility: hidden;
      border-left: #813130 4px solid;
      border-right: #813130 4px solid;
    }
    .conteneur:hover .info3 {
    opacity: 1;
    visibility: visible;
    z-index: 999:
    }
    .conteneur .info4 {
    position: absolute;
    top: 88px;
    left: -167px;
    width: 216px;
    height: 90px;
    padding-top:45px;
    background-color: #110f0d;
    border-radius : 90px;
    opacity: 0;
    visibility: hidden;
    }
    .conteneur:hover .info4 {
    opacity: 1;
    visibility: visible;
    z-index: 999:
    }
    .conteneur img {
    /* Effet sur l'image lorsque la souris n'est pas là */
    width:56px;
    height:87px;
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    }
    .conteneur:hover img {
    /* Lorsque la souris est sur l'image*/
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    }


    /* QEEL */
    #QEEL {
    margin:auto;
      margin-left: 3px;
      align: center;
    width:780px;
    height: 430px;
    background-image: url('http://i.imgur.com/QKETNOz.jpg');
    }
    /* TITRE QEEL */
    .tleQEEL {
    margin-left:-13px;
    width:775px;
    padding:15px;
    font-family:Playball, cursive;
    letter-spacing:2px; text-align:right;
    }
    .tleQEEL a{
    font-size:40px;
    color:white; /* MODIFIABLE */
    }
    /* BLOC TOTAL MEMBRES & MESSAGES */
    .stsQEEL {
    position:absolute; margin-left:60px; margin-top: 30px;
    }
    /* TOTAL MEMBRES QEEL */
    .tlMQEEL {
    display:inline-block; vertical-align:top;
    height:28px; width:90px; padding:5px;
    color:white; /* MODIFIABLE */
    font-size:13px; text-align:center;
    }
    /* NOMBRE MESSAGES QEEL */
    .tlPQEEL {
    display:inline-block; vertical-align:top;
    height:28px; width:90px; padding:5px;
    color:white; /* MODIFIABLE */ font-size:13px; text-align:center;
    }

    /* MEMBRES CONNECTES & 24H */
    #ondayQEEL {
    display:inline-block; vertical-align:top;
    width:145px; height:170px; padding:10px; overflow:hidden;
    color:#dea37e;
      font-family: corbel;
      font-weight: lighter;
    font-size:11px; text-align:justify;
      position: relative;
      left: 350px;
      top: 40px;
      z-index:0;
    }
    #ondayQEEL:hover {
    overflow:auto;
      position: relative;
      z-index: 10;
    }
    #ondayQEEL .row1 {
    background:none; padding:0;
      position: relative;
      z-index: 10;
    }
    /* BLOC DESCRIPTIFS GROUPES/DERNIER UTILISATEUR */
    #boxQEEL {
    display:inline-block; vertical-align:top;
    width:460px;
    }
    /* DESCRIPTIFS GROUPES QEEL */
    .blocGQEEL {
    display:inline-block; vertical-align:top;
    width:160px; height:80px; padding:5px; overflow:auto;
    color:#dea37e;
    text-align:justify; font-size:11px;
      line-height: 10px;
      position: relative;
      font-family: corbel;
      font-weight: lighter;
      top: 170px;
      left: 75px;
    }
    .contenu_onglet {
    display:none;
    }

    /* DERNIER UTILISATEUR ENREGISTRE QEEL */
    .lstQEEL {
      background-image: url('http://i.imgur.com/TnRSprx.gif');
        background-repeat: no-repeat;
        background-opacity: 0.5;
    height:80px; width:165px;
      position: relative;
      top: 113px; left: 77px;
      color:white; /* MODIFIABLE */
    text-transform:uppercase; text-align:center; font-size:16px;
    }
    /* BLOC TRAITS GROUPES & ANNIVERSAIRES */
    .ganvQEEL {
    vertical-align:middle;
    width:800px;
    }
    /* BLOC TRAITS GROUPES QEEL */
    .GQEEL {
    display:inline-block; vertical-align:top;
    width:440px; height:30px; padding:10px 0 0; text-align:left;
    /* MODIFIABLE */
    }

    /* TRAITS GROUPES QEEL */
    .onglet {
    display:inline-block; margin:0 6px;
    width:15px; height:25px;
    opacity:0;
      position: relative; left: 62px; top: 70px;
    }

    /* SURVOLEMENT TRAITS GROUPES QEEL */
    .onglet_1 {
    opacity:0;
    }

    /* ANNIVERSAIRES QEEL */
    .anvQEEL {
    display:inline-block; vertical-align:top;
    width:125px; height:35px;
    text-transform:uppercase; text-align:center; font-size:30px; font-weight:bold;
    color:black; font-family:Arial; /* MODIFIABLE */
      position: relative;
      top: 35px;
      left: 102px;
      z-index:5;
    }
     
    /* CONTENU ANNIVERSAIRES QEEL */
    .anvQEEL div {
    position:absolute; z-index:3; margin-top:-210px; margin-left: -20px;
    width:140px; height:200px; padding:10px; overflow:hidden;
    text-align:justify !important;
    background:#22201f; color:#dea37e; font-family:corbel; font-weight:lighter;
    opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
    }
    .anvQEEL:hover div{
    height:140px; overflow:auto;
    opacity:1;
    }
    .anvQEEL .row1{
    background:none !important; padding:0 !important;
    }

    .videoQEEL {
      display:inline-block; vertical-align:top;
    width:145px; height:45px; padding-top:10px;
    text-transform:uppercase; text-align:center; font-size:24px; font-weight:bold;
    color:white; font-family:Arial; /* MODIFIABLE */
      position: relative;
      top: 75px;
      right: 200px;
      }

    /* CONTENU ANNIVERSAIRES QEEL */
    .videoQEEL div {
    position:absolute; z-index:3; margin-top:-200px; margin-left: -50px;
    width:200px; height:130px; padding:10px; overflow:hidden;
    text-align:justify !important;
    background:#22201f; border-radius: 25px; color:#dea37e; font-family:corbel; font-weight:lighter;
    opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
    }
    .videoQEEL:hover div{
    height:150px; overflow:auto;
    opacity:1;
    }
    .videoQEEL .row1{
    background:none !important; padding:0 !important;
    }
     

    /* ---------- FIN QEEL ----------*/

    .fade {
      opacity: 1;
      transition: opacity .25s ease-in-out;
      -moz-transition: opacity .25s ease-in-out;
      -webkit-transition: opacity .25s ease-in-out;
      }

      .fade:hover {
          opacity: 0.5;
          }



    /* --------------------------------- Wanted --------------------------------- */
    .wanted {
    width: 85px;
    height: 120px;
      padding-bottom: 5px;
    text-align:center;
    border-radius:10px;
    }
    .wanted img {
    width: 35px;
    height: 35px;
    border: 2px solid #87715B;
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    border-radius:10px;
    }
    .wanted img:hover {
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    border-radius:10px;
    }

        /* --------------------------------- FIN Wanted --------------------------------- */

    div.field_uneditable img
    {max-width: 200px;}

    .imgpapv
    {width: 50px; margin-left: 5px; opacity: 0.7; border-radius: 5px;}
    .imgpapv:hover
    {width: 50px; margin-left: 5px; opacity: 0.9; border-radius: 5px;}
    /* fiche de liens */
    .prenom
    {position: relative; font-family: Amatic SC; display: block; font-size: 35px; text-align: center; color: gray; text-shadow: 1px 0px 1px black; z-index: 1}
    .desclien {
      font-family: arial; font-size: 10px; color: gray; margin: auto; padding: 10px; width: 180px; height: 288px; overflow: auto; line-height: 12px; text-align: justify;}
    .contour011 {background-color: #1F1E1C;
    border: 1px solid #1F1E1C;
    border-radius: 10px;
    padding: 10px 10px 30px; border-radius: 10px; width: 450px;}
    .monBloc2 {position: relative; /* important ! */
      overflow: hidden; width: 180px; height: 288px;
      background: #1D1D1D; margin-top: -1px; border-radius: 10px;
      box-shadow: 0px 0px 10px 1px #080C0B, -1px -1px 17px #23201B inset;}
    .blocVolet2 {position: absolute; top: 0; left: 0; width: 180px; height: 288px;
      background-image: -moz-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%);
      background-image: -webkit-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%);
      background-image: -o-linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%);
      background-image: linear-gradient(top, #101010 0%, #1a1a1a 50%, #101010 100%);
      -webkit-transition: all 1s linear; -moz-transition: all 1s linear;
      -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}
    .monBloc2:hover > .blocVolet2 {left: -250px;}
    .selectCode { float:right; color: #a09c9a; font-family: roboto condensed; text-transform: uppercase; }
            div.cont_code { clear: right; }

            .selectCode:before {
              content:" ";
              font-family:FontAwesome;
            }
    dd.quote:before {
        content: " ";
      font-family:FontAwesome;
      font-size: 20px;
    }
            .postbody .genmed b{visibility:hidden;}

    dl.codebox.spoiler dt:before {
        content: " ";
      font-family:FontAwesome;
      font-size: 14px;
    }



    b
    {font-family: roboto condensed; color: #999488; font-weight: bold; font-size: 12px;}


    i
    {font-family: roboto condensed; color: #8e8775; font-style: italic; font-size: 12px;}

    em
    {font-family: roboto condensed; color: #8e8775; font-style: italic; font-size: 12px;}


    .image03 span {
        visibility: hidden;
   
    }
   
    .image03 img:hover + span {
        visibility: visible;
      font-family: roboto condensed; font-size: 12px;
    color: #000;
      font-weight: bold;
    }

    .cad04
    {font-family: roboto condensed; font-size: 11px;
      text-align: justify; width: 290px; height: 85px;
      margin: auto;
      overflow:auto; background: none repeat scroll 0px 0px #0B0E0C;
      border: 5px solid #14120E;
      border-radius: 5px; box-shadow: 0px 0px 10px 1px #080C0B; margin: auto; }

    .cad01
    {font-family: roboto condensed; font-size: 11px;
      text-align: justify; width: 200px; height: 171px;
      margin: auto;
      overflow:auto; background: none repeat scroll 0px 0px #0B0E0C;
      border: 5px solid #14120E;
      border-radius: 5px; box-shadow: 0px 0px 10px 1px #080C0B; margin: auto; }

    .cad02
    {font-family: roboto condensed; font-size: 11px; text-align: justify;
      width: 400px; height: 100px; margin: auto; overflow:auto; 
      background: none repeat scroll 0px 0px #0B0E0C; border: 5px solid #14120E;
      border-radius: 5px; box-shadow: 0px 0px 10px 1px #080C0B; margin: auto;}

    .cad03
    {font-family: arial; font-size: 11px; text-align: justify; width: 400px;
    background: none repeat scroll 0px 0px #0B0E0C; border: 5px solid #14120E;
      border-radius: 5px; box-shadow: 0px 0px 10px 1px #080C0B; margin: auto; }

            /* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
            .sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
            /* Image du bouton */
            .sceditor-button-fontawesome div { background:url(http://i19.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }
           
            /* Popup */
            .sceditor-fontawesome {
              width:220px;
              height:250px;
              overflow-y:auto;
            }
           
            /* Icônes */
            .sceditor-fontawesome i {
              color:#333;
              font-size:20px;
              text-align:center;
              cursor:pointer;
              padding:3px 0;
              width:25%;
            }
            .sceditor-fontawesome i:hover { color:#666 }
    /* presentation */

    .img1 {
        height: 180px;
        width: 400px;
        z-index: 1;
    }

    t {color : #54403f; font-style: italic; letter-spacing: 1 }
    .img2 {
        background-color: rgba(255, 255, 255, 0.7);
        font-family: roboto condensed;
        font-size: 9pt;
      text-align: justify;
      display: block;
        height: 180px;
      width: 390px;
        left: 0px;
      margin: auto;
        line-height: 1.1;
        padding: 5px;
        position: absolute;
        top: 260px;
      color: #37322f;
        transition: all 0.9s ease-in-out 0s;
        z-index: 2;
    }

    .img {  margin: 15px auto auto;
        border: 5px solid #0E0909;
        border-radius: 5px;
        height: 180px;
        overflow: hidden;
        position: relative;
        width: 400px;
    }

    .img:hover .img2,.imgstaff:hover .img2
    {-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;
      -o-transition:all .9s ease-in-out;-webkit-transition:all .9s ease-in-out;top:0;transition:all .9s ease-in-out}

    .mCSB_dragger_bar{
        background-color: #332e2a !important;
      opacity: 0.5
    }

    .mCSB_dragger_bar:hover {
        background-color: #332e2a !important;
      opacity: 0.7
    }

    .mCSB_inside > .mCSB_container {
        margin-right: 20px !important;
    }
    a.nav img {
        max-width: 52px;
        max-height: 30px;
        margin-bottom: 0px;
        position: relative;
        top: 30px;
    }
   
    table.haut_cate{
      width:700px;
      height:406px;
      background-image:url('http://i.imgur.com/tuSKBCc.png');
      border-radius: 30px 30px 0px 0px;
      background-repeat:no-repeat;
      margin:auto;
      margin-top: 25px;
      position: relative;
      bottom: 25px;
      z-index: 2;
        }

    table.bas_cate{
      width:700px;
      height:310px;
      background-image:url('http://i.imgur.com/HxLumac.png');
      border-radius: 0px 0px 30px 30px;
      background-repeat:no-repeat;
      margin:auto;
      position: relative;
      margin-top: -190px;
      margin-bottom: 30px;
      z-index:1
      }

    table.haut_cate1{
      width:700px;
      height:150px;
      overflow: hidden;
      background-image:url('http://i.imgur.com/ucdTVJ2.png');
      border-radius: 30px 30px 30px 30px;
      background-repeat:no-repeat;
      margin:auto;
      margin-top: 25px;
      position: relative;
      }

    table.bas_cate01{
      width:700px;
      height:150px;
      overflow: hidden;
      background-image:url('http://i.imgur.com/GHsglwi.png');
      border-radius: 30px;
      background-repeat:no-repeat;
      margin:auto;
      margin-top: 25px;
      position: relative;
      bottom: 25px;
      }


    .ban
    {height: 600px;
    width: 400px;
    align: center;}



    /* categorie */

    .cadrecate {background: linear-gradient(to bottom, #14120E 0%, #191411 100%) repeat scroll 0% 0% transparent;
    height: 145px;
    margin-bottom: 75px;
    margin-top: 55px;
    border-radius: 5px;
    width: 645px;
    margin-left: 120px;
      box-shadow: -1px -1px 10px #060807;
    position: relative;
    left: 50px;
    z-index: 1px;}

    .cadlast {
      background-image: url('http://i.imgur.com/F77LLZ6.png');
    margin-left: -125px;
    margin-top: 20px;
      margin-right: 50px;
      margin-bottom: -33px;
      padding-top: 10px;
      padding-left: 15px;
    border-radius: 5px;
    width: 243px;
    height: 140px;
    font-family: Corbel;
    font-size: 11px;
    color: #5d5d5d;
    }

    .cadlast:hover {
    background-opacity: 0.5;
    }

    body1 {
    padding: 0;
    margin: 0;
    overflow: hidden;
    }

    #desc1
    {
      position: relative;
    top: 20px;
    right: 50px;
      z-index:5;
      margin-bottom: -40px;
    height: 95px;
    width: 293px;
    overflow: hidden !important;
    text-align: justify;
    font-size: 11px;
    text-width: 95px;
    color: #5D5D5D;
    border-radius: 5px;
      padding-bottom: 20px;
    box-shadow: -1px -1px 17px #191411 inset, -1px -1px 10px #060807;
      background-image: url('http://i.imgur.com/jm3vsB1.png');
      background-color: #100c0b;
        background-repeat: no-repeat;
    }
     
    #scrollable3 {width: 160px !important;
    height: 195px;
        left: 0;
        top: 0;
        margin-right: -60px;
        bottom: 0;
        padding-right: 40px;
        padding-bottom: 40px;
        overflow-y: scroll;
    }

    #scrollable2 {
      height: 95px;
      width: 360px;

    left: 0;
    top: 0;
    margin-right: -60px;
    bottom: 0;
    padding-right: 40px;
    overflow-y: scroll;
    }

    #scrollable4 {
    width: 170px !important;
    height: 195px;

    left: 0;
    top: 0;
    margin-right: -60px;
    bottom: 0;
    padding-right: 40px;
    overflow-y: scroll;
    }
    #scrollable {
      height: 95px;
      width: 360px;

    left: 0;
    top: 0;
    margin-right: -60px;
    bottom: 0;
    padding-right: 40px;
    overflow-y: scroll;
    }

    -webkit-scrollbar {
        display: none;
    }

    body {
    margin : 0px;
        background-image: url("http://i.imgur.com/Cy2u2Ec.jpg");
      background-color: #2e2727;
      background-position: center top;
    background-repeat: no-repeat;
    background-size: 95% auto; 
    }


    -RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }


    * html {
    scrollbar-face-color: #;
    scrollbar-highlight-color: #;
    scrollbar-shadow-color: #;
    scrollbar-3dlight-color: #;
    scrollbar-arrow-color: #;
    scrollbar-track-color: #;
    scrollbar-darkshadow-color: #;
    }
    *+ html {
    scrollbar-face-color: #;
    scrollbar-highlight-color: #;
    scrollbar-shadow-color: #;
    scrollbar-3dlight-color: #;
    scrollbar-arrow-color: #;
    scrollbar-track-color: #;
    scrollbar-darkshadow-color: #;
    }
    #sceditor_smilies{
    background-color: #070707;
    }

    #sce_smilies_body {
   
    /*background:none;
    */
    background-color: #070707;
    background-image: none;
    min-width: 1px !important;
    }
    .sceditor-container iframe, .sceditor-container textarea {
    background-color: transparent !important;
    }
    .sceditor-container{
    background-color: #FFFFFF !important;
    }
    .sceditor-toolbar{
    background-color: #F7F7F7 !important;
    }
    th,td,p {
    font-family: Arial }
    a img {
    border: none;
    }

    /* Links */

    /* a:link,a:active,a:visited {
        color: #dea37e;
        font-family: Corbel;
        font-size: 14px;
        font-weight: lighter;
    }
    */

    a:visited{
    color: #dea37e;
    font-family: Corbel;
    font-weight: lighter;
    }
    a:active{
    color: #43474f;
    font-family: Corbel;
    font-weight: lighter;}

    a {text-decoration : none !important; }

    a:hover{
    text-decoration: none !important;
    color : #43474f;
    }
    hr{
    height: 0;
    border: solid #070707 0;
    border-top-width: 1px;
    }
    .bodylinewidth {
    width:700px
    margin-top: 190px;}

    .forumline{
      max-width: 700px;
    }

    .forumline1{
    background-image:url('http://i.imgur.com/oo3mlOe.jpg');
      width: 700px;
      margin: auto;
      margin-top: -260px;
    }
    .forumline2{
    background-color: #171010;
      width: 700px;
      margin: auto;
      /*margin-top: -270px;*/
    }

    .forumline4{
      width: 700px;
      margin: auto;
    }

    td.row1,td.row3.over:hover {
    background-color: #;
    }
    td.row2,td.row1.over:hover {
    background-color: #;
    }
    td.row3{
    background-color: #;
    }
    td.rowpic {
    background-color: #;
    background-image: url("http://illiweb.com/fa/empty.gif");
    css}
    th {
    color: #fff;
    font-size: 11px;
    font-weight : bold;
    background-color: #;
    height: 25px;
    background-image: url("http://illiweb.com/fa/empty.gif");
    padding: 2px 3px;
    }
    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
    background-image: url("http://illiweb.com/fa/empty.gif");
    background-color:#;
    border: #;
    border-style: solid;
    height: 28px;
    }
    td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0;
    }
    th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold;
    border: #;
    border-style: solid;
   
    /*height: 20px;
    */
    }
    td.row3Right,td.spaceRow {
    background-color: #;
    border: #;
    border-style: solid;
    }
    td.pourcentback {
    background-color : #050505;
    }
    th.thHead,td.catHead {
    font-size: 12px;
    border-width: 0px;
    }
    th.thSides,td.catSides,td.spaceRow {
    border-width: 0px;
    }
    th.thRight,td.catRight,td.row3Right {
    border-width: 0px;
    }
    th.thLeft,td.catLeft {
    border-width: 0px;
    }
    th.thBottom,td.catBottom {
    border-width: 0px;
    }
    th.thTop {
    border-width: 0px;
    }
    th.thCornerL {
    border-width: 0px;
    }
    th.thCornerR {
    border-width: 0px;
    }
    .maintitle, .maintitle h1{
    font-weight: bold;
    font-size: 22px;
    font-family: Arian narrow,Arial;
    text-decoration: none;
    line-height : 120%;
    color : #999999;
    }
    .forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
    padding: 2px 3px;
      position: relative;
      z-index: 30;
    }
    .forumline td.pagination {
    padding:0;
    }
    .maintitle h1 {
    margin: 0;
    padding: 0;
    display: inline;
    }
    .gen {
    font-size : 12px;
    }
    .genmed {
    font-size : 11px;
    }
    .gensmall {
    font-size : 10px;
    }
    .gen,.genmed,.gensmall {
    color : #999999;
    }
    a.gen,a.genmed,a.gensmall {
    color: #dea37e;
    text-decoration: none;
    }
    a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #43474f;
    text-decoration: none;
    }
    .mainmenu{
    font-size : 20px;
    color : #938a78;
    font-family: 'Amatic SC', cursive;
    letter-spacing: 1px;}
    a.mainmenu{
    text-decoration: none;
    color : #938a78;
    }
    a.mainmenu:hover{
    text-decoration: none;
    color : #4a4444;
    }
    .cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #dea37e7c}
    h1.cattitle {
    margin:0;
    padding: 0;
    display:inline;
    }
    a.cattitle{
    text-decoration: none;
    color : #dea37e;
    }
    a.cattitle:hover{
    text-decoration: none;
    }
    .forumlink{
    font-weight: ligther;
    font-size: 26px;
    color : #813130;
      text-shadow: 0px 0px 5px #000000;
    font-family: 'Playball', cursive;
      position: relative;
      left:-15px;
      top: 15px;
      z-index: 6;
    }
    a.forumlink {
    text-decoration: none;
    color : #938a78;
    }
    a.forumlink:link {
    color : #938a78;
    }
    a.forumlink:visited {
    color : #938a78;
    }
    a.forumlink:active {
    color : #938a78;
    }
    a.forumlink:hover{
    text-decoration: none;
    color : #4a4444;
    }



    .sujet_infos {
      display: inline;
      color: #979693;}
    .topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #999999;
     
    }
    div.topictitle {
    display: inline;
    }
    h2.topic-title {
    display: inline;
    margin: 0;
    padding: 0;
    }
    a.topictitle:link{
    text-decoration: none;
    color : #938a78;
    font-family: roboto condensed;
    }
    a.topictitle:visited{
    text-decoration: none;
    color : #938a78
    }
    a.topictitle:active{
    text-decoration: none;
    color : #938a78
    }
    a.topictitle:hover{
    text-decoration: none;
    color : #43474f;
    }
    .name{
    font-size : 11px;
    color : #fff;
    }
    .name a{
    text-decoration:none;
    }

    .postbody{
    background-color: #0f0c0b;
    color: #d0c9c0;
    font-size : 12px;
    line-height: 16px;
    margin: 20px;
    padding: 15px;
    text-align: justify;
    }
    a.postlink:link{
    text-decoration: none;
    color : #dea37e7c }
    a.postlink:visited{
    text-decoration: none;
    color : #dea37e7c;
    }
    a.postlink:active{
    text-decoration: none;
    color : #43474f;
    }
    a.postlink:hover{
    text-decoration: none;
    color : #43474f}
    .code{
    font-family: Roboto condensed;
    font-size: 11px;
    color: #a09c9a;
    background-color: #363333;
    border: #070707;
    border-style: solid;
      padding: 5px;
    border-left-width: 1px;
      border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
      border-radius : 5px;
    }
    .code div.cont_code {
    max-height:200px;
    overflow:auto;
    }
    .quote{
    font-family: roboto condensed;
    font-size: 12px;
    color: #a09c9a;
    line-height: 125%;
    background-color: #2a2828;
    border: #070707;
      padding: 5px;
      border-radius: 5px;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}
    .coloradmin {
    color: #ffa34f}
    .colormod {
    color: #006600}
    .vote {
    float: right;
    width: 10px;
    margin-left: 4px;
    }
    .vote .vote-button {
    text-align: center;
    font-weight: bold;
    margin-left: -1px;
    }
    .vote .vote-button a {
    text-decoration: none !important;
    }
    .vote .vote-bar {
    width: 3px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #999999;
    font-size: 0;
    }
    .vote .vote-no-bar {
    letter-spacing:-2px;
    margin-left:-2px;
    white-space:nowrap;
    }
    .vote .vote-bar-plus {
    background-color: #0f0;
    }
    .vote .vote-bar-minus {
    background-color: #f00;
    }
    h1.pagetitle {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #999999;
    }
    h1.title2 {
    font-size: 11px;
    }
    .secondarytitle,.secondarytitle h2 {
    margin: 0;
    padding: 0;
    color: #999999;
    }
    .secondarytitle h2 {
    display:inline;
    }
    .nav h1 {
    display: inline;
    }
    .hierarchy {
    display: inline;
    margin: 0;
    padding: 0;
    text-transform: none;
    border: none;
    font-size: 10px;
    }
    .mod-text {
    font-weight: bold;
    }
    img{
    border:0}
    input,textarea, select, #text_editor_iframe {
    color : #999999;
    font: normal 11px Arial;
    border-color : #999999;
    }
    input.post,textarea.post,select,#text_editor_iframe,textarea.inputbox{
      background-color: #191411;}
    .post-options {
    text-align: center;
            background-color: #0f0c0b;
      width: 420px;
      line-height: 26px;
      padding-top: 5px;
      padding-bottom: 5px;
      margin-top: 10px;
      border-radius: 20px;
    color: #e2a582;
      font-family: corbel;
      font-size: 14px;
            font-weight: lighter;
      text-transform: uppercase;
      }
    .post-options img {
    align: center;
      valign: middle;
      padding-left: 10px;
      padding-right: 10px;
    }
     
    input {
    text-indent : 2px;
      background-color: #191411;
    }
    input.button {
      background-color: #191411;
    color : #999999;
    font-size: 11px;
    font-family: Arial;
    }
    input.mainoption {
    background-color : #070707;
    font-weight : bold;
    }
    input.liteoption {
    background-color : #070707;
    font-weight : normal;
    }
    .helpline {
    background-color: #070707;
    border-style: none;
    }
    input {
      background-color: #;
    }
    button.button2, input.button2 {
    font-size: 0.7em;
    border: 1px solid #BCBCBC;
    width: auto !important;
    padding: 1px 0;
    font-family: Arial;
    color: #dead37e;
    background-repeat: repeat-x;
    background-color: #FAFAFA;
    background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
    background-position: top;
    overflow: visible;
    vertical-align:middle;
    }
    button.button2:hover, input.button2:hover {
    border: 1px solid #43474f;
    color: #43474f;
    background-position: 0 100%;
    }
    * html button.button2, * html input.button2 {
    padding-bottom: 0;
    margin-bottom: 1px;
    height: 24px;
    padding-right: 3px;
    padding-left: 3px;
    }
    *+html button.button2, *+html input.button2 {
    height: 24px;
    padding-right: 3px;
    padding-left: 3px;
    }
    *+html button.button2 img {
    vertical-align: middle;
    }
    * html button.button2 img {
    vertical-align: middle;
    }
    button.bbcode {
    border: 1px solid #e3adad;
    background-image: url("http://illiweb.com/fa/wysiwyg/bg_button.png");
    }
    .select {
    background-color: #FFF;
    border: 1px solid #BCBCBC;
    position: absolute;
    z-index:100;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    }
    .select p {
    padding: 4px 6px;
    font-size: 0.7em;
    margin: 0;
    white-space: nowrap;
    text-align: left;
    }
    .select button {
    padding: 4px;
    font-size: 0.9em;
    margin: 0;
    background-color: #FFF;
    border: none;
    text-align:left;
    }
    .select button.button2 {
    border:1px solid #BCBCBC;
    padding: 0;
    }
    * html .select button.button2 {
    padding-right: 3px;
    padding-left: 3px;
    }
    .select button.button2:hover {
    border: 1px solid #43474f;
    color: #43474f;
    background-position: 0 100%;
    }
    .select button:hover,.selectHover {
    cursor: pointer;
    background-color: #EEE;
    }
    textarea#text_editor_textarea {
    width: 100% !important;
    }
    iframe#text_editor_iframe {
    width: 100%;
    height: 200px;
    }
    form#quick_reply textarea#text_editor_textarea {
    width: 100% !important;
    height: 100%;
    }
    form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
    * html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }
    *+html form#quick_reply iframe#text_editor_iframe {
    width: 600px;
    }


    .fontbutton{
    border:0;
    }
    * html #chatbox-members {
   
    /* IE expressions helping IE work in Standards mode */
    height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
    }



    /* Spoiler */
    .spoiler_closed {
    display:block;
    font-family: roboto condensed;
    font-size: 12px;
    color: #a09c9a;
    line-height: 125%;
    background-color: #2a2828;
    border: #070707;
      padding: 5px;
      border-radius: 5px;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    }
    .spoiler_closed.hidden {
    display:none;
    }
    .spoiler_content {
    display:block;
    font-family: roboto condensed;
    font-size: 12px;
    color: #a09c9a;
    line-height: 125%;
    background-color: #2a2828;
    border: #070707;
      padding: 5px;
      border-radius: 5px;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    }
    .spoiler_content.hidden {
    display:none;
    }

    .lastpost-avatar {
    float: left;
      margin-left: -40px;
      padding-top: 0px;
      z-index: 100;
    }
    .lastpost-avatar img {
    width: 53px;
    height: 85px;
      position: relative;
            top: 50px;
      margin-left: -60px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
      -webkit-transform:rotate(10deg);
    -moz-transform:rotate(10deg);
    -o-transform:rotate(10deg);
    -ms-transform:rotate(10deg);
    }
    .post-content {
    font-weight: bold !important;
    }
    h1.post-content {
    font-size: 2em;
    line-height: 2.4em;
    }
    h2.post-content {
    font-size: 1.5em;
    line-height: 1.8em;
    }
    h3.post-content {
    font-size: 1.2em;
    line-height: 1.3em;
    }
    h4.post-content {
    font-size: 1em;
    line-height: 1.3em;
    }
    h5.post-content {
    font-size: 0.8em;
    line-height: 0.7em;
    }
    h6.post-content {
    font-size: 0.7em;
    line-height: 0.6em;
    }

        .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
        div.cont_code { clear: right; }


    strong
    { font-weight: bold; }
    titregroupe
    {font-family: roboto condensed; font-weight: bold; font-size: 12px;}

       

    /*fiche administrative*/

    #BRAK {
    width:600px;
    margin:auto;
    line-height:normal;
    }
    .cdtBRAK {
    position:absolute; z-index:3;
    margin-left:5px; margin-top:-35px;
    text-decoration:none;
    font-size:8px; color:white !important; font-family:Times New Roman;;
    }
    .topBRAK {
    background:url(http://image.noelshack.com/fichiers/2016/29/1469014068-dessus-codes.png);
    width:600px; height:119px; margin:auto; line-height:20px;
    }
    .tleBRAK{
    text-align:center; font-size:16px; font-weight:bold; font-family:Great Vibes, cursive; color:white; letter-spacing:5;
    margin-left:-445px; margin-top:-22px; width:430px; overflow:hidden;
    transition:all 0.75s ease; -webkit-transition:all 0.75s ease;
    }
    .dtlsBRAK {
    position:absolute;
    margin-left:525px; margin-top:92px;  color:white; font-size:10px; letter-spacing:2px; font-style:italic; font-family:Times New Roman;
    }
    .dtlsBRAK:hover .tleBRAK{
    opacity:0;
    }
    .stleBRAK {
    position:absolute;
    width:430px; margin-top:-20px; margin-left:-440px;
    text-align:center; color:white; font-size:12px; letter-spacing:2px; font-style:normal; text-transform:uppercase; font-family:Times New Roman;
    overflow:hidden; opacity:0;
    transition:all 0.75s ease; -webkit-transition:all 0.75s ease;
    }
    .dtlsBRAK:hover .stleBRAK {
    opacity:1;
    }
    .dtlsBRAK:hover .ftBRAK {
    opacity:0.8;
    }
    .ftBRAK {
    position:absolute;
    width:200px;
    margin-left:-325px; margin-top:-50px;
    text-align:center; opacity:0; font-family:Times New Roman;
    transition:all 0.75s ease; -webkit-transition:all 0.75s ease;
    }
    .mdlBRAK {
    background:url(http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/MBRAK.png) repeat-y;
    width:558px; height:auto;
    padding-top:10px; padding-bottom:15px; margin:auto;
    color:white;
    }
    .mdlBRAK p{
    margin:auto;
    border-radius:10px; width:75%; padding:10px;
    text-align:justify; background-color: #180F10;
    }
    .btmBRAK {
    position:absolute; z-index:2;
    margin-left:21px; margin-bottom:15px;
    background:url(http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/BBRAK.png);
    width:558px; height:21px;
    }
    #HSBRAK {
    margin-top:-10px; height:auto;
    transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
    }
    .decoBRAK{
    background:url(http://image.noelshack.com/fichiers/2016/29/1469010095-precisions-codes.png);
    margin:auto;
    width:282px; height:59px;
    }
    #HSBRAK p{
    overflow:auto;
    width:530px; margin-left:35px; height:0px; margin-bottom:0px;
    font-size:10px;  color:white; background-color:#180F10;
    transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
    }
    #HSBRAK:hover p {
    max-height:85px; width:490px;
    margin-top:25px; padding:20px;
    border-radius:0 0 10px 10px; overflow:auto;
    }

Lilynufare
***

Messages : 180
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent

Message par MlleAlys le Mar 26 Juil 2016 - 19:56

Bonjour,
lcalisez et supprimez dans votre feuille de style le code css suivant :
Code:
.forumline {
  margin: auto;
  max-width: 700px;
}

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent

Message par Lilynufare le Mar 26 Juil 2016 - 21:31

Bonsoir Smile
Cela fonctionne par contre, je voudrais que la barre fine et du cadre de la barre d'outils ne touchent pas le cadre du profil.
Exemple en image : http://oi67.tinypic.com/o59usg.jpg

Et je voudrai savoir comment on diminue la largeur du post tout en restant centrer ?

Merci Smile

Lilynufare
***

Messages : 180
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent

Message par MlleAlys le Mar 26 Juil 2016 - 23:03

Dans votre feuille de style, modifiez la largeur de .msgprofil pour 235px

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent

Message par Lilynufare le Mar 26 Juil 2016 - 23:31

Super merci Smile
Problème résolu.
Bonne soirée

Lilynufare
***

Messages : 180
Inscrit(e) le : 22/08/2012

Lilynufare a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum