.commercant #header .headerLogo #account #profilePic {
    background: url(../img/CommercantProfilePic.png);
    background: none\9;
    background-size: 73px 64px;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/Izly.Admin/Content/img/CommercantProfilePic.png, sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/Izly.Admin/Content/img/CommercantProfilePic.png,  sizingMethod='scale')"
}

.gestionnaire #header .headerLogo #account #profilePic {
    background: url(../img/GestionnaireProfilePic.png);
    background: none\9;
    background-size: 73px 64px;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/Izly.Admin/Content/img/GestionnaireProfilePic.png, sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/Izly.Admin/Content/img/GestionnaireProfilePic.png,  sizingMethod='scale')"
}

.adminRegional #header .headerLogo #account #profilePic {
    background: url(../img/AdminRegionalProfilePic.png);
    background: none\9;
    background-size: 73px 64px;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/Izly.Admin/Content/img/AdminRegionalProfilePic.png, sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/Izly.Admin/Content/img/AdminRegionalProfilePic.png,  sizingMethod='scale')"
}

.adminNational #header .headerLogo #account #profilePic {
    background: url(../img/AdminNationalProfilePic.png);
    background: none\9;
    background-size: 73px 64px;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/Izly.Admin/Content/img/AdminNationalProfilePic.png, sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/Izly.Admin/Content/img/AdminNationalProfilePic.png,  sizingMethod='scale')"
}

@font-face {
    font-family: 'open_sansregular';
    src: url("../fonts/opensans_regular/OpenSans-Regular-webfont.eot");
    src: url("../fonts/opensans_regular/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_regular/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/opensans_regular/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url("../fonts/opensans_light/OpenSans-Light-webfont.eot");
    src: url("../fonts/opensans_light/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_light/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/opensans_light/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/opensans_light/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url("../fonts/opensans_bold/OpenSans-Bold-webfont.eot");
    src: url("../fonts/opensans_bold/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans_bold/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/opensans_bold/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/opensans_bold/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

html, body {
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: 'open_sansregular', Arial, sans-serif !important;
    color: #3f3f3f;
    line-height: normal !important;
    min-width: 1024px;
}

    body.kExec {
        cursor: url("../img/nyancat.cur"), auto;
    }

a, label, .blockContent table thead tr th a {
    color: #505050;
}

a {
    text-decoration: underline;
}

    a:hover {
        color: #333;
    }

label {
    margin: 0;
}

i {
    margin-right: 10px;
}

input[type="file"] {
    line-height: normal;
}

.dropdown-toggle i {
    margin-right: 0px !important;
}

select, #pageContent .ui-multiselect {
    line-height: 16px;
    height: 32px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bold {
    font-family: open_sansbold;
}

.textAlignRight {
    text-align: right;
}

.greyTopBorder {
    border-top: 1px solid #d8d8d8;
}

.greyBottomBorder {
    border-bottom: 1px solid #d8d8d8;
    padding: 30px 0;
}

.topPadding30 {
    padding-top: 30px;
}

.ui-multiselect-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 80;
    background: #fff;
    border: 1px solid #D9D9D9;
    border-top: none;
}

.ui-multiselect-header {
    padding: 10px 0px;
    border: none;
    background: none;
    border-bottom: 1px solid #D9D9D9;
}

    .ui-multiselect-header .ui-icon {
        display: none;
    }

    .ui-multiselect-header .ui-helper-reset {
        margin: 0px 10px;
    }

        .ui-multiselect-header .ui-helper-reset li {
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            height: 16px;
            vertical-align: top;
            padding: 6px;
            margin-left: 10px;
            line-height: 16px;
            background: #0A7880;
            border: 1px solid #0C9099;
            cursor: pointer;
        }

            .ui-multiselect-header .ui-helper-reset li a {
                color: white;
                font-size: 12px;
                font-weight: bold;
                text-align: center;
                text-shadow: 0 1px 0 #086066;
                text-decoration: none;
            }

.ui-multiselect-checkboxes {
    padding: 0px 17px;
    margin: 0px;
}

    .ui-multiselect-checkboxes label {
        background: none !important;
        border: none !important;
    }

        .ui-multiselect-checkboxes label input {
            margin: 0px;
            margin-right: 10px;
            top: -2px;
        }

    .ui-multiselect-checkboxes li:hover {
        cursor: pointer;
        background: #DCEDEC;
    }

.ui-widget-overlay {
    background: none;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
}

.ui-dialog {
    background: #fff;    
    border: 1px solid #3f3f3f;
    color: #3f3f3f;
    font-family: 'open_sansregular';
    padding: 25px;
    outline: none;
}

    .ui-dialog .ui-dialog-titlebar {
        background: none;
        border: none;
        text-align: center;
        font-weight: normal;
        font-size: 18px;
    }

        .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
            display: none;
        }

        .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
            color: #3f3f3f;
        }

    .ui-dialog .ui-dialog-content {
        background: none;
        border: none;
        padding-top: 30px;
        text-align: center;
        word-break: break-word;
    }

    .ui-dialog .ui-dialog-buttonpane {
        background: none;
        border: none;
        padding-top: 30px;
    }

    .ui-dialog .ui-dialog-buttonset {
        background: none;
        border: none;
        outline: none;
        text-align: center;
    }

        .ui-dialog .ui-dialog-buttonset button {
            border: none;
            height: 40px;
            line-height: 40px;
            outline: none;
        }

    .ui-dialog .ui-dialog {
        width: 50px;
    }

input:focus, select:focus {
    outline: none;
    border: 1px solid #0A7880 !important;
}

input[type="text"], input[type="password"], select, textarea, .ui-multiselect, .fake-input {
    background-color: #f7f7f7;
    border: 1px solid #d8d8d8;
    color: #2f699d;
    font-size: 12px;
    font-family: 'open_sansbold';
    width: 250px;
    height: 38px;
    border-radius: 0;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    select > option {
        font: -moz-pull-down-menu;
        font: 'open_sansbold';
        font-weight: 700;
    }

.fake-input {
    background-color: #fff;
    padding: 10px 6px;
}

    .fake-input.recap {
        color: #3f3f3f;
        font-size: 12px;
        margin-left: 30px;
    }

    .fake-input.longer-fake-input {
        width: 310px;
    }

ul, ol {
    list-style-type: none;
}

.row-fluid {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.no-border {
    border: none !important;
}

.no-border-radius {
    border-radius: 0px !important;
}

.no-margin {
    margin: 0px;
}

.with-margin {
    margin-left: 2% !important;
}

.no-padding {
    padding: 0px !important;
}

.fullWidth {
    width: 100%
}

.center {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

.centerText {
    text-align: center !important;
}

.leftText {
    text-align: left !important;
}

.rightText {
    text-align: right !important;
}

.bottom-right {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.top-right {
    position: absolute;
    top: 5px;
    right: 10px;
}

.top-right2 {
    position: absolute;
    top: 25px;
    right: 20px;
}

.floating {
    float: left;
    margin-bottom: 20px;
}

.whiteSmoke {
    background: whiteSmoke !important;
}

.green {
    color: white !important;
    background: #008030 !important;
}

.orange {
    color: white !important;
    background: #FF9000 !important;
}

.red {
    color: white !important;
    background: #F03030 !important;
}

.redtracfin {
    color: white !important;
    background: #A00020 !important;
}

.tooltip {
    text-shadow: none !important;
}

.psLink {
    font-size: 13px;
}

.titleColor {
    color: #333 !important;
}

.contentColor {
    color: #505050 !important;
}

.importantContent {
    color: #505050;
    font-weight: bold;
}

.veryImportantContent {
    width: auto !important;
    float: right !important;
    margin-left: 10px;
    color: #086066 !important;
    font-size: 25px;
    font-weight: bold;
    text-align: right;
}

.contentBlockTitle {
    font-size: 16px;
    font-weight: bold;
    margin: 5px;
}

.blueGradient {
    background: #086066;
    background: -moz-linear-gradient(top, #0a7880 0%, #06484d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a7880), color-stop(100%, #06484d));
    background: -webkit-linear-gradient(top, #0a7880 0%, #06484d 100%);
    background: -o-linear-gradient(top, #0a7880 0%, #06484d 100%);
    background: -ms-linear-gradient(top, #0a7880 0%, #06484d 100%);
    background: linear-gradient(to bottom, #0a7880 0%, #06484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A7880', endColorstr='#06484D', GradientType=0 );
}

a.btn, input.btn, button.btn {
    background-image: none !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    min-width: 150px;
    text-decoration: none;
    text-shadow: none !important;
    border-radius: 0 !important;
    outline: none !important;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    -ms-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

    a.btn.btn-primary, input.btn.btn-primary, button.btn.btn-primary {
        background-color: #5192cc;
    }

        a.btn.btn-primary:hover, input.btn.btn-primary:hover, button.btn.btn-primary:hover {
            background-color: #2f699d;
        }

    a.btn.btn-secondary, input.btn.btn-secondary, button.btn.btn-secondary {
        background-color: #3f3f3f;
    }

        a.btn.btn-secondary:hover, input.btn.btn-secondary:hover, button.btn.btn-secondary:hover {
            background-color: #595959;
        }

    a.btn.btn-tertiary, input.btn.btn-tertiary, button.btn.btn-tertiary {
        background-color: #595959;
    }

        a.btn.btn-tertiary:hover, input.btn.btn-tertiary:hover, button.btn.btn-tertiary:hover {
            background-color: #3f3f3f;
        }

    a.btn.btn-disabled, input.btn.btn-disabled, button.btn.btn-disabled {
        background-color: #d8d8d8;
    }

    a.btn + .btn, input.btn + .btn, button.btn + .btn {
        margin-left: 10px;
    }

    a.btn.btn-smaller, input.btn.btn-smaller, button.btn.btn-smaller {
        height: 40px;
        line-height: 40px;
        min-width: 120px;
        padding: 0 10px;
    }

#layoutAnonymous {
    background-color: #f6f6f6;
}

    #layoutAnonymous .hidden {
        display: none;
        visibility: hidden;
    }

    #layoutAnonymous .container {
        width: 640px;
    }

    #layoutAnonymous #header .container {
        padding: 80px 0 30px;
        text-align: center;
    }

    #layoutAnonymous #content .container .title {
        font-size: 18px;
        line-height: 20px;
        font-weight: normal;
        margin: 0 0 10px;
        text-align: center;
    }

    #layoutAnonymous #content .container .subtitle {
        line-height: 16px;
        text-align: center;
        margin: 0 0 30px;
    }

    #layoutAnonymous #content .container .block {
        background-color: #fff;
        border: 1px solid #d8d8d8;
        margin: 0 0 20px;
        overflow: hidden;
        position: relative;
    }

        #layoutAnonymous #content .container .block > div {
            padding: 25px 10px 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            #layoutAnonymous #content .container .block > div.avatar {
                position: absolute;
                top: 30px;
                left: 30px;
                height: 86px;
                width: 100px;
                padding: 0;
            }

        #layoutAnonymous #content .container .block.dlCertificateBlock div {
            padding: 0;
        }

            #layoutAnonymous #content .container .block.dlCertificateBlock div p, #layoutAnonymous #content .container .block.dlCertificateBlock div p.download-inprogress, #layoutAnonymous #content .container .block.dlCertificateBlock div p.download-done {
                margin: 0;
                padding: 20px 25px;
            }

            #layoutAnonymous #content .container .block.dlCertificateBlock div a {
                display: inline-block;
                padding-bottom: 20px;
            }

                #layoutAnonymous #content .container .block.dlCertificateBlock div a#mozCertificate, #layoutAnonymous #content .container .block.dlCertificateBlock div a#othersCertificate {
                    color: #5192cc;
                    text-decoration: none;
                }

                    #layoutAnonymous #content .container .block.dlCertificateBlock div a#mozCertificate:hover, #layoutAnonymous #content .container .block.dlCertificateBlock div a#mozCertificate:focus, #layoutAnonymous #content .container .block.dlCertificateBlock div a#othersCertificate:hover, #layoutAnonymous #content .container .block.dlCertificateBlock div a#othersCertificate:focus {
                        text-decoration: underline;
                    }

                #layoutAnonymous #content .container .block.dlCertificateBlock div a#mozCertificate {
                    padding-left: 25px;
                }

                #layoutAnonymous #content .container .block.dlCertificateBlock div a#othersCertificate {
                    float: right;
                    padding-right: 25px;
                }

        #layoutAnonymous #content .container .block.adminNational .avatar {
            background: url("../img/AdminNationalProfilePic.png") 0 0 transparent;
            background-size: 100px 86px;
        }

        #layoutAnonymous #content .container .block.adminRegional .avatar {
            background: url("../img/AdminRegionalProfilePic.png") 0 0 transparent;
            background-size: 100px 86px;
        }

        #layoutAnonymous #content .container .block.commercant .avatar {
            background: url("../img/CommercantProfilePic.png") 0 0 transparent;
            background-size: 100px 86px;
        }

        #layoutAnonymous #content .container .block.gestionnaire .avatar {
            background: url("../img/GestionnaireProfilePic.png") 0 0 transparent;
            background-size: 100px 86px;
        }

    #layoutAnonymous #content .container .alert-block {
        border-radius: 0;
        padding: 15px;
        margin: 0 0 20px;
        text-shadow: none;
        position: relative;
    }

        #layoutAnonymous #content .container .alert-block .close {
            position: absolute;
            top: 2px;
            right: 5px;
        }

    #layoutAnonymous #content .container .block-title {
        font-family: 'open_sansbold'
    }

    #layoutAnonymous #content .container .forgottenPassword {
        color: #ff6e01;
        font-size: 12px;
    }

    #layoutAnonymous #content .container .actions {
        text-align: right;
    }

    #layoutAnonymous #content .container .main-content--login .login-block {
        background: url("../img/avatar_login.png") 45px 30px no-repeat #fff;
        background-size: 127px 127px;
        min-height: 184px;
    }

        #layoutAnonymous #content .container .main-content--login .login-block .control-label {
            width: 320px;
        }

        #layoutAnonymous #content .container .main-content--login .login-block .controls {
            margin-left: 335px;
        }

    #layoutAnonymous #content .container .main-content--login .ajax-loader {
        color: #3f3f3f;
        display: inline-block;
    }

        #layoutAnonymous #content .container .main-content--login .ajax-loader img {
            margin-right: 10px;
        }

    #layoutAnonymous .howtoWrapper {
        text-align: center;
        margin-top: 40px;
    }

        #layoutAnonymous .howtoWrapper img {
            margin: 20px 0 50px 0;
        }

        #layoutAnonymous .howtoWrapper .certificateNotice {
            text-align: left;
            margin-top: 20px;
            margin-bottom: 20px;
        }

            #layoutAnonymous .howtoWrapper .certificateNotice a {
                color: #2f699d;
                text-decoration: none;
            }

                #layoutAnonymous .howtoWrapper .certificateNotice a:hover, #layoutAnonymous .howtoWrapper .certificateNotice a:focus {
                    text-decoration: underline;
                }

            #layoutAnonymous .howtoWrapper .certificateNotice .certificateSuccess {
                font-family: 'open_sansbold';
                margin-bottom: 20px;
            }

            #layoutAnonymous .howtoWrapper .certificateNotice .icon {
                background: url("../img/ui-icons_2e83ff_256x240.png") no-repeat transparent;
                background-position: -1px -210px;
                background-size: 370px;
                display: inline-block;
                height: 22px;
                width: 22px;
                vertical-align: middle;
                margin-right: 5px;
            }

        #layoutAnonymous .howtoWrapper.howToOthers p, #layoutAnonymous .howtoWrapper.howToOthers img {
            width: 513px;
        }

        #layoutAnonymous .howtoWrapper.howToOthers p {
            margin: 0 auto;
        }

        #layoutAnonymous .howtoWrapper.howToOthers .certificateNotice p {
            max-width: 100%
        }

        #layoutAnonymous .howtoWrapper.howToMoz p, #layoutAnonymous .howtoWrapper.howToMoz img {
            width: 640px;
        }

        #layoutAnonymous .howtoWrapper.howToMoz .wider {
            width: 650px;
        }

.help-text {
    border-top: 1px solid #d8d8d8;
    font-size: 13px;
}

    .help-text ul {
        list-style-type: disc;
        margin-bottom: 0;
    }

        .help-text ul > li:last-child {
            margin-bottom: 0;
        }

        .help-text ul p {
            margin: 0;
        }

        .help-text ul ul {
            list-style-type: none;
        }

    .help-text .passwordNotice + ul {
        color: #888;
    }

#pageContent .raw.partial-help-text {
    padding: 0;
    width: 500px;
}

#content > div > div > div.form.form-horizontal > div.block.login-block > div > div.control-group {
    margin-bottom: 0;
}

.form {
    margin: 0;
}

    .form .control-label {
        font-size: 12px;
        font-family: 'open_sansbold';
        line-height: 30px;
        color: #3f3f3f;
        width: 320px;
        margin-right: 15px
    }

        .form .control-label.multiline-label {
            line-height: 16px;
            width: 175px;
            padding-left: 100px;
        }

        .form .control-label sup {
            color: #ff6e01;
        }

        .form .control-label.recap {
            font-family: 'open_sansregular'
        }

    .form .control-group {
        padding: 5px 20px;
        margin: 0;
    }

        .form .control-group:last-child {
            margin-bottom: 0;
        }

        .form .control-group.upload label {
            width: 120px;
        }

        .form .control-group.upload .controls {
            margin-left: 140px;
        }

    .form .controls {
        margin-left: 295px;
    }

        .form .controls .custom-input {
            background-color: #f7f7f7 !important;
            border: 1px solid #d9d9d9;
            border-radius: 0;
            color: #3f3f3f;
            height: 40px;
            width: 230px;
            outline: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .form .controls .custom-input.fake-input {
                font-size: 14px;
                min-height: 40px;
                height: auto;
                padding: 9px 10px;
                display: inline-block;
                margin-bottom: 0;
                vertical-align: middle;
            }

            .form .controls .custom-input.logon {
                font-size: 14px;
            }

        .form .controls input[type="password"] {
            color: #2f699d;
            font-size: 20px;
        }

        .form .controls .input-error {
            margin: 0;
        }

        .form .controls.isNotInput {
            line-height: 38px;
        }

    .form.form-full .control-label {
        font-size: 12px;
        font-family: 'open_sansbold';
        line-height: 30px;
        width: 260px;
    }

        .form.form-full .control-label sup {
            color: #ff6e01;
        }

    .form.form-full .controls {
        margin-left: 280px;
    }

        .form.form-full .controls .custom-input {
            width: 100%
        }

    .form .lblCrousAdded {
        background-color: #5192cc;
        border: 1px solid #d8d8d8;
        color: white;
        font-size: 12px;
        font-family: 'open_sansbold';
        width: 250px;
        height: 38px;
        margin-top: 10px;
        position: relative;
        line-height: 38px;
        padding-left: 6px;
        box-sizing: border-box;
    }

        .form .lblCrousAdded a {
            position: absolute;
            right: 6px;
            text-decoration: none;
            color: white;
        }

#header {
    width: 100%;
    overflow: hidden;
}

    #header .headerLogo {
        margin-left: 0;
        padding: 20px;
    }

        #header .headerLogo #topMessage {
            display: inline-block;
            color: #7f7f7f;
            font-size: 18px;
            font-weight: 300;
            margin-left: 30px;
        }

        #header .headerLogo #account {
            float: right;
        }

            #header .headerLogo #account #userInfos {
                display: inline-block;
                vertical-align: middle;
                text-align: right;
            }

                #header .headerLogo #account #userInfos #userName {
                    font-size: 14px;
                }

                #header .headerLogo #account #userInfos #userProfile {
                    color: #7f7f7f;
                    font-size: 12px;
                }

            #header .headerLogo #account #profilePic {
                display: inline-block;
                vertical-align: middle;
                margin-left: 20px;
                height: 65px;
                width: 80px;
                background: url(../img/GestionnaireProfilePic.png);
                background: none\9;
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: 75px 61px;
                -webkit-transition: background 0.1s ease-in;
                -moz-transition: background-size 0.1s ease-in;
                -o-transition: background-size 0.1s ease-in;
                -ms-transition: background-size 0.1s ease-in;
                transition: background-size 0.1s ease-in;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/Izly.Admin/Content/img/GestionnaireProfilePic.png, sizingMethod='scale');
                -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://localhost/Izly.Admin/Content/img/GestionnaireProfilePic.png,  sizingMethod='scale')"
            }

                #header .headerLogo #account #profilePic:hover {
                    background-size: 75px 65px;
                }

            #header .headerLogo #account a {
                color: #3f3f3f;
            }

#footer {
    background-color: #f7f8f8;
    padding: 20px;
    overflow: hidden;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #footer .lienFooter {
        display: table-cell;
        vertical-align: middle;
    }

        #footer .lienFooter ul {
            margin: 0;
            font-size: 0;
        }

            #footer .lienFooter ul li {
                display: inline-block;
                padding: 5px 0;
            }

                #footer .lienFooter ul li.last a {
                    border-right: none;
                }

            #footer .lienFooter ul a {
                border-right: 1px solid #959394;
                display: block;
                font-size: 12px;
                color: #3f3f3f;
                padding: 0 10px;
                text-decoration: none;
            }

    #footer .partner {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }

        #footer .partner ul {
            float: right;
            margin: 0;
            font-size: 0;
        }

            #footer .partner ul li {
                display: table-cell;
                vertical-align: middle;
                padding-left: 20px;
            }

                #footer .partner ul li.cnous img {
                    width: 53px;
                }

                #footer .partner ul li.xpollens img {
                    width: 145px;
                }

                #footer .partner ul li.bpce img {
                    width: 194px;
                }

#secondaryNavWrapper {
    position: relative;
}

    #secondaryNavWrapper > .nav-list {
        background-color: #5192cc;
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
        width: 100%
    }

        #secondaryNavWrapper > .nav-list > li {
            cursor: pointer;
            float: left;
            font-size: 13px;
            color: white;
            padding: 20px 15px;
            text-transform: uppercase;
        }

            #secondaryNavWrapper > .nav-list > li .subNav {
                display: none;
                position: absolute;
                background-color: #2f699d;
                left: 0;
                top: 60px;
                overflow: hidden;
                padding: 0;
                margin: 0;
                width: 100%;
                z-index: 100;
            }

                #secondaryNavWrapper > .nav-list > li .subNav li {
                    float: left;
                    font-weight: normal;
                    color: white;
                    padding: 20px;
                    text-transform: initial;
                }

                    #secondaryNavWrapper > .nav-list > li .subNav li:hover {
                        text-decoration: underline;
                    }

            #secondaryNavWrapper > .nav-list > li:hover {
                background-color: #2f699d;
            }

                #secondaryNavWrapper > .nav-list > li:hover .subNav {
                    display: block;
                }

#breadcrumb .breadcrumb {
    padding: 20px;
    background-color: white;
    margin: 0;
}

    #breadcrumb .breadcrumb li {
        color: #3f3f3f;
        font-size: 12px;
    }

        #breadcrumb .breadcrumb li.active {
            color: #888;
        }

#mainNav {
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
}

    #mainNav .nav > li {
        width: 149px;
        border-right: 1px solid #D0D0D0;
        text-align: center;
    }

        #mainNav .nav > li > a {
            height: 20px;
            padding: 20px 45px;
            font-size: 16px;
        }

            #mainNav .nav > li > a:hover {
                color: #555;
                text-decoration: none;
                background-color: #E5E5E5;
                -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
                -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
                box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
            }

#recherche {
    position: absolute;
    left: 0;
    top: 0;
    width: 256px;
    background-color: #3f3f3f;
}

    #recherche label {
        color: #555;
    }

    #recherche #rechercheHeader {
        height: 50px;
        background-color: #525252;
        border-bottom: 1px solid #6f6f6f;
        position: relative;
    }

        #recherche #rechercheHeader #rechercheTitle {
            color: white;
            line-height: 50px;
            padding-left: 20px;
            float: left;
            font-size: 16px;
        }

        #recherche #rechercheHeader .expand {
            border-left: 1px solid #6f6f6f;
            cursor: pointer;
            position: absolute;
            top: 0;
            right: 0;
            width: 50px;
            height: 50px;
            background: url("../img/expand_search.png") 0 0 no-repeat;
            background-color: #656565;
            -webkit-transition: background-color 0.2s ease-in;
            -moz-transition: background-color 0.2s ease-in;
            -o-transition: background-color 0.2s ease-in;
            -ms-transition: background-color 0.2s ease-in;
            transition: background-color 0.2s ease-in;
        }

            #recherche #rechercheHeader .expand.open {
                background-position: -50px 0;
            }

            #recherche #rechercheHeader .expand:hover {
                background-color: #525252;
            }

    #recherche #rechercheForm {
        padding: 20px;
    }

        #recherche #rechercheForm ::-webkit-input-placeholder {
            font-family: 'open_sansbold';
            color: #d8d8d8;
            font-size: 12px;
        }

        #recherche #rechercheForm :-moz-placeholder {
            font-family: 'open_sansbold';
            color: #d8d8d8;
            font-size: 12px;
        }

        #recherche #rechercheForm ::-moz-placeholder {
            font-family: 'open_sansbold';
            color: #d8d8d8;
            font-size: 12px;
        }

        #recherche #rechercheForm :-ms-input-placeholder {
            font-family: 'open_sansbold';
            color: #d8d8d8;
            font-size: 12px;
        }

        #recherche #rechercheForm .form-group {
            margin-bottom: 20px;
        }

            #recherche #rechercheForm .form-group .form-label {
                font-family: 'open_sansbold';
                color: #d8d8d8;
                font-size: 12px;
                margin-bottom: 10px;
            }

            #recherche #rechercheForm .form-group .form-separator {
                font-family: 'open_sansbold';
                color: #d8d8d8;
                font-size: 12px;
                text-align: center;
                width: 10px;
            }

        #recherche #rechercheForm input, #recherche #rechercheForm select {
            background-color: #3f3f3f;
            font-family: 'open_sansbold';
            color: #d8d8d8;
            font-size: 12px;
            border: 1px solid #5e5e5e;
            height: 42px;
            width: 100%;
            margin-bottom: 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
            -webkit-border-radius: 0;
            border-radius: 0;
            line-height: 13px;
        }

            #recherche #rechercheForm input.small, #recherche #rechercheForm select.small {
                width: 40px;
            }

            #recherche #rechercheForm input.medium, #recherche #rechercheForm select.medium {
                width: 62px;
            }

        #recherche #rechercheForm select {
            -webkit-appearance: none;
            -moz-appearance: none;
            background: url("../img/selectArrow.png") no-repeat;
            background-position: 195px 18px;
            background-color: #3f3f3f;
        }

            #recherche #rechercheForm select::-ms-expand {
                display: none;
            }

        #recherche #rechercheForm #searchSubmit {
            background-color: #7f7f7f;
            margin: auto;
            margin-top: 20px;
            padding: 0;
            line-height: 40px;
            color: #fff;
        }

        #recherche #rechercheForm #submit-search {
            background-color: #5192cc;
            border: none;
        }

        #recherche #rechercheForm #submit-reset-search {
            background-color: gray;
            color: #3f3f3f;
            border: none;
        }

.panel {
    font-size: 0;
    padding: 25px 0;
    text-align: center;
}

    .panel .panel-item {
        background-color: #5192cc;
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        display: inline-block;
        vertical-align: top;
        width: 230px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-decoration: none;
        -webkit-transition: background-color 0.2s ease-in;
        -moz-transition: background-color 0.2s ease-in;
        -o-transition: background-color 0.2s ease-in;
        -ms-transition: background-color 0.2s ease-in;
        transition: background-color 0.2s ease-in;
    }

        .panel .panel-item .panel-title {
            background-color: #2f699d;
            color: #fff;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
        }

        .panel .panel-item .panel-content {
            padding: 0 30px;
        }

            .panel .panel-item .panel-content .panel-img {
                border-bottom: 1px solid #4f84b6;
                padding: 25px 0;
                -webkit-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                -ms-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
            }

            .panel .panel-item .panel-content .panel-description {
                border-top: 1px solid #649dd2;
                color: #fff;
                font-size: 13px;
                height: 70px;
                line-height: 70px;
                -webkit-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                -ms-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
            }

                .panel .panel-item .panel-content .panel-description p {
                    margin: 0;
                    display: inline-block;
                    vertical-align: middle;
                    line-height: normal;
                }

        .panel .panel-item:hover, .panel .panel-item:focus {
            border-color: #2f699d;
            cursor: pointer;
        }

        .panel .panel-item.active {
            background-color: #fff;
            border-color: #2f699d;
        }

            .panel .panel-item.active .panel-img {
                border-bottom: 1px solid #a5bbd0;
            }

            .panel .panel-item.active .panel-description {
                border-top: 1px solid #f3f3f3;
                color: #2f699d;
            }

        .panel .panel-item + .panel-item {
            margin-left: 20px;
        }

.merchantInfos {
    font-size: 16px;
    margin-top: 50px;
    overflow: hidden;
}

    .merchantInfos .sold {
        float: left;
    }

    .merchantInfos .dailyInfos {
        float: right;
    }

        .merchantInfos .dailyInfos > div {
            display: inline-block;
            margin-left: 20px;
        }

    .merchantInfos .value {
        color: #5192cc;
        font-size: 18px;
    }

#mainWrapper {
    position: relative;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    #mainWrapper #mainContent {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 860px;
        margin: 0 auto;
    }

        #mainWrapper #mainContent.largerMainContent {
            width: 960px;
        }

    #mainWrapper #recherche + #mainContent {
        padding-left: 256px;
        width: 100%;
        padding-bottom: 0;
    }

        #mainWrapper #recherche + #mainContent #pageContent {
            border-top: 1px solid #d8d8d8;
        }

        #mainWrapper #recherche + #mainContent .contentBlock {
            border: 0;
            margin-bottom: 0;
        }

    #mainWrapper.isFullWidth #mainContent {
        width: 1550px;
    }

@media (max-width: 767px) {
    #mainWrapper {
        min-width: 0px;
    }

    #mainContent {
        width: 100%
    }
}

#pageTitle {
    color: #3f3f3f;
    font-size: 30px;
    font-weight: 300;
}

#subTitle {
    color: #7F7F7F;
    text-align: center;
}

#infoMAJ {
    margin-top: -15px;
    margin-bottom: 10px;
    font-size: 12px;
}

#pageContent {
    position: relative;
    margin-left: 0px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    #pageContent .actions {
        margin: 20px 0px;
    }

    #pageContent .infoMaj {
        margin-top: -15px;
        font-size: 12px;
        font-weight: bold;
    }

    #pageContent .contentBlock {
        background: #fff;
        float: none;
        overflow: hidden;
        margin-left: 0px;
        margin-bottom: 20px;
        border: 1px solid #d8d8d8;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        #pageContent .contentBlock .contentTitle {
            margin: 10px;
            line-height: 20px;
            font-size: 18px;
        }

        #pageContent .contentBlock .stripeTitle {
            background: #f2f2f2;
            border-bottom: 1px solid #d8d8d8;
            color: #3f3f3f;
            font-size: 16px;
            height: 50px;
            line-height: 50px;
            font-weight: normal;
            margin: 0;
            padding: 0 20px;
            position: relative;
        }

            #pageContent .contentBlock .stripeTitle a {
                font-size: 13px;
                text-decoration: none;
                color: #4f91ce;
            }

            #pageContent .contentBlock .stripeTitle span {
                cursor: pointer;
                font-family: 'open_sansregular';
                color: #3f3f3f;
                font-size: 16px;
                font-weight: 700;
            }

            #pageContent .contentBlock .stripeTitle .codeMessage {
                display: block;
                float: right;
                margin: 10px;
                cursor: pointer;
            }

            #pageContent .contentBlock .stripeTitle label {
                font-size: 16px;
                margin: 0;
            }

            #pageContent .contentBlock .stripeTitle:last-child {
                border: none;
            }

    #pageContent .gridContent .pagination {
        border-top: 1px solid #d8d8d8;
        margin: 0;
        padding: 15px 0;
    }

    #pageContent .blockContent {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #pageContent .custom-link {
        cursor: pointer;
        margin-right: 10px;
        text-decoration: none;
    }

        #pageContent .custom-link:hover, #pageContent .custom-link:focus {
            text-decoration: underline;
        }

        #pageContent .custom-link .icon {
            background: url("../img/pict_actions.png") no-repeat transparent;
            display: inline-block;
            height: 30px;
            width: 30px;
            vertical-align: middle;
            margin-right: 0;
        }

        #pageContent .custom-link .icon-certificate {
            background: url(../img/send-certificate.png) no-repeat;
            display: inline-block;
            height: 30px;
            width: 30px;
            vertical-align: middle;
            margin-right: 0;
        }

    #pageContent .custom-link--blue, #pageContent .custom-link--edit, #pageContent .custom-link--opposition, #pageContent .custom-link--oppositionOut, #pageContent .custom-link--create, #pageContent .custom-link--associate, #pageContent .custom-link--link, #pageContent .custom-link--padlock, #pageContent .custom-link--none {
        color: #5192cc;
    }

    #pageContent .custom-link--export {
        color: #7F7F7F;
    }

    #pageContent .custom-link--edit .icon {
        background-position: -30px 0;
    }

    #pageContent .custom-link--export .icon {
        background-position: -90px 0;
        margin-right: 5px;
    }

    #pageContent .custom-link--create .icon {
        background-position: 0 0;
    }

    #pageContent .custom-link--associate .icon {
        background-position: -120px 0;
    }

    #pageContent .custom-link--opposition .icon {
        background-position: -150px -2px;
    }

    #pageContent .custom-link--oppositionOut .icon {
        background-position: -180px -2px;
    }

    #pageContent .custom-link--lock .icon {
        background-position: -210px -2px;
    }

    #pageContent .custom-link--unlock .icon {
        background-position: -240px -2px;
    }

    #pageContent .custom-link--close .icon {
        background-position: -60px -2px;
    }

    #pageContent .custom-link--link .icon {
        background: url("../img/link.png") no-repeat transparent;
        height: 15px;
        width: 20px;
    }

    #pageContent .custom-link--padlock .icon {
        background: url("../img/padlock.png") no-repeat transparent;
        height: 18px;
        width: 11px;
        margin-right: 8px;
    }

    #pageContent .halfBlock {
        min-width: 539px;
    }

    #pageContent .tableContent .blockContent {
        padding: 0px;
    }

    #pageContent .avatarBig {
        float: none !important;
        position: relative;
        width: 73px;
        height: 84px;
    }

    #pageContent .maskBigWhite {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 73px;
        height: 84px;
        z-index: 99;
        background: url(../img/masque_big_white.png) 0px 0px no-repeat transparent;
    }

    #pageContent .firstTableCell {
        position: relative;
        display: inline-block;
        padding: 10px;
        vertical-align: top;
    }

    #pageContent .tableCell {
        position: relative;
        display: inline-block;
        padding: 10px;
        border-left: 1px solid #D0D0D0;
        vertical-align: top;
    }

        #pageContent .tableCell ul {
            margin-top: 20px;
        }

            #pageContent .tableCell ul li {
                margin-bottom: 5px;
            }

    #pageContent .cellLabel {
        float: left;
        width: 100%;
        text-align: left;
        margin: 10px;
    }

    #pageContent .cellValue {
        float: left;
        width: 100%;
        margin-left: 13px;
    }

    #pageContent #dashboard {
        position: relative;
        width: 980px;
        margin: 20px auto;
    }

        #pageContent #dashboard #manual {
            position: absolute;
            top: 0px;
            right: 25px;
            width: 50px;
            height: 50px;
            background: url(../img/manual.png) 0px 0px no-repeat transparent;
        }

            #pageContent #dashboard #manual:hover {
                background: url(../img/manual_over.png) 0px 0px no-repeat transparent;
            }

        #pageContent #dashboard #txtManual {
            position: absolute;
            top: 50px;
            right: 40px;
        }

        #pageContent #dashboard #itemBlock {
            float: left;
            margin-top: 70px;
        }

        #pageContent #dashboard #pageTitle {
            margin-left: 30px;
            color: #7F7F7F;
            text-shadow: 1px 1px 1px #fff;
        }

        #pageContent #dashboard a {
            text-decoration: none;
        }

        #pageContent #dashboard .dashboardItem {
            position: relative;
            display: block;
            float: left;
            width: 360px;
            height: 90px;
            padding: 20px;
            margin: 20px 44px;
            background: #fff;
            border: 1px solid #E1E1E1;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.125);
            -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.125);
            box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.125);
        }

            #pageContent #dashboard .dashboardItem:hover {
                border: 1px solid #B0D877;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

        #pageContent #dashboard .dashboardItemTitle {
            margin-top: 0px;
        }

        #pageContent #dashboard .dashboardItemDesc {
            width: 270px;
            color: #7E7E7E;
        }

        #pageContent #dashboard .dashboardItemImg {
            position: absolute;
            bottom: -45px;
            right: -45px;
        }

        #pageContent #dashboard #contactUs {
            position: relative;
            width: 100%;
            float: left;
            margin-top: 35px;
        }

        #pageContent #dashboard .contactItem {
            float: left;
            width: 420px;
            margin-top: 60px;
            margin-left: 20px;
        }

            #pageContent #dashboard .contactItem:first-child {
                margin-left: 44px;
            }

        #pageContent #dashboard #txtContact {
            position: absolute;
            top: 0px;
            right: 0px;
        }

        #pageContent #dashboard .contactText {
            color: #7E7E7E;
        }

            #pageContent #dashboard .contactText a {
                font-weight: bold;
                color: #7F2071;
            }

        #pageContent #dashboard .contactImg {
            float: left;
            margin-top: 7px;
            margin-right: 10px;
        }

    #pageContent #statusInfosWrapper {
        width: 33%
    }

    #pageContent #demandInfosWrapper {
        width: 37%
    }

    #pageContent #fileInfosWrapper {
        width: 23%
    }

    #pageContent #fircosoftDownload, #pageContent #pageContent #roleInfosWrapper {
        width: 59%
    }

    #pageContent #lastDownload, #pageContent #pageContent #permissionsWrapper {
        width: 36%
    }

    #pageContent #fircosoftDownload .customInput {
        width: 150px;
    }

    #pageContent #fircosoftFilteredForm {
        margin-top: 10px;
    }

    #pageContent .customTbody {
        width: 100%;
        padding: 20px 0px;
        text-align: center;
    }

    #pageContent .statValue {
        float: left;
        width: 47%;
        margin: 29px 0px;
    }

    #pageContent .period {
        border-bottom: 1px solid #D0D0D0;
    }

        #pageContent .period form {
            margin-left: 6px;
        }

    #pageContent #salesStat #chart_div {
        float: left;
        width: 560px;
        height: 400px;
    }

    #pageContent .raw.sub {
        padding-left: 10%;
        width: 90%
    }

        #pageContent .raw.sub .veryImportantContent {
            font-size: 18px;
        }

        #pageContent .raw.sub .cellValue .veryImportantContent {
            font-size: 14px;
        }

        #pageContent .raw.sub a.veryImportantContent:hover {
            font-size: 20px;
            margin: 10px 10px 9px 10px;
        }

        #pageContent .raw.sub .cellValue a.veryImportantContent:hover {
            font-size: 16px;
            margin: 10px 10px 9px 10px;
        }

    #pageContent .raw a.veryImportantContent:hover {
        font-size: 27px;
        margin: 10px 10px 9px 10px;
    }

    #pageContent #usersStat .period .raw, #pageContent #pageContent #usersStat .statInfo .raw {
        margin: 20px 10px;
    }

    #pageContent #salesStat .period .raw, #pageContent #pageContent #salesStat .statInfo .raw {
        margin: 10px;
    }

    #pageContent .statValue .cellValue {
        margin: 0px;
    }

    #pageContent .statValue .raw.sub .cellLabel {
        font-size: 12px;
    }

    #pageContent .statValue a {
        text-decoration: none;
        vertical-align: top;
    }

        #pageContent .statValue a i {
            margin-top: 3px;
        }

    #pageContent .statValue .customValue {
        margin: 10px;
    }

    #pageContent .statValue .cellValue .customValue {
        margin: 0px 10px;
    }

    #pageContent .statValue .inputInfo {
        width: 90%;
        margin-top: 15px;
    }

    #pageContent #usersStat .statValue > .raw {
        min-height: 200px;
    }

    #pageContent .statInfo .inputInfo {
        margin: 0px 50px;
        width: 50%
    }

    #pageContent #map {
        height: 150px;
        margin-top: 10px;
    }

    #pageContent .message {
        min-height: 45px;
        padding-left: 60px;
        margin: 2% auto;
        width: 70%
    }

    #pageContent .errorMessage {
        background: url(../img/picto_erreur.png) 0px 0px no-repeat transparent;
    }

    #pageContent .successMessage {
        background: url(../img/picto_conf.png) 0px 0px no-repeat transparent;
    }

    #pageContent .infoMessage {
        background: url(../img/picto_notif.png) 0px 0px no-repeat transparent;
    }

    #pageContent .roleGrid {
        border-collapse: separate;
        border-spacing: 5px;
    }

    #pageContent .role, #pageContent .roleAlternate {
        position: relative;
        width: 100px;
        text-align: center;
        padding: 30px 10px;
        border: 1px solid #D0D0D0;
    }

    #pageContent .role {
        background: #F0F0F0;
    }

    #pageContent .roleAlternate {
        background: #fff;
    }

        #pageContent .role:hover, #pageContent .roleAlternate:hover {
            cursor: pointer;
            background: #DCEDEC;
        }

    #pageContent .promoImg {
        width: 93%;
        float: left;
    }

    #pageContent #chartdiv {
        float: left;
        margin-left: 30px;
    }

    #pageContent .jqplot-data-label {
        color: #fff;
    }

#promoImageWrapper {
    width: 25%;
    min-height: 200px;
}

#promoInfosWrapper {
    width: 70%
}

    #promoInfosWrapper .customValue {
        width: 430px;
    }

#iosPreviewWrapper, #androidPreviewWrapper {
    width: 47%
}

    #iosPreviewWrapper .cellValue, #androidPreviewWrapper .cellValue {
        margin-left: 0px;
        margin-bottom: 20px;
    }

#transfertForm .selectPro {
    float: none !important;
    margin-right: 0px !important;
}

#transfertForm #transfertSepOff, #transfertForm #transfertSepOn {
    float: left;
    margin-top: 20px;
}

#backOffice .customButton {
    float: left;
    display: inline-block;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 16px;
    vertical-align: top;
    padding: 6px;
    margin-left: 10px;
    line-height: 16px;
    background: #0A7880;
    border: 1px solid #0C9099;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 0 #086066;
    text-decoration: none;
    cursor: pointer;
}

    #backOffice .customButton.withText {
        width: 120px;
        text-indent: 28px;
    }

    #backOffice .customButton.withMediumText {
        width: 140px;
        height: 25px;
        text-indent: 28px;
    }

    #backOffice .customButton.withLargeText {
        width: 170px;
        height: 25px;
        text-indent: 28px;
    }

    #backOffice .customButton:hover {
        background-color: #06484D;
    }

    #backOffice .customButton[disabled] {
        text-shadow: none;
        color: #C4C4C4;
        background-color: #EDEDED;
        border: 1px solid #D9D9D9;
    }

        #backOffice .customButton[disabled]:hover {
            cursor: not-allowed !important;
            text-shadow: none;
            background-color: #EDEDED !important;
            border: 1px solid #D9D9D9;
        }

#backOffice .alert .customButton {
    float: none;
    margin-top: 10px;
}

#backOffice .toolBar form {
    display: inline-block;
    float: left;
}

#backOffice .toolBar .customButton {
    margin: 0px 2px;
}

#backOffice .greyButton {
    background-color: #EDEDED;
    border: 1px solid #D9D9D9;
    color: #666;
    text-shadow: 0 1px 0 white;
}

    #backOffice .greyButton:hover {
        background-color: #E3E3E3 !important;
    }

#backOffice .searchButton {
    width: 20px;
    background: url("../img/loupe.png") 4px no-repeat #ededed;
}

    #backOffice .searchButton:hover {
        background: url("../img/loupe-over.png") 4px no-repeat #e3e3e3;
    }

#backOffice .refreshButton {
    width: 20px;
    background: url("../img/recharger.png") 4px no-repeat #ededed;
}

    #backOffice .refreshButton:hover {
        background: url("../img/recharger-over.png") 4px no-repeat #e3e3e3;
    }

#backOffice .exportButton {
    width: 20px;
    background: url("../img/telecharger.png") 4px no-repeat #ededed;
}

    #backOffice .exportButton:hover {
        background: url("../img/telecharger-over.png") 4px no-repeat #e3e3e3;
    }

    #backOffice .exportButton.withText {
        background: url("../img/telecharger_white.png") 4px no-repeat #0a7880;
    }

        #backOffice .exportButton.withText:hover {
            background: url("../img/telecharger_white.png") 4px no-repeat #06484d;
        }

        #backOffice .exportButton.withText[disabled]:hover {
            background: url("../img/telecharger_white.png") 4px no-repeat #0a7880;
            text-shadow: none;
        }

#backOffice .uploadButton {
    width: 20px;
    background: url("../img/upload.png") 4px no-repeat #ededed;
}

    #backOffice .uploadButton:hover {
        background: url("../img/upload-over.png") 4px no-repeat #e3e3e3;
    }

    #backOffice .uploadButton.withText {
        background: url("../img/upload_white.png") 4px no-repeat #0a7880;
    }

        #backOffice .uploadButton.withText:hover {
            background: url("../img/upload_white.png") 4px no-repeat #06484d;
        }

#backOffice .addButton {
    width: 20px;
    background: url("../img/ajouter.png") 4px no-repeat #ededed;
}

    #backOffice .addButton:hover {
        background: url("../img/ajouter-over.png") 4px no-repeat #e3e3e3;
    }

#backOffice .detailButton {
    width: 20px;
    background: url(../img/voir.png) 4px no-repeat #ededed;
}

    #backOffice .detailButton:hover {
        background: url(../img/voir-over.png) 4px no-repeat #e3e3e3;
    }

#backOffice .deleteButton {
    width: 20px;
    background: url(../img/supprimer.png) 4px no-repeat #ededed;
}

    #backOffice .deleteButton:hover {
        background: url(../img/supprimer-over.png) 4px no-repeat #e3e3e3;
    }

#backOffice .acceptButton {
    width: 20px;
    background: url(../img/accept.png) 4px no-repeat #ededed;
}

    #backOffice .acceptButton:hover {
        background: url(../img/accept-over.png) 4px no-repeat #e3e3e3;
    }

#backOffice .helpButton {
    width: 20px;
    background: url(../img/help.png) 4px no-repeat #ededed;
}

    #backOffice .helpButton:hover {
        background: url(../img/help-over.png) 4px no-repeat #e3e3e3;
    }

#backOffice .lockButton {
    width: 20px;
    background: url("../img/lock.png") 4px no-repeat #ededed;
}

    #backOffice .lockButton:hover {
        background: url(../img/lock-over.png) 4px no-repeat #e3e3e3;
    }

#backOffice .unlockButton {
    width: 20px;
    background: url("../img/unlock.png") 4px no-repeat #ededed;
}

    #backOffice .unlockButton:hover {
        background: url(../img/unlock-over.png) 4px no-repeat #e3e3e3;
    }

#backOffice .mailButton {
    width: 20px;
    background: url("../img/mail.png") 4px no-repeat #ededed;
}

    #backOffice .mailButton:hover {
        background: url(../img/mail-over.png) 4px no-repeat #e3e3e3;
    }

.input-validation-error {
    border-color: #b94a48 !important;
}

#pageContent .raw {
    padding: 5px 20px;
}

    #pageContent .raw.block {
        width: 43%
    }

#pageContent form fieldset {
    padding-top: 10px;
}

#pageContent form .subFieldset {
    margin-left: 35px;
}

#pageContent form .subFieldsetlegend {
    font-size: 18px;
}

#pageContent form .subFieldset .beneficiaire {
    float: left;
    padding: 10px;
    margin-bottom: 15px;
}

#pageContent form .subFieldset .beneficiaireEdit {
    cursor: pointer;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#pageContent .actions > *:first-child {
    margin-left: 0px;
}

#pageContent .otherValue {
    margin-left: 20px;
}

#pageContent input[type="checkbox"], #pageContent input[type="file"] {
    float: left;
    margin-right: 15px;
}

#pageContent input[type="radio"] {
    margin: 0;
}

#pageContent #selectAll {
    margin-top: 9px;
}

#pageContent .svaTextarea {
    width: 100%;
    resize: none;
    margin: 0px;
    min-height: 150px;
}

#pageContent .inputInfo {
    float: left;
    width: 36%;
    margin: 5px 15px;
    padding-left: 30px;
    background: url(../img/picto_info.png) no-repeat transparent;
    color: #888;
}

#pageContent .inputArea {
    float: left;
}

#pageContent .inputError {
    clear: both;
    margin-top: 5px;
    padding-left: 20px;
    background: url(../img/picto_erreur_mini.png) 0px 3px no-repeat transparent;
    font-size: 12px;
    color: red;
}

    #pageContent .inputError.bigError {
        max-width: 650px;
    }

#pageContent .checkboxLabel {
    float: left;
    width: 720px;
}

#pageContent #days .checkboxLabel {
    padding-top: 0px;
    width: auto;
}

#pageContent label.checkboxLabel {
    margin: 0px;
    padding-top: 0px;
    text-align: left;
    vertical-align: top;
    cursor: pointer;
}

#pageContent label.leftCheckboxLabel {
    padding-top: 0px;
    cursor: pointer;
}

#pageContent label.disabled, #pageContent input[disabled], #pageContent select[disabled] {
    color: #ccc;
}

    #pageContent input[disabled]:hover, #pageContent select[disabled]:hover {
        cursor: not-allowed !important;
    }

#pageContent .submitField .customButton {
    margin: 0px;
}

#pageContent #loginForm .customButton, #pageContent #firstLoginForm .customButton, #pageContent #forgottenPasswordForm .customButton {
    float: none;
    margin: 20px auto !important;
    width: 100px;
}

#pageContent form .missingValue label {
    color: red;
    font-weight: bold;
}

#pageContent form .missingValue .checkboxLabel {
    color: red;
}

#pageContent form .missingValue input[type="text"], #pageContent form .missingValue select {
    border: 2px solid red !important;
}

#pageContent .gridContent .grid thead th {
    background: #f8f8f8;
    text-align: left;
    padding: 10px;
}

    #pageContent .gridContent .grid thead th a {
        font-weight: normal;
    }

#pageContent .gridContent .grid thead tr {
    height: 40px;
}

#pageContent .gridContent .grid td {
    border: 1px solid #f2f2f2;
    padding: 10px;
}

    #pageContent .gridContent .grid td .clientInfo {
        line-height: 28px;
    }

#pageContent .gridContent .grid span.merchantDetailsLabel {
    margin-left: 10px;
}

#pageContent .gridContent .grid span.merchantDetailsContent {
    color: #3f3f3f;
    font-size: 12px;
    font-family: 'open_sansbold'
}

#pageContent .gridContent .grid .paddingLeftText {
    padding-left: 20px;
}

#pageContent .gridContent .pagination .prevButton, #pageContent .gridContent .pagination .prevText {
    float: left;
}

#pageContent .gridContent .pagination .prevButton {
    margin-left: 30px;
    margin-right: 13px;
    background: url("../img/prevButton.png") no-repeat 0 0 transparent;
    margin-top: 5px;
}

#pageContent .gridContent .pagination .nextButton, #pageContent .gridContent .pagination .nextText {
    float: right;
}

#pageContent .gridContent .pagination .nextButton {
    margin-right: 30px;
    margin-left: 13px;
    background: url("../img/nextButton.png") no-repeat 0 0 transparent;
    margin-top: 5px;
}

#pageContent .gridContent .pagination .prevText, #pageContent .gridContent .pagination .nextText {
    color: #5192cc;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    margin: 0 30px;
}

#pageContent .gridContent .pagination .navButton {
    color: #3f3f3f;
    font-size: 14px;
    font-weight: 700;
    margin-left: 15px;
    margin-right: 15px;
    text-decoration: none;
}

#pageContent .gridContent .pagination .navCurrentPage {
    color: #5192cc;
    font-size: 18px;
    font-weight: 700;
}

#pageContent .gridContent.noBorder td {
    border: none;
}

#technicalActivity .customButton, #prodActivity .customButton {
    margin-left: 45px;
}

@keyframes mouvement-uniforme {
    0% {
        animation-timing-function: linear;
        transform: translateX(-100px);
    }

    100% {
        animation-timing-function: linear;
        transform: translateX(100px);
    }
}

@-webkit-keyframes webkit-mouvement-uniforme {
    0% {
        -webkit-animation-timing-function: linear;
        -webkit-transform: translateX(-100px);
    }

    100% {
        -webkit-animation-timing-function: linear;
        -webkit-transform: translateX(100px);
    }
}

@-moz-keyframes moz-mouvement-uniforme {
    0% {
        -moz-animation-timing-function: linear;
        -moz-transform: translateX(-100px);
    }

    100% {
        -moz-animation-timing-function: linear;
        -moz-transform: translateX(100px);
    }
}

@-ms-keyframes ms-mouvement-uniforme {
    0% {
        -ms-animation-timing-function: linear;
        -ms-transform: translateX(-100px);
    }

    100% {
        -ms-animation-timing-function: linear;
        -ms-transform: translateX(100px);
    }
}

@-o-keyframes o-mouvement-uniforme {
    0% {
        -o-animation-timing-function: linear;
        -o-transform: translateX(-100px);
    }

    100% {
        -o-animation-timing-function: linear;
        -o-transform: translateX(100px);
    }
}

.loaderImg {
    animation: mouvement-uniforme 5s infinite;
    -webkit-animation: webkit-mouvement-uniforme 5s infinite;
    -moz-animation: moz-mouvement-uniforme 5s infinite;
    -ms-animation: ms-mouvement-uniforme 5s infinite;
    -o-animation: o-mouvement-uniforme 5s infinite;
}

.modal .blueGradient {
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    color: #fff;
}

.clientKnowledgeSelected {
    color: #46E05D;
}

.row-fluid:before, .row-fluid:after {
    display: none;
}

#detailsTitle {
    text-align: center;
    color: #3f3f3f;
    font-size: 30px;
    font-weight: 300;
    margin: 20px 0;
}

.usersActions, .usersRightActions {
    text-align: right;
    font-family: 'open_sansbold'
}

    .usersActions a, .usersRightActions a {
        text-decoration: none;
    }

.actionsOut .usersActions {
    position: absolute;
    top: -30px;
    right: 0;
}

#gridHeader {
    height: 50px;
    line-height: 50px;
    border-bottom: none;
    background-color: #f2f2f2;
    position: relative;
}

    #gridHeader div {
        display: inline-block;
    }

    #gridHeader #usersCount, #gridHeader .gridTitle {
        margin-left: 20px;
        color: #3f3f3f;
        font-size: 16px;
    }

    #gridHeader .usersRightActions {
        float: right;
    }

        #gridHeader .usersRightActions a {
            height: 30px;
        }

.noBorder .gridHeader {
    border: none !important;
}

.noBorder .grid th {
    border-top: 1px solid #D0D0D0 !important;
}

.detailsUser.detailsCommercant #detailsWrapper #detailsPicture {
    background: url("../img/placeholder_commercant.png") no-repeat;
}

#pageContent #pageTitle {
    text-align: center;
    margin: 0;
}

#pageContent input[type=text][name="PostalCode"] {
    width: 64px;
}

#pageContent .asteriskObl {
    color: #ff6e01;
}

    #pageContent .asteriskObl.biciban {
        display: none;
    }

#pageContent .requiredFields {
    color: #ff6e01;
    float: left;
    margin: 0;
    font-size: 11px;
    margin-top: -10px;
}

#pageContent .blockContent {
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 0;
}

    #pageContent .blockContent .subSection {
        padding-bottom: 10px;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 20px;
    }

    #pageContent .blockContent .upload-help-text {
        color: #929292;
        font-size: 12px;
        font-style: italic;
    }

    #pageContent .blockContent.colored {
        background-color: #f7f7f7;
    }

    #pageContent .blockContent.phoneCode {
        padding: 20px 10px;
    }

        #pageContent .blockContent.phoneCode .controls {
            font-size: 12px;
        }

    #pageContent .blockContent:last-child {
        border-bottom: none;
    }

    #pageContent .blockContent.blockContent--access {
        padding: 0;
    }

        #pageContent .blockContent.blockContent--access .raw {
            padding: 10px 48px;
        }

            #pageContent .blockContent.blockContent--access .raw.alternate {
                background-color: #f7f7f7;
            }

#inputWrapper {
    text-align: right;
}

.detailsUser #detailsWrapper {
    font-size: 0;
}

    .detailsUser #detailsWrapper .raw {
        padding: 0;
        margin-bottom: 5px;
    }

        .detailsUser #detailsWrapper .raw label {
            margin: 0;
            padding: 0;
            display: inline-block;
            text-align: left;
            font-size: 12px;
            line-height: 20px;
            color: #3f3f3f;
        }

        .detailsUser #detailsWrapper .raw .customValue {
            margin-left: 5px;
            padding: 0;
            display: inline-block;
            color: #3f3f3f;
            font-size: 12px;
            font-family: 'open_sansbold';
            line-height: 20px;
        }

    .detailsUser #detailsWrapper .importantContent {
        font-weight: normal;
    }

    .detailsUser #detailsWrapper #detailsPicture {
        height: 150px;
        width: 150px;
        display: inline-block;
        vertical-align: top;
        background: url("../img/placeholder_ayant-droit.png") no-repeat;
    }

    .detailsUser #detailsWrapper #detailsInfosWrapper {
        border-top: 1px solid #d8d8d8;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        width: 395px;
        margin-left: 15px;
        padding-top: 15px;
        font-size: 12px;
    }

        .detailsUser #detailsWrapper #detailsInfosWrapper .userCivName {
            display: block;
            color: #3f3f3f;
            font-size: 18px;
            font-weight: 400;
            line-height: 18px;
            margin-bottom: 10px;
            width: auto;
        }

        .detailsUser #detailsWrapper #detailsInfosWrapper #userId {
            color: #3f3f3f;
            font-size: 12px;
            font-weight: 700;
            display: inline-block;
            margin: 0;
        }

    .detailsUser #detailsWrapper .accountDetails {
        border-top: 1px solid #d8d8d8;
        display: inline-block;
        vertical-align: top;
        width: 300px;
        font-size: 12px;
    }

        .detailsUser #detailsWrapper .accountDetails #detailsInfosBox {
            background-color: #f9f9f9;
            padding: 10px;
        }

            .detailsUser #detailsWrapper .accountDetails #detailsInfosBox span {
                float: none;
            }

        .detailsUser #detailsWrapper .accountDetails #detailsBottomRightActions {
            text-align: right;
            padding-top: 15px;
        }

            .detailsUser #detailsWrapper .accountDetails #detailsBottomRightActions .icon {
                background: url("../img/pict_actions.png") no-repeat transparent;
                display: inline-block;
                height: 30px;
                width: 30px;
                margin-right: 0;
                vertical-align: middle;
            }

            .detailsUser #detailsWrapper .accountDetails #detailsBottomRightActions #usersEdit {
                display: block;
            }

                .detailsUser #detailsWrapper .accountDetails #detailsBottomRightActions #usersEdit a {
                    color: #5192cc;
                    font-size: 13px;
                    font-weight: 700;
                    text-decoration: none;
                }

                .detailsUser #detailsWrapper .accountDetails #detailsBottomRightActions #usersEdit .icon {
                    background-position: -30px;
                }

            .detailsUser #detailsWrapper .accountDetails #detailsBottomRightActions #usersClose {
                display: block;
            }

                .detailsUser #detailsWrapper .accountDetails #detailsBottomRightActions #usersClose a {
                    color: #3f3f3f;
                    font-size: 13px;
                    font-weight: 700;
                    text-decoration: none;
                }

                .detailsUser #detailsWrapper .accountDetails #detailsBottomRightActions #usersClose .icon {
                    background-position: -60px;
                }

.detailsUser .detailsButtons {
    margin: 25px 0;
    display: block;
}

    .detailsUser .detailsButtons > div {
        overflow: hidden;
        margin-bottom: 4px;
    }

    .detailsUser .detailsButtons .btn {
        width: 428px;
        float: left;
    }

        .detailsUser .detailsButtons .btn + .btn {
            margin-left: 4px;
        }

    .detailsUser .detailsButtons .btnArrow {
        float: right;
        margin-right: 10px;
        margin-top: 5px;
    }

#closureWrapper .part {
    padding: 80px 0 40px 0;
    border-top: 1px solid #d8d8d8;
}

#closureWrapper .block {
    display: block;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

    #closureWrapper .block .labelWrapper, #closureWrapper .block .btnWrapper {
        display: inline-block;
    }

        #closureWrapper .block .labelWrapper .label1, #closureWrapper .block .btnWrapper .label1 {
            font-family: 'open_sansbold'
        }

    #closureWrapper .block .btnWrapper {
        float: right;
        width: 300px;
    }

        #closureWrapper .block .btnWrapper input {
            width: 300px;
        }

    #closureWrapper .block:last-child {
        margin-bottom: 0;
    }

#closureWrapper #inputWrapper {
    border-top: 1px solid #d8d8d8;
    padding-top: 20px;
}

#profileWrapper #editAccount, #profileWrapper #modifyPassword, #profileWrapper #inputWrapper, #profileEditWrapper #editAccount, #profileEditWrapper #modifyPassword, #profileEditWrapper #inputWrapper {
    right: 0;
}

    #profileWrapper #editAccount .custom-link, #profileWrapper #modifyPassword .custom-link, #profileWrapper #inputWrapper .custom-link, #profileEditWrapper #editAccount .custom-link, #profileEditWrapper #modifyPassword .custom-link, #profileEditWrapper #inputWrapper .custom-link {
        margin-right: 0;
    }

#profileWrapper #modifyPassword, #profileEditWrapper #modifyPassword {
    position: absolute;
    bottom: 20px;
}

#profileWrapper #profileButtons, #profileEditWrapper #profileButtons {
    padding: 10px 0 30px;
}

#profileWrapper #profileHeader, #profileEditWrapper #profileHeader {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
    padding: 30px 0;
    height: 130px;
}

    #profileWrapper #profileHeader #nameRole, #profileWrapper #profileHeader #avatar, #profileWrapper #profileHeader #avatarNational, #profileWrapper #profileHeader #avatarRegional, #profileWrapper #profileHeader #avatarMerchant, #profileWrapper #profileHeader #avatarManager, #profileWrapper #profileHeader #editAccount, #profileEditWrapper #profileHeader #nameRole, #profileEditWrapper #profileHeader #avatar, #profileEditWrapper #profileHeader #avatarNational, #profileEditWrapper #profileHeader #avatarRegional, #profileEditWrapper #profileHeader #avatarMerchant, #profileEditWrapper #profileHeader #avatarManager, #profileEditWrapper #profileHeader #editAccount {
        display: inline-block;
    }

    #profileWrapper #profileHeader #nameRole, #profileWrapper #profileHeader #editAccount, #profileWrapper #profileHeader #inputWrapper, #profileEditWrapper #profileHeader #nameRole, #profileEditWrapper #profileHeader #editAccount, #profileEditWrapper #profileHeader #inputWrapper {
        position: absolute;
        bottom: 20px;
    }

    #profileWrapper #profileHeader #nameRole, #profileEditWrapper #profileHeader #nameRole {
        left: 0;
    }

        #profileWrapper #profileHeader #nameRole #name, #profileEditWrapper #profileHeader #nameRole #name {
            font-size: 16px;
            text-align: left;
        }

#profileWrapper #society, #profileEditWrapper #society {
    padding-top: 30px;
    display: table;
    width: 100%
}

    #profileWrapper #society #logoDiv, #profileWrapper #society #societyInfo, #profileEditWrapper #society #logoDiv, #profileEditWrapper #society #societyInfo {
        display: inline-block;
    }

    #profileWrapper #society #logo, #profileWrapper #society #societyInfo, #profileEditWrapper #society #logo, #profileEditWrapper #society #societyInfo {
        display: inline-block;
    }

    #profileWrapper #society #logoDiv, #profileEditWrapper #society #logoDiv {
        width: 60px;
        background: url("../img/logoPlaceHolder.png") no-repeat;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    #profileWrapper #society #societyInfo, #profileEditWrapper #society #societyInfo {
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
    }

        #profileWrapper #society #societyInfo #societyName, #profileEditWrapper #society #societyInfo #societyName {
            font-size: 18px;
        }

#profileWrapper #profileInfo, #profileEditWrapper #profileInfo {
    border-bottom: 1px solid #d8d8d8;
    padding: 25px 0;
    position: relative;
}

#profileWrapper .profileInfos, #profileEditWrapper .profileInfos {
    overflow: hidden;
    line-height: 30px;
}

    #profileWrapper .profileInfos.displayInlineBlock, #profileEditWrapper .profileInfos.displayInlineBlock {
        display: inline-block;
    }

    #profileWrapper .profileInfos.tech-profileEdition, #profileEditWrapper .profileInfos.tech-profileEdition {
        margin-bottom: 10px;
    }

    #profileWrapper .profileInfos .editProfileFloatLeft, #profileEditWrapper .profileInfos .editProfileFloatLeft {
        float: left;
        display: block;
        width: 200px;
    }

    #profileWrapper .profileInfos .editProfile, #profileEditWrapper .profileInfos .editProfile {
        margin-left: 30px;
    }

        #profileWrapper .profileInfos .editProfile.longerInput, #profileEditWrapper .profileInfos .editProfile.longerInput {
            width: 400px;
        }

#profileWrapper #profileButtons .btn.btn-primary, #profileEditWrapper #profileButtons .btn.btn-primary {
    width: 49%
}

#profileWrapper #grid-content-usersupports .gridHeaderAction, #profileEditWrapper #grid-content-usersupports .gridHeaderAction {
    float: right;
    display: inline-block;
}

#profileWrapper #grid-content-usersupports .gridContentAction, #profileEditWrapper #grid-content-usersupports .gridContentAction {
    font-size: 13px;
    text-decoration: none;
    color: #4f91ce;
    font-weight: bold;
}

    #profileWrapper #grid-content-usersupports .gridContentAction .custom-link.custom-link--edit, #profileEditWrapper #grid-content-usersupports .gridContentAction .custom-link.custom-link--edit {
        text-decoration: none;
    }

#profileWrapper #voucher .blockContent, #profileEditWrapper #voucher .blockContent {
    padding: 20px 30px;
    background: #f4f4f4;
}

    #profileWrapper #voucher .blockContent .control-label, #profileEditWrapper #voucher .blockContent .control-label {
        font-size: 12px;
        font-family: 'open_sansbold';
        line-height: 30px;
        color: #3f3f3f;
        width: 250px;
        float: left;
    }

    #profileWrapper #voucher .blockContent #voucherHelp, #profileEditWrapper #voucher .blockContent #voucherHelp {
        margin-top: 40px;
    }

        #profileWrapper #voucher .blockContent #voucherHelp .voucherText, #profileEditWrapper #voucher .blockContent #voucherHelp .voucherText {
            color: #7f7f7f;
            font-size: 12px;
            line-height: 14px;
        }

#profileWrapper #changePasswordForm .textAlignRight, #profileEditWrapper #changePasswordForm .textAlignRight {
    padding-bottom: 30px;
}

#profileWrapper .help-text .passwordNotice, #profileEditWrapper .help-text .passwordNotice {
    padding-top: 30px;
}

.tech-canTransformToReadOnly .profileInfos {
    margin-bottom: 10px;
}

.user-details-infos.counterActions {
    display: block;
}

    .user-details-infos.counterActions .custom-link.custom-link--edit {
        float: right;
    }

.field-validation-error, .erreurSaisie {
    color: Red;
    font-size: 14px;
}

.sumbitSearch {
    margin-top: 10px;
}

.tableContent h3.stripeTitle span, #grid-content-usersupports h3.stripeTitle span {
    color: White;
    font-weight: normal;
}

.tableContent h3.stripeTitle span {
    margin-left: 15px;
}

.detailsButtons button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5192cc #5192cc #9f9f9f;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: White;
    cursor: pointer;
    width: 24.7%;
    border: 0;
    border-right: 1px solid white;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 700;
}

    .detailsButtons button:nth-child(4) {
        border-right: 0;
    }

#profileHeader.avatar {
    background: url("../img/GestionnaireProfilePic.png") 50% 50% no-repeat transparent;
}

#profileHeader.avatarNational {
    background: url("../img/AdminNationalProfilePic.png") 50% 50% no-repeat transparent;
}

#profileHeader.avatarRegional {
    background: url("../img/AdminRegionalProfilePic.png") 50% 50% no-repeat transparent;
}

#profileHeader.avatarMerchant {
    background: url("../img/CommercantProfilePic.png") 50% 50% no-repeat transparent;
}

#profileHeader.avatarManager {
    background: url("../img/GestionnaireProfilePic.png") 50% 50% no-repeat transparent;
}

.notice {
    padding: 0 20px;
}

    .notice strong {
        margin-bottom: 10px;
    }

    .notice ul {
        margin: 10px 0 0 0;
        padding: 0;
    }

#pageContent > section > section.blockContent.notice > em {
    padding-left: 20px;
}

.formWrapper {
    margin-bottom: 10px;
}

.formLabel {
    float: left;
    display: block;
    width: 200px;
}

#saisieCode {
    padding: 20px;
}

    #saisieCode #regenerateCodeMessage {
        display: block;
        padding-top: 10px;
    }

    #saisieCode .titleTelConfirm {
        color: #3f3f3f;
        font-size: 16px;
        font-weight: normal;
        padding: 0;
    }

#securityParams {
    text-align: left;
}

    #securityParams .contVp p {
        margin-bottom: 20px;
    }

    #securityParams .contVp .fdg {
        margin-bottom: 50px;
    }

    #securityParams .lstVp {
        margin: 0;
    }

        #securityParams .lstVp .chekCustom {
            float: left;
            display: block;
        }

        #securityParams .lstVp .autoCk {
            margin-left: 50px;
        }

.BRAS_blueNotice, .BRAS_notice {
    display: block;
}

.BRAS_blueNotice {
    font-family: open_sansbold;
    color: #5192cc;
}

.BRAS_lastNotice {
    margin-bottom: 50px;
}

.BRAS_Title, #pageContent .contentBlock .stripeTitle.BRAS_Title {
    border-bottom: 0;
}

    .BRAS_Title.dblTitle, #pageContent .contentBlock .stripeTitle.BRAS_Title.dblTitle {
        height: auto;
    }

        .BRAS_Title.dblTitle .BRAS_subTitle, #pageContent .contentBlock .stripeTitle.BRAS_Title.dblTitle .BRAS_subTitle {
            display: block;
            font-family: open_sanslight;
            margin-top: -30px;
        }

            .BRAS_Title.dblTitle .BRAS_subTitle.bold, #pageContent .contentBlock .stripeTitle.BRAS_Title.dblTitle .BRAS_subTitle.bold {
                font-family: open_sansbold;
                font-size: 15px;
            }

.BRAS, #pageContent .grid tr td.BRAS {
    padding: 20px;
    width: 33.3%;
    border: 1px solid #d8d8d8;
    vertical-align: baseline;
}

    .BRAS .colTitle, #pageContent .grid tr td.BRAS .colTitle {
        margin-bottom: 20px;
    }

    .BRAS .colContent, #pageContent .grid tr td.BRAS .colContent {
        font-size: 12px;
    }

        .BRAS .colContent .colContentLine, #pageContent .grid tr td.BRAS .colContent .colContentLine {
            font-family: 'open_sansbold'
        }

        .BRAS .colContent .colContentAmount, #pageContent .grid tr td.BRAS .colContent .colContentAmount {
            color: #5192cc;
        }

.span12.alert.alert-block.alert-error {
    float: none;
    min-height: 30px;
}

.proId {
    color: #929292;
    font-size: 12px;
    font-style: italic;
    width: 420px;
    margin: 15px 0 0px 130px;
}

#serverGapForm, #grid-content-CardTransmitterList {
    margin-top: 30px;
}

#pageContent #grid > div > table > tbody > tr > td.centerText, #pageContent #grid > div > table > tbody > tr > td.leftText, #pageContent #grid > div > table > tbody > tr > td.rightText {
    border-left: 1px solid #f2f2f2;
}

.lockedItem, .unlockedItem {
    font-family: 'open_sansbold';
    text-decoration: none;
}

    .lockedItem:hover, .unlockedItem:hover {
        text-decoration: none;
    }

    .lockedItem .icon, .unlockedItem .icon {
        display: inline-block;
        vertical-align: middle;
    }

.lockedItem {
    color: #5192cc;
}

    .lockedItem .icon {
        background: url("../img/pict_actions.png") no-repeat transparent;
        height: 30px;
        width: 30px;
        margin-right: 5px;
        background-position: -180px 0;
    }

.unlockedItem, .unlockedItem:hover, .unlockedItem:focus {
    color: #3f3f3f;
}

    .unlockedItem .icon {
        background: url("../img/block.png") no-repeat transparent;
        height: 16px;
        width: 14px;
        margin-right: 15px;
    }

.fdg em {
    color: #999999;
    display: table-cell;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    width: auto;
    text-align: left;
    vertical-align: middle;
}

.blockActionContainer {
    width: 230px;
    border-left: 1px solid #f2f2f2 !important;
    padding-left: 15px !important;
}

.shorterLeftPadding {
    padding-left: 7px !important;
}

#securityNotice {
    padding: 30px 0;
}

.upBankAccountContent .fdg em {
    width: 250px;
    font-size: 11px;
}

#pageContent .contentBlock.upBankAccountContent .stripeTitle.dblLine {
    height: 80px;
    line-height: 30px;
    padding: 10px 20px 0 20px;
}

#pageContent .blockContent.lessTopPadding {
    padding-top: 10px;
}

#pageContent .contentBlock.lessBottomMargin {
    margin-bottom: 10px;
}

.bankAccountSub {
    padding-bottom: 20px;
}

.telConfirm {
    display: inline-block;
}

.titleTelConfirm {
    color: #3f3f3f;
    font-size: 16px;
    font-weight: 700;
    padding: 0 10px;
}

#codeMobile {
    float: right;
    background-color: white;
}

.blueTxt {
    color: #5192cc;
}

#pageContent .gridContent.KYC .grid thead th {
    text-align: center;
}

    #pageContent .gridContent.KYC .grid thead th.emptyDark {
        background: #f2f2f2;
    }

#pageContent .gridContent.KYC th, #pageContent .gridContent.KYC td {
    font-family: open_sansbold;
}

    #pageContent .gridContent.KYC td:not(.tableCaption) {
        text-align: center;
        color: #5192cc;
    }

.margin-bottom30 {
    margin-bottom: 30px;
}

.margin-left20 {
    margin-left: 20px;
}

.puce {
    margin-right: 10px;
}

_::-moz-svg-foreign-content, :root .detailsUser #detailsWrapper #detailsInfosWrapper {
    width: 390px;
}

_::-moz-svg-foreign-content, :root .detailsUser #detailsWrapper .accountDetails {
    margin-left: -3px;
}

_::-moz-svg-foreign-content, :root #CashingPoint_File {
    width: 280px;
}

.warLab.notice {
    color: #ff4c4c;
    font-size: 14px;
    font-family: 'open_sansbold';
    padding: 0;
    margin-bottom: 30px;
}

    .warLab.notice i {
        height: 40px;
        width: 40px;
        background: url("../img/exclamationMark.png");
        display: inline-block;
        vertical-align: middle;
    }

.rezConf {
    margin: 0;
}

.btmMargin {
    margin-bottom: 20px;
}

.btmBorder {
    padding-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
}

.tcFirstBtn {
    width: 160px;
}

.tcSecondBtn, .tcTerBtn {
    width: 300px;
}

.terminateSaisieCode {
    padding: 20px;
    border: 1px solid #d8d8d8;
}

.saisieCode .titleTelConfirm {
    color: #3f3f3f;
    font-size: 16px;
    font-weight: normal;
    padding: 0;
}

.saisieCodeBlock {
    display: block;
}

.secCode {
    color: #3f3f3f;
    font-size: 12px;
    margin-right: 20px;
}

#pageContent > section > div.rub.codeConfVal.terminateSaisieCode > div > span:nth-child(4) > span > a {
    text-decoration: none;
}

.alert-success {
    font-size: 14px;
    min-height: 30px;
    line-height: 30px;
}

.alert .close {
    line-height: 30px;
}

input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus, input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
    color: #3f3f3f;
    border: 1px solid #d9d9d9 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front[aria-describedby="loader"] {
    position: fixed;
    bottom: 0;
    right: 0;
    background: none;
    border: none;
}

.user-details-expand .user-details-actions {
    padding-left: 80px;
}

.margin20After {
    margin-right: 20px;
}

#legendObl {
    margin-bottom: 5px;
}

#legendMerchantProfile {
    font-family: 'open_sansbold';
    display: none;
}

a.btn.minWidth300 {
    min-width: 300px;
}

.errorMessageContent {
    padding-left: 20px;
}

.gridDetail {
    min-width: 100%;
    width: 100%
}

    .gridDetail tr td {
        background: #FFFFFF;
        padding: 10px;
    }

        .gridDetail tr td span.merchantDetailsLabel {
            margin-left: 10px;
        }

        .gridDetail tr td span.merchantDetailsContent {
            color: #3f3f3f;
            font-size: 12px;
            font-family: 'open_sansbold'
        }

    .gridDetail tr.alternate td {
        background: #F7F7F7;
    }

#cgu {
    margin: 20px 0px;
}

    #cgu #cguContainer {
        background: #FAFAFA;
        border: 1px solid #EBEBEB;
        text-align: justify;
    }

        #cgu #cguContainer .cguItem {
            border: none;
            border-bottom: 1px solid #EBEBEB;
            float: none;
            margin: 0px;
            padding: 0px;
            width: 100%
        }

            #cgu #cguContainer .cguItem .itemTitle {
                position: relative;
                cursor: pointer;
                padding: 15px 10px;
            }

                #cgu #cguContainer .cguItem .itemTitle span {
                    width: 85%;
                    display: inline-block;
                    font-size: 15px;
                    text-align: left;
                    font-weight: bold;
                    color: #666666;
                    cursor: pointer;
                }

                #cgu #cguContainer .cguItem .itemTitle img {
                    width: 18px;
                    position: absolute;
                    top: 33%;
                    right: 5px;
                    -webkit-transform: rotate(0deg);
                    -moz-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                    -o-transform: rotate(0deg);
                    transform: rotate(0deg);
                    -webkit-transition: -webkit-transform 0.2s ease-in-out;
                    -moz-transition: -moz-transform 0.2s ease-in-out;
                    -ms-transition: -ms-transform 0.2s ease-in-out;
                    transition: transform 0.2s ease-in-out;
                }

                #cgu #cguContainer .cguItem .itemTitle.active img {
                    -webkit-transform: rotate(-180deg);
                    -moz-transform: rotate(-180deg);
                    -ms-transform: rotate(-180deg);
                    -o-transform: rotate(-180deg);
                    transform: rotate(-180deg);
                }

            #cgu #cguContainer .cguItem .itemContent {
                text-align: justify;
            }

                #cgu #cguContainer .cguItem .itemContent .subItem {
                    margin-top: 0px;
                    margin: 15px 10px;
                }

                    #cgu #cguContainer .cguItem .itemContent .subItem .subItemTitle {
                        font-weight: bold;
                        color: #4D4D4D;
                    }

                    #cgu #cguContainer .cguItem .itemContent .subItem p {
                        margin: 10px 0px;
                        color: #999999;
                    }

                    #cgu #cguContainer .cguItem .itemContent .subItem .squareList {
                        list-style-type: square;
                    }

.soonFeature {
    text-align: center;
    margin-top: 30px;
}

    .soonFeature img {
        width: 30%
    }

    .soonFeature p {
        font-size: 16px;
        font-family: 'open_sansbold';
        margin-top: -20px;
    }

.paddingLeft200 {
    padding-left: 200px;
}

#messageAlerte {
    text-align: center;
    padding: 10px;
    background-color: #f2dede;
    color: #b94a48;
    font-size: 14px;
    font-family: 'open_sansregular', Helvetica, Arial, FreeSans, sans-serif;
    font-weight: bold;
}

label.smallLabel.alertContent {
    font-weight: bold;
    color: red !important;
}

span.customValue.importantContent.alertContent {
    color: red !important;
}

#pageContent .custom-link .icon_eye_hidden {
    background: url("../img/eye_hiden.png") no-repeat transparent;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin-right: 16px;
    background-size: 30px 30px;
}

#pageContent .custom-link .icon_eye_shown {
    background: url("../img/eye_shown.png") no-repeat transparent;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin-right: 10px;
    background-size: 30px 30px;
}

#pageContent .custom-link.maskedBirthdate .icon_eye_shown {
    margin-left: 10px;
    height: 20px;
    width: 20px;
    padding-bottom: 2px;
    background-size: 20px 20px;
}

#divLabelShowBirthdate {
    display: flex;
}

    #divLabelShowBirthdate .smallLabel {
        margin-right: 10px;
        margin-left: 140px;
    }

#divMessageShowBirthdate {
    margin-top: 25px;
}

    #divMessageShowBirthdate .smallLabel {
        text-align: left;
        margin-bottom: 10px;
    }

#pageContent .gridHeader .icon_info {
    background: url("../img/picto_notif_mini.png") no-repeat transparent;
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin-right: 10px;
    background-size: 18px 18px;
    margin-bottom: 5px;
}

.tooltipInfo:hover .tooltipInfoText {
    visibility: visible;
    font-size: x-small;
    font-style: normal;
}

.tooltipInfo .tooltipInfoText {
    visibility: hidden;
    position: absolute;
    bottom: 13px;
    right: 160px;
    width: 400px;
    line-height: 20px;
    font-size: x-small;
    font-style: normal;
    font-weight: bold;
    color: #505050;
    background-color: #f2f2f2;
    text-align: center;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    display: none;
}


#showBirthdate.ui-dialog-content.ui-widget-content {
    padding-top: 0px;
}

#pageContent input.disabled.copyable {
    color: black;
    cursor: pointer !important;
}