.row
{
    float: left;

    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;

    direction: rtl;
}

.row h2
{
    font-size: 24px;

    color: #888;
}

#AlbumsPhotoFeedBack
{
    float: right;

    width: 100%;
    padding-bottom: 5px;

    text-align: right;
}

#GpictureAlerteMessage
{
    width: 100%;
}

#edit_picture .valeur_input
{
    width: 418px;
}

#AlbumsPhotoCaption
{
    float: right;

    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px;
    padding: 5px;
    padding-bottom: 5px;

    text-align: right;

    border-radius: 5px;
    background: #fcf2e6;

    direction: rtl;
}

.YbContributorName
{
    text-align: right;

    direction: rtl;
}

.title_caption
{
    font-weight: bold;

    display: inline-block;

    margin-bottom: 10px;
    padding-top: 5px;
    padding-right: 25px;
    padding-bottom: 5px;

    background: url(/apialbums/images/1424990620_stock_placeholder-picture-16.png) no-repeat right center;
}

.title_alb_caption
{
    font-weight: bold;

    display: inline-block;

    padding-top: 5px;
    padding-right: 25px;
    padding-bottom: 5px;

    background: url(/apialbums/images/1424990512_Pictures-Folder-Icon.png) no-repeat right center;
}

#SocialInfo
{
    font-style: italic;

    float: right;

    width: 100%;
    padding-bottom: 5px;

    text-align: right;
}

.commentbox
{
    margin-top: 1px;
    padding: 4px;
    padding-top: 10px;

    word-wrap: break-word;

    background-color: #fcf2e6;
}

.commentbox p
{
    padding: 5px 0;
}

.ligne_input
{
    float: left;

    width: 100%;
    padding-top: 20px;

    text-align: left;
}

.col-md-3
{
    width: 100%;
}

.thumbnail
{
    line-height: 1.42857143;

    position: relative;

    display: block;

    box-sizing: border-box;
    width: 90%;
    max-width: 250px;
    margin: 0 auto;
    margin-bottom: 21px;
    padding: 4px;
    transition: all .2s ease-in-out;

    border: 1px solid #ecf0f1;
    border-radius: 4px;
    background-color: #fff;
}

#sectionPartageAlbum,
.icons-social-image-diapo
{
    left: 5px;
}

.valeur_input
{
    text-align: right;
}

hr
{
    border-top: 1px solid #ecf0f1;
}

.col-md-10
{
    float: left;

    width: 60%;
}

.col-md-2
{
    float: right;

    box-sizing: border-box;
    width: 40%;
    padding-right: 10px;

    text-align: right;
}

a[class=butt2_cmt]
{
    font-family: arial;
    font-size: 15px;
    font-weight: bold;

    display: inline-block;

    padding: 6px 12px;

    cursor: pointer;
    text-decoration: none;

    color: #333;
    border: 1px solid #fa2;
    border-radius: 6px;
    background:         linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    background-color: #ffec64;
    box-shadow: inset 0 1px 0 0 #fff6af;
    text-shadow: 0 1px 0 #fe6;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffec64", endColorstr="#ffab23",GradientType=0);
}

a[class=butt2_cmt]:hover
{
    background:         linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    background-color: #ffab23;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffab23", endColorstr="#ffec64",GradientType=0);
}

.container-empty
{
    float: left;

    width: 100%;

    text-align: center;
}

.line-alb
{
    position: relative;

    display: block;
    float: right;

    width: 50%;
}

.label_input
{
    text-align: right;
}

.icons-manage-image
{
    position: absolute;
    right: 5px;
    bottom: 4px;

    display: block;

    width: 100%;
    padding: 3px;

    text-align: right;

    opacity: .8;
    background: #fff;

    direction: rtl;
}

.icons-social-image,
.icons-edit-image
{
    position: absolute;
    top: 4px;
    right: 5px;

    display: block;

    width: 100%;
    padding: 3px;

    text-align: left;
}

.icons-edit-image
{
    opacity: .8;
    background: #fff;
}

.pull-right a img
{
    width: auto !important;
    height: auto !important;
}

.icons-social-image a.facebook_alb,
.icons-social-image a.pinterest_alb
{
    line-height: 20px;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin-right: 10px;

    background: url(/images/social_icons_20.png) no-repeat;
}

.icons-social-image a.facebook_alb
{
    background-position: 0 -20px;
}

.icons-social-image a.pinterest_alb
{
    background-position: 0 -100px;
}

#bottomMoreButton
{
    position: relative;

    float: left;

    width: 100%;
    padding: 5px 0;

    cursor: pointer;
    text-align: center;

    background: #f9f9fa;
}

#dvloader
{
    left: -1px;
}

.thumbnail a img,
.thumbnail > img:first-child
{
    width: 100%;
    height: auto;
}

.avatarHandle
{
    float: left;

    width: 100%;
    margin-bottom: 0;
}

.lfoat
{
    float: right;

    margin-right: 10px;
}

._42ef
{
    float: right;

    width: 300px;

    text-align: right;
}

.panel-heading-left
{
    float: right;

    margin-left: 10px;
}

.panel-heading-right
{
    float: right;

    margin-right: 10px;
}

.panel-container-album
{
    float: right;

    width: 100%;
}

.caption
{
    text-align: right;
}

.pull-left
{
    float: right;

    margin-right: 10px;
}

.pull-right
{
    float: left;

    margin-left: 10px;
}

/* preview styles */
#photo_preview
{
    position: fixed;
    z-index: 10000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;
    overflow: hidden;

    color: #000;
    background-color: rgba(0, 0, 0, .7);
}

.photo_wrp
{
    overflow: hidden;
    box-sizing: border-box;
    width: 1000px;
    height: auto;
    margin: 100px auto 0;
    padding: 15px;

    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    background-color: #fafafa;

        -ms-border-radius: 5px;
         -o-border-radius: 5px;
}

.close
{
    position: relative;
    top: -12px;
    right: -12px;

    float: right;

    cursor: pointer;
}

.pleft
{
    position: relative;

    display: table;
    float: left;
    overflow: hidden;

    width: 565px;
    height: 380px;

    background: #000;
}

.pleft_full
{
    position: relative;
}

.fullscreen_toggle
{
    position: absolute;
    top: 10px;
    right: 10px;
}

.pright
{
    position: relative;

    float: right;

    width: 400px;
}

.AlbumsPhotoFeedBack
{
    float: left;

    width: 100;

    text-align: left;
}

#forms_block
{
    position: absolute;
    bottom: -60px;

    float: left;

    width: 100%;
    height: 56px;
}

.helper
{
    display: table-cell;

    height: 100%;

    vertical-align: middle;
}

#current_picture
{
    max-width: 565px;
    max-height: 380px;

    vertical-align: middle;
}

.preview_prev,
.preview_next
{
    position: absolute;
    top: 50%;

    margin-top: -24px;

    cursor: pointer;
    transition: opacity .2s ease 0s;

    opacity: .5;
}

.preview_prev:hover,
.preview_next:hover
{
    opacity: 1;
}

.preview_prev
{
    left: 40px;
}

.preview_next
{
    right: 40px;
}

table#table_cmd td.field input,
table#table_cmd td.field textarea
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    width: 100%;
    width: 340px;
    min-height: 16px;
    max-height: 44px;
    margin-top: 2px;
    padding: 6px;

    resize: none;

    border: 1px solid #96a6c5;

    -webkir-box-sizing: border-box;
}

.txtarea
{
    width: 340px;
}

.field button
{
    float: none;
}

#collapse_comd
{
    float: left;

    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    padding-top: 0;
    padding-left: 0;
}

#table_cmd td
{
    padding: 0;
    padding-top: 5px;
}

.pright table
{
    width: 100%;
}

.photo img
{
    cursor: pointer;
}

.show_more_cm_picture
{
    float: left;

    width: 100%;
    padding: 5px 0;

    background: #f9e5ce;
}

.show_more_cm_picture a
{
    float: left;

    width: 100%;

    text-align: center;
}

#comments_block
{
    float: left;
    overflow-x: hidden;

    width: 400px;
    height: 310px;
    margin-right: -30px;
}

#count_comments
{
    position: relative;

    float: right;

    direction: rtl;
}

#comments_list
{
    float: left;

    width: 100%;
    margin: 10px 0;

    text-align: left;
}

#comments_list .comment
{
    float: left;

    width: 100%;
    padding: 0;

    border-top: 1px solid #000;
}

#comments_list .comment:first-child
{
    border-top-width: 0;
}

#comments_list .comment span
{
    font-size: 11px;
}

.uiLinkButton input
{
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;

    margin: 0;
    padding: 0;

    cursor: pointer;
    vertical-align: top;

    color: #3b5998;
    border: none;
    background: none;
}

.UIActionLinks_bottom a,
.UIActionLinks_bottom button.as_link,
.UIActionLinks_bottom .uiLinkButton input,
.UIActionLinks_bottom .uiLinkButton input:hover
{
    color: #6d84b4;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer
{
    position: relative;

    overflow: hidden;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;

    width: 5px;
    height: 100%;

    border-radius: 5px;
    background: #fff;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 16px;

    background: red;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    position: relative;

    border-radius: 5px;
    background: #ffe7cb;
}

.comment_delete_al
{
    position: absolute;
    right: 7px;

    display: none;
}

.jspDrag
{
    position: relative;
    top: 0;
    left: 0;

    cursor: pointer;
    border-radius: 5px;
    background: #d5c9b6;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;

    height: 100%;
}

.jspArrow
{
    display: block;

    margin: 0;
    padding: 0;

    cursor: pointer;
    text-indent: -20000px;

    background: #50506d;
}

.jspArrow.jspDisabled
{
    cursor: default;

    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    float: left;

    width: 5px;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    float: left;

    height: 100%;

    background: #eeeef4;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}

#choose_action .element_choice a
{
    font-size: 24px;

    position: relative;
    z-index: 2;

    float: left;

    width: 100%;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;

    text-align: center;

    color: #000;
    border-radius: 5px;
    background: #f4dcc4;
}

.element_choice
{
    float: left;

    width: 100%;
}

.element_choice_hidden
{
    position: relative;
    z-index: 1;
    top: -36px;

    display: none;
    float: left;

    box-sizing: border-box;
    width: 100%;
    padding-top: 26px;
    padding-bottom: 15px;

    border: 1px solid #cecece;
}

#basic-modal-content
{
    display: none;
}

#simplemodal-overlay
{
    background-color: #000;
}

#simplemodal-container
{
    z-index: 1000000000 !important;

    width: 90% !important;
    height: auto;
    padding: 12px;

    color: #bbb;
    border: 4px solid #ff7f02;
    background-color: #fff;
}

#simplemodal-container .simplemodal-data
{
    padding: 8px;
}

#simplemodal-container code
{
    font-size: 12px;

    display: block;

    margin-bottom: 12px;
    padding: 4px 6px 6px;

    color: #bbb;
    border-left: 3px solid #65b43d;
    background: #fff;
}

#simplemodal-container a.modalCloseImg
{
    position: absolute;
    z-index: 32000000;
    top: -15px;
    right: -16px;

    display: inline;

    width: 25px;
    height: 29px;

    cursor: pointer;

    background: url(/img/x.png) no-repeat;
}

#simplemodal-container h3
{
    color: #84b8d9;
}

#boxes #dialog2,
#boxes #dialog4
{
    z-index: 202000000;

    width: 100%;
    height: 100px;

    background: transparent;
}

#GpictureDescription
{
    max-width: 416px;
}

@media screen and (min-width: 298px) and (max-width: 728px)
{
    #photo_preview
    {
        position: absolute;
        top: 0;

        overflow: visible;
    }
    #current_picture
    {
        width: auto;
    }
    .fullscreen_toggle
    {
        display: none;
    }
    .pleft
    {
        width: 100%;
        height: auto;
        transition: all .2s ease-in-out;
    }
    .pright
    {
        float: left;

        width: 100%;
        margin-top: 20px;
    }
    #collapse_comd,
    #AlbumsPhotoCaption,
    #table_cmd,
    #table_cmd textarea,
    #AlbumsPhotoFeedBack,
    #count_comments
    {
        font-size: 1em;
    }
    #current_picture
    {
        width: 100% !important;
        max-height: inherit !important;
    }
    #comments_block
    {
        width: 100%;
        height: auto;
    }
    #forms_block
    {
        position: relative;
        bottom: 0;
    }
    .txtarea,
    ._42ef,
    table#table_cmd td.field input,
    table#table_cmd td.field textarea
    {
        width: auto;
    }
    .jspPane,
    .jspContainer
    {
        position: relative;

        overflow: visible;
    }
    .photo_wrp
    {
        width: 100%;
    }
}
.tags li a
{
    color: #fff;
}

.pictureToForum
{
    float: left;

    width: 100%;
    margin-bottom: 5px;
}

.iconn-exclamation
{
    font-weight: 400;

    position: relative;
    top: -6px;

    float: right;

    margin-left: 10px;
    padding: 9px 9px 9px 10px;

    white-space: nowrap;

    border: 0 none;
    border-radius: 5px;
    background: transparent url(/images_new/1418664192_050.png) no-repeat 2px 7px;
}