@charset "UTF-8";
/* IMPORTS */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i");
/*
** GLOBAL
*/
body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
    position: relative;
    font-family: "Open Sans", arial, sans-serif;
    background: #000000;
}

.container-fluid {
    background: #ffffff;
    width: 100%;
    float: left;
}

    .container-fluid.mainContainer {
        min-height: 600px;
    }

h1 {
    color: #282828;
    font-size: 28px;
    line-height: 34px;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 700;
    margin: 20px 0;
}

    h1:not(.homeTitle) {
        margin: 30px 0 15px;
    }

h2 {
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
}

h3 {
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #666666;
    padding: 5px 0;
    margin: 0;
}

.tableTitle,
h4 {
    color: #666666;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 5px;
}

.tableDescription,
h5 {
    color: #999966;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
}

p {
    color: #333333;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

a {
    font-weight: 600;
    color: #868659;
}

    a:focus, a:hover {
        color: #999966;
    }

    a:focus {
        text-decoration: none;
    }

ol.roundList,
ul.roundList {
    list-style: none;
    padding: 0;
}

    ol.roundList li,
    ul.roundList li {
        padding-left: 25px;
    }

        ol.roundList li:before,
        ul.roundList li:before {
            content: '\25CF';
            position: absolute;
            font-family: arial, sans-serif;
            font-size: 16px;
            line-height: 0;
            color: #999966;
            left: 10px;
            top: 11px;
        }

        ol.roundList li .no-list-style,
        ul.roundList li .no-list-style {
            list-style: none;
            padding: 0;
        }

ol li,
ul li {
    position: relative;
    color: #333333;
    font-size: 14px;
    line-height: 1.5;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 400;
    margin: 4px 0;
}

.subList {
    list-style: none;
    padding-left: 50px;
    padding-top: 2px;
    font-size: 14px;
    line-height: 1.2;
    opacity: 0.9;
}

.subList1 {
    list-style:disc;
    padding-left: 50px;
    padding-top: 2px;
    font-size: 14px;
    line-height: 1.2;
    opacity: 0.9;
}

/*
** SPACINGS & BORDERS
*/
.spacing {
    margin: 20px 40px;
}

.big-spacing {
    margin-top: 80px;
    margin-bottom: 80px;
}

.spacing-top {
    margin-top: 40px;
}

.spacing-bottom {
    margin-bottom: 40px;
}

.big-spacing-bottom {
    margin-bottom: 40px;
}

.border-bottom {
    border-bottom: 2px solid #ffffff;
}

.border-top-bottom {
    border-width: 2px 0;
    border-style: solid;
    border-color: #ffffff;
}

.border-left-right {
    border-width: 0 2px;
    border-style: solid;
    border-color: #ffffff;
}

.no-padding,
.tableForm .no-padding,
.tableForm .row .no-padding {
    padding: 0;
}

.no-border,
.tableForm .no-border,
.tableForm .row .no-border {
    border-width: 0;
}

.no-margin,
.tableForm .no-margin,
.tableForm .row .no-margin {
    margin: 0;
}

.no-margin-lr,
.tableForm .no-margin-lr,
.tableForm .row .no-margin-lr {
    margin-left: 0;
    margin-right: 0;
}

.uppercaseText {
    text-transform: uppercase;
}

.collapseButton {
    cursor: pointer;
}

.inline-block {
    display: inline-block;
    margin-right: 15px;
}

/*
** Imports
*/
/*
** HEADER
*/
.header {
    background: #282828;
    padding-top: 30px;
    padding-bottom: 50px;
}

    .header .logoBrand {
        float: left;
        width: 100%;
        max-width: 366px;
    }

    .header .logoCompany {
        float: right;
        width: 100%;
        max-width: 204px;
    }

.topLinks {
    background: #000000;
    float: right;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .topLinks a {
        vertical-align: middle;
        display: inline-block;
        color: #ffffff;
        font-size: 14px;
        font-family: "Open Sans", arial, sans-serif;
        font-weight: 600;
        margin-right: 10px;
    }

        .topLinks a:last-child {
            margin-right: 0;
        }

        .topLinks a.active {
            font-weight: 700;
            text-decoration: underline;
        }

    .topLinks .topLinksDivider {
        margin-right: 5px;
        display: inline-block;
        border-left: 2px solid #ffffff;
        background: #ffffff;
        width: 1px;
        height: 15px;
        vertical-align: middle;
    }

    .topLinks .loginLink {
        margin-top: 14px;
    }

.navigation {
    background: #999966;
    padding-top: 12px;
    height: 50px;
    border-bottom: 1px solid #ffffff;
}

    .navigation .leftLinks > a,
    .navigation .rightLinks > a {
        color: #000000;
        font-size: 17px;
        font-family: "Open Sans", arial, sans-serif;
        font-weight: 700;
        margin-right: 30px;
    }

        .navigation .leftLinks > a.active,
        .navigation .rightLinks > a.active {
            color: #ffffff;
            position: relative;
        }

            .navigation .leftLinks > a.active:before,
            .navigation .rightLinks > a.active:before {
                content: '';
                position: absolute;
                border-left: 10px solid transparent;
                border-top: 10px solid #282828;
                border-right: 10px solid transparent;
                width: 0;
                height: 0;
                top: -15px;
                margin: 0 auto;
                left: 0;
                right: 0;
            }

        .navigation .leftLinks > a:hover,
        .navigation .rightLinks > a:hover {
            color: #ffffff;
            text-decoration: none;
        }

        .navigation .leftLinks > a.loginLink,
        .navigation .rightLinks > a.loginLink {
            color: #ffffff;
        }

    .navigation .rightLinks {
        text-align: right;
    }

        .navigation .rightLinks a:last-child {
            margin-right: 0;
        }

        .navigation .rightLinks .activeLoginDesktop {
            display: inline-block;
            height: 50px;
            float: right;
            margin-top: -12px;
            padding: 12px 10px 0;
        }

            .navigation .rightLinks .activeLoginDesktop .dropdown-toggle {
                padding-top: 0;
                padding-bottom: 0;
                font-size: 17px;
                font-family: "Open Sans", arial, sans-serif;
                font-weight: 700;
                line-height: 20px;
                padding: 0;
                border-bottom: 2px solid transparent;
                margin-bottom: -2px;
            }

                .navigation .rightLinks .activeLoginDesktop .dropdown-toggle:hover {
                    background: none;
                    text-decoration: none;
                }

                    .navigation .rightLinks .activeLoginDesktop .dropdown-toggle:hover span:first-child {
                        border-bottom: 2px solid #ffffff;
                    }

                .navigation .rightLinks .activeLoginDesktop .dropdown-toggle:focus {
                    border-color: transparent;
                    outline-color: transparent;
                    text-decoration: none;
                }

                    .navigation .rightLinks .activeLoginDesktop .dropdown-toggle:focus:focus .navigation .rightLinks .activeLoginDesktop .dropdown-toggle:focus:hover span:first-child {
                        border-bottom: 2px solid #ffffff;
                    }

                .navigation .rightLinks .activeLoginDesktop .dropdown-toggle .caret {
                    margin-top: -4px;
                    margin-left: 10px;
                    border-top: 8px solid #ffffff;
                    border-right: 8px solid transparent;
                    border-left: 8px solid transparent;
                    border-bottom: 0;
                }

            .navigation .rightLinks .activeLoginDesktop.open {
                background: #ffffff;
                color: #999966;
            }

                .navigation .rightLinks .activeLoginDesktop.open .dropdown-toggle {
                    background-color: #ffffff;
                    color: #999966;
                }

                    .navigation .rightLinks .activeLoginDesktop.open .dropdown-toggle:hover {
                        color: #999966;
                    }

                    .navigation .rightLinks .activeLoginDesktop.open .dropdown-toggle:focus span:first-child {
                        border-bottom: 2px solid #999966;
                    }

                    .navigation .rightLinks .activeLoginDesktop.open .dropdown-toggle .caret {
                        border-bottom: 8px solid #999966;
                        border-right: 8px solid transparent;
                        border-left: 8px solid transparent;
                        border-top: 0;
                    }

            .navigation .rightLinks .activeLoginDesktop .dropdown-menu {
                margin-top: 0;
                border: 0;
                border-radius: 0;
                width: 280px;
                left: -105px;
            }

                .navigation .rightLinks .activeLoginDesktop .dropdown-menu a {
                    max-width: 280px;
                    display: block;
                    white-space: normal;
                    font-weight: 600;
                }

                    .navigation .rightLinks .activeLoginDesktop .dropdown-menu a:hover {
                        background-color: #999966;
                        color: #ffffff;
                    }

                    .navigation .rightLinks .activeLoginDesktop .dropdown-menu a.active {
                        background-color: #dadac8;
                        color: #000000;
                    }

/*
** Captcha
*/
.captchaTitle {
    display: block;
}

.captchaItem,
.realperson-challenge {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    padding-left: 20px;
}

    .captchaItem .realperson-text,
    .realperson-challenge .realperson-text {
        margin-left: 30px;
    }

    .captchaItem .realperson-regen,
    .realperson-challenge .realperson-regen {
        background: url("../images/refresh-icon.png") 0 0 no-repeat;
        width: 20px;
        height: 20px;
        margin: 10px auto 0;
        text-indent: -9999px;
        position: absolute;
        top: -10px;
        left: 20px;
    }

/*
** BUTTONS
*/
.btn {
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    padding: 8px 20px 7px;
    border: 0;
    border-radius: 0;
}

    .btn.btn-primary, .btn.btn-tertiary {
        background: #999966;
        color: #ffffff;
    }

        .btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-tertiary:focus, .btn.btn-tertiary:hover {
            background: #999966;
            text-decoration: underline;
            box-shadow: none;
        }

    .btn.btn-secondary {
        background: #999966;
        color: #ffffff;
        padding: 12px 20px;
    }

        .btn.btn-secondary:hover {
            background: #dadac8;
        }

    .btn.btn-tertiary {
        padding: 12px 20px;
    }

    .btn.collapseButton {
        background: #999966;
        color: #ffffff;
        position: relative;
        width: 100%;
        text-align: left;
        text-transform: none;
        font-family: "Open Sans", arial, sans-serif;
        font-weight: 600;
        font-size: 14px;
    }

        .btn.collapseButton:after {
            content: '';
            position: absolute;
            border-top: 8px solid #ffffff;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            width: 17px;
            top: 50%;
            right: 15px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

    .btn:active, .btn:focus {
        outline: none;
        box-shadow: none;
    }

    .btn.btn-mini {
        display: inline;
        background: #999966;
        color: #ffffff;
        font-size: 11px;
        padding: 3px 10px;
    }

        .btn.btn-mini:hover {
            text-decoration: underline;
        }

    .btn.btn-more {
        background-color: #999966;
        position: absolute;
        margin: 0;
        right: 0;
        bottom: 2px;
        padding: 8px 0;
        width: 19px;
        height: 19px;
        line-height: 0;
    }

        .btn.btn-more:after {
            content: '+';
            text-align: center;
            color: #ffffff;
            font-size: 22px;
            font-weight: 700;
        }

        .btn.btn-more.open {
            background-color: #ffffff;
        }

            .btn.btn-more.open:after {
                content: '\2011';
                color: #999966;
            }

.more-wrapper {
    position: relative;
}

    .more-wrapper.open p {
        height: 100%;
        max-height: 100%;
    }

    .more-wrapper p {
        max-height: 43px;
        margin-bottom: 0;
    }

.btn-wrapper {
    margin: 0 auto;
    display: block;
    text-align: center;
}

    .btn-wrapper .btn:first-of-type {
        margin-right: 20px;
    }

/*
** GLOBAL FORMS
*/
input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
select:not(.multiselect),
textarea {
    height: 32px;
    border-radius: 5px;
    -moz-box-shadow: inset 1px 1px 1px #ebebe0;
    -webkit-box-shadow: inset 1px 1px 1px #ebebe0;
    box-shadow: inset 1px 1px 1px #ebebe0;
    border: 1px solid #cccccc;
    color: #333333;
    font-size: 14px;
}

input[type="email"], input[type="password"], input[type="tel"], input[type="text"],
select[type="email"],
select[type="password"],
select[type="tel"],
select[type="text"] {
    padding: 0 5px;
    line-height: 30px;
}

textarea {
    line-height: 25px;
}

.form-group label {
    padding-top: 7px;
    max-width: none;
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.form-group input[type="email"],
.form-group input[type="file"],
.form-group input[type="password"],
.form-group input[type="text"],
.form-group select {
    display: inline-block;
    width: auto;
}

.form-group select {
    min-width: 160px;
}

.form-group input[type="file"] {
    line-height: 0;
    padding: 4px;
}

.errorForm p {
    color: #a94442;
    font-weight: 600;
}

/*
** FORMS BOX
*/
.boxInner {
    padding: 20px;
    background: #ebebe0;
    margin-bottom: 40px;
    height: 100%;
}

    .boxInner .form-group input[type="email"],
    .boxInner .form-group input[type="password"],
    .boxInner .form-group input[type="text"],
    .boxInner .form-group label {
        display: block;
        width: 100%;
        float: none;
        line-height: 1;
    }

        .boxInner .form-group input[type="text"].captchaItem {
            width: 70%;
            float: left;
        }

    .boxInner .form-group.submitBtn {
        margin-bottom: 0;
        text-align: center;
    }

    .boxInner p {
        font-family: "Open Sans", arial, sans-serif;
        font-size: 14px;
        line-height: 1.8;
    }

        .boxInner p.notice {
            font-size: 12px;
            line-height: 18px;
            margin-top: 10px;
        }

        .boxInner p.note {
            font-size: 12px;
            line-height: 18px;
            font-style: italic;
            margin: 30px 0;
        }

    .boxInner span.title {
        font-family: "Open Sans", arial, sans-serif;
        font-weight: 700;
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .boxInner .realperson-challenge {
        position: relative;
        vertical-align: middle;
        display: inline-block;
        padding-left: 20px;
        margin-top: 7px;
    }

        .boxInner .realperson-challenge .realperson-text {
            margin-left: 30px;
        }

        .boxInner .realperson-challenge .realperson-regen {
            background: url("../images/refresh-icon.png") 0 0 no-repeat;
            position: absolute;
            width: 20px;
            height: 20px;
            margin: 10px auto 0;
            text-indent: -9999px;
            top: -10px;
            left: 15px;
        }

    .boxInner.conditionsScreen .btn {
        float: right;
    }

.yesWrapper {
    padding-left: 28px;
}

.sameHeight {
    display: table;
}

    .sameHeight .boxInner {
        display: table-cell;
        vertical-align: middle;
    }

/*
** MODULES FORMS
*/
.formModules .form-group {
    padding: 10px 20px;
    clear: both;
    float: left;
    background: #ebebe0;
    border-top: 3px solid #ffffff;
    margin: 0;
    width: 100%;
}

    .formModules .form-group.header-form {
        background: #dadac8;
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .formModules .form-group.header-form.blocked label {
            font-weight: 700;
        }

            .formModules .form-group.header-form.blocked label:not(:last-child) {
                margin-bottom: 10px;
            }

        .formModules .form-group.header-form .radio {
            margin-top: 0;
            margin-bottom: 0;
        }

    .formModules .form-group.content-form {
        background-color: #f5f5ef;
        border-top: 0 solid transparent;
    }

        .formModules .form-group.content-form > .radio {
            margin: 0;
        }

    .formModules .form-group.blocked-radio .radio-inline {
        display: block;
        clear: both;
        float: none;
        margin-left: 0;
    }

    .formModules .form-group label {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .formModules .form-group label.full {
            width: 100%;
            overflow: hidden;
            font-weight: 400;
        }

            .formModules .form-group label.full input {
                width: 100%;
                height: 24px;
                margin-top: 2px;
            }

            .formModules .form-group label.full span:last-child {
                display: block;
                overflow: hidden;
                padding-left: 10px;
            }

            .formModules .form-group label.full span:first-child {
                float: left;
                margin-top: 5px;
            }

    .formModules .form-group .strong {
        font-weight: 700;
    }

    .formModules .form-group .underform-group {
        background-color: transparent;
        border-width: 0;
        padding-right: 0;
        margin-left: 20px;
        float: none;
        clear: both;
    }

    .formModules .form-group.checkList {
        background-color: #ffffff;
    }

        .formModules .form-group.checkList .checkbox {
            padding: 0 20px;
        }

            .formModules .form-group.checkList .checkbox:hover {
                background-color: #ebebe0;
            }

            .formModules .form-group.checkList .checkbox label {
                padding-top: 5px;
                padding-bottom: 5px;
            }

    .formModules .form-group .form-group {
        padding: 0;
        clear: both;
        float: left;
        background: transparent;
        border-bottom: 0 solid #ffffff;
        margin: 0;
        width: 100%;
    }

.formModules .blocked label:not(.radio-inline) {
    display: block;
    float: none;
    margin: 0;
}

    .formModules .blocked label:not(.radio-inline) input:not([type="checkbox"]) {
        width: 100%;
        display: block;
    }

.formModules .checkbox {
    width: 100%;
    display: block;
    margin-top: 0;
    margin-bottom: 5px;
}

.formModules .radio-inline input[type=radio] {
    margin-left: -18px;
}

.formModules .radio {
    clear: both;
    min-height: 30px;
}

    .formModules .radio input[type="text"] {
        height: 24px;
        margin-top: 2px;
    }

.formModules .clear {
    clear: both;
    width: 100%;
}

.formModules .imagePlaceholder {
    display: none;
    max-width: 100%;
    clear: both;
    float: left;
    margin: 20px auto;
}

.formModules .radioWrap {
    display: inline-block;
    width: 420px;
}

    .formModules .radioWrap .radio-inline {
        display: inline-block;
        background: #999966;
        font-weight: 700;
        line-height: 20px;
        color: #ffffff;
        position: relative;
        margin: 0 auto;
        text-align: center;
        padding: 10px 0;
        margin-left: 5%;
        width: 45%;
    }

        .formModules .radioWrap .radio-inline:hover {
            cursor: pointer;
        }

        .formModules .radioWrap .radio-inline input {
            position: absolute;
            left: 30px;
        }

        .formModules .radioWrap .radio-inline.radioChecked {
            background: #ebebe0;
            border: 2px solid #999966;
            color: #999966;
            padding-top: 8px;
            padding-bottom: 8px;
        }

.formModules .listeCollapsable {
    padding: 0;
    position: relative;
    line-height: 26px;
}

    .formModules .listeCollapsable > label {
        display: inline;
        margin: 0;
        padding: 0;
        max-width: 850px;
        padding: 13px 20px;
    }

    .formModules .listeCollapsable .choiceCell {
        background-color: #ebebe0;
        display: table;
        vertical-align: middle;
        float: right;
    }

        .formModules .listeCollapsable .choiceCell.open {
            background-color: #f5f5ef;
        }

    .formModules .listeCollapsable > .underform-group {
        background-color: #f5f5ef;
        padding: 10px 20px;
        margin: 0;
        overflow: hidden;
    }

        .formModules .listeCollapsable > .underform-group label {
            padding-top: 5px;
            padding-bottom: 5px;
        }

    .formModules .listeCollapsable > .error-alert {
        margin-left: 20px;
        top: -10px;
    }

        .formModules .listeCollapsable > .error-alert em:before {
            top: 2px;
        }

.formModules .multiselect-native-select .btn-group {
    max-width: 100%;
}

    .formModules .multiselect-native-select .btn-group .multiselect.btn.btn-default {
        background: #999966;
        color: #ffffff;
        position: relative;
        text-align: left;
        text-transform: none;
        font-family: "Open Sans", arial, sans-serif;
        font-weight: 600;
        font-size: 14px;
        padding: 3px 10px;
       width: 100%;
        min-width:200px;
        max-width: 1100px;
        height: 32px;
    }

        .formModules .multiselect-native-select .btn-group .multiselect.btn.btn-default .multiselect-selected-text {
            display: block;
            max-width: 100%;
            padding-right: 35px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .formModules .multiselect-native-select .btn-group .multiselect.btn.btn-default .caret {
            content: '';
            position: absolute;
            border-top: 8px solid #ffffff;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            width: 17px;
            top: 50%;
            right: 15px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

    .formModules .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {
        border-radius: 0;
        border-width: 0;
        outline-width: 0;
        width: 100%;
    }

        .formModules .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li {
            position: static;
            line-height: 1;
            margin: auto;
        }

            .formModules .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li .checkbox,
            .formModules .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li .radio {
                float: none;
                display: block;
                min-height: auto;
                white-space: normal;
            }

            .formModules .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li.active a {
                background-color: #dadac8;
                color: #000000;
            }

            .formModules .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li a:focus {
                outline-width: 0;
                border-width: 0;
            }

            .formModules .multiselect-native-select .btn-group .multiselect-container.dropdown-menu li:hover a {
                display: block;
                background-color: #999966 !important;
                color: #ffffff;
            }

    .formModules .multiselect-native-select .btn-group.open .multiselect.btn.btn-default {
        background-color: #ffffff;
        outline: 2px solid #999966;
        outline-offset: -2px;
        color: #000000;
    }

        .formModules .multiselect-native-select .btn-group.open .multiselect.btn.btn-default .caret {
            content: '';
            position: absolute;
            border-top: 0 solid transparent;
            border-bottom: 8px solid #999966;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            width: 17px;
            top: 50%;
            right: 15px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

.formModules .error-alert {
    position: relative;
    display: block;
    float: none;
    clear: both;
    margin: 0;
    padding-left: 25px;
}

    .formModules .error-alert em {
        display: block;
        color: #a94442;
        font-style: normal;
        margin: 5px 0;
    }

        .formModules .error-alert em:before {
            content: '!';
            position: absolute;
            left: 0;
            top: 0;
            width: 19px;
            height: 19px;
            font-size: 16px;
            font-weight: 700;
            padding: 8px 0;
            width: 19px;
            height: 19px;
            line-height: 0.2;
            background-color: #a94442;
            text-align: center;
            color: #ffffff;
            font-family: "Open Sans", arial, sans-serif;
        }

.tableHeader {
    margin-top: 20px;
    margin-bottom: 20px;
}

.moduleIntro {
    margin-bottom: 20px;
}

    .moduleIntro h1 {
        margin-bottom: 0;
    }

    .moduleIntro h2 {
        margin-top: 0;
    }

        .moduleIntro h2.moduleTitle {
            color: #999966;
            font-family: "Open Sans", arial, sans-serif;
            font-weight: 700;
            font-size: 25px;
            line-height: 30px;
        }

    .moduleIntro p {
        margin-top: 20px;
    }

.tableForm {
    background: #ebebe0;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 400;
}

    .tableForm [class*="col-"]:not(.no-padding) {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .tableForm .headerCell {
        background: #dadac8;
        padding-top: 15px;
        padding-bottom: 15px;
        border-right: 2px solid #ffffff;
        font-family: "Open Sans", arial, sans-serif;
        font-weight: 700;
        color: #333333;
    }

        .tableForm .headerCell h3 {
            font-size: 26px;
            margin-bottom: 5px;
        }

            .tableForm .headerCell h3 + span {
                font-weight: 600;
            }

    .tableForm .headerChoiceCell {
        background: #dadac8;
    }

    .tableForm textarea {
        width: 100%;
        max-width: 100%;
    }

/*
** HOME
*/
.introText {
    margin-bottom: 30px;
}

.homeFirstRow {
    background: #767474;
    padding-bottom: 0;
}

    .homeFirstRow .container {
        background: url("../images/bg-texture.png") bottom right no-repeat;
        padding-bottom: 20px;
    }

    .homeFirstRow h1 {
        margin-bottom: 20px;
    }

    .homeFirstRow p {
        color: #ffffff;
        font-size: 17px;
        line-height: 1.6;
    }

    .homeFirstRow a {
        color: #cccc99;
    }

.homeSecondRow {
    padding-bottom: 35px;
}

    .homeSecondRow h2 {
        color: #000000;
    }

    .homeSecondRow ul {
        list-style-type: none;
        padding-left: 0;
    }

        .homeSecondRow ul li {
            text-indent: -2em;
            padding-left: 2em;
            color: #000000;
            font-family: "Open Sans", arial, sans-serif;
            font-weight: 600;
            font-size: 17px;
            line-height: 20px;
            margin-bottom: 10px;
        }

            .homeSecondRow ul li span.number {
                display: inline-block;
                background: #999966;
                border-radius: 30px;
                width: 30px;
                color: #ffffff;
                padding: 5px 10px;
                margin-right: 10px;
                text-align: center;
                text-indent: 0;
            }

    .homeSecondRow .bubbleText {
        background-image: url("../images/bg-bubble.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        background-size: 500px;
        height: 250px;
    }

        .homeSecondRow .bubbleText .textInBubble {
            position: absolute;
            display: block;
            padding-top: 120px;
            width: 400px;
            margin: 0 auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            font-size: 17px;
            line-height: 20px;
            color: #000000;
            font-family: "Open Sans", arial, sans-serif;
            font-weight: 600;
            font-style: italic;
            text-align: center;
        }

    .homeSecondRow .btn-wrapper {
        padding-top: 30px;
    }

/*
** Module 3
*/
.module3Form textarea {
    margin-top: 3px;
}

/*
** Module 4
*/
.module4Form .checkbox,
.module5Form .checkbox {
    padding: 5px 25px;
}

    .module4Form .checkbox span,
    .module5Form .checkbox span {
        padding: 0 10px;
    }

    .module4Form .checkbox.checked, .module4Form .checkbox:hover,
    .module5Form .checkbox.checked,
    .module5Form .checkbox:hover {
        background-color: #ebebe0;
    }

.row .rowTitle {
    position: relative;
    background: #ebebe0;
    font-size: 20px;
    line-height: 24px;
    padding: 12px 20px;
    color: #666666;
}

    .row .rowTitle h3 {
        width: calc(100% - 50px);
    }

    .row .rowTitle .arrow {
        background-color: #999966;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
        height: 56px;
        width: 55px;
        border-left: 2px solid #ffffff;
    }

        .row .rowTitle .arrow:after {
            content: '';
            position: absolute;
            border-top: 8px solid #ffffff;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            top: 50%;
            left: 50%;
            display: block;
            transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
        }

    .row .rowTitle.open .arrow {
        background-color: #ffffff;
        border: 2px solid #999966;
    }

        .row .rowTitle.open .arrow:after {
            border-top: 0 solid transparent;
            border-bottom: 8px solid #999966;
        }

.row .rowText {
    background: #ebebe0;
    padding: 10px 40px;
}

    .row .rowText .roundList li {
        font-weight: 400;
    }

.headSection .choiceCell {
    background: #ebebe0;
}

.headSection p {
    font-size: 14px;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 700;
    color: #333333;
    line-height: 1;
    margin: 15px 0 0;
}

.headSection .choiceCounter p {
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

.headSection .choiceCounter textarea {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 0;
    width: 70%;
    max-width: 70%;
}

.headSection .dropdown {
    padding-left: 15px;
    margin-left: 10px;
    padding-right: 15px;
    background: #999966;
    color: #ffffff;
    float: left;
    display: inline-block;
    padding: 9px 10px;
}

    .headSection .dropdown :hover {
        cursor: pointer;
    }

.headSection .error-alert {
    margin-left: 15px;
    margin-right: 15px;
}

    .headSection .error-alert em {
        margin-bottom: 15px;
    }

.multiCollapseContainer {
    background: #ffffff;
    margin-left: 0;
    margin-right: 0;
}

    .multiCollapseContainer .checkTarget {
        padding: 20px 40px;
        border-width: 0 2px 2px 2px;
        border-style: solid;
        border-color: #ebebe0;
    }

    .multiCollapseContainer .checkboxCollapsable {
        position: relative;
        background: #ebebe0;
        font-size: 14px;
        line-height: 26px;
        padding: 3px 20px;
        color: #666666;
        border-bottom: 2px solid #ffffff;
    }

        .multiCollapseContainer .checkboxCollapsable strong {
            display: block;
            width: calc(100% - 40px);
        }

        .multiCollapseContainer .checkboxCollapsable .arrow {
            background-color: #999966;
            float: right;
            position: absolute;
            top: 0;
            right: 0;
            height: 32px;
            width: 40px;
            border-left: 2px solid #ffffff;
        }

            .multiCollapseContainer .checkboxCollapsable .arrow:after {
                content: '';
                position: absolute;
                border-top: 8px solid #ffffff;
                border-right: 8px solid transparent;
                border-left: 8px solid transparent;
                top: 50%;
                left: 50%;
                display: block;
                transform: translateX(-50%) translateY(-50%);
                -webkit-transform: translateX(-50%) translateY(-50%);
            }

        .multiCollapseContainer .checkboxCollapsable.open .arrow {
            background-color: #ffffff;
            border: 2px solid #999966;
        }

            .multiCollapseContainer .checkboxCollapsable.open .arrow:after {
                border-top: 0 solid transparent;
                border-bottom: 8px solid #999966;
            }

/*
** Module 5
*/
.choiceCell {
    position: relative;
    display: inline-block;
    background: #dadac8;
    font-size: 20px;
    line-height: 24px;
    color: #666666;
    padding: 10px 20px;
    height: 100%;
    min-height: 100%;
}

    .choiceCell.open {
        background-color: #ffffff;
    }

        .choiceCell.open .collapseButton {
            background-color: #ffffff;
            outline: 2px solid #999966;
            outline-offset: -2px;
            color: #000000;
        }

            .choiceCell.open .collapseButton:after {
                border-top-color: #999966;
                transform: translateY(-50%) rotate(180deg);
                -webkit-transform: translateY(-50%) rotate(180deg);
            }

    .choiceCell .choiceTitle {
        text-align: center;
        font-weight: 700;
    }

.checkList {
    margin: 20px 10px;
}

.module5Form .checkbox {
    margin-bottom: 0;
}

    .module5Form .checkbox span {
        display: inline-block;
    }

        .module5Form .checkbox span.checkedID {
            text-align: center;
            width: 40px;
        }

        .module5Form .checkbox span.checkedTitle {
            width: 150px;
        }

/*
** FORM NAVIGATION
*/
.arrow {
    height: 41px;
    position: relative;
}

    .arrow:before {
        content: '';
        position: absolute;
        border-width: 8px;
        border-style: solid;
        border-color: transparent;
        width: 17px;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
    }

    .arrow.left:before {
        border-right-color: #ffffff;
        left: 37.5%;
    }

    .arrow.right:before {
        border-left-color: #ffffff;
        left: calc(50% + (37.5% / 2));
    }

/*
** Modal box
*/
.modal {
    text-align: center;
}

    .modal.fade .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

        .modal.fade .modal-dialog .modal-content {
            border-radius: 0;
            border-width: 0;
        }

    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

/*
** Text pages
*/
.textContent.spacing-bottom {
    margin-bottom: 20px;
}

.textContent em {
    font-style: italic;
}

/*
** MES DOSSIERS
*/
.boiteIntro h1 {
    font-size: 28px;
    font-weight: 700;
    color: #666666;
}

.boiteIntro h2 {
    font-size: 20px;
    font-weight: 700;
    color: #666666;
}

.addInformation {
    background-color: #d3d3be;
    position: relative;
}

    .addInformation .btn {
        padding-left: 40px;
        border-right: 2px solid #ffffff;
    }

        .addInformation .btn:before {
            content: '+';
            position: absolute;
            font-family: "Open Sans", arial, sans-serif;
            font-weight: 600;
            font-size: 28px;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

    .addInformation.no-background {
        background-color: transparent;
    }

.tableBox .headOptions li a img:hover {
    opacity: 0.7;
}

.tableBox .headerCell {
    background: #dadac8;
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 2px solid #dadac8;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 700;
    color: #333333;
}

    .tableBox .headerCell p {
        color: #000000;
        margin-bottom: 0;
    }

    .tableBox .headerCell .headOptions {
        margin: 0;
    }

        .tableBox .headerCell .headOptions li {
            list-style: none;
            display: inline-block;
            color: #8c8484;
            text-transform: uppercase;
            text-align: left;
            padding-left: 15px;
            font-weight: 700;
            font-size: 14px;
            line-height: 1.5;
            width: 100px;
            text-align: center;
        }

.tableBox .contentCell {
    background-color: #f5f5ef;
    border-width: 2px;
    border-style: solid;
    border-color: #dadac8;
    padding: 0;
}

    .tableBox .contentCell .contentOptions div {
        text-align: left;
    }

    .tableBox .contentCell .contentOptions img {
        padding: 10px;
        margin-left: 18px;
    }

    .tableBox .contentCell p {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .tableBox .contentCell a:not(.btn) {
        color: #333333;
    }

    .tableBox .contentCell .rowBox {
        background-color: #d3d3be;
        margin-top: 0;
        margin-bottom: 30px;
    }

        .tableBox .contentCell .rowBox .rowHeader {
            background-color: #d3d3be;
            margin-bottom: 0;
        }

            .tableBox .contentCell .rowBox .rowHeader > div, .tableBox .contentCell .rowBox .rowHeader > ul {
                border-bottom: 2px solid #f5f5ef;
                height: 52px;
            }

            .tableBox .contentCell .rowBox .rowHeader.spacing-bottom {
                margin-bottom: 30px;
            }

            .tableBox .contentCell .rowBox .rowHeader p {
                font-weight: 600;
            }

    .tableBox .contentCell .headOptions {
        position: relative;
        margin: 0;
    }

        .tableBox .contentCell .headOptions li {
            list-style: none;
            float: left;
            color: #8c8484;
            text-transform: uppercase;
            text-align: left;
            padding: 6px 10px 6px 30px;
            font-weight: 600;
            font-size: 14px;
            width: 100px;
            text-align: center;
        }

        .tableBox .contentCell .headOptions .headButton {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
            width: 50px;
            text-align: right;
            margin: 0;
        }

            .tableBox .contentCell .headOptions .headButton .collapseButton {
                display: block;
                margin: 0;
                height: 50px;
                width: 50px;
                border-left: 2px solid #f5f5ef;
            }

            .tableBox .contentCell .headOptions .headButton .open .collapseButton {
                background-color: #ffffff;
                border: 2px solid #999966;
                color: #000000;
            }

                .tableBox .contentCell .headOptions .headButton .open .collapseButton:after {
                    border-top-color: #999966;
                    transform: translateY(-50%) rotate(180deg);
                    -webkit-transform: translateY(-50%) rotate(180deg);
                }

    .tableBox .contentCell .rowContentContainer .rowContent {
        background-color: #ffffff;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        border-width: 1px 2px;
        border-style: solid;
        border-color: #d3d3be;
    }

        .tableBox .contentCell .rowContentContainer .rowContent:last-child {
            border-width: 1px 2px 2px;
        }

        .tableBox .contentCell .rowContentContainer .rowContent:first-child {
            border-width: 2px 2px 1px;
        }

/*
** Boîte à outils
*/
.toolBox .rowTitle {
    background-color: #dadac8;
}

    .toolBox .rowTitle .collapseButton {
        padding-top: 4px;
        padding-bottom: 4px;
    }

        .toolBox .rowTitle .collapseButton .arrow {
            height: 40px;
        }

    .toolBox .rowTitle.open .collapseButton .arrow.withBorder {
        background-color: #ffffff;
        border: 2px solid #999966;
        color: #000000;
        box-sizing: border-box;
    }

.toolBox .rowText .inlinedLinks a:not(:first-child) {
    display: inline-block;
    padding: 5px 0 5px 40px;
    height: 40px;
}

.toolBox .rowText .inlinedLinks img {
    vertical-align: baseline;
    padding-left: 5px;
}

/*
** Guide d'utilisation
*/
.guideBox .choiceCell {
    float: left;
    background-color: #999966;
    border-bottom: 2px solid #ffffff;
    padding: 8px 15px;
    margin: 0;
}

    .guideBox .choiceCell:not(:last-child) {
        border-right: 2px solid #ffffff;
    }

    .guideBox .choiceCell:not(.open):hover h3 {
        text-decoration: underline;
    }

    .guideBox .choiceCell strong {
        color: #ffffff;
        cursor: pointer;
        font-size: 14px;
    }

    .guideBox .choiceCell.open {
        background-color: #ebebe0;
        border-color: #ebebe0;
    }

        .guideBox .choiceCell.open:not(:last-child) {
            border-right: 2px solid #ffffff;
        }

        .guideBox .choiceCell.open strong {
            color: #666666;
        }

.guideBox .choiceContent {
    background-color: #ebebe0;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .guideBox .choiceContent h4,
    .guideBox .choiceContent p {
        margin: 10px 0;
    }

        .guideBox .choiceContent h4.spacing-bottom,
        .guideBox .choiceContent p.spacing-bottom {
            margin-bottom: 30px;
        }

    .guideBox .choiceContent video {
        width: 100%;
    }

/*
** MULTISELECT
*/
span.multiselect-native-select {
    position: relative;
}

    span.multiselect-native-select select {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px -1px -1px -3px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        left: 50%;
        top: 30px;
    }

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .multiselect-container .input-group {
        margin: 5px;
    }

    .multiselect-container > li {
        padding: 0;
    }

        .multiselect-container > li > a.multiselect-all label {
            font-weight: bold;
        }

        .multiselect-container > li.multiselect-group label {
            margin: 0;
            padding: 3px 20px 3px 20px;
            height: 100%;
            font-weight: bold;
        }

        .multiselect-container > li.multiselect-group-clickable label {
            cursor: pointer;
        }

        .multiselect-container > li > a {
            padding: 0;
        }

            .multiselect-container > li > a > label {
                margin: 0;
                height: 100%;
                cursor: pointer;
                font-weight: normal;
                padding: 3px 20px 3px 40px;
            }

                .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
                    margin: 0;
                }

                .multiselect-container > li > a > label > input[type="checkbox"] {
                    margin-bottom: 5px;
                }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px;
}

.form-inline .multiselect-container li a label.checkbox input[type="checkbox"], .form-inline .multiselect-container li a label.radio input[type="radio"] {
    margin-left: -20px;
    margin-right: 0;
}

@media (max-width: 1200px) {
    .homeSecondRow .bubbleText {
        background-size: 450px;
    }

        .homeSecondRow .bubbleText .textInBubble {
            padding-top: 105px;
            width: 400px;
            margin: 0 auto;
            display: block;
            left: 0;
            right: 0;
        }

    .formModules .listeCollapsable label {
        max-width: 650px;
    }

    .tableBox .contentCell .headOptions li:not(.headButton),
    .tableBox .headerCell .headOptions li:not(.headButton) {
        width: 80px;
        font-size: 12px;
    }

        .tableBox .contentCell .headOptions li:not(.headButton).headButton,
        .tableBox .headerCell .headOptions li:not(.headButton).headButton {
            top: -52px;
        }

    .tableBox .contentCell p,
    .tableBox .headerCell p {
        text-align: left;
    }

    .multiselect-native-select .btn-group .multiselect.btn.btn-default {
        max-width: 900px;
    }

    .row.headSection div:first-child p {
        margin-top: 7px;
    }
}

@media (max-width: 991px) {
    /*
    ** MOBILE MENU
    */
    .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #ffffff;
    }

    .navbar-toggle {
        display: block;
        position: relative;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        border-color: #333333;
        margin-right: 0;
        float: left;
        z-index: 999;
    }

        .navbar-toggle:focus, .navbar-toggle:hover {
            background-color: #333333;
        }

    .navbar-nav {
        margin: 0;
    }

    .mobileMenu {
        padding-left: 0;
        padding-right: 0;
        float: left;
    }

        .mobileMenu .navbar {
            float: left;
            margin: 0;
            width: 100%;
            clear: both;
            text-align: left;
        }

            .mobileMenu .navbar a:active, .mobileMenu .navbar a:focus {
                border: none;
                background: none;
            }

            .mobileMenu .navbar ul li a {
                display: block;
            }

                .mobileMenu .navbar ul li a:hover {
                    background-color: #000000;
                    color: #999966;
                }

                .mobileMenu .navbar ul li a.active {
                    background-color: #999966;
                    color: #ffffff;
                }

    /*
    ** MOBILE DROPDOWN VERSION WHEN CONNECTED
    */
    .activeLoginMobile .dropdown-menu {
        margin-top: 8px;
        border: 0;
        border-radius: 0;
        float: left;
        width: 100%;
    }

        .activeLoginMobile .dropdown-menu li a {
            display: block;
            font-size: 14px;
            line-height: 18px;
            color: #282828;
            font-family: "Open Sans", arial, sans-serif;
            font-weight: 600;
        }

    .activeLoginMobile button {
        border-radius: 0;
        background: none;
        border: 0;
        margin-top: 5px;
        color: #ffffff;
    }

        .activeLoginMobile button .caret {
            margin-left: 5px;
            border-top: 8px solid #999966;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
        }

        .activeLoginMobile button.btn-primary:focus, .activeLoginMobile button.btn-primary:hover {
            background: none;
            border: 0;
            margin-top: 5px;
            color: #ffffff;
        }

    .activeLoginMobile .dropdown-toggle {
        background: transparent;
        font-family: "Open Sans", arial, sans-serif;
        font-weight: 600;
    }

        .activeLoginMobile .dropdown-toggle:focus, .activeLoginMobile .dropdown-toggle:hover {
            outline: none;
        }

    .activeLoginMobile.open .btn-primary:hover {
        background: none;
        border: 0;
        margin-top: 5px;
        color: #ffffff;
    }

    .activeLoginMobile.open .caret {
        border-bottom: 8px solid #999966;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-top: 0;
    }

    .activeLoginMobile.open .dropdown-toggle.btn-primary:active:focus {
        background: none;
        border: 0;
        margin-top: 5px;
        color: #ffffff;
    }

    .dropdownContentWrapper .checkbox {
        padding-left: 50px;
    }

    .row.dropdownRow .rowTitle h3 {
        height: 60px;
        font-size: 14px;
    }

    .row.dropdownRow .rowTitle .arrow {
        height: 84px;
    }

    .row.dropdownRow .rowText {
        padding: 10px;
    }

    .header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .header .logoBrand,
        .header .logoCompany {
            margin: 0 auto;
            display: block;
            float: none;
        }

        .header .logoBrand {
            margin-bottom: 15px;
        }

    .topLinks {
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

        .topLinks .loginLink.activeLogin span.arrow {
            content: '';
            position: absolute;
            border-left: 10px solid transparent;
            border-top: 10px solid #999966;
            border-right: 10px solid transparent;
            width: 0;
            height: 0;
            top: -15px;
            margin: 0 auto;
            left: 0;
            right: 0;
        }

    .homeSecondRow .bubbleText {
        background-size: 500px;
        height: 250px;
    }

        .homeSecondRow .bubbleText .textInBubble {
            width: 420px;
            padding-top: 115px;
        }

    .navbar-nav > li {
        width: 100%;
    }

    .formModules .listeCollapsable label {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .formModules .listeCollapsable .choiceCell {
        display: block;
        width: 100%;
        max-width: 100%;
    }

        .formModules .listeCollapsable .choiceCell .collapseButton {
            display: block;
            width: 100%;
            max-width: 100%;
        }

    .tableBox .contentCell .headOptions li:not(.headButton),
    .tableBox .headerCell .headOptions li:not(.headButton) {
        width: 65px;
        font-size: 11px;
    }

    .tableBox .contentCell p,
    .tableBox .headerCell p {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .mainContainer {
        min-height: auto;
    }

    .modal:before {
        height: 25%;
    }

    .etudeDeCas.rowText .inlinedLinks a {
        display: block;
        padding: 0;
        margin-top: 10px;
    }

    .conditionsScreen .btn {
        float: none;
        display: block;
    }

    .addInformation {
        height: 100px;
    }

        .addInformation .btn {
            display: block;
            border-right: 0 solid #ffffff;
        }

            .addInformation .btn:before {
                top: 24px;
            }

    .tableForm a {
        word-break: break-all;
    }

    .formOptions .col-xs-2 {
        margin-top: 62px;
    }

    .formOptions .row .text-left {
        text-align: center;
    }

    .formOptions .row .text-center {
        text-align: center;
        padding-bottom: 10px;
    }

    .formOptions .row .text-right {
        text-align: center;
        padding-bottom: 10px;
    }

    .formOptions .row a {
        display: block;
    }

    .formModules .form-group label {
        float: none;
        display: block;
    }

    .formModules .form-group .radio-inline {
        display: block;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }

        .formModules .form-group .radio-inline input {
            float: none;
        }

    .module3Form .radioWrap {
        display: block;
        width: 100%;
    }

        .module3Form .radioWrap .radio-inline {
            display: block;
            margin-top: 20px;
            margin-left: 0;
            width: 100%;
        }

    .module4Form .row .rowTitle h3 {
        height: 80px;
        font-size: 14px;
    }

    .module4Form .row .rowTitle .arrow {
        height: 104px;
    }

    .tableBox .contentCell .headOptions,
    .tableBox .headerCell .headOptions {
        text-align: center;
    }

        .tableBox .contentCell .headOptions li:not(.headButton),
        .tableBox .headerCell .headOptions li:not(.headButton) {
            display: inline-block;
            padding: 10px 0;
            width: 25%;
            font-size: 14px;
        }

        .tableBox .contentCell .headOptions .headButton,
        .tableBox .headerCell .headOptions .headButton {
            top: -52px;
        }

    .tableBox .contentCell p,
    .tableBox .headerCell p {
        text-align: left;
        margin-bottom: 10px;
    }

    .tableBox .contentCell > .col-xs-12 {
        padding: 0;
    }

        .tableBox .contentCell > .col-xs-12 > .row:first-child {
            padding: 15px;
        }

    .tableBox .contentCell .rowBox {
        margin-left: 0;
        margin-right: 0;
    }

    .tableBox .contentCell p {
        text-align: left;
    }

    .guideBox .choiceCell {
        position: relative;
        background-color: #999966;
        border-bottom: 2px solid #ffffff;
        border-right: 0 solid #ffffff;
    }

        .guideBox .choiceCell:not(:last-child) {
            border-right: 0 solid #ffffff;
            border-bottom: 2px solid #ffffff;
        }

        .guideBox .choiceCell.open {
            border-bottom: 2px solid #ffffff;
        }

            .guideBox .choiceCell.open:not(:last-child) {
                border-right: 0 solid #ffffff;
            }
}

@media (max-width: 580px) {
    .header .logoCompany {
        max-width: 150px;
    }

    .guideBox .choiceCell {
        position: relative;
        background-color: #999966;
        border-bottom: 2px solid #ffffff;
        border-right: 0 solid #ffffff;
        display: block;
        width: 100%;
    }

    .multiCollapseContainer .toolBox .rowText .inlinedLinks a {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    .homeSecondRow .bubbleText {
        background-image: none;
        height: 180px;
    }

        .homeSecondRow .bubbleText .textInBubble {
            line-height: 1.2;
            padding-top: 30px;
            width: 250px;
            margin: 0 auto;
            display: block;
            left: 0;
            right: 0;
        }

    .homeSecondRow .btn-wrapper .btn:first-of-type {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .homeSecondRow .btn-wrapper .btn {
        width: 250px;
    }

    .formModules .multiselect-native-select .btn-group {
        display: block;
        width: 100%;
    }

        .formModules .multiselect-native-select .btn-group .multiselect.btn.btn-default {
            width: 100%;
            max-width: 100%;
        }

        .formModules .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {
            top: 32px;
        }

    .formModules .headSection .choiceCounter textarea, .formModules .headSection .choiceCounter p {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .formModules .multiCollapseContainer .checkboxCollapsable .arrow {
        height: 100%;
    }

    .formModules .multiCollapseContainer .checkTarget {
        padding: 2px 15px 0;
    }

    .formModules .form-group .underform-group {
        margin-left: 0;
    }

        .formModules .form-group .underform-group .radio .clear {
            display: block;
            clear: both;
            float: none;
            padding-left: 0;
            margin-left: 0;
        }

        .formModules .form-group .underform-group .radio .checkbox label {
            display: block;
            clear: both;
            float: none;
        }

        .formModules .form-group .underform-group .radio .checkbox:first-of-type label {
            padding-left: 0;
        }

        .formModules .form-group .underform-group .radio .radio-inline {
            display: block;
            clear: both;
            float: none;
            padding: 0;
            margin: 0;
        }

    .module4Form .checkbox, .module5Form .checkbox {
        padding-left: 0;
        padding-right: 0;
    }

    .checkList {
        margin-left: 0;
        margin-right: 0;
    }

    .tableBox .contentCell .headOptions,
    .tableBox .headerCell .headOptions {
        text-align: center;
    }

        .tableBox .contentCell .headOptions li:not(.headButton),
        .tableBox .headerCell .headOptions li:not(.headButton) {
            padding: 10px 0;
            width: 25%;
            font-size: 12px;
        }

            .tableBox .contentCell .headOptions li:not(.headButton).headButton,
            .tableBox .headerCell .headOptions li:not(.headButton).headButton {
                top: -52px;
            }

    .tableBox .contentCell p,
    .tableBox .headerCell p {
        text-align: left;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .tableBox .contentCell .addInformation .btn-tertiary,
    .tableBox .headerCell .addInformation .btn-tertiary {
        font-size: 12px;
    }

    .tableBox .inline-block {
        margin-right: 0px;
    }

    .tableBox .btn.btn-mini {
        font-size: 10px;
    }
}
/*
** FOOTER
*/
footer {
    width: 100%;
    background: #282828;
    border-top: 3px solid #8e8e8e;
    float: left;
    padding-top: 18px;
    bottom: 0;
    width: 100%;
    height: 77px;
}

    footer .footer-copyright {
        background-color: #000000;
        padding-top: 17px;
        padding-bottom: 23px;
    }

        footer .footer-copyright p {
            margin: 0;
            font-size: 12px;
            line-height: 16px;
            color: #ffffff;
            font-family: "Open Sans", arial, sans-serif;
            font-weight: 600;
            text-align: center;
        }

/*# sourceMappingURL=main.css.map */
/**************Ameziane ***********************/
.validation-error {
    position: relative;
    /*  display: block;*/
    float: left;
    /*clear: both;*/
    color: #a94442;
    margin: 0;
    padding-left: 0px;
    font-size:13px;
    font-style:italic;
}
.validation-error-entree {
 
     display: block;
  
    /*clear: both;*/
    color: #a94442;
  margin-left:20px;
    padding-left: 0px;
    font-size:13px;
    font-style:italic;
}
.fileUpload {
    height: 0px!important;
    border-radius: 0px!important;
}

       .btn_upload{
            color: #ffffff;
            background: #999966!important;
           /* text-decoration: underline!important;*/
            box-shadow: none!important;
           /* line-height:20px!important;*/
           /* height:20px;*/
           height:32px!important;
    
       
              font-family: "Open Sans", arial, sans-serif!important;
              padding-top:-5px!important;
              font-size:13px;


        }

           .btn_upload:focus, .btn_upload:hover, .btn_upload:focus, .btn_upload:hover {
           
           color : #999966!important;
           background: #ffffff!important;
            box-shadow: none;
            border:1px solid #999966!important;
        }

           /*Image controle telrik*/
.rcRefreshImage {
    display: block;
    height: 22px;
    width: 22px;
    background: url('../images/Captcha.gif') no-repeat;
    position: absolute;
    top: 40px;
    left: 205px;
}
.irsst_no_visible
{
    display:none;
    visibility:hidden;    
}

.txt-preciser-entree {
    height:24px!important;
}

/*Tres important ajouté pour responssive*/
.multiselect-container > li > a > label.checkbox {
    white-space: pre-wrap;
}
.multiselect
{
    text-align:left;
}

.cheekbox_subquestion
{
    margin-left:20px
}
.cheekbox_subquestion input[type="text"]
 {
   height:24px!important;
   width:90%!important;
}
.div_validator
{
    margin-left:20px;
}
.entree_border
{
border:1px solid #DADAC8!important;
margin-top:8px!important;
margin-bottom:8px!important;
margin-left:20px;
}

.validation-error-captcha {
    
    /*clear: both;*/
    color: #a94442;
    margin: 0;
    padding-left: 0px;
    font-size:13px;
    font-style:italic;
}

.badge_mod5
{
    width: 28px!important;
line-height: 1.3!important;
}

.p_xl {
    /*color: #333333;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 400;*/
    font-size: 18px!important;
    /* line-height: 1.5;
    margin-bottom: 15px;*/
}

.formSectionTitle_bold
{
   font-weight:bold!important;
   text-transform:uppercase!important;

}

.no-margin-bottom {
    margin-bottom:0px; padding-bottom:0px;
}

.no-margin-top{
   margin-top:0px; padding-top:0px
}

.font_dossiers_colone
{
    font-weight:bold!important;
    color:#000000!important;

}

.fait_dossier
{
    width:195px!important;
   text-align:left!important;
}

.label-irsst {
    background-color: #999966;
}

.green-color
{ 
color: #999966!important;
}
.precision
{
    margin-left:22px;
}

input[type="text"]
{
    font-weight:normal!important;
}