/** Publication page */
.publication-page {
    padding: 20px;
}

/** left picture */
.publication-page > .row > .picture-position {
    float: left;
    width: 205px;
    margin-bottom: 20px;
}

/** center info */
.publication-page > .row > .info-position {
    float: left;
    margin-left: 25px;
    width: 300px;
}
.publication-page > .row > .info-position > h1 {
    color: #0b80b7;
    font-size: 20px;
    line-height: 24px;
    border-bottom: none;
    margin-top: 8px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.publication-page > .row > .info-position > h2 {
    color: #666666;
    font-size: 17px;
    line-height: 20px;
    margin-top: 0;
}
.publication-page > .row > .info-position > .authors {
    margin: 20px 0;
    font-size: 12px;
}
.publication-page > .row > .info-position > .identifiers h4 {
    font-size: 12px;
    color: #0b80b7;
}
.publication-page > .row > .info-position > .identifiers > .row > div > .identifier {
    margin: 0;
    padding: 6px;
    background-color: #f5f6f8;
    color: #666666;
    font-size: 12px;
    margin: 0 -15px;
    text-indent: 15px;
}
.publication-page > .row > .info-position > .identifiers > .row > div:first-child > .identifier {
    margin-left: 0;
    text-indent: 0px;
}
.publication-page > .row > .info-position > .identifiers > .row > div:last-child > .identifier {
    margin-right: 0;
}

/** right download */
.publication-page > .row > .download-position {
    float: right;
    width: 242px;
    border-left: 1px solid #eeeeee;
    padding-left: 18px;
}
.publication-page > .row > .download-position > .section {
    margin-top: 16px;
    border-top: 1px solid #ebebeb;
}
.publication-page > .row > .download-position > .section:first-child {
    margin-top: 0;
    border-top: none;
}
.publication-page > .row > .download-position > .section > .btn {
    margin: 20px 6px 4px 6px;
}
.publication-page > .row > .download-position > .section > h3 {
    color: #666666;
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px;
}
.publication-page > .row > .download-position > .section > h4 {
    color: #0b80b7;
    font-size: 14px;
    line-height: 15px;
    margin-top: 6px;
    margin-bottom: 10px;
}
.publication-page > .row > .download-position > .section > p {
    margin-top: 10px;
}
.publication-page > .row > .download-position > .section.section-other > h4 {
    font-size: 12px;
}
.publication-page > .row > .download-position > .section > h4.padlock {
    line-height: 30px;
    text-indent: 30px;
    background-position: 3px 2px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    background-image: url("../images/padlock-red-p2pA_bC.png");
}
.publication-page > .row > .download-position > .section > h4.padlock.cart {
    line-height: 28px;
    text-indent: 28px;
    background-position: 0px 4px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    background-image: url("../images/shopping-cart_small-UF8A53i.png");
}
.publication-page > .row > .download-position > .section > h4.padlock.public {
    background-image: url("../images/padlock-green-ZbQuAif.png");
}
.publication-page > .row > .download-position > .section > h4.padlock.institutionnal {
    background-image: url("../images/padlock-orange-5YPAHvr.png");
}
/** second row (tabs) */
.publication-extra-row {
    margin-top: 28px;
}

.publication-extra-row > .tab-content {
    min-height: 100px;
}

/** page bottom */
.publication-page-bottom {
    padding: 10px 45px;
}

/** page bottom */
@media screen and (max-width: 768px) {
    .publication-page > .row > .info-position {
        float: none;
        margin-left: 220px;
        width: auto;
    }
    .publication-page > .row > .download-position {
        float: none;
        width: auto;
    }
}


@media screen and (max-width: 480px) {
    .publication-page > .row > .picture-position {
        float: none;
        margin: 0 auto 20px auto;
    }
    .publication-page > .row > .info-position {
        margin-left: 0;
    }
    .publication-extra-row > .nav-tabs>li {
        float: none;
        width: 100%;
    }
}