body {
    font-family: 'Gotham Book';
    font-size: 14px;
    color: #000;
    margin: 0px;
    background-color: white;
}

    body table, ul, input, select {
        font-family: 'Gotham Book';
        font-size: 16px;
    }

ul {
    list-style-type: square;
    margin-top: 5px;
    margin-bottom: 5px;
}

address {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #2574DB;
}

    a:hover {
        color: #CC9F00;
    }

h1 {
    text-transform: uppercase;
    color: #CC9F00;
}

h2 {
    display: inline;
    margin: 10px 0 5px 0;
    display: block;
    color: black;
}

h3 {
    display: inline;
    color: #2574DB;
}

h5 {
    display: inline;
}

h6 {
    display: inline;
}

hr.line-dashed-gray {
    height: 0;
    border-width: 1px 0 0 0;
    border-style: dashed;
    border-color: #CCCCCC;
    padding-top: 4px 0 4px 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.text-colored {
    color: #2574DB;
}

.text-em {
    font-weight: bold;
    color: #2574DB;
}

.error {
    color: Red;
}

.content-container {
    width: 1000px;
    background-color: whitesmoke;
}

.content-left {
    float: left;
    height: 100%;
    position: relative;
    padding-top: 20px;
    width: 270px;
}

/*.content-left-padding
{
    float: left; 
    height: 100%; 
    position: relative;    
    padding:10px;
    padding-top: 20px;
    width: 250px;
}*/

/* deprecated */
.content-right {
    border: solid 1px #ADADAD;
    border-top-width: 0px;
    border-right-width: 0px;
    margin-left: 269px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    border-left: 1px solid #ADADAD;
    float: left;
    width: 620px;
}

.content-main {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*.banner-text-upper { color:White;font-size:20px; z-index: 98; left: 40px; position: absolute; top: 30px;}
.banner-text-lower { color:White;font-size:20px; z-index: 99; left: 40px; position: absolute; top: 60px; }*/

table.form-table > thead td {
    font-weight: bold;
}

table.form-table.cryptlex > tbody td {
    padding-top: 8px;
}

    .form-table TD {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .form-table INPUT, .form-table TEXTAREA, .form-table SELECT {
        border: solid 1px #ADADAD;
        color: #888888;
    }

    .form-table input[type=submit] {
        background-color: #FFA100;
        border: 0;
        padding: 6px 15px;
        outline: none !important;
        cursor: pointer;
        color: white;
    }

    .form-table th {
        text-align: start;
    }

 #cphContentMain_upnlRequester .form-table input[type="text"],
 #cphContentMain_upnlProfile .form-table input[type="text"] {
     width: 380px;
 }

#cphContentMain_upnlRequester .form-table select,
#cphContentMain_upnlProfile .form-table select {
     width: 382px;
 }

.form-control {
    border: solid 1px #ADADAD;
    color: #888888;
}

.form-control-button {
    color: #DEDEDD;
    font-weight: bold;
    border: solid 1px #ADADAD;
    color: #888888;
}

.form-control-transparent INPUT {
    background-color: Transparent;
}

.border {
    border: solid 1px #888888;
}

.required {
    font-weight: bold;
}

.no-border INPUT, .no-border {
    border-width: 0px;
}

.form-control-focus {
    background-color: #F1F1F1;
}

.contact-address H4 {
    margin: 0px;
    display: inline;
}

.contact-address H2, .contact-address H3 {
    display: block;
}

.contact-address img {
    position: relative;
    top: 6px;
    margin-right: 5px;
}

.contact-address .column1 {
    width: 49%;
    float: left;
}

.section-header-bar {
    display: none;
}

.section-header-bar.profile {
    display: block;
}

.section-header-bar.notconnect {
    background-color: #f5f5f5;
    text-align: center;
    padding: 10px;
}

.logo-container {
    padding-top: 80px;
}

/* NEW CSS STYLES */
#tblSiteNav {
    margin-top: 20px;
}

.container-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.container-item.second .column-left {
    background-color: #f5f5f5;
}

#tblSiteNav tr {
    width: 100%;
}

#menu {
    height: 22px;
}

.column-left {
    vertical-align: top;
    overflow: auto;
    width: 25%;
    align-self: stretch;
}

.column-left.profile {
    width: 24%;
}

    .column-left h2 {
        padding: 5px;
    }

    .column-left p {
        padding: 5px;
    }

.column-right {
    background-color: White;
    width: 75%;
}

.content-title h1,
#divContentRight #cphContentMain_lblDocumentFolderDescription {
    color: black;
    text-align: center;
    text-transform: capitalize;
    font-size: 22px;
    margin: 50px 0;
}

#divContentRight #cphContentMain_lblDocumentFolderDescription {
    margin: 50px 0 0 0;
}

.column-right.image {
    text-align: center;
    width: 76%;
}

.column-right h2 {
    font-size: 16px;
}

.masterContentMain .column-right {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.space {
    padding: 5px 0 0 5px;
}

#myprofile {
    background-color: White;
}

#myprofile .icon-close {
    font-size: 12px;
}

#myprofile .icon-close, .icon-users {
    color: #4d4d4d;
}

table {
    border-collapse: collapse;
}

td {
    padding: 0;
    margin: 0;
}

#divLoginContainer table {
    border-collapse: separate;
}

    #divLoginContainer table td {
        padding: 3px;
    }

.banner-text-upper, .banner-text-lower {
    color: #004F68;
    z-index: 98;
    display: block;
    text-align: left;
    padding: 25px 0 0 25px;
    font-family: "BryantProBoldItalic", Verdana, Arial;
}

.banner-text-upper {
    font-size: 30px;
    text-transform: uppercase;
}

.banner-text-lower {
    padding-top: 0px;
    font-size: 25px;
    margin-top: -5px;
}

i.info {
    color: #ADADAD;
    font-size: 9px;
}

option {
    text-align: left;
}

.border-left {
    border-left: 1px solid #ADADAD;
}

p {
    margin: 0;
    padding: 5px;
    padding-left: 0px;
}

.form {
    width: 100%;
    margin-top: 15px;
}

   .form > tbody > tr > th {
        text-align: left;
        font-weight: bold;
        padding: 2px 5px;
        width: 160px;
    }

    .form > tbody > tr > td {
        padding: 2px 5px 2px 0;
    }

        .form > tbody > tr > th.padding-top,
        .form > tbody > tr > td.padding-top {
            padding-top: 20px;
        }

        .form > tbody > tr > td > table.margin {
            margin: -2px -5px;
        }

    .form > tbody > tr > th.optional,
    .form > tbody > tr.optional th {
        font-weight: normal;
    }

    .form > tbody > tr > td > textarea {
        width: 99%;
    }

    .form > tbody > tr.disabled td {
        color: #BFBFBF;
    }

    .form > tfoot > tr > th,
    .form > tfoot > tr > td {
        padding-top: 10px;
    }

ul.horizontal {
    margin: 15px 0;
    padding: 0;
    list-style-type: none !important;
    text-align: center;
}

    ul.horizontal li {
        float: left;
        margin: auto;
        padding: 0;
        margin: 0;
    }

.html-address {
    border: 1px solid #EFEFEF;
    margin: 5px;
    padding: 10px 15px;
    width: 630px;
}

.padding-left5 {
    padding-left: 5px;
}

.pnlIndex-Default {
    background: transparent url(../../Images/Layout/extranet-header.jpg) no-repeat;
    width: 725px;
    height: 195px;
}

.pnlCTA-Generic {
    background-repeat: no-repeat;
    background-position: left top;
    width: 213px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

.pnlCTA-Generic-email {
    height: 59px;
    margin-left: 28px;
    width: 213px;
    cursor: pointer;
}

.CTA-Contact {
    color: White;
    font-family: Arial, Verdana;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    left: 12px;
    line-height: 12px;
    position: relative;
    top: 19px;
}

.DemoFormListHeader {
    margin-left: 14px;
    padding-bottom: 5px;
    padding-top: 0px;
}

.DemoParagraph {
    float: left;
    width: 320px;
}

.DemoHeaderContainer {
    float: left;
    padding-bottom: 10px;
}

.DemoSeparator {
    clear: both;
}

.DemoInfoContainer {
    float: left;
    padding: 10px 0px;
}

.DemoFormLine {
    float: left;
    width: 700px;
}

.DemoLabel {
    float: left;
    width: 150px;
}

.DemoField {
    float: left;
    width: 320px;
}

.DemoValidator {
    float: right;
    width: 200px;
}


.ol-banner {
    background-color: #f3f3f3;
}

.limiter {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
}

.ol-banner-partner {
    float: right;
}

.ol-banner h1 {
    font-size: 24px;
    color: lightgrey;
    font-weight: normal;
}

.ol-banner b {
    color: white;
}

.ol-menu {
    background-color: #f3f3f3;
    padding: 0 0 30px 0;
}

.ol-menu .content {
    padding: 30px 0;
}

.ol-menu h1 {
    font-size: 42px;
    color: #2c2a2b;
    font-weight: 300;
    font-family: 'Gotham';
}

.ol-menu p {
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 12px;
    font-family: 'Gotham';
    font-weight: 300;
}

.ol-menu p:first-of-type {
    margin-top: 20px;
}

#footer-site {
    background: #2574DB;
    color: white;
    line-height: 22px;
    padding: 85px 0 40px;
    display: block;
    font-size: 14px;
}

    #footer-site .central {
        margin-bottom: 0px;
    }

        #footer-site .central:before, #footer-site .central:after {
            content: "";
            display: table;
            line-height: 0;
        }

        #footer-site .central:after {
            clear: both;
        }

    #footer-site .row {
        margin-bottom: 15px;
    }

        #footer-site .row:before, #footer-site .row:after {
            content: "";
            display: table;
            line-height: 0;
        }

        #footer-site .row:after {
            clear: both;
        }

    #footer-site .span4 {
        width: 335px;
        float: left;
        margin-left: 60px;
        min-height: 1px;
    }

    #footer-site .span4:first-child {
        margin-left: 0;
    }

    #footer-site span.title4 {
        line-height: 32.4px;
        font-size: 17.5px;
        font-weight: bold;
        color: #FFFFFF;
        margin-bottom: 19.2px;
        display: inline-block;
    }

    #footer-site .btn-wrap {
        margin-bottom: -5px;
        margin-top: -26px;
    }

    #footer-site .btn-subscription {
        margin: 10px 0;
    }

    #footer-site .btn-subscription a {
        font-size: 15px;
        margin: 10px 0;
    }

    #footer-site .btn-question {
        margin: 28px 0 16px;
        border: medium none;
        font-weight: bold;
        background-color: #888888;
        border-radius: 6px 6px 6px 6px;
        font-size: 17.5px;
        padding: 11px 19px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
        display: inline-block;
        line-height: 24px;
        text-align: center;
        vertical-align: middle;
    }

        #footer-site .btn-question:hover {
            background-color: #888;
            color: white;
        }

    #footer-site strong {
        color: #FFFFFF;
    }

    #footer-site p {
        margin-bottom: 12px;
        padding: 0px;
    }

    #footer-site a {
        text-decoration: none;
        color: #FFFFFF;
    }

        #footer-site a:hover {
            color: #888;
        }

    #footer-site ul {
        margin-right: 5%;
        list-style: none outside none;
        margin-left: 0;
        padding: 0;
    }

        #footer-site ul li {
            line-height: 24px;
            font-size: 14px;
            padding: 0px;
        }

            #footer-site ul li a {
                line-height: inherit;
            }

    #footer-site .btn-social-wrap {
        margin: 30px 0 0;
        justify-content: space-between;
        display: flex;
        width: 225px;
    }

    #footer-site .btn-social {
        border: medium none;
        font-weight: bold;
        display: inline-block;
        line-height: 24px;
        margin-bottom: 0;
        text-align: center;
        vertical-align: middle;
    }

    #footer-site .entry-title {
        line-height: 20px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
    }

#footer-network {
    background: #001519;
    color: #2574DB;
	font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding: 30px 0;
}

        #footer-network .central:before, #footer-network .central:after {
            content: "";
            display: table;
            line-height: 0;
        }

        #footer-network .central:after {
            clear: both;
        }


    #footer-network a {
        text-decoration: none;
        color: #2574DB;
		font-weight: bold;
    }

        #footer-network a:hover {
            color: #DADADA;
        }

    .footer-logo {
        height: 30px;
        width: 197px;
    }

    .footer-limiter {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #footer-network .objectiflune-brand {
        color: #FFFFFF;
        background-image: url("../../Images/Logos/ol-logo-grey.svg");
        display: inline-block;
        height: 19px;
        margin-top: -4px;
        vertical-align: middle;
        width: 145px;
        margin-left: -1px;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: transparent;
        border: 0 none;
        text-indent: -200000em;
        text-shadow: none;
        text-decoration: none;
    }

.languageMenu {
    background-color: #FEF200 !important;
    margin-bottom: 20px;
    padding: 10px 15px;
}

.ol-banner-language .TopMenuTab {
    color: white;
}


#menu-network .objectiflune-brand {
    position: relative;
    top: 1px;
}

.objectiflune-brand-primary.inverted {
    background-image: url("../../Images/Layout/ol-top-or-40.svg");
    height: 40px;
    width: 257px;
}

.navbar-inverse [class*="icon-"], .navbar-inverse span, .navbar-inverse a [class*="icon-"] {
    color: #999999;
    transition: color 0.1s ease-in-out 0s;
}

.inverted, .inverted *, .inverted .link-arrow:before {
    color: #FFFFFF !important;
}

.ir {
    background-color: transparent;
    border: 0 none;
    color: transparent;
    text-indent: -200000em;
    text-shadow: none;
}

.objectiflune-brand-primary {
    background-image: url("../Images/logo-objectiflune.svg");
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 140px;
}

.objectiflune-brand {
    margin-left: -1px;
}

.objectiflune-brand, .product-brand {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.content-header {
    color: #2a2627;
    font-family: Arial;
    font-size: 20pt;
    text-transform: none;
}

.login-buttons {
    background-color: #FFA100;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    color: white;
    border-radius: 4px;
}

    .login-buttons:hover, .login-buttons:active {
        background-color: #FFA100;
    }


/*SPÉCIAL login-box-header*/
.login-box-header {
    width: 100%;
}

.login-box-header_container {
    padding: 10px 0;
}

.login-box-header label {
    padding: 8px 10px;
}

.login-box-header input[type="text"],
.login-box-header input[type="password"] {
    padding: 5px;
    width: 236px;
}

.login-box-input-controller {
    width: 100%;
}

#lvLogin_login1_LoginButton {
    margin-top: 10px;
    margin-bottom: 10px;
}

.error-placeholder {
    padding: 0 10px;
}

.login-buttons-outline {
    background-color: transparent;
    padding: 5px;
    cursor: pointer;
    border: 1px #ADADAD solid;
    color: black;
    font-size: 14px;
}

    .login-buttons-outline:hover {
        background-color: #FFA100;
        color: white;
    }

.lable-placeholder-ie {
    display: none;
}


.btn-social-wrap img {
    width: 30px;
    height: 24px;
}

.btn-social-wrap #Image4 {
    /*height: 24px;*/
   
}

.btn-social-wrap #Image5 {
    /*height: 30px;*/
}

.btn-social-wrap #Image3 {
    /*height: 22px;*/
}

.btn-social-wrap #Image2 {
   /* height: 27px;*/
}

.btn-social-wrap #Image1 {
    /*height: 25px;
    padding: 0 7px 2px;*/
}

.network-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
}

.network_menu-content {
    display: flex;
    flex-direction: row;
    list-style-type: none;
}

.network_menu-content li {
    padding: 0 13px 0 11px;
    position: relative;
    font-size: 12px;
}

.network_menu-content .hasdropdown {
     padding: 0 23px 0 10px;
}

.network-menu ul span {
    position: absolute;
    top: 10px;
    right: -14px;
}

.submenu-network {
    display: none !important;
}

.network-menu ul li:hover .submenu-network {
    display: block !important;
    position: absolute;
    background-color: #001519;
    min-width: 240px;
    padding: 10px 0;
    top: 29px;
    left: 0;
    z-index: 999;
}

.network-menu ul li:hover span {
    transform: rotate(-180deg);
    transition: all 0.3s ease;
}

.submenu-network li {
    padding: 0 0 0 6px;
    list-style-type: none;
}

.network_menu-content li a {
    color: #2c2a2b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
    position: relative;
    padding: 7px 0;
    text-transform: uppercase;
}

.network_menu-content li a:hover {
    color: white;
}

.network_menu-content li:hover {
    background-color: #001519;
    color: white;
}

.submenu-network li a {
    color: white;
    text-transform: capitalize;
}

.language td nobr:hover {
    color: white;
}

.prout {
    background-color: red !important;
}

.submenu-network li:hover {
    background-color: transparent;
    color: #888;
}
.network_menu-content .hasdropdown:hover a {
    color: white;
}

.submenu-network li a:hover {
    color: #888 !important;
}

.language {
    align-self: center;
    color: #3d3d3d;
}

.language td {
    font-size: 12px;
    padding: 7px 0;
}

.internal-menu ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    list-style-type: none;
}

.internal-menu li {
    font-size: 12px;
    margin: 0 5px;
}

.internal-menu a {
    color: #2c2a2b;
    padding: 10px;
    text-transform: uppercase;
}

.internal-menu a:hover,
.internal-menu .active {
    background-color: #d7d7d7;
}

.btn-login {
    display: flex;
    flex-direction: row;
    margin-bottom: 50px;
    justify-content: center;
}

.btn-login input {
    margin: 0 3px;
}

.title h2 {
    font-size: 22px;
    color: #2c2a2b;
    text-align: center;
    margin: 0 0 5px 0;
}

#divContentLeft {
    padding-bottom: 30px;
}

.doc-folder-itemlook nobr:hover {
    color: #2574DB;
}

#divContentRight h3 {
    font-size: 14px;
}

#divContentRight {
    padding: 0 0 60px 50px;
}

.folder .column-left {
    width: 313px;
}

.div-thumbnail-view td {
    font-size: 13px;
}

.modified-date {
    display:none;
}

table#ctl00_cphContentMain_mvProfile {
    margin-top: 50px;
}

.login_status .content-header,
.login_status p {
    display: none;
}

.login_status p:last-child {
    display: block;
    text-align: center;
}


.black-title {
    color: black;
    font-weight: 200;
}

.new-black-title {
    color: black;
    font-weight: bold;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-size: 16pt;
}

.home-text-calibri {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
}

.home-sub-title {
    color: black;   
    font-size: 13pt;
}

.home-contact-us {
    color: black;
    font-weight: bold;
    font-size: 15pt;
    text-decoration:underline;
}

.home-sub-heading {
    color: black;
    font-weight: bold;
    font-size: 14pt;
}

#divContentRight > br{
    line-height:8px;
}

.home-text {
    font-size: 11pt;
}

.home-text-bold {
    color: black;
    font-size: 12pt;
    font-weight: bold;
}

.home-text-italicized{
    font-style:italic;
}

.nfr-sidebar {
    padding: 6px;
}

.format-table-rolename.fr::after {
    content: 'Télécharger';
}

.register-form table, .register-form td, .register-form span, .register-form select, .register-form input {
    font-size: 13px;
}

.register-form span {
    margin-left: 9px;
}

.registration-popup,
.password-popup {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

#imgBSI {
    max-width: 100%;
    height: auto;
    width: 225px;
    margin-top: 20px;
}

.div-thumbnail-view-text {
    cursor: pointer;
}

/* Styles for the Upland -OL acquisition statement */

.statement {
    background-color: #2574DB;
    color: white;
}

.statement_container {
    padding: 10px 0;
    font-size: 14px;
}

.statement_container a {
    color: white;
    font-size: 14px;
    position: relative;
    border-bottom: 1px dotted white!important;
    margin-left: 5px;
}

.statement_container .icon {
    font-size: 10px;
    margin-left: 3px;
}

.statement-img {
    text-align: center;
    margin-top: 40px;
}