ceci est un test
Le deal à ne pas rater :
Obtenez jusqu’à -50 % sur les meilleures ventes ASOS
Voir le deal

☼ Codage version nowel MS ☼
Produce You :: administration :: We Can do it
Aller en bas 
Aller à la page : Précédent  1, 2, 3  Suivant
Lun 18 Fév - 16:13
Produce U
Messages :
145
Date d'inscription :
13/03/2017
Produce U
Admin
viewtopic body

Code:
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  <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%" align="center" border="0" cellspacing="0" cellpadding="0">
    <tr><td align="left" colspan="3" {WIDTH_GALLERY}>
    <span class="nav" style="display:inline-block; vertical-align:middle;">
    <!-- 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> <span class="nav" style="display:inline-block; vertical-align:middle;" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <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></span>
    </td></tr>
    <tr>
  <td colspan="3">
    <div id="tleSBJ"><h1 class="cattitle"> {TOPIC_TITLE}</h1>  </div>
    </td>
    </tr>
      <tr> <!-- 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 -->
      </tr>
    </table>

    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >

    <!-- BEGIN topicpagination -->
    <tr>
    <td colspan="3" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
    </tr>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
    <!-- 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 colspan="3">
        <!-- 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 style="height:5px;"></div>
      </td>
      </tr>
      <tr>
        <td valign="top">
          <div class="profil">
            <div class="titre2">{postrow.displayed.POSTER_NAME}</div>
            <center>
              <div class="text4">
                <div class="lien">
                  <div class="lien2">
                    MON PETIT MONDE CACHE
                    <br/><br/>
                    {postrow.displayed.POSTER_RANK}
                  </div>
                </div>
              </div>
            </center>
            <center>
              <div class="contour2">
                <div class="groscadre">
                  <div class="ava">{postrow.displayed.POSTER_AVATAR}</div>
                </div>
                <div class="UXDG2">
                  <div class="descprofil">
                    <!-- BEGIN profile_field -->
                    <f>{postrow.displayed.profile_field.LABEL}</f>{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                    <!-- END profile_field -->
                  </div>
                </div>
              </div>
              <img src="https://images2.imgbox.com/91/66/Gxfd8MdZ_o.png" class="avdeco"/>
            </center>
          </div>
        </td>
       
       
       
        <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td>   
          <!-- <div class="ktactPOST">
            {postrow.displayed.PROFILE_IMG}<br/>{postrow.displayed.PM_IMG}
            <br/>
            {postrow.displayed.EMAIL_IMG}
          </div> -->
          <div class="tools">
            {postrow.displayed.QUOTE_IMG}
            {postrow.displayed.EDIT_IMG}
            {postrow.displayed.DELETE_IMG}
            {postrow.displayed.IP_IMG}
          </div>
          <div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div>
        <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>
        <!-- BEGIN switch_signature -->
        <div class="signature_div">
        {postrow.displayed.SIGNATURE}
        </div>
        <!-- END switch_signature -->

        </div>
        </td>
        </tr>
        </table>
        </td>
        </tr>
        <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" colspan="3">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
        </td>
        </tr>
        <!-- BEGIN first_post_br -->
        </table>
        <hr />
        <table class="forumline" width="100%" align="center" border="0" cellspacing="0" 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 -->
        </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top: 0px;">
    <tr>
    <td valign="top" {COLSPAN_PAGINATION} width="150"><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> <span class="gensmall">{PAGE_NUMBER}</span></td>
    <!-- BEGIN topicpagination -->
    <td align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
    <!-- END topicpagination -->
    </tr>
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <tr>
    <td colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
    </tr>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
    <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="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 colspan="2" align="right" 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 valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
    <td 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="0" 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="0" cellpadding="0" align="center">
    <tr>
    <td colspan="2" align="left" valign="top" style="padding:5px;">{S_TOPIC_ADMIN}
    <form style="display:inline-block; vertical-align:top;" 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">{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>
Revenir en haut Aller en bas
Lun 18 Fév - 16:29
Produce U
Messages :
145
Date d'inscription :
13/03/2017
Produce U
Admin
css

Code:
/*forum*/
span#fa_share {display:none!important;}
div#fa_search {display:none!important;}
#fa_service{display:none!important;opacity:0;}
#fa_icon {display:none!important;opacity:0;}

.barreverticale {width: 260px;height: 550px;position:fixed;margin-top:-520px;}

/*SUPPRESSION SUPLEMENTAIRES*/
a, a:link, a:hover {text-decoration: none!important;}
table.forumline {border:0px dotted;}

/* ENLEVER BORDURE */
td.catLeft {border-width:0 0 0 0px !important;}
td.catBottom {border-width:0 0px 0px !important;}
td.catHead {border-width:0px 0px 0 !important;}
td.catRight {border-width:0 0 0 0px !important;}

/*FORUM + NAVIGATION*/

body {overflow-x: auto;color:#a7a7a7;padding:0;margin:0;background-image:url(https://images2.imgbox.com/06/ae/8GyvseXK_o.png);width:100%;height:1500px;background-repeat:repeat;}
.titreglobal {font-size:60px;color:#fff;position:absolute;font-family:arial;border:4px solid #fff;padding:20px;margin-left: auto;text-decoration: overline;font-style: italic;margin-right: auto;text-align:center;left: 0;right: 0;width:500px;top:200px; transition: all 3.8s cubic-bezier(.4,0,.2,1);}
.titreglobal:hover {opacity:0; transition: all 0.8s cubic-bezier(.4,0,.2,1);}
.headerdefond {background-image: url(https://images2.imgbox.com/da/64/i9jJ8HEk_o.png);width:100%;height:500px;background-position:center;padding:0;margin:0;background-size:cover;background-repeat:no-repeat;background-color:#e9efff;}
.barrenav {font-family: 'Questrial', sans-serif;width:100%;height:auto;background-color:#f0efed;position:relative;top:-10px;border:1px solid #e2e1e0;}
.nav1 {font-size: 12px;color:#832109;text-align:center;text-transform: uppercase;padding: 5px;}
.fondforum{background-color:#fff;width:850px;height:100%;margin:auto;position:relative;border:1px solid #eee6de;}
.borderforum {background-color:#e2c29f3d;width:900px;height:auto;margin:auto;position:relative;top:-10px;}
.nav img{display: none;}

/*AUTRE*/

.score {font-size: 15px;font-family: 'Oswald', sans-serif;text-align: center;}
.score1 {border-radius: 10px;color: #fff;font-size: 15px;padding: 6px;font-family: 'Oswald', sans-serif;text-align: center;}
lt {font-size: 13px;}
c1 {font-style: italic;color: #a3a9bc;text-transform: uppercase;}
.boutonhautbas {bottom: 40px;right: 20px;position: fixed;z-index: 100;}
::-webkit-scrollbar-track{background-color: #f5f5f5;opacity: 0.4;}
::-webkit-scrollbar{width: 7px; height: 1px; background-color: #f5f5f5;opacity: 0.4;}
::-webkit-scrollbar-thumb{background-color: #cf6956;opacity: 0.4;}
g0 {  font-weight: bold;  color: #9d9ba3;}
g1 {  font-weight: bold;  color: #8C8C8C;}
g2 {  font-weight: bold;  color: #AB93C7;}
g3 {  font-weight: bold;  color: #75AEB3;}
g4 {  font-weight: bold;  color: #90CC8A;}
g5 {  font-weight: bold;  color: #E79D97;}
g6 {  font-weight: bold;  color: #D9BB86;}
pvp {  font-weight: bold;  color: red;}
pvr {  font-weight: bold;  color: orange;}
pvl {  font-weight: bold;  color: green;}
sh { font-weight: bold;  color: #f06e6c ;}
eth { font-weight: bold;  color: #f06e6c ;}
sum { color: #e6c2b6; }
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
.div.cont_code { clear: right; }
div#fa_toolbar:hover {opacity: 1;}
div#fa_toolbar {background-color: #cf6956;border-bottom: 3px solid #fff;color: #fff!important;font-family: 'Raleway';font-size: 13px;margin: -2px auto auto;opacity: 1;padding-top: -4px;text-transform: lowercase;transition: all 1s;}
#fa_toolbar {background-color: #cf6956; color: #FFF;font-size: 16px;height: 30px;left: 0;z-index: 999;}
.fa_fix {position: fixed!important; right: 0;top: 0;}
.fa_toolbar_L_Sized {min-width: 774px;}

#quickloginform_overlay {background-color:#333;height:100%;left:0;opacity:0.7;position:fixed;top:0;width:100%;}
#quickloginform {height:100%;position:fixed;top:20%;width:100%;}
#quickloginform>form {background-color:#fff;box-sizing:border-box;margin:auto;padding:20px 30px;width:360px;border-radius:3px;}
#quickloginform input[type="password"],#quickloginform input[type="text"] {
background:#f2f2f2 none repeat scroll 0 0;border:0 none;box-sizing:border-box;font-family:"Helvetica";font-size:14px;margin:0 0 15px;outline:0 none;padding:15px;width:100%;}
#quickloginform button {background-color:#82a6bf;border:0 none;color:#ffffff;cursor:pointer;font-family:"Helvetica";font-size:14px;outline:0 none;padding:15px;text-transform:uppercase;width:100%;}
#quickloginform p:nth-child(n) {margin-bottom:0;margin-top:20px;text-align:center;}
#quickloginform form p {color:#b3b3b3;font-size:11px;}
#quickloginform form a {color:#2b86b3;text-decoration: none;}
#av_quickreply img {width: 100px; height: auto; position: absolute;top: 35px;left: -2px;border-radius: 10px;box-shadow: 0px 0px 2px gray; border: 1px solid white;}
#av_quickreply {width: 100px;position :absolute;}
 
/********************************** CATEGORIES ************************************/

.fondcat {background-image:url(https://images2.imgbox.com/9b/ec/YGQoG2dO_o.png);width:800px;height:150px;background-size:contain;background-repeat:no-repeat;margin:auto;}
.fondcat span {display: none;}
.forumline {background-color:#ededed;}
.bascat{border-radius: 0px 0px 5px 5px;background-image:url(https://images2.imgbox.com/bd/f1/lONOeHLW_o.png);position:relative;bottom:0px;width:808px;height:26px;background-size:contain;background-repeat:no-repeat;margin:auto;}
.UXV{background-image:url(https://images2.imgbox.com/b0/82/YTzEUmuB_o.png);width:780px;height:110px;background-size:contain;margin:auto;border:1px solid #fff;margin: 0px auto 5px auto;top:-50px;}
.avatar {display: inline-block;height:35px;width:35px;position:relative;left:35px;top:10px;background-size:cover;border-radius:100%;border:5px solid #fff;}
.avatar img { height:35px;width:35px; border-radius: 100%;}
.avatar:hover {transition: all 1.8s cubic-bezier(.4,0,.2,1);display: inline-block;height:35px;width:35px;transform:rotate(360deg); position:relative;left:35px;top:10px;background-size:cover;border-radius:100%;border:5px solid #fff;}
.triangle{display: inline-block;width: 0; height: 0; border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid white;position:relative;left:32px;top:2px;}
.stats {font-size:11px;position:relative;left:45px;top:10px;display: inline-block;width: 185px; height: 35px;background-color:#fff;padding:5px;text-align:center;border-radius:2px;border:1px solid #e3eafb;font-family: 'Questrial', sans-serif;line-height:13px;}
.message {cursor: help;display: inline-block;font-size:10px;position:relative;left:10px;top:20px;width: 130px; height: auto;background-color:#dabf8f;padding:5px;text-align:center;border-radius:2px; border: 1px ridge #ffffff;text-transform:uppercase;color:#fff;font-family: 'Questrial', sans-serif;}
.sujet {cursor: help;display: inline-block;font-size:10px;position:relative;left:15px;top:20px;width: 130px; height: auto;background-color:#edb069;padding:5px;text-align:center;border-radius:2px; border: 1px ridge #ffffff;text-transform:uppercase;color:#fff;font-family: 'Questrial', sans-serif;}
.iconsforum {width:60px;border-radius:100%;border: 8px solid #fff;position:relative;left:90px;top:15px;transition:all 0.8s cubic-bezier(0.89, 1.23, 0.29, 1.18);opacity:0.5;}
.iconsforum:hover {width:60px;border-radius:100%;border: 8px solid #fff;position:relative;left:90px;top:15px;transition:all 0.8s cubic-bezier(0.89, 1.23, 0.29, 1.18);}
.nomforum a {text-align: center;max-width: 150px;cursor: copy;position:absolute;margin-left:60px;margin-top:-50px;transition: all 1.8s cubic-bezier(.4,0,.2,1);font-family: 'Mr Bedfort', cursive;color:#831014;font-size:28px;text-transform: lowercase;}
.nomforum a:hover {transition: all 1.8s cubic-bezier(.4,0,.2,1);position:absolute;margin-left:60px;margin-top:-80px;color:#831014;font-family: 'Mr Bedfort', cursive;font-size:28px;}
.blocdesc {cursor: n-resize;font-size:10px;position:relative;left:155px;top:15px;width: 230px; height: 45px;background-color:#fff;padding:5px;text-align:center;border-radius:2px;border:1px solid #e3eafb;font-family: 'Questrial', sans-serif;line-height:13px;overflow:auto;text-align:justify;}
.blocdesc::-webkit-scrollbar {display:none;}
.nonew {position:relative;left:155px;top:15px;width: 240px; height: 15px;background-size:cover;}
.imgnk {position:relative;left:120px;}
.sfFRM {font-family: Questrial, sans-serif;height: 20px;width: 20px;border-radius: 100%;margin-left: 270px;margin-top:-5px;background-color: #cf6956;color:#fff;text-align:center;z-index:2; position: absolute;}
.sfFRM div { -webkit-transform: scale(0);-webkit-transition: all .45s ease-in-out;background: #fff;height: 45px;margin-left: -110px;margin-top: -65px;opacity: 0;overflow: auto;padding: 2px;position: absolute;transform: scale(0);transition: all .45s ease-in-out;width: 230px;}
.sfFRM:hover div {-webkit-transform: scale(1);opacity: 1;transform: scale(1);line-height: 8px;}
.sfFRM a {display: block;color: #b77629!important;font-family: 'Questrial', sans-serif;font-size: 12px;text-transform: uppercase;letter-spacing:2px;}
bv {line-height:20px;}

/************************* QEEL *************************/

.cadre1{border: 1px solid #e3eafb;border-radius: 5px 5px 0px 0px;background-color:#eeeeee;width:760px;height:260px;padding:20px;margin: 5px auto 5px auto;}
#transition {animation: fadein 0.8s ease-in-out;}
.contenu_onglet { display:block;width:350px;height:80px;overflow:auto;background-color: #fff;padding:10px;color: #bdc1c4;    border: 1px solid #e3eafb;font-family: 'Questrial', sans-serif;text-align:justify;font-size:12px;}
.contenu_onglet::-webkit-scrollbar {display:none;color: #bdc1c4;}
.onglet {color: #fff;font-family: 'Mr Bedfort', cursive;font-size: 13px;padding:2px;text-align:center;width:165px;letter-spacing: 1px;margin: 10px;text-transform: lowercase;}
.onglet_1 {background-color:#8C8C8C;}
.onglet_2 {background-color:#AB93C7;}
.onglet_3 {background-color:#75AEB3;}
.onglet_4 {background-color:#90CC8A;}
.onglet_5 {background-color:#E79D97;}
.onglet_6 {background-color:#D9BB86;}
@keyframes fadein {
 from { opacity: 0; }
 to   { opacity: 1; }
}
.avatarqeel {display: inline-block;height:35px;width:35px;position:relative;left:35px;top:15px;background-size:cover;border-radius:100%;border:5px solid #fff;overflow: hidden;}
.avatarqeel:hover {transition: all 1.8s cubic-bezier(.4,0,.2,1);display: inline-block;height:35px;width:35px;transform:rotate(360deg); position:relative;left:35px;top:15px;background-size:cover;border-radius:100%;border:5px solid #fff;overflow: hidden;}
#lstavQEEL {width:35px; border-radius: 100%; overflow: hidden; margin-top: -10px;}
#lstavQEEL img{position:relative!important;top:10px!important;width:35px!important;height:auto!important;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-top-left-radius: 50px;-webkit-border-top-right-radius: 50px;-webkit-border-bottom-left-radius: 50px;-webkit-border-bottom-right-radius: 50px;-webkit-transform:translateZ(0px);}
.triangleqeel{display: inline-block;width: 0; height: 0; border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid white;position:relative;left:32px;top:2px;}
.statsqeel {font-size:11px;position:relative;left:45px;top:5px;display: inline-block;width: 180px; height: 25px;background-color:#fff;padding:5px;text-align:center;border-radius:2px;border:1px solid #e3eafb;font-family: 'Questrial', sans-serif;line-height:14px;}
.statsqeel lastmember {font-size:14px;}
.messageglobal {  cursor: help;font-size: 9px;position: relative;left: 60px;top: 12px;width: 130px;height: auto;background-color: #dabf8f;padding: 5px;text-align: center; border-radius: 2px;border: 1px ridge #ffffff;text-transform: uppercase;color: #fff;font-family: 'Questrial', sans-serif;}
.membreglobal {cursor: help;font-size: 11px; position: relative;left: 60px;top: 12px;width: 130px;height: auto;background-color: #edb069;padding: 5px;text-align: center;border-radius: 2px;border: 1px ridge #ffffff;text-transform: uppercase;color: #fff;font-family: 'Questrial', sans-serif;}
.anniversaire {font-size:10px;position:relative;left:75px;top:12px;width: 250px; height: 25px;background-color:#fff;padding:12px;text-align:center;border-radius:2px;border:1px solid #e3eafb;font-family: 'Questrial', sans-serif;line-height:14px; overflow: auto;}
.anniversaire::-webkit-scrollbar {display:none;}
.blocdescqeel {cursor: n-resize;font-size:10px;position:relative;left:10px;top:15px;width: 730px; height: 45px;background-color:#fff;padding:5px;text-align:center;border-radius:2px;border:1px solid #e3eafb;font-family: 'Questrial', sans-serif;line-height:13px;overflow:auto;text-align:justify;}
.blocdescqeel::-webkit-scrollbar-thumb {background-color: #cf6956;opacity: 0.4;}
.div {  display: block;}
.sfFRM2 {line-height: 14px;height: 20px;width: 20px;border-radius: 100%;background-color: #cf6956;text-align:justify;position: absolute;font-family: 'Questrial', sans-serif;margin-left: 380px;margin-top:5px;}
.sfFRM2 time {margin: 3px 3px 5px 2px;font-size:9px;position:absolute;color:#fff;}
.sfFRM2 div { -webkit-transform: scale(0);-webkit-transition: all .45s ease-in-out;background: #fff;height: 45px;margin-left: -365px;margin-top: -45px;opacity: 0;overflow: auto;padding: 3px;position: absolute;transform: scale(0);transition: all .45s ease-in-out;width: 730px;color:#000;z-index:3;font-family: 'Questrial', sans-serif;font-size:10px;overflow:auto;}
.sfFRM2:hover div {-webkit-transform: scale(1);opacity: 1;transform: scale(1);}
v { font-family: 'Mr Bedfort', cursive;text-transform:lowercase;font-size:13px;}


/***************  AFFICHAGE DES MESSAGES (et profils)  ******************/

/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tleSBJ{margin:5px auto; padding:15px 0;background:#cf6956;text-align:center;}
#tleSBJ h1 {font-size:20px;font-family: 'Oswald', sans-serif;color: #fff;display:block;}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {display:inline-block; vertical-align:top; margin-left:10px;text-align:center;}
/* DATE SUJET */
.datePOST {padding:5px;font-size:11px; text-transform:uppercase; text-align:left;background:#efefef; color:black;}
/* APPARENCE MESSAGE */
div.postbody {min-height:320px;padding:15px;background:#FFFFFF; color:color:rgba(0,0,0,0.5);text-align:justify;}
/*PROFIL AVATAR*/
.profil{width:200px;margin:auto;margin-right: 10px;}
.ava img{width:160px;transition: all 4.8s 1s cubic-bezier(0.22, 0.61, 0.36, 1);filter: grayscale(0%); border: 1px solid #d8aa93;padding:5px;position: absolute;margin-left: -15px;}
.groscadre {width:200px;height:320px;position:absolute;background:transparent;margin-left: -80px;transition: all 2.8s 1s cubic-bezier(0.22, 0.61, 0.36, 1);z-index: 120;}
.contour2 {width: 180px; height: 270px;padding:2px; border: 10px solid transparent;border-image: url(https://wonderworlds.org/snow/snow-falling-pale-animated.gif) 10;}
.titre2 {text-transform: capitalize;text-align:center;position:relative;font-size:25px;font-family: 'Mr Bedfort', cursive;color: #d6262d;}
.rang {text-align:center;color: #6e6d6d;margin-top:3px;width:185px;font-family: 'Questrial', sans-serif;font-size:8px;line-height:12px;padding:5px;border: 1px solid #ddd4ce;position:absolute;}
.lien {z-index: 1;height:20px;    background: linear-gradient(145deg, #ac3f36, #d7a95d);width:180px;border-radius:2px;margin:5px;font-family: 'Questrial', sans-serif;font-size: 10px;line-height: 12px;overflow:hidden;}
.lien2 {text-shadow: #58847e 0px 0px 1px;color:#fff;text-align: center;font-family: 'Questrial', sans-serif;font-size: 11px;line-height: 12px;padding: 5px;position: relative;z-index: 2;height: 20px;background-color: #beadba00;width: 180px;border-radius: 2px;overflow:hidden;transition: all 0.8s 1s cubic-bezier(0.22, 0.61, 0.36, 1);}
.lien2:hover {text-align: center;font-family: 'Questrial', sans-serif;font-size: 10px;line-height: 10px;padding: 5px;position: relative;z-index: 2;height: 50px;background-color: #beadba00;width: 180px;border-radius: 2px;overflow:hidden;margin-top:-20px;transition: all 0.8s 1s cubic-bezier(0.22, 0.61, 0.36, 1);}
.lien2 text4 {height:20px;overflow:hidden;}
.avdeco {position:absolute;margin-top:-80px;margin-left:-80px;z-index: 120;}
.UXDG2{width:170px;height:260px;background-color:#fff;padding:10px;position:absolute;margin:-5px 0px 0px -5px;}
.profil:hover .groscadre{width:200px;transition: all 0.8s 1s cubic-bezier(0.22, 0.61, 0.36, 1);z-index: 100;margin-left: -250px;transform: rotate(-10deg);}
.descprofil {overflow-x: hidden;margin:10px;font-family: 'Questrial', sans-serif;font-size: 11px;line-height: 12px;color:#a7a7a7;text-align:justify;height:200px;position: relative;width:160px;}
f {background-color:#e3cdc4;padding:5px;border-radius:2px;margin-right:5px;color:#fff; line-height: 25px;margin-bottom: 5px; margin-top: 5px;}
.UXDG2 img {max-width:155px; padding: 5px 5px 5px 0px; border-radius:2px;}
.descprofil::-webkit-scrollbar-track{background-color: #f5f5f5;opacity: 0.4;}
.descprofil::-webkit-scrollbar{width: 7px;background-color: #f5f5f5;opacity: 0.4;}
.descprofil::-webkit-scrollbar-thumb{background-color: #e3cdc4;opacity: 0.4;}
.tools{padding:5px;background-color: #cf6956; color:black; text-align: right;}


/*LISTING SUJET*/
.UXV4{top: 5px;background-image:url(https://images2.imgbox.com/b0/82/YTzEUmuB_o.png);width:780px;height:80px;background-size:contain;margin:auto;border:1px solid #fff;margin: 0px auto 10px auto;position:relative;}
.triangle4{display: inline-block;width: 0; height: 0; border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid white;position:relative;left:32px;top:2px;}
.statssu {font-size:10px; overflow: auto; position:relative;left:45px;top:15px;display: inline-block;width: 300px; height: 35px;background-color:#fff;padding:5px;text-align:center;border-radius:2px;border:1px solid #e3eafb;font-family: 'Questrial', sans-serif;line-height:13px;}
.messagesu {cursor: help;font-size:9px;position:relative;left:70px;top:15px;width: 50px; height: auto;background-color:#dabf8f;padding:5px;text-align:center;border-radius:2px; border: 1px ridge #ffffff;text-transform:uppercase;color:#fff;font-family: 'Questrial', sans-serif;}
.sujetsu {cursor: help;font-size:9px;position:relative;left:70px;top:15px;width: 50px; height: auto;background-color:#edb069;padding:5px;text-align:center;border-radius:2px;border: 1px ridge #ffffff;text-transform:uppercase;color:#fff;font-family: 'Questrial', sans-serif;}
.nomsujet1 {cursor: copy;color:#962422;font-family: 'Mr Bedfort', cursive;font-size:16px;text-transform: lowercase;}
.statssu a {color:#edb069!important;}
.blocdescsu {cursor: n-resize;font-size:14px;position:relative;left:90px;top:15px;width: 200px; height: 15px;background-color:#fff;padding:5px;text-align:center;border-radius:2px;border:1px solid #e3eafb;font-family: 'Questrial', sans-serif;line-height:18px;text-align:center;}
.miniicon img {position:relative;left:90px;top:15px;width: 210px; height: 15px;backgroud-size:cover;}
.avatarsu {display: inline-block;height:35px;width:35px;position:relative;left:35px;top:15px;background-size:cover;border-radius:100%;border:5px solid #fff;}
.avatarsu img { height:35px;width:35px; border-radius: 100%;}
.avatarsu img:hover {transform: rotate(360deg);transition:all 0.8s cubic-bezier(0.89, 1.23, 0.29, 1.18);}
/* FIN LISTING SUJET*/

/********************* BOTTIN DES VAVAS *********************/

.mozaik_avatar3 {position: relative;z-index: 1;display: inline-block;padding:5px;width: 50px;height: 160px;overflow: hidden;border: 2px solid #424b54;box-shadow: 0px 0px 0px #000000;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(opacity=50); transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;-ms-transition: 1s;}
.mozaik_avatar3:hover {position: relative;z-index: 999;display: inline-block;width: 100px;height: 160px;overflow: hidden;border: 2px solid #7b7d87;box-shadow: 0px 0px 5px #000000;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100); transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;-ms-transition: 1s;}
.mozaik_avatardescr3 {display: block;background: #2C2C2C;margin-top: 130px;height: 160px;overflow: auto;color: #e4e4e4;font-size: 10px; padding: 5px;line-height: 12px;text-shadow: 1px 1px 0px #000000;transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;-ms-transition: 1s;}
.mozaik_avatardescr3 a{display: block;text-decoration: none !important;font-family: sans-serif !important;font-size: 11px !important;color: #FAFAFA !important;}
.mozaik_avatardescr3:hover {margin-top: 0px !important;padding: 10px;transition: 1s;-moz-transition: 1s; -o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;-ms-transition: 1s;}
.mozaik_avatartitre3 {display: block;text-align: center;font-size: 11px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;}
.avatarmargin {width: 500px;margin-top: -35px;margin-bottom:-30px;}

/*********************  FIN BOTTIN DES VAVA (c) BOULET ******************/





/* slideshow */
#slideshow {
  position:relative;
  width:300px;
  height:145px;
}

/* gestion des dimensions et débordement du conteneur */
#slideshow .container {
  position:relative;
  width:300px;
  height:145px;
  overflow:hidden;
}

/* le conteneur des slides */
#slideshow .slider {
  position:absolute;
  left:0;
  top:0;
  width:400%;
  height:145px;
  animation:slider 16s infinite;
  -webkit-animation:slider 16s infinite;
}

/* Fonction animation */
@keyframes slider {
  0%,20%,100% {left:0}
  25%,45% {left:-100%}
  50%,70% {left:-200%}
  75%,95% { left:-300%}
}
@-webkit-keyframes slider {
  0%,20%,100% {left:0}
  25%,45% {left:-100%}
  50%,70% {left:-200%}
  75%,95% { left:-300%}
}


/***************** GENERAL ***********************/

.GEN_BOX {
  margin: auto;
  width: 450px;
  height: auto;
}

.GEN_TOP {
width:420px; height:auto;
border-radius: 10px 10px 0px 0px;
padding: 10px;
padding-top: 15px;
background:#fff;
border-bottom: 5px solid #cf6956; /* MODIFIABLE */
text-transform:uppercase; letter-spacing:2px;
font-family: 'Fjalla One'; color:#cf6956;
text-shadow:1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
text-align:center;
}

S2{ font-size:30px;}

S3{ font-size:15px;}

.GEN_CONTENT {
  background: #fff;
  width: 418px;
  height: auto;
  padding: 10px;
  text-align: justify;
  border: 1px solid #cf6956; /* MODIFIABLE */
  font-family: arial;
  font-size: 11px;
}

.rumeuricon img{width: 100pw; height: 100px;}
.rumeuricon { width: 100px; height: 100px; background-color: #fff; padding: 5px; border: #91c8d0 solid 1px;  display: block; margin: 5px 0px 5px 0px;}
.rumeurtext { display: block; width: 286px; height: 100px; padding: 5px; border: #f8ced3 solid 1px; background-color: #FEFAFA; overflow: auto; font-size: 11px; line-height: 14px; margin: 5px 0px 5px 0px;}
.directicon img{width: 100px; height: 160px;}
.directicon { width: 100px; height: 160px; background-color: #fff; padding: 5px; border: #91c8d0 solid 1px;  display: block; margin: 5px 0px 5px 0px;}
.linkstext { display: block; width: 286px; height: 160px; padding: 5px; border: #f8ced3 solid 1px; background-color: #FEFAFA; overflow: auto; font-size: 11px; line-height: 14px; margin: 5px 0px 5px 0px;}
.linkstext a{
  text-decoration: none;
  color: #6E6E6E;
}

.links1, .links1 a { font-size: 14px; text-align: center; font-family: oswald; border-bottom: 1px #ddd solid; padding: 5px; margin-bottom: 5px; line-height: 14px;}


/*  **************  CHATBOX  ****************  */

/* Enlever les bords de la Chat Box */
.chatbox { border:none; }
/* Enlever l'image de fond par défaut */
.chatbox .catBottom { background: transparent; }
/* Background de la Chat Box sans message */
#chatbox { background:#FFF; margin-bottom:-10px; }
/* Barre supérieure de la Chat Box */
#chatbox_header { background: #e4ac6a;}
#chatbox_header a { color: #FFF; margin-left:10px; text-transform:uppercase; }
/* Barre inférieure de la Chat Box */
#chatbox_footer { background: #e4ac6a;  padding-bottom:4px; }
/* Bg du "En ligne" */
#chatbox_members .online { background:#cf6956; text-transform:uppercase; }
/* Bg du "Absent" */
#chatbox_members .away { background:#6b6e74; text-transform:uppercase; }
/* Liste des membres à droite */
#chatbox_members {width:181px;background: #fff;opacity: 0.6;margin-bottom:-10px;border:none;}
#chatbox_members .member-title{color:#FFF;padding:3px;margin-top:10px;margin-bottom:5px;text-transform:uppercase;}
/* Style du menu des pseudos */
#chatbox_contextmenu { background:#FFF; font-size:15px; text-transform:uppercase; }
/* Fond différent - un message sur deux */
.chatbox_row_1 { background:#f7f3f2!important; }
.chatbox_row_2 { background:#ffffff!important; }
/* Zone du message de le Chat Box */
.chatbox input { border:1px solid #616470!important; }
#chatbox_footer #submit_button { padding-right:2px; }
/* Mise en forme de l'avatar du membre */
#chatbox .cb-avatar {padding: 0 !important;overflow:hidden;width:50px!important;height:50px!important;border-radius:50%;-moz-border-radius: 50%;-o-border-radius: 50%;-webkit-border-top-left-radius: 50px;-webkit-border-top-right-radius: 50px;-webkit-border-bottom-left-radius: 50px;-webkit-border-bottom-right-radius: 50px;-webkit-transform:translateZ(0px);}
/* Style des avatars des membres au niveau des messages */
#chatbox .cb-avatar > img {position:relative!important;top:-10px!important;width:50px!important;height:auto!important;-moz-border-radius: 50%;-o-border-radius: 50%;-webkit-border-top-left-radius: 50px;-webkit-border-top-right-radius: 50px;-webkit-border-bottom-left-radius: 50px; -webkit-border-bottom-right-radius: 50px;-webkit-transform:translateZ(0px);}
/* Facultatif - Changement du titre de la Chat Box */
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox_header .cattitle:before { content: "Produce U - Cookies Box"; }

#chatbox.recently-connected:after {font-family: "trebuchet ms", serif;font-size: 14px; line-height:20px; color: #3D3D3D; text-align: center; padding: 5px;box-shadow:0 0 5px #37516C; display:block; background: #ddbaee; margin:auto; border-radius: 10px; width:500px; height: 50px;  box-shadow: 0px 0px 2px gray; border: 1px solid white; margin-top: 5px;
  content: "Bienvenue sur la cb :3 \a Si tu ne sais pas quoi faire, rejoins le côté obscur de la force (▼皿▼)";}
/*FIN CHATBOX*/

/* INSTAGRAAAAAAAAAAAM */

.insta_box {width: 400px;height: auto;background: #f5f5f5;margin: auto;}
.insta_haut {width: 400px;height: 60px;background-image: url('https://i.imgur.com/5MsPl35.png');}
.instadate {float: right;padding: 20px;font-family: 'Open Sans Condensed', sans-serif;font-size: 16px;margin-top: -10px;}
.insta_picture img {width: 50px;height: 50px;border-radius: 30px;border: double #848484 5px;float: left;margin-top: 10px;margin-left: 10px;margin-right: 10px;margin-bottom: 5px;}
.insta_img img {width: 400px;height: auto;}
.insta_barre {width: 400px;height: 60px;margin-top: -4px;background-image: url('https://i.imgur.com/xCVNTBb.png');}
coeur {color: #950505;}
.insta_com1 {width: 400px;height: auto;background-image: url('https://i.imgur.com/xCVNTBb.png');}
.insta_like {width: 400px;height: auto;text-emphasis: after;transform:uppercase;font-weight: bold;font-family: 'Amatic SC';font-size: 27px;margin-top: -40px;margin-left:200px;color: #3D3D3D;}
pseudo {text-emphasis: after;transform:uppercase;font-weight: bold;font-size: 23px;color: #171717;font-family: 'Open Sans Condensed', sans-serif;}
.insta_com {padding: 20px;font-family: 'Open Sans Condensed', sans-serif;font-size: 16px;min-height: 80px;}
.insta_bas {width: 400px;height: 60px;margin-top: -4px;background-image: url('https://i.imgur.com/MiJOF3i.png');}
.instacom_box {width: 400px;border-radius: 30px;padding-bottom: 10px;height: auto;background: #f5f5f5;margin: auto;}
.instasquare img {width: 125px;height: 125px;padding: 4px;margin: auto;}
.instacom_box {width: 400px;border-radius: 30px;padding-bottom: 20px;height: auto;background: #f5f5f5;margin: auto;}
.status {text-align: center;text-emphasis: after;transform:uppercase;font-weight: bold;font-size: 16px;color: #171717;font-family: 'Open Sans Condensed', sans-serif;}

/* FIN INSTAGRAAAAAAM */



/******************** FICHE DE PREZ **********************/

/* TEST PREZ */

.PREZ {
  width: 514px;
  height: auto;
  margin: auto;
  }
  
m1 {
  font-family: Alegreya Sans SC;
    font-weight: bold;
text-transform: uppercase;
color: #8486bc;
  font-size: 15px;
}

m2 {
  font-family: Alegreya Sans SC;
    font-weight: bold;
text-transform: uppercase;
color: #cda6a3;
  font-size: 15px;
}

.PREZ_title {
 
    background-image: linear-gradient(#df9695, #ffffc8);
    border: 4px double #fff;
    color: #fff;
    width: 500px;
    font-family: Alegreya Sans SC;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 5px;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;
    }
    

.PREZ_title2 {
  
/* background-image: linear-gradient(#cbeab5,#b5deea); */
    background-image: linear-gradient(#df9695, #ffffc8);
    border: 4px double #fff;
    color: #fff;
    width: 500px;
    font-family: Alegreya Sans SC;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 5px;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;
    }
 
.PREZ_ft {
 background-color: #f1f1f1;
    border: 1px solid #cbcbcb;
    color: #3D3D3D;
    width: 506px;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 4px;
    text-align: center;
    text-transform: lowercase;
     margin: auto;
}

.PREZ_pic img {
  margin-top: 5px;
  margin-bottom: 3px;
  width: 100px;
  height: 100px;
  background-image: linear-gradient(#df9695, #ffffc8)
  border: 4px double #fff;
}

.PREZ_box1 {
  background-color: #d6d6d6;
  width: 400px;
  height: 102px;
  margin-top: -110px;
  float: right;
}  

.PREZ_minibox1 {
  width: 172px;
  border: #e1e1e1 1px solid;
  margin: 2px;
  height: 74px;
  padding: 8px;
  overflow: auto;
  background-color: #f1f1f1;
  text-align: justify;
}

.PREZ_barre1 {
    background-color: #f2f2f2;
    font-family: Arial Narrow;
    font-size: 10px;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
}

.PREZ_mainbox {
  background-color: #f1f1f1;
  width: 496px;
  height: 260px;
  padding: 10px;
  color: #3D3D3D;
  overflow: auto;
  /* font-family: Dosis; */
  text-align: justify;
  margin-bottom: 5px;
  
}  

.PREZ_pic2 img {
  width: 200px;
  height: auto;
  float: left;
  margin-right: 10px;
  background-image: linear-gradient(#df9695, #ffffc8);
  border: 4px double #fff;
}

.PREZ_pic3 img {
  width: 200px;
  height: auto;
  float: right;
  margin-left: 10px;
  background-image: linear-gradient(#df9695, #ffffc8);
  border: 4px double #fff;
}

.PREZ_box2 {
  background-color: #d6d6d6;
  width: 514px;
  height: 150px;
  margin-bottom: 5px;
  
}  

.PREZ_minibox2 {
  width: 230px;
  border: #f2f2f2 1px solid;
  margin: 2px;
  height: 122px;
  padding: 8px;
  overflow: auto;
  background-color: #f1f1f1;
  color: #3D3D3D;
  text-align: justify;
  margin-bottom: 5px;
  
}

.PREZ_box3 {
  background-color: #f1f1f1;
  width: 380px;
  height: 82px;
  margin-top: -110px;
  float: right;
  padding: 10px;
  overflow: auto;
  text-align: justify;
  
}  

/*********************** FIN FICHE DE PREZ *******************/
Revenir en haut Aller en bas
Lun 18 Fév - 16:29
Produce U
Messages :
145
Date d'inscription :
13/03/2017
Produce U
Admin
Code:

        /*  **************  FICHE DE PRESENTATION  ****************  */



/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 24/03/2017
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*reset des styles par défault du navigateur*/
.template-linus-2 ul{ list-style:none; }
.template-linus-2 ul, .template-linus-2 h5, .template-linus-2 h4, .template-linus-2 h3, .template-linus-2 h2,.template-linus-2 h4, .template-linus-2 h1, .template-linus-2 p, .template-linus-2 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-2 a, .template-linus-2 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-2 a img{border:none;}

/*couleurs par défaut*/
.template-linus-2 .tli-body{background:#faf9f9;}
.template-linus-2 .tli-body2{background:#faf9f9;}

.template-linus-2 .tli-credits{background:#e4e4e4;}
.template-linus-2 .tli-credits a{color:#555b6e;}

.template-linus-2 .tli-body-onglet{background:#e4e4e4;color:#555b6e;border-bottom:1px solid #e0e0e0;}

.template-linus-2 .tli-body:before{background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%,#faf9f9 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#faf9f9 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#faf9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00faf9f9', endColorstr='#faf9f9',GradientType=0 );}
.template-linus-2.default{color:#6e555d;}
.template-linus-2.default .tli-body span.dialog{color:#fff;}

.template-linus-2.default .tli-header{background:#f6e9c7;}
.template-linus-2.default .tli-header h2{color:#d58585;text-shadow: -1px 1px 0 #fff;}
.template-linus-2.default .tli-header h4{color:#91c8d0;text-shadow: 1px 1px 0 #fff;}



.template-linus-2.default a.tli-body-onglet:after{border-top:4px solid #f6e9c7;}

/*style général*/
.template-linus-2{
 padding:2em;
 text-align:left;
 width:400px;
 font-family:arial;
 font-size:11px;
 line-height:13px;
 background:url(http://strandhogg.fr/epicode/backgrounds/2.png);
}

/*en-tête*/
.template-linus-2 .tli-header{
 position:relative;
 text-align:center;
 padding-top:2em;
}

.template-linus-2 .tli-header h2{
 text-transform:uppercase;
 font-size:1.5em;
 padding:0em 2em;
 margin-bottom:0.4em;
}


.template-linus-2 .tli-header h3{
 text-transform:lowercase;
 font-size:1.2em;
 padding:0em 2em;
 margin-bottom:2em;
 
}

.template-linus-2 .tli-header-cols{
 background:#FFF url(http://strandhogg.fr/epicode/backgrounds/4.png);
 text-transform:lowercase;
 min-height:75px;
 overflow-y:auto;
 overflow-x:hidden;
}


.template-linus-2 .tli-header-cols .imgP img{
  height: auto;
  opacity: 0.9;box-shadow: 0px 0px 2px gray; border: 1px solid white; margin: 10px;
}

.template-linus-2 .tli-header-cols .tli-header-avatar{
 float:left;
  height: 75px;

  overflow: auto;
 width:50%;
 }
.template-linus-2 .tli-header-cols .tli-header-right{
 float:left;
  height: 75px;

  overflow: auto;
 width:50%;
 }.template-linus-2 .tli-header-cols .tli-header-left{
 float:left;
  height: 75px;

  overflow: auto;
 width:50%;
 }



.template-linus-2 .tli-header-cols .tli-champ{
 font-weight:bold;
   font-size: 1em;
}
.template-linus-2 .tli-header-cols:after{
 content:' ';
 display:block;
 clear:both;
}


.template-linus-2 .tli-header .tli-header-left p{
 padding:1em 2em;
    padding-left: 15px;
   padding-right: 40px;
    text-align:left;

}
.template-linus-2 .tli-header .tli-header-right p{
 padding:1em 2em;
 text-align:right;
   padding-right: 15px;
 padding-left: 50px;
}

/*en-tête avatar*/
.template-linus-2 .tli-header .tli-header-avatar{
 position:absolute;
 width:100px;
 height:100px;
 bottom:-15px;
 left:50%;
 margin-left:-50px;
 border-radius:50%;
 background:#EAEAEA;
 -webkit-transition:transform ease-in 0.75s;
 transition:transform ease-in 0.75s;
 overflow:hidden;
 text-align:center;
 -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
 -webkit-transform-origin:CENTER; -moz-transform-origin:CENTER; -o-transform-origin:CENTER; transform-origin:CENTER;
}
.template-linus-2 .tli-header .tli-header-avatar img{
 border-radius:50%;
 width:100%;
 height:100%;
 opacity:0.7;
}
.template-linus-2 .tli-header .tli-header-avatar span{
 position:absolute;
 width:100%;
 height:100%;
 left:0px;
 top:0px;
}
.template-linus-2 .tli-header .tli-header-avatar span{
 border-radius:50%;
 font-size:0.9em;
 line-height:1em;
 visibility:hidden;
 z-index:2;
 width:80%;
 padding:0 10%;
 cursor:default;
 display:flex;
 align-items:center;
 justify-content:center;
 background:url(http://strandhogg.fr/epicode/backgrounds/2.png);
}
.template-linus-2 .tli-header .tli-header-avatar:hover{
 -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);
}
.template-linus-2 .tli-header .tli-header-avatar:hover span{
 visibility:visible;
}

/*dialogues*/
.template-linus-2 .tli-body span.dialog:before{
 content: open-quote;
}
.template-linus-2 .tli-body span.dialog:after{
 content: close-quote;
}
.template-linus-2 .tli-body span.dialog{
 text-transform:lowercase;
 quotes: "«\00a0" "\00a0»";
}

/*corps de texte*/
.template-linus-2 .tli-body:before{
 content:' ';
 display:block;
 width:100%;
 height:50%;
 position:absolute;
 bottom:0;
 left:0;
 border-bottom:15px solid #faf9f9;
}
.template-linus-2 .tli-body{
 height:50px;
 overflow:hidden;
 text-align:justify;
 padding:2em 2em 3em 2em;
 position:relative;
}

.template-linus-2 .tli-body2{

 overflow:hidden;
 text-align:justify;
 padding:2em 2em 3em 2em;
 position:relative;
}

.blocAN {
width:230px; height:130px;
margin-left: 130px; overflow: auto; margin-top: 10px; padding-left: 5px; padding-right: 5px;}

.titreAN {
  width:230px; height:30px;
margin-left: 130px;
 margin-top: -170px;
 
    text-transform:uppercase;
   text-align: center;
 font-size:1.2em;
}

.template-linus-2 .tli-body h3{
 text-transform:uppercase;
   text-align: center;
 font-size:1.2em;
}

/*attention, nécessaires pour l'ouverture au clic*/
.template-linus-2 span.tli-target{
 position:fixed;
 display:none;
}
span.tli-target:target + a.tli-body-onglet + div.tli-body,
a.tli-body-onglet:target + div.tli-body,
div.tli-body-onglet + div.tli-body{
 height:auto;
}
span.tli-target:target + a.tli-body-onglet + div.tli-body:before,
a.tli-body-onglet:target + div.tli-body:before,
div.tli-body-onglet + div.tli-body:before{
 display:none;
}
.template-linus-2 a.tli-body-onglet:after{
 content:' ';
 display:block;
 width: 0;
 height: 0;
 margin:5px 5px 0 0;
 border-left: 4px solid transparent;
 border-right: 4px solid transparent;
 float:right;
}
.template-linus-2 span.tli-target:target + a.tli-body-onglet:after,
.template-linus-2 a.tli-body-onglet:target:after{
 display:none;
}
.template-linus-2 .tli-body-onglet{
 display:block;
 text-transform:lowercase;
 padding:1em;
}

/*crédits*/
.template-linus-2 .tli-credits{
 font-size:0.9em;
 padding:1em;
 text-align:right;
}

.template-linus-2 .tli-credits a{
 text-decoration:underline;
 text-decoration:underline !important;
}




/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 24/03/2017
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*reset des styles par défault du navigateur*/
.template-linus-27 ul{ list-style:none; }
.template-linus-27 ul, .template-linus-27 h5, .template-linus-27 h4, .template-linus-27 h3, .template-linus-27 h2, .template-linus-27 h1, .template-linus-27 p, .template-linus-27 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-27 a, .template-linus-27 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-27 a img{border:none;}

/*style général*/
.template-linus-27{
  padding:20px 0;
  background:#;
}

.template-linus-27 > div:after{
  content:' ';
  position:absolute;top:0;left:0;width:100%;height:100%;
  background-repeat:no-repeat;
  background-position:50%;
  background-image:url('https://i.imgur.com/tdbxutu.png');
}

/*fond d'écran*/
.template-linus-27 .tli-wallpaper{
  position:absolute;
  top:0; bottom:0; left:0; right:0; margin:auto;
  width:240px; height:420px;
  overflow:hidden;
  background-color:#FFF;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  z-index:10;
  -webkit-transition:all .25s;
  transition:all .25s;
  border-bottom:10px solid transparent;
}

.template-linus-27.hover .tli-wallpaper,
.template-linus-27:hover .tli-wallpaper{
  width:0;
  height:0;
}

.template-linus-27 > div{
  width:300px;
  height:570px;
  position:relative;
  font-family:arial;
  font-size:11px;
  margin:0 auto;
}

/*discussion*/
.template-linus-27 .tli-iphone-discu{
  position:absolute;
  top:120px; left:30px;
  width:234px; height:205px;
  overflow-y:auto;
  padding-right:5px;
  text-align: justify;
  z-index:9;
}

.template-linus-27 .tli-iphone-contact,
.template-linus-27 .tli-iphone-time{
  text-align:center;
  position:absolute;
  color:#FFF; width:100%;
  opacity:0.9;
}

.template-linus-27.hover .tli-iphone-time,
.template-linus-27:hover .tli-iphone-time{
  top:74px;
  font-size:8px;
}

.template-linus-27 .tli-iphone-time{
  z-index:11;
  top:130px;
  font-size:50px;
  -webkit-transition:all .25s;
  transition:all .25s;
}

.template-linus-27 .tli-iphone-contact{
  top:90px;
  font-size:14px;
  z-index:10;
}

.template-linus-27 > div:before{
  content:'send';
  position:absolute;
  bottom:220px;
  right:40px;
  z-index:10;
  display:block;
  font-size:14px;
  color:#c0c2d0;
  background:#f9f9f9;
}

/*avatars*/
.template-linus-27 .tli-iphone-discu .tli-avatar{
  width:25px;
  height:25px;
  border-radius:50%;
  position:absolute;
}

.template-linus-27 .tli-iphone-discu .odd:before,
.template-linus-27 .tli-iphone-discu .even:before{
  border-bottom:5px solid transparent;
  content:' '; width:0; height:0; display:block;
  position:absolute;
  top:0; bottom:0; margin:auto 0;
}

.template-linus-27 .tli-iphone-discu .even:before{
  border-left:5px solid #c0c2d0;
  right:-5px;
}

.template-linus-27 .tli-iphone-discu .odd:before{
  border-right:5px solid #efefef;
  left:-5px;
}

.template-linus-27 .tli-iphone-discu .even,
.template-linus-27 .tli-iphone-discu .odd{
  position:relative;
  padding:8px 10px;
  margin-top:5px;
  border-radius:10px;
  line-height:10px;
}

.template-linus-27 .tli-iphone-discu .odd{
  background:#efefef;
  color:#222;
  margin-left:35px;
}

.template-linus-27 .tli-iphone-discu .even{
  background:#c0c2d0;
  color:#fff;
  margin-right:35px;
}

.template-linus-27 .tli-iphone-discu .time{
  text-align:center;
  margin-top:5px;
  opacity:0.25;
  font-size:0.8em;
}

.template-linus-27 .tli-iphone-discu .even .tli-avatar{
  right:-35px; top:0; bottom:0; margin: auto 0;
}

.template-linus-27 .tli-iphone-discu .odd .tli-avatar{
  left:-35px; top:0; bottom:0; margin: auto 0;
}

/*en-tête*/
.template-linus-27 .tli-header{
  position:absolute;
  z-index:9;
  background:#c0c2d0;
  width:238px;
  height:40px;
  left:30px;
  top:72px;
  color:#fff;
  font-size:8px;
}

.template-linus-27 .tli-header:before,
.template-linus-27 .tli-header:after{
  content:' ';
  display:block;
  position:absolute;
  filter:invert(100%);
  -webkit-filter:invert(100%);
  background-size:cover;
  opacity:0.8;
}

.template-linus-27 .tli-header:after{
  right:8px;
  bottom:6px;
  width:15px;
  height:15px;
  opacity:0.5;
  background-image:url();
}

.template-linus-27 .tli-header:before{
  left:61px;
  top:3px;
  width:8px;
  height:8px;
  background-image:url();
}

.template-linus-27 .tli-reseau,
.template-linus-27 .tli-battery{
  display:flex;
  position:absolute;
  top:3px;
  align-items:center;
}

.template-linus-27 .tli-reseau{
  left:4px;
}

.template-linus-27 .tli-battery{
  right:4px;
}

.template-linus-27 .tli-reseau span{
  width:2px;
  height:2px;
  display:block;
  border-radius:50%;
  margin-right:1px;
}

.template-linus-27 .tli-reseau span,
.template-linus-27 .tli-battery .tli-bar{
  border:1px solid rgba(255,255,255,0.4);  
}

.template-linus-27 .tli-battery .tli-bar > div,
.template-linus-27 .tli-reseau span.tli-full{
  background:rgba(255,255,255,0.9);
}

.template-linus-27 .tli-reseau span:last-child{
  margin-right:4px;
}

.template-linus-27 .tli-battery .tli-bar{
  width:10px;
  height:4px;
  margin-left:3px;
  position:relative;
}

.template-linus-27 .tli-battery .tli-bar:after{
  content:' ';
  position:absolute;
  background:rgba(255,255,255,0.7);
  width:1px;
  height:2px;
  right:-2px;
  top:0;
  bottom:0;
  margin:auto;
}

.template-linus-27 .tli-battery .tli-bar > div{
  height:100%;
}

/*credits*/
.template-linus-27 .tli-credits{
  position:absolute;
  bottom:-10px;
  width:100%;
  text-align:center;
}

.template-linus-27 .tli-credits a{
  color:#37516C;
  text-decoration:underline;
}

.template-linus-27 ::-webkit-scrollbar {width:6px;}
.template-linus-27 ::-webkit-scrollbar-button {width:6px;height:4px;}
.template-linus-27 ::-webkit-scrollbar-track {background:#eee;border:thin solid lightgray;
  box-shadow:0px 0px 3px #dfdfdf inset;border-radius:10px;}
.template-linus-27 ::-webkit-scrollbar-thumb {background:#999;border:thin solid gray;border-radius:10px;}
.template-linus-27 ::-webkit-scrollbar-thumb:hover {background:#7d7d7d;}












/*BLOC AVATAR 200x320 / CARACTERE ET ANECDOTES*/
.blocAVATAR {
width:100px; height:160px;
padding : 5px;
border:2px solid #c0c2d0;
}

.imageBTS {
 width:100px;
 height:100px;
margin-left: 15px;
margin-bottom: 20px; }
  
.imageBTS img {
  border-radius:50%;
 width:100%;
 height:100%;
 opacity:0.7;
  }
  
.titreBTS {
  width:230px; height:30px;
margin-left: 130px;
 margin-top: -130px;
    text-transform:uppercase;
   text-align: center;
 font-size:1.5em;
  color:#fff;text-shadow: -1px 1px 0 #e7e6ef;
}

.blocBTS {
width:260px; height:80px;
  text-align: justify;
  margin-top: -10px;
  padding: 5px;
margin-left: 125px; overflow: auto; }


/* LIEN PREDEFINIS */

.imageLIEN{ position: right;width:100px;height:100px;margin-left: 290px;margin-top: -100px;}
.imageLIEN img {border-radius:50%;width:100%;height:100%;opacity:0.7; }
.titreLIEN{width:230px; height:30px; text-transform:uppercase;text-align: center;font-size:1.5em; color:#fff;text-shadow: -1px 1px 0 #e7e6ef;}
.blocLIEN {width:260px; height:80px; text-align: justify;margin-top: -10px; margin-left: 15px;padding: 5px;overflow: auto;}

/* AFFICHAGE DU PROFIL */
.PFIL {margin:auto; width:800px; font-family:Arial;}

/* BLOC SUJETS & MESSAGES / PSEUDONYME & DERNIERE VISITE PROFIL */
.topPFIL {padding:10px 0;text-transform:uppercase; text-align:center;background:rgba(0,0,0,0.8);  /* MODIFIABLE - COULEUR PAR DEFAUT */}

/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {display:inline-block; vertical-align:middle;width:55px; height:27px; padding:13px 10px 0;text-transform:uppercase; text-align:center; font-size:11px;background: #fff; color:black !important; /* MODIFIABLE */}

/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {display:inline-block; vertical-align:middle; margin:0 10px;width:75px; height:27px; padding:13px 10px 0;text-transform:uppercase; text-align:center; font-size:11px;background: #fff; color:black !important; /* MODIFIABLE */}
.namePFIL {display:inline-block; vertical-align:middle;width:590px; text-align:right;}

/* PSEUDONYME PROFIL */
.namePFIL span strong {color:white; /* MODIFIABLE */}

/* DERNIERE VISITE PROFIL */
.lstPFIL {margin-left:210px; margin-top:3px; width:380px; padding-top:3px; border-top:1px solid;text-align:right; font-size:10px; text-transform:uppercase; line-height:14px;border-color:white; color:white; /* MODIFIABLE */}

/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {color:white; /* MODIFIABLE */}

/* BLOC AVATAR PROFIL */
.avPFIL {display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;width:200px; height:320px; overflow:hidden;}

/* BLOC ADMINISTRATION PROFIL */
.adminPFIL {position:absolute; margin-top:115px; margin-left:10px;opacity:0; transition:opacity 0.75s; -webkit-transition:opacity 0.75s;}
.avPFIL:hover .adminPFIL {opacity:1;}

/* CONTENUS ADMINISTRATION PROFIL */
.adminPFIL div {margin-bottom:5px; width:180px; padding:5px 0;font-size:11px; text-align:center; text-transform:uppercase;background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */}

/* LIENS ADMINISTRATION PROFIL */
.adminPFIL div a {color:white; /* MODIFIABLE */}

/* BLOC POSITIONNEMENT */
.boxPFIL { display:inline-block; vertical-align:top; margin-top:10px; width:590px;}

/* BLOC INFORMATIONS PROFIL */
.abtPFIL {width:570px; height:255px; padding:10px; overflow-y:auto;font-size:11px; background: #fff; color:black; /* MODIFIABLE */}

/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {font-weight:bold; text-transform:uppercase; color:#b1b0af; /* MODIFIABLE */}

/* INFORMATIONS PROFIL */
.abtPFIL div {padding:2px 0;}
.abtPFIL .field_uneditable {display:inline-block; }

/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {margin-top:10px;height:35px; text-align:right; background: #ddbaee; /* MODIFIABLE */}

/* IMAGES CONTACT PROFIL */
.ktactPFIL {display:inline-block; vertical-align:middle; margin-right:10px; max-height:20px; overflow:hidden;}
.ktactPFIL img {max-height:20px;}

/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {margin:auto; margin-top:10px;width:780px; padding:10px; background:#f6e9c7; /* MODIFIABLE */}

/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {text-transform:uppercase; color:#fff; /* MODIFIABLE */}
.boxRPG div:nth-of-type(1) br {display:none;}

/* MODERATION PROFIL */
.ajax-profil_edit {position:absolute; z-index:15; margin-top:4px; margin-left:7px;}
.ajax-profil_edit img {width:7px;}

/************* FICHE DE LIEN SU HAN ************/
.xotourlif3 {width: 450px; margin: auto; background: #eee; padding: 15px 15px 10px 15px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;}
.xotourlif3 .box {background: #fff; display: inline-block;width: 145px; height: 250px; margin: 1px;overflow: hidden;}
.xotourlif3 img {width: 100px; height: 100px; border-radius: 50%;padding: 25px; margin: 35px -20px 0 -20px; border: solid 15px rgba(255,255,255,.5);}
.xotourlif3 h1 {margin: 10px 0 0 0; font: 18px contrail one; text-transform: uppercase;text-align: center; letter-spacing: 1px; padding: 0;}
.xotourlif3 h2 {margin: 10px 10px -10px 10px; padding: 0;font: 14px contrail one; text-transform: uppercase;text-align: center; letter-spacing: 0px; width: 115px; height: 15px; padding: 5px; color: #fff;}
.xotourlif3 .text { background: #fff; margin: 0; overflow: hidden;position: relative; z-index: 200;width: 145px; height: 0px; transition: .8s;border-top: solid 5px;}
.xotourlif3 .box:hover .text{margin: -248px 0 0 0; height: 240px;}
.xotourlif3 .scroll {margin: 15px 10px 15px 15px; color: #111; font: 11px/16px lato; text-align: justify;padding-right: 10px; height: 190px; overflow: auto; width: 110px;}
.xotourlif3 .scroll::-webkit-scrollbar { width: 5px; background: #eee; border: solid 2px #fff;}
.xotourlif3 .scroll::-webkit-scrollbar-track {background: #eee; border: solid 2px #fff;}
.xotourlif3 .scroll::-webkit-scrollbar-thumb {border: solid #ddd; background: #D5D5D5;border-radius: 8px;}

/******************* FIN FICHE DE LIEN SU HAN ***************/

/****************** FICHE RP SUMALEE *****************/
#crystals {width: 400px;margin: auto;background: #f1f1f1;border: 1px solid #ccc;padding: 2px;position: relative;height: 500px;} .crybox1 {width: 200px;height: 200px;background-image: url(https://cdn.nickpic.host/images/pHo0o6.jpg);
    background-size: cover;position: absolute;top: 4px;left: 4px;outline: 1px solid #ccc;border: 5px solid #fff;} .crybox2 {
   width: 200px;height: 200px;background-image: url(https://cdn.nickpic.host/images/pHo0o6.jpg);background-size: cover;position: absolute;bottom: 4px;right: 4px;outline: 1px solid #ccc;border: 5px solid #fff;} .cry1 {
   position: absolute;top: 30px;left: 30px; background: #fbfbfb;border: 1px solid #ccc;width: 345px;height: 445px;}
.cr1 {background: #eee; display: inline-block; margin: 5px; padding: 10px;border: 1px solid #ccc;vertical-align: top;width: 103px;height: 100px;}
.cr1 img {
   width: 90px;
    height: 90px;
    border: 5px solid #fbfbfb;
    outline: 1px solid #ccc;
}
.cr2 {
   text-align: center;
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid #ccc;
    margin: 5px 0 0 -10px;
    font-weight: 100;
    display: inline-block;
    vertical-align: top;
    width: 173px;
    height: 80px;
}
.cr2 h1 {
   margin: -6px 0 0 0;
    font: 50px arial;
    color: #e3e3e3;
    text-shadow: 1px 0px #fff, 0px 1px #fff, 0px -1px #fff, -1px 0px #fff;
}
.cr2 h1 sub {
   display: block;
    font: 26px roboto;
    letter-spacing: -2px;
    font-style: italic;
    font-weight: 100;
    color: #e6c2b6;
}
.cr2 h1 sub b {
   display: block;
    font: 8px pt sans;
    color: #ccc;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: -3px;
}
.cr3 {
   margin: -6px 5px 5px 5px;
    background: #f6f6f6;
    height: 310px;
    border: 1px solid #ccc;
}
.cr4 {
   margin: 10px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 30px;
    height: 227px;
}
.cr4 h2 {
   margin: 0;
    height: 227px;
    overflow: auto;
    font: 11px tahoma;
    text-align: justify;
    line-height: 120%;
    padding-right: 10px;
    color: #939393;
}
.cr4 h2 b {
  font: 12px pt sans;
  text-transform: uppercase;
  color: #e6c2b6;
}
/*
.cr4 h2 i {
   letter-spacing: 1px;
    color: #c7a79c;
    font: 12px roboto;
    font-style: italic;
} */
/************* FIN FICHE RP SUMALEE ****************/


/********************* DISCORD ***************************/

.ca-dc-1a { margin: auto; width: 500px; height: auto;background-color: #36393e; overflow: hidden; }
.ca-dc-1b { box-shadow: 0px 1px 2px #2b2e32; padding: 10px; font-family: 'Lato', sans-serif; font-size: 12px; color: #fafbff; height: 20px; line-height:20px;}
.ca-dc-1b nn { display: inline-block; height: 20px; }
.ca-dc-1b n { display: block; margin-top: -4px; font-weight: 800; height: 20px; font-size: 12px; line-height: 20px; color: #ffffff; }
.ca-dc-1b onl { display: inline-block; line-height: 20px; background-color: #43b581; height: 12px; width: 12px; margin-right: 5px; margin-left: 5px; border-radius: 7px; }
.ca-dc-1b spc { display: inline-block; background-color: #46494d; height: 20px; margin-bottom: -2px; width: 1px; margin-left: 5px; margin-right: 5px; }
.ca-dc-1a aka {  display: inline-block;    }
.ca-dc-1a aka fts {  display: block; margin-top: -4px; height: 20px;  }
.ca-dc-1a aka b { display: block; background-color: #737f8d; font-size: 9px; text-transform: uppercase; font-family: 'Lato', sans-serif;  height: 15px; width: 25px;  border-radius: 3px; margin-right: 10px; line-height: 15px; text-align: center; color: #fafbff; font-weight: 400; }
.ca-dc-1a aka2 { font-size: 8px; letter-spacing: 0px; text-transform: uppercase; height: 20px; line-height: 20px; text-align: center; color: #667378;  }
.ca-dc-1a aka2b { display: block; margin-top: -2px; }
.ca-dc-1c { height: auto; width: 490px; padding: 5px; overflow: hidden; }
.ca-dc-1c wrpp { display: block;height: auto; width: 490px; padding: 5px; padding-right: 100px; overflow: auto; }
.ca-dc-1c ico {  background-size: cover; background-position: center; width: 40px; height: 40px; display: inline-block; border-radius: 50px; float: left;
   margin: 8px; margin-top: 0px; background-color: #2b2e32; margin-left: 5px; }
.ca-dc-1c p { border-bottom: 1px solid #3e4146; padding-bottom: 4px; width: 480px; }
.ca-dc-1c wrdz { display: inline-block; color: #b9bac2; font-family: 'Lato', sans-serif; font-size: 12px; line-height: 15px;width: 400px; text-transform: none; text-align: justify; }
.ca-dc-1d { margin: auto; width: 500px; height: 60px; background-color: #36393e; }
.ca-dc-1d tz { display: block;width: 480px; height: 1px; margin: auto; background-color: #313338; }
.ca-dc-1d tzz { display: block;width: 480px; height: 1px; margin: auto; background-color: #424549; }

.ca-dc-1d dis1 { display: block; margin: auto; margin-top: 10px; border-radius: 3px;border: 2px solid #686a6e; background-color: #424549; width: 475px; height: 35px; }
.ca-dc-1d table dis2 { margin-top: 0px; padding-left: 4px; display: inline-block; border-right: 1px solid #686a6e; color: #686a6e; width: 35px; height: 35px; line-height: 35px;
font-size: 35px; font-weight: 100; }
.ca-dc-1d table dis2:hover { background-color: #4d5054; color: #efefef; }
.ca-dc-1d table dis3 { padding-left: 20px;line-height: 30px; display: inline-block; }
.ca-dc-1d table ffs { display: block;  color: #686a6e;  line-height: 15px;}

.ca-dc-1c p b { line-height: 15px; color: #9e584b; font-size: 14px; display: block;  }
.ca-dc-1c p i { display: block; color: #6b6d6d; font-weight: 100; padding-left: 10px; font-size: 9px; line-height: 9px; margin-bottom: 3px; }

/******************* FIN DISCORD ****************/

/****************** YOUTUBE 1 **********************/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.ytube1,
.ytube3 { position: relative;}
#ytbox,
#ytbox2 { display: table-cell;}
.ytube3c,
.ytube4 tab {text-transform: uppercase;}
#ytbox { vertical-align: middle;}
#ytbox2 { vertical-align: top; padding-left: 10px;}
.ytube1 { max-width: 500px; margin: 20px; padding-right: 10px;letter-spacing: 0;}
.ytube2 { height: 220px; background-size: cover; background-position: bottom;}
.ytube3 { padding: 15px; height: 80px; background-color: #F9F9F9;}
.ytube3-1 { position: absolute; left: 20px;}
.ytube3-2 { position: absolute; top: 35px; right: 20px;}
.ytube3a img { border-radius: 50%; height: 80px; margin-right: 20px;}
.ytube3b { text-align: left;}
.ytube3b h1 { font: 400 17px roboto; margin: 0; line-height: 30px;}
.ytube3b .material-icons { font-size: 11px; color: #6E6E6E; margin-left: 3px;}
.ytube3b h2,
.ytube3c { margin: 0; color: rgba(17, 17, 17, .6);}
.ytube3b h2 { font: 400 11px roboto; line-height: 21px;}
.ytube3c { font: 500 11px roboto; line-height: 21px; padding: 5px 10px; background-color: #EDEDED;}
.ytube3c b { font-weight: 500; margin-left: 10px;}
.ytube3d { padding-left: 15px;}
.ytube3d i {color: #878787; font-size: 14px;}
.ytube4 { background-color: #F9F9F9; padding-bottom: 12px;}
.ytube4 tab {font: 700 8px roboto; padding: 0 15px 10px;color: rgba(17, 17, 17, .6);}
.ytube4 tab i,
.ytube4 tab i:hover { font-size: 15px; color: rgba(17, 17, 17, .6); margin-left: -10px; position: relative; top: 2px;}
.ytube4 tab:hover { color: #111; cursor: pointer;}
.ytube4 tab#selected { color: #111; border-bottom: 2px solid #111;}
.ytube5 { position: relative; padding: 20px;}
.ytube5 tab2 { position: absolute; left: 50px; font: 700 12px roboto; padding: 0 15px 10px; color: #111;}
.ytube5 tab2 i,
.ytube5 tab4 i { position: relative; top: 6px; color: #707070; font-size: 18px;}
.ytube5 tb3,
.ytube5 tab4 { position: absolute; font: 700 11px roboto; text-transform: uppercase;color: rgba(17, 17, 17, .6); cursor: pointer;
}
.ytube6b,
.ytube6c { width: 185px; position: relative;}
.ytube5 tab3 { top: 28px; left: 150px;}
.ytube5 tab4 { right: 50px;}
.ytube5 tab4 i { margin-right: 5px;}
.ytube6 { padding-top: 25px;}
.ytube6b {height: 105px;}
.ytube6c { cursor: pointer;}
.ytube6b time { font: 500 11px roboto; color: #fff; display: inline-block; padding: 5px; background-color: rgba(0, 0, 0, .8); border-radius: 3px; position: absolute; bottom: 5px; right: 5px;}
.ytube6c yttitle,
.ytube6c ytviews { color: #111; display: block;text-align: left;}
.ytube6c yttitle {font: 700 12px roboto; line-height: 20px; padding: 10px 0; display: block; max-width: 400px; max-height: 30px; margin: 0 auto; overflow: hidden;}
.ytube6c ytviews {font: 400 12px roboto;color: rgba(17, 17, 17, .6);padding: 8px 0;}
.ytube6c ytsubs { font: 500 11px roboto;color: rgba(17, 17, 17, .6);display: inline-block; padding: 5px;background-color: #F4F4F4;float: left; border-radius: 3px;}
.ytube1 hr { border: none; margin-top: 20px;}

/******************** FIN YOUTUBE 1 **************/

/********************** YOUTUBE 2 *********************/

.hobts { width: 500px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); }
.hobts1 { width: 500px; height: 45px; background-color: #fbfbfb; }
.hobts1a { width: 45px; height: 45px; color: #565656; font-size: 30px; text-align: center; line-height: 45px; }
.hobts1a i { text-align: center; line-height: 45px; }
.hobts1b { width: 258px; height: 45px; padding: 0px 15px; background-color: #fcfcfc; color: #d1d1d1; font-family: source sans pro; font-size: 11px; font-weight: 400; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 45px; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; cursor: text; }
.hobts1b i { margin-right: 5px; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; }
.hobts1b:hover i { color: #ec2828; }
.hobts1c { width: 54px; height: 35px; padding: 5px 15px; color: #d1d1d1; font-size: 12px; line-height: 35px; cursor: pointer; }
.hobts1c img { width: 35px; height: 35px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
.hobts1c i { margin-left: 5px; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; }
.hobts1c:hover i { color: #ec2828; }
.hobts1d { width: 70px; height: 35px; padding: 5px; background-color: #ec2828; color: #fafafa; font-family: source sans pro; font-size: 11px; font-weight: 400; font-style: normal; text-align: center; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 35px; cursor: pointer; }
.hotbs2 { width: 420px; padding: 0px 40px; background-color: #1C2022; overflow: hidden; }
.hotbs2 iframe { display: block; width: 420px; height: 236px; box-shadow: 0px 0px 8px rgba(0,0,0,0.5); }

.hotbs3 { width: 470px; padding: 15px; background-color: #272C2E; }
.hotbs3a { width: 45px; }
.hotbs3a img { display: inline-block; width: 45px; height: 45px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin-right: 15px; }
.hotbs3b { width: 100px; padding: 0px 15px; color: #68737B; font-family: source sans pro; font-size: 11px; font-weight: 700; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; word-spacing: 1px; line-height: 100%; }
.hotbs3c { width: 60px; height: 34px; padding: 8px 0px; color: #3e4549; font-family: source sans pro; font-size: 10px; font-weight: 700; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; word-spacing: 1px; line-height: 100%; border-left: 1px solid #34393d; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; cursor: pointer; }
.hotbs3c i { display: block; font-size: 17px; margin-bottom: 5px; }
.hotbs3c:hover { color: #68737B; }

.hotbs4 { width: 400px; padding: 25px 50px; background-color: #fbfbfb; color: #686868; font-family: source sans pro; font-size: 10px; font-weight: 400; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; }

.hotbs4 b { color: #686868; font-family: source sans pro; font-size: 17px; font-weight: 700; font-style: normal; text-align: inherit; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; margin-right: 15px; }
.hotbs4 i { color: #B4C4CF; font-family: source sans pro; font-size: 10px; font-weight: 400; font-style: italic; text-align: inherit; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; }

.hotbs4 a { color: #B4C4CF; font-family: source sans pro; font-size: 10px; font-weight: 400; font-style: normal; text-align: inherit; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; }

/*********************** FIN YOUTUBE 2 *******************/
Revenir en haut Aller en bas
Lun 18 Fév - 16:32
Produce U
Messages :
145
Date d'inscription :
13/03/2017
Produce U
Admin
pa

Code:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Belleza|Rochester|Roboto|Sacramento|Rajdhani|Marmelad|Pathway+Gothic+One|Oswald|Amatic+SC|Raleway|Cinzel|Six+Caps" />    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sedgwick+Ave|Dosis|Lato|Alegreya+Sans+SC" /><style>
::-webkit-scrollbar-track
{
/* border-radius: 8px;*/
 background-color: #fafafa;
   opacity: 0.4;

}

::-webkit-scrollbar
{
 width: 4px;
 background-color: #e1e1e1;
   opacity: 0.4;
}

::-webkit-scrollbar-thumb
{
/* border-radius: 10px;*/
 background-color: #b97367; opacity: 0.4;
}</style><meta charset="utf-8" />
<div class="template-linus-19">
                                                                                                                        
 <!--                                                              
                                                                -->                                                            
 <div class="tli-col-1">
                                                                                                                        
 <!--                                                              

    /*** DEBUT CONTEXTE ***/
                                                                  -->                                                            
 <h2 class="tli-title">
                                                             contexte                                                            
 </h2>
                                                                                                                        
 <!--                                                              
                                                                  -->                                                            
 <div class="tli-rtl">
                                                                                                                        
 <!--                                                              
                                                                    -->                                                            
 <div class="tli-scrollable" style="overflow: auto;">
                                                                                                                        
 <!--                                              
                          -                                               -->Au fil du temps, le marché du divertissement sud-coréen est devenu du plus en plus attirant. Le secteur dégagerait chaque année près de 4 millards d'euros, et ce nombre est sans cesse revu à la hausse si l’on en croit les chiffres annuels publiés en chaque début de nouvelle année. N’était-il donc pas naturel qu’une entreprise étrangère viennent s’installer sur la péninsule ? Et bien, c’est ce qu’a choisi de faire la Rolling US. Venue tout droit des USA, cette agence s’est installée en 2016 en Corée du Sud pour se lancer à son tour dans ce genre en pleine expansion. Après des premiers pas difficiles, l'entreprise américaine a finalement décidé de s’allier en 2018 avec le gouvernement coréen pour lancer un programme de Survival dans l'optique de lancer un futur groupe d'idoles. Derrière ce programme répondant au doux nom de Produce U, une équation simple y figure : des trainee, des épreuves, des perdants et des vainqueurs. C'est à vous de jouer maintenant ! <a href="http://produce-u.forumactif.com/t12-contexte" target="_blank" style="color:#f77624;">Plus d'infos ...</a>                                                    
 <!--                                                              
                                                                    -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                  -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
    /*** FIN CONTEXTE ***/

                                                                -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                -->                                                            
 <div class="tli-col-3 tli-pilier">
                                                                                                                        
 <!--                                                              

    /*** DEBUT COLONNE LIENS/INFOS GAUCHE ***/
                                                                  -->                                                            
 <div class="tli-bloc">
                                                                                                                        
 <!--                                                              
                                                                    -->bienvenue <br /><span class="USERNAME"></span>                                                            
 <!--                                                              
                                                                  -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                  --><a class="tli-bloc" href="http://produce-u.forumactif.com/t7-reglement" target="_blank">                                                            
 <!--                                                              
                                                                    -->réglement                                                          
 <!--                                                              
                                                                  --></a>                                                            
 <!--                                                              
                                                                  --><a class="tli-bloc" href="http://produce-u.forumactif.com/t21-le-bottin-des-avatars" target="_blank">                                                            
 <!--                                                              
                                                                    -->bottin des avatars                                                            
 <!--                                                              
                                                                  --></a>                                                            
 <!--                                                              
                                                                  --><a class="tli-bloc" href="http://produce-u.forumactif.com/f1-informations" target="_blank">                                                            
 <!--                                                              
                                                                    -->contexte & annexes                                                            
 <!--                                                              
                                                                  --></a>                                                            
 <!--                                                              
                                                                  -->                                                            
 <div class="tli-bloc">
                                                                                                                        
 <!--                                                              
                                                                    --><span>rumeurs</span> Des rumeurs anonymes font leur arrivée sur les réseaux sociaux !                                                        
 <!--                                                              
                                                                  -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
    /*** FIN COLONNE LIENS/INFOS GAUCHE ***/

                                                                -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                -->                                                            
 <div class="tli-col-2">
                                                                                                                        
 <!--                                                              

    /*** DEBUT COLONNE STAFF ***/
                                                                  -->                                                            
 <h2 class="tli-title">
                                                             staff                                                            
 </h2>
                                                                                                                        
 <!--                                                              
                                                                  -->                                                            
 <div class="tli-vignettes">
                        <iframe src="http://produce-u.forumactif.com/h10-petit-sapin-pa" frameborder="0" scrolling="no" style="width: 125px; height: 170px; margin-bottom: -10px; margin-left: -10px;"></iframe>                                                                                                  
 <!--                                                              

          /*** DEBUT STAFF ***/
                                                                        -->                                                            
 <div class="tli-staff">
                                                                                                                        
 <!--                                                              
                                                                          --><a class="tli-avatar" href="#" target="_blank"><img src="https://i.imgur.com/23dBiZc.gif" /></a>                                                            
 <!--                                                              
                                                                          -->                                                            
 <div class="tli-pseudo">
                                                                                                                        
 <!--                                                              
                                                                            --><span>Atkins Su Han</span>                                                            
 <!--                                                              
                                                                            -->fonda - admin                                                      
 <!--                                                              
                                                                            --><a href="http://produce-u.forumactif.com/privmsg?mode=post&u=4" target="_blank">mp</a>                                                            
 <!--                                                              
                                                                            --><a href="http://produce-u.forumactif.com/u4" target="_blank">profil</a>                                                            
 <!--                                                              
                                                                          -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                        -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
          /*** FIN STAFF ***/

          /*** DEBUT STAFF ***/
                                                                        -->                                                            
 <div class="tli-staff">
                                                                                                                        
 <!--                                                              
                                                                          --><a class="tli-avatar" href="#" target="_blank"><img src="https://media1.tenor.com/images/f37a04cbfdd7bef6dd72faeb90a2f8dc/tenor.gif?itemid=11786375" /></a>                                                            
 <!--                                                              
                                                                          -->                                                            
 <div class="tli-pseudo">
                                                                                                                        
 <!--                                                              
                                                                            --><span>Ahn Hee Won</span>                                                            
 <!--                                                              
                                                                            -->fonda - admin                                                      
 <!--                                                              
                                                                            --><a href="http://produce-u.forumactif.com/privmsg?mode=post&u=7" target="_blank">mp</a>                                                            
 <!--                                                              
                                                                            --><a href="http://produce-u.forumactif.com/u7" target="_blank">profil</a>                                                            
 <!--                                                              
                                                                          -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                        -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
          /*** FIN STAFF ***/

                                                                  -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
    /*** FIN COLONNE STAFF ***/

                                                                -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                -->                                                            
 <div class="tli-col-5">
                                                                                                                        
 <!--                                                              

    /*** DEBUT COLONNE ANNONCES ***/
                                                                  -->                                                            
 <h2 class="tli-title">
                                                             petites annonces                                                            
 </h2>
                                                                                                                        
 <!--                                                              
                                                                  -->                                                            
 <div class="tli-tlr">
                                                                                                                        
 <!--                                                              
                                                                    -->                                                            
 <div style="overflow: auto;" class="tli-scrollable">
                                                                                                                        
 <!--                                                              
                                                                    -->                                                            
 <ul class="tli-annonces">
                                                                                        
 <li>
                                                 <span class="tli-date">20 décembre 2018</span>Dernière MAJ de l'année 2018 <a target="_blank" href="http://produce-u.forumactif.com/t849-maj-de-noel">pour Noël</a> avec la complicité de Marley Smith.                                  
 </li>
  
 <li>
        <span class="tli-date">11 novembre 2018</span>Suprise ! Nouvelle <a target="_blank" href="http://produce-u.forumactif.com/t756-maj-3-2-surprise">maj 3.2</a> pinky !        
 </li>
              
 <li>
        <span class="tli-date">29 octobre 2018</span>C'est Halloween ! Produce U revêtit un design temporaire pour l'occasion, et on accompagne ça d'une <a target="_blank" href="http://produce-u.forumactif.com/t724-maj-3-this-is-halloween">maj 3</a>.        
 </li>
                  
 <li>
        <span class="tli-date">1er septembre 2018</span>C'est la rentrée ~ ! Et on vous encourage avec une petite <a target="_blank" href="http://produce-u.forumactif.com/t564-maj-2-2-c-est-la-rentree-les-amis">maj 2.2</a>        
 </li>
                  
 <li>
        <span class="tli-date">16 août 2018</span>Le forum fête ses 1 ans. <a target="_blank" href="http://produce-u.forumactif.com/t505-maj-2-1-joyeux-anniversaire-produce-u">maj spéciale anniversaire - 2.1</a>        
 </li>
                                                                  
 <li>
        <span class="tli-date">14 juillet 2018</span>Fin du recensement. La suppression des membres non-actif a été effectué.        
 </li>
              
 <li>
        <span class="tli-date">2 Juillet 2018</span>Ré-ouverture / maj 2.0        
 </li>
                    
 <li>
        <span class="tli-date">16 mars 2018</span>Forum en hiatus.        
 </li>
              
 <li>
        <span class="tli-date">15 octobre 2017</span>Première MAJ accompagnée d'un évent sur le thème d'Halloween        
 </li>
                  
 <li>
        <span class="tli-date">15 août 2017</span>Création du forum        
 </li>
                                                          
 </ul>
                                                                                                                        
 <!--                                                              
                                                                    -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                  -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
    /*** FIN COLONNE ANNONCES ***/
Revenir en haut Aller en bas
Lun 18 Fév - 16:33
Produce U
Messages :
145
Date d'inscription :
13/03/2017
Produce U
Admin
Code:

    /*** DEBUT COLONNE LIENS/INFOS DROITE ***/
                                                                -->                                                            
 <div class="tli-col-4 tli-pilier">
                                                                                                                        
 <!--                                                              
                                                                  --><a class="tli-bloc" href="http://produce-u.forumactif.com/t504-produce-u-episodes" target="_blank">                                                            
 <!--                                                              
                                                                    -->épisodes                                                            
 <!--                                                              
                                                                  --></a>                                                            
 <!--                                                              
                                                                  -->                                                            
 <div class="tli-bloc">
                                                                                                                        
 <!--                                                              
                                                                    -->le groupe <span>DREAM Ent.</span> est à privilégier                                                            
 <!--                                                              
                                                                  -->                                                            
 </div>
                                                                                                                        
 <!--                                                              

    /*** DEBUT PREDEFINIS ***/
                                                                  -->                                                            
 <div class="tli-bloc tli-no-border">
                                                                                                                        
 <!--                                                              
                                                                    -->                                                            
 <h2 class="tli-title">
                                                             adopte un choupi.com                                                            
 </h2>
                                                                                                                        
 <!--                                                              
                                                                    -->                                                            
 <div class="tli-6-vignettes">
                                                                                                                        
 <!--                                                              
                                                                      -->                                                            
 <div class="tli-vignettes-line">
                                                                                                                        
 <!--                                                              
                                                                        -->                                                            
 <div class="tli-row">
                                                                                                                        
 <!--                                                              
                                                                          --><a target="_blank" href="http://produce-u.forumactif.com/t597-lim-soo-hyun-it-s-just-a-question-of-money#6305"><img src="https://78.media.tumblr.com/3a04560eeac9a1c9d8e230e11afca60a/tumblr_nroz82ndhW1uzazrio1_250.png" /></a>                                                            
 <!--                                                              
                                                                          --><a target="_blank" href="http://produce-u.forumactif.com/t650-noh-eun-hee-feat-sojin-girls-day-ola-cadette-des-noh"><img src="https://66.media.tumblr.com/a2cc86966942e5784c3b28401cb82b50/tumblr_pag09egsq21wid7f2o5_250.png" /></a>                                                            
 <!--                                                              
                                                                        -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                        -->                                                            
 <div class="tli-row">
                                                                                                                        
 <!--                                                              
                                                                          --><a target="_blank" href="http://produce-u.forumactif.com/t509-lee-sung-jun-lie-a-la-vie-a-la-mort-libre"><img src="https://78.media.tumblr.com/1c5c75fd12351c5ad098f6e9903464eb/tumblr_ox0bouVjAh1wayxevo1_250.png" /></a>                                                            
 <!--                                                              
                                                                        -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                      -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                      -->                                                            
 <div class="tli-vignettes-line">
                                                                                                                        
 <!--                                                              
                                                                        -->                                                            
 <div class="tli-row">
                                                                                                                        
 <!--                                                              
                                                                          --><a target="_blank" href="http://produce-u.forumactif.com/t726-feng-chuang-mi-ft-lee-mi-joo-membre-du-groupe-seven-diamonds"><img src="https://data.whicdn.com/images/161656586/superthumb.jpg?t=1423233418" /></a>                                                            
 <!--                                                              
                                                                          --><a target="_blank" href="http://produce-u.forumactif.com/t529-nom-libre-jumeau-o-libre"><img src="https://78.media.tumblr.com/ac341d67ba1eff0df5df954234758582/tumblr_owzhfhrMbj1w7hmm1o2_640.jpg" /></a>                                                            
 <!--                                                              
                                                                        -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                        -->                                                            
 <div class="tli-row">
                                                                                                                        
 <!--                                                              
                                                                          --><a target="_blank" href="http://produce-u.forumactif.com/t331-han-joo-eun-ft-im-yoonah-the-warm-hearted-always-win"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQpzWK5tTiplp77aO3OaM_IhbEOPpS4Z1j7rh96tF5C6FKL1pu6Dw" /></a>                                                            
 <!--                                                              
                                                                        -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                      -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                    -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                                  -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
    /*** FIN PREDEFINIS ***/

    /*** DEBUT TOP SITES ***/
                                                                  -->                                                            
 <div class="tli-bloc">
                                                                                                                        
 <!--                                                              
                                                                    --><a href="http://www.root-top.com/topsite/asiancafe/in.php?ID=54" target="_blank">top 1</a> ∴                                                            
 <!--                                                              
                                                                    --><a href="http://www.root-top.com/topsite/miinachan05/in.php?ID=296" target="_blank">top 2</a> ∴                                                            
 <!--                                                              
                                                                    --><a href="http://www.root-top.com/topsite/letsplay/in.php?ID=313" target="_blank">top 3</a> ∴                                                              
 <!--                                                              
                                                                    --><a href="http://www.root-top.com/topsite/sukhee/in.php?ID=356" target="_blank">top 4</a> ∴                                                              
 <!--                                                    
                                                                    -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
    /*** FIN TOP SITES ***/

                                                                -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
    /*** FIN COLONNE LIENS/INFOS DROITE ***/

  /*** DEBUT PARTENAIRES ***/
                                                                -->                                                            
 <div class="tli-partners">
                                                                                                                        
 <!--                                                              
                                                                  -->                                                            
 <div class="tli-partners-animated">
                                                                                                                        
 <!--                                                              
                                                                    --><a href="http://seoul95.forumactif.com/" target="_blank"><img src="https://i.imgur.com/neNd5ok.png" /></a>                                                                  
 <!--                                                              
                                                                    --><a href="http://tokyorejects.forumactif.com/" target="_blank"><img src="https://nsa39.casimages.com/img/2018/07/04/180704033657559130.png" /></a>                                                            
 <!--                                                              
                                                                    --><a href="http://newlifecorp.forumactif.com/" target="_blank"><img src="https://i.imgur.com/gev5GGn.png" /></a>                                                            
 <!--                                              
                                                    --><a href="http://circus-of-damned.forumactif.com/" target="_blank"><img src="https://i.servimg.com/u/f62/19/87/76/27/bouton10.gif" /></a>                                                                    
 <!--                                                
                                                                    --><a href="http://sweet-seoul.forumactif.com/" target="_blank"><img src="https://i.imgur.com/7XGdVDs.png" /></a>                                                            
 <!--                                                              
                                                                    --><a href="http://theforestcries.forumactif.com/"><img src="https://www.zupimages.net/up/18/29/eys1.jpg" /></a>                                      
 <!--                                                              
                                                                    --><a href="http://touch-my-cookie.forumactif.com/"><img src="https://i.servimg.com/u/f37/19/94/37/70/bouton13.png" /></a>                                                            
 <!--                                                              
                                                                    --><a href="http://sugarfree.forumactif.com/" target="_blank"><img src="https://www.zupimages.net/up/18/31/ln71.jpg" /></a>                                                            
 <!--                                                              
                                                                    --><a href="http://bzac-a-avatarshunt.tumblr.com/" target="_blank"><img src="https://i.imgur.com/tCvXYAs.png" /></a>                                                            
 <!--                                                              
                                                                    --><a href="http://fluoado.forumactif.com/" target="_blank"><img src="https://i.imgur.com/CuaULS1.png" /></a>                        
 <!--                                                              
                                                                  --><a href="http://sinsandsymphony.forumactif.com" target="_blank"><img src="https://imgur.com/dECeTWW.png" /></a>                                                
 <!--                          

                                                                    --><a href="#" target="_blank"><img src="https://i.imgur.com/UC3jUGH.png" /></a>                                                            
 <!--                                                              
                                                                  -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
    /*** VOUS POUVEZ SUPPRIMER LE BLOC CI DESSOUS SI VOUS NE VOULEZ PAS DE DEFILEMENT ***/
                                                                  -->                                                            
 <div class="tli-partners-animated">
                                                                                                                        
 <!--                                                              
                                                                    --><a href="http://seoul95.forumactif.com/" target="_blank"><img src="https://i.imgur.com/neNd5ok.png" /></a>                                                                  
 <!--                                                              
                                                                    --><a href="http://tokyorejects.forumactif.com/" target="_blank"><img src="https://nsa39.casimages.com/img/2018/07/04/180704033657559130.png" /></a>                                                            
 <!--                                                              
                                                                    --><a href="http://newlifecorp.forumactif.com/" target="_blank"><img src="https://i.imgur.com/gev5GGn.png" /></a>                                                            
 <!--                                              
                                                    --><a href="http://circus-of-damned.forumactif.com/" target="_blank"><img src="https://i.servimg.com/u/f62/19/87/76/27/bouton10.gif" /></a>                                                                      
 <!--                                                
                                                                    --><a href="http://sweet-seoul.forumactif.com/" "="" target="_blank"><img src="https://i.imgur.com/7XGdVDs.png" /></a>                                                            
 <!--                                                              
                                                                    --><a href="http://theforestcries.forumactif.com/"><img src="https://www.zupimages.net/up/18/29/eys1.jpg" /></a>                                                      
 <!--                                                              
                                                                    --><a href="http://touch-my-cookie.forumactif.com/"><img src="https://i.servimg.com/u/f37/19/94/37/70/bouton13.png" /></a>                                                            
 <!--                                        
                                                                    --><a href="http://sugarfree.forumactif.com/"><img src="https://www.zupimages.net/up/18/31/ln71.jpg" /></a>                                                            
 <!--                                                              
                                                                    --><a href="http://bzac-a-avatarshunt.tumblr.com/" target="_blank"><img src="https://i.imgur.com/tCvXYAs.png" /></a>                                                  
 <!--                                                              
                                                                    --><a href="http://fluoado.forumactif.com/" target="_blank"><img src="https://i.imgur.com/CuaULS1.png" /></a>                            
 <!--                                                              
                                                                  --><a href="http://sinsandsymphony.forumactif.com" target="_blank"><img src="https://imgur.com/dECeTWW.png" /></a>                        
 <!--                        

--                         --><a href="#" target="_blank"><img src="https://i.imgur.com/UC3jUGH.png" /></a>                                                            
 <!--                                                              
                                                                  -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
    /*** FIN BLOC A SUPPRIMER ***/
                                                                -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
  /*** FIN PARTENAIRES ***/

                                                                -->                                                            
 <div class="tli-copyright">
                                                                                                                        
 <!--                                                              
                                                                  --><span class="FORUMNAME"></span> est un forum rpg créé par Mi & Boulet — Contexte écrit par Mi & Boulet — Thème réalisé par MarleySmith qu'on aime tout plein — P.A. proposé par linus pour <a target="_blank" href="http://epicode.bbactif.com/">Epicode</a>.                                                            
 <!--                                                              
                                                                -->                                                            
 </div>
                                                                                                                        
 <!--                                                              
                                                              -->
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" crossorigin="anonymous"></script>
<!--                                                              
                                                              --><style>@import 'http://fonts.googleapis.com/css?family=Raleway'; @import 'http://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.12/css/perfect-scrollbar.min.css';img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}a{color:#c76951;} .template-linus-19 ul{ list-style:none; }.template-linus-19 ul, .template-linus-19 h5, .template-linus-19 h4, .template-linus-19 h3, .template-linus-19 h2, .template-linus-19 h1, .template-linus-19 p, .template-linus-19 figure{margin:0;padding:0;font-weight:normal;}.template-linus-19 a, .template-linus-19 a:hover{text-decoration:none;text-decoration:none!important;}.template-linus-19 a img{border:none;}.template-linus-19{text-align:center;font-size:14px;line-height:14px;font-family:arial;color:#2C2C2C;position:relative;margin:0 auto;max-width:900px;min-width:550px;background-image: url(https://images2.imgbox.com/b0/82/YTzEUmuB_o.png);}body.tli-iframe{background:#f2f2f2;margin:0;padding:0;}.template-linus-19 .tli-col-1,.template-linus-19 .tli-col-5{display:flex;flex-direction:column;justify-content:flex-end;}.template-linus-19 .tli-title{font-family:"Raleway", serif;font-weight:normal;font-size:1em;letter-spacing:10px;display:flFAFAFAex;justify-content:center;flex-direction:column;flex:1;text-transform:uppercase;font-weight:bold;margin:10px;text-shadow:2px 1px #fff;color:#89322d;}.template-linus-19:after{content:' ';display:block;clear:both;}@-webkit-keyframes marquee {from {-webkit-transform:translateX(0%);}to {-webkit-transform:translateX(-100%);}} @keyframes marquee {from {transform:translateX(0%);}to {transform:translateX(-100%);}}@-webkit-keyframes thumb {0% { -webkit-transform:scale(1); }5% { -webkit-transform:scale(0.9); }10% { -webkit-transform:scale(1); }15% { -webkit-transform:scale(0.9); }20% { -webkit-transform:scale(1); }100% { -webkit-transform:scale(1); }}@keyframes thumb {0% { transform:scale(1); }5% { transform:scale(0.9); }10% { transform:scale(1); }15% { transform:scale(0.9); }20% { transform:scale(1); }100% { transform:scale(1); }}.template-linus-19 .tli-partners{overflow:hidden;display:flex;flex-wrap:nowrap;clear:both;padding:10px;}.template-linus-19 .tli-partners-animated:nth-last-child(2),.template-linus-19 .tli-partners-animated:nth-last-child(2) ~ div{animation:marquee 20s linear infinite;}.template-linus-19 .tli-partners-animated{display:flex;}.template-linus-19 .tli-partners:hover .tli-partners-animated{-webkit-animation-play-state:paused;animation-play-state:paused;}.template-linus-19 .tli-partners-animated a{margin-right:10px;line-height:0;}.template-linus-19 .tli-copyright{font-size:0.8em;text-transform:lowercase;clear:both;padding:10px;}.template-linus-19 .tli-copyright{background:#FAFAFA;color:#616161;opacity:0.75;}.template-linus-19 .tli-copyright a{color:#2C2C2C;border-bottom:1px dotted #2C2C2C;}.template-linus-19 .tli-col-1,.template-linus-19 .tli-col-2,.template-linus-19 .tli-col-3{float:left;}.template-linus-19 .tli-col-4,.template-linus-19 .tli-col-5{float:right;}.template-linus-19 .tli-col-4{border-bottom-left-radius:5px;}.template-linus-19 .tli-col-3{border-bottom-right-radius:5px;}.template-linus-19 .tli-col-1,.template-linus-19 .tli-col-2,.template-linus-19 .tli-col-3,.template-linus-19 .tli-col-4,.template-linus-19 .tli-col-5{height:350px;}.template-linus-19 .tli-rtl,.template-linus-19 .tli-tlr{margin:0 6%;}.template-linus-19 .tli-rtl,.template-linus-19 .tli-tlr{margin-bottom:10px;}.template-linus-19 .tli-scrollable{overflow:hidden;height:280px;position:relative;text-align:justify;font-size:0.8em;direction:ltr; color:#a1a1a1;}.template-linus-19 .tli-col-1,.template-linus-19 .tli-col-5{width:calc(100%/4);position:relative;background:#FAFAFA;}.template-linus-19 .tli-col-3,.template-linus-19 .tli-col-4{width:calc(16.66% - 1px);background:#FAFAFA;border-right:1px solid #ce6b69;}.template-linus-19 .tli-col-2{width:calc( 16.66% - 20px);padding:0 10px;display:flex;flex-direction:column;}.template-linus-19 .tli-col-2 .tli-title{font-size:0.8em;letter-spacing:6px;color:#;text-shadow:1px 1px #96735e;margin:10px 5px;flex:1;}.template-linus-19 .tli-col-3 .tli-title,.template-linus-19 .tli-col-4 .tli-title{font-size:1em;letter-spacing:6px;margin:0 0 5px 0;}.template-linus-19 .tli-annonces{list-style:none;padding:0;margin:0;}.template-linus-19 .tli-annonces li{margin-bottom:10px;}.template-linus-19 .tli-annonces .tli-date{display:block;text-transform:uppercase;border-bottom:1px solid #dabf8f;color:#e4ac6a;}.template-linus-19 .tli-pilier{display:flex;flex-direction:column;justify-content:space-around;font-size:0.7em;line-height:1.3em;}.template-linus-19 .tli-pilier a{color:#dca057;text-decoration:none;}.template-linus-19 .tli-pilier > a:hover{animation:thumb 2s linear infinite;}.template-linus-19 .tli-pilier .tli-bloc > a{text-decoration:underline;}.template-linus-19 .tli-pilier .tli-bloc{color:#a1a1a1;padding:10px;text-transform:uppercase;overflow:hidden;overflow-y:auto;position:relative;border-radius:3px;}.template-linus-19 .tli-pilier a.tli-bloc{background:#867e7e url(http://strandhogg.fr/epicode/patterns/axiom-pattern.png) 0% -20%;text-shadow:1px 1px #;}.template-linus-19 .tli-pilier div.tli-bloc{border:1px solid #dabf8f;margin:0 5px;}.template-linus-19 .tli-pilier a.tli-bloc{color:#fff;border:4px double #f2f2f2;margin:0 4px;}.template-linus-19 .tli-pilier .tli-bloc.tli-no-border{border:none;background:none;padding:0;margin:0 0 0 10px;}.template-linus-19 .tli-pilier .tli-bloc span{font-weight:bold;margin:2px 0;text-shadow: 1px 1px #;color:#922d34;}.template-linus-19 .tli-vignettes{margin-bottom:10px; } .template-linus-19 .tli-vignettes .tli-staff:hover{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);} .template-linus-19 .tli-vignettes .tli-staff{clear:both;height:70px;margin-bottom:10px;color:#45474e;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transform-origin:center;-webkit-transition:transform 0.5s; transition:transform 0.5s;}.template-linus-19 .tli-vignettes .tli-staff:last-child{margin-bottom:0;}.template-linus-19 .tli-vignettes .tli-staff .tli-avatar{display:flex;justify-content:center;width:25%;height:100%;overflow:hidden;float:left;filter:saturate(20%);-webkit-filter:saturate(20%);   -webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
-ms-transition: all .6s;
transition: all .6s;}.template-linus-19 .tli-vignettes .tli-staff:hover .tli-avatar{filter:saturate(100%);-webkit-filter:saturate(100%);}.template-linus-19 .tli-vignettes .tli-staff .tli-avatar img{height:100%;position:relative;z-index:2;}.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo{width:calc(75% - 10px);height:calc(100% - 10px);font-size:10px;position:relative;padding:5px;float:right;background:rgba(255, 255, 255, 0.4);text-transform:lowercase;}.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo span{font-weight:bold;font-family:"Raleway", serif;font-size:1.4em;display:block;}.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo a{position:absolute;bottom:0;width:calc(100% / 2);display:block;left:0;text-decoration:none;height:20px;line-height:20px;background:#867e7e;color:#dec69c;}.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo a:last-child{left:50%;background:#fff;}.template-linus-19 .tli-vignettes-line > .tli-row,.template-linus-19 .tli-vignettes-line{overflow:hidden;position:relative;z-index:1;}.template-linus-19 .tli-vignettes-line > .tli-row:after{content:' ';display:block;clear:both;}.template-linus-19 .tli-vignettes-line a{float:left;-webkit-transform:rotate(45deg) skew(20deg, 20deg);-moz-transform:rotate(45deg) skew(20deg, 20deg);-ms-transform:rotate(45deg) skew(20deg, 20deg);-o-transform:rotate(45deg) skew(20deg, 20deg);transform:rotate(45deg) skew(20deg, 20deg);transform-origin:0 100%;position:relative;overflow:hidden;filter:saturate(20%);-webkit-filter:saturate(20%);}.template-linus-19 .tli-vignettes-line a:hover{filter:saturate(100%);-webkit-filter:saturate(100%);}.template-linus-19 .tli-vignettes-line a img{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);-moz-transform:rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);-ms-transform:rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);-o-transform:rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);transform:rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);transform-origin:0 100%;}.template-linus-19 .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd),.template-linus-19 .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even){position:absolute;top:0;width:100%;height:0px;overflow:visible;z-index:2;}.template-linus-19 .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd) a,.template-linus-19 .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even) a,.template-linus-19 .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd) img,.template-linus-19 .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even) img{transform-origin:100% 0;}.tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(odd) a{width:calc(100%/2.01);padding-bottom:calc(100%/2.01);}.tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(even) a{width:calc(100%/2.01);padding-bottom:calc(100%/2.01);}.tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(even) a:nth-child(1) ~ a, .tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(odd) a:nth-child(2) ~ a{display:none;}.tli-6-vignettes .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(even){ left:calc( (100%/2) / 2 ); }.tli-6-vignettes .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even){ left:calc( (100%/2) / 2 ); }.tli-6-vignettes .tli-vignettes-line:nth-child(even){margin-top:3%;}.tli-6-vignettes .tli-vignettes-line:nth-child(even), .tli-6-vignettes .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(odd){left:5%;}.tli-6-vignettes .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd){left:-5%;}.tli-6-vignettes{margin-left:-5%;width:100%;}.template-linus-19 .ps-scrollbar-y-rail{opacity:0.2;}.template-linus-19 .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.template-linus-19 .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:6px;}.template-linus-19 .ps-container>.ps-scrollbar-y-rail{width:10px;}.template-linus-19 .ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:transparent;}
</style>
Revenir en haut Aller en bas

Contenu sponsorisé
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en haut Page 2 sur 3Aller à la page : Précédent  1, 2, 3  Suivant


Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Produce You :: administration :: We Can do it-
Sauter vers: