<div id='pp-friend-wrap'>
                            <!-- Add / remove friend added via JS -->
                        </div>

        <!-- Friends -->
        <if="$member['pp_setting_count_friends'] > 0">
            <div class="borderwrap" style='padding:1px'>
                <div class="pp-title">{$this->ipsclass->lang['m_title_friends']}</div>
                <if="is_array($friends) and count($friends)">
                    <foreach="$friends as $friend">
                        <div class='pp-mini-content-entry'>
                            <div class='pp-image-thumb-wrap-floatright'><img src='{$friend['pp_thumb_photo']}' width='{$friend['pp_thumb_width']}' height='{$friend['pp_thumb_height']}' alt='' /></div>
                            <div style='position:absolute;z-index:2;'>
                                {$friend['_pp_gender_image']} <strong><a href='{$this->ipsclass->base_url}showuser={$friend['id']}'>{$friend['members_display_name_short']}</a></strong>
                            </div>
                            <br />
                            <div class='pp-tiny-text'>
                                {$friend['posts']} {$this->ipsclass->lang['m_bit_posts']}
                                <br />{$friend['_pp_online_image']} {$friend['_last_active']}
                            </div>
                        </div>
                    </foreach>
                    <div class='pp-mini-content-entry-noheight' style='text-align:right'>
                        <a href='#' onclick="ips_personal_portal.tab_load( 'friends' )">{$this->ipsclass->lang['m_view_friends']}</a>
                    </div>
                <else />
                    <div class='post1' style='padding:6px'>
                        <em>{$this->ipsclass->lang['m_no_friends']}.</em>
                    </div>
                </if>
            </div>
        </if>
        <!-- / Friends -->

        <div class='pp-name'>
            <table cellpadding='0' cellspacing='0' width='100%'>
            <tr>
                <td width='1%'>{$member['_avatar']}</td>
                <td width='98%' style='padding-left:10px'>
                    <h3 style='font-size:20px'>{$member['members_display_name']}</h3>
                    <strong>{$member['g_title']}</strong>
                    <p>{$member['_member_rank_img']}</p>
                </td>
            </tr>
            </table>
        </div>
        
        <br />

        <!-- Friends -->

<div style="background:#E1F3CB;padding:10px;border:1px solid #B8E283;color:#80C22E;">

        <if="$member['pp_setting_count_friends'] > 1">

                <span style="font-size:15px;font-weight:bold;">{$this->ipsclass->lang['m_title_friends']}</span><br /><br />
                <if="is_array($friends) and count($friends)">
<table width="100%"><tr>
                    <foreach="$friends as $friend">
<td width="52px" align="left" style="text-align:left">

<div class='friends'>

<a href="{$this->ipsclass->base_url}showuser={$friend['id']}"><img src='{$friend['pp_thumb_photo']}' width='{$friend['pp_thumb_width']}' height='{$friend['pp_thumb_height']}' alt='Voir le profil de {$friend['members_display_name_short']}' border='0' /></a>

</td>
</foreach>

<td align="right">
<img src="style_images/<#IMG_DIR#>/folder_profile_portal/user-online.png"> <a href='#' onclick="ips_personal_portal.tab_load( 'friends' )">{$this->ipsclass->lang['m_view_friends']}</a>
                        <div id='pp-friend-wrap'>
                            <!-- Add / remove friend added via JS -->
                        </div>
</td>

</tr></table>

                <else />
<span style="text-align:center;font-size:14px;font-weight:bold;">{$member['members_display_name']} n'a pas encore d'amis. :(</span>
                </if>

</if>
</div><br />
        <!-- / Friends -->

.friends
{
         width: 52px;
    height: 52px;
         color: #8DD044;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #9DD856;
    padding: 4px;
         margin-right: 5px;
}

.friends:hover{
         width: 52px;
    height: 52px;
    text-align: center;
    background: #F3FAEB;
    border: 1px solid #629623;
    padding: 4px;
}