@charset "UTF-8";

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 28px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none;
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
        background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none;
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background: none;
    border: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 20px;
}

.select {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    font: inherit;
}

    .select:focus {
        outline: none;
    }

.select-icon {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 8px;
    background: inherit;
    font-size: 17px;
    z-index: 2;
}

    .select-icon:before {
        margin: 0;
        font-size: inherit;
    }

.select:disabled {
    pointer-events: none;
}

.select select {
    display: none !important;
}

.select-text,
.select-option {
    cursor: default;
}

.select-text {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    background: inherit;
    z-index: 1;
}

.select-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    background: inherit;
    z-index: 5;
}

.select:not(.animated) .select-options {
    display: none;
}

.select.open:not(.animated) .select-options {
    display: block;
}

.select.animated.open .select-options {
    overflow: hidden;
    opacity: 1;
    transform: scale3d(1, 1, 1);
    transition: opacity 0.4s linear, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /*overflow-y: scroll !important;*/
    max-height: 400px !important;
}

.select.animated .select-options {
    opacity: 0;
    transform: scale3d(1, 0, 1);
    transform-origin: top;
    transition: opacity 0.15s linear, transform 0.3s linear;
}

.select-option {
    width: 100%;
    height: auto !important;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    margin: 0;
    border: none;
    list-style: none;
}

    .select-option:hover {
        color: #7A313B;
        cursor: pointer;
    }

.ddl-trie {
    background-color: #FFF !important;
    width: 145px;
    padding-right: 5px !important;
    display: flex;
}

    .ddl-trie ul li {
        background: none;
    }

    .ddl-trie .icon-angle-down {
        font-size: 25px !important;
        font-family: boonIco2 !important;
    }

    .ddl-trie .select-option {
        font-size: 14px;
        font-family: georgia !important;
        font-size: 13px !important;
    }

        .ddl-trie .select-option:hover {
            background-color: #FFF;
        }

    .ddl-trie .select-text {
        padding-left: 10px;
        font-family: georgia !important;
        font-size: 13px !important;
    }

        .ddl-trie .select-text[data-value=""] {
            color: #7A313B;
            font-family: georgia;
        }

.ddl-pays {
    background-color: #FFF !important;
    width: 145px;
    padding-right: 5px !important;
    display: flex;
}

    .ddl-pays ul li {
        background: none;
    }

    .ddl-pays .icon-angle-down {
        font-size: 25px !important;
        font-family: boonIco2 !important;
    }

    .ddl-pays .select-option {
        font-family: georgia !important;
        font-size: 13px !important;
    }

        .ddl-pays .select-option:hover {
            background-color: #FFF;
        }

    .ddl-pays .select-text {
        /*padding-left: 10px;*/
        /*font-family: georgia !important;*/
        font-size: 13px !important;
    }

        .ddl-pays .select-text[data-value=""] {
            /*color: #7A313B;*/
            font-family: georgia;
        }

/*prefixe*/
.ddl-prefixe {
    background-color: #FFF !important;
    width: 145px;
    padding-right: 5px !important;
    display: flex;
}

    .ddl-prefixe ul li {
        background: none;
    }

    .ddl-prefixe .icon-angle-down {
        font-size: 25px !important;
        font-family: boonIco2 !important;
    }

    .ddl-prefixe .select-option {
        font-family: georgia !important;
        font-size: 13px !important;
    }

        .ddl-prefixe .select-option:hover {
            background-color: #FFF;
        }

    .ddl-prefixe .select-text {
        /*padding-left: 10px;*/
        /*font-family: georgia !important;*/
        font-size: 13px !important;
    }

        .ddl-prefixe .select-text[data-value=""] {
            /*color: #7A313B;*/
            font-family: georgia;
        }

/*fin prefixe*/
/* Variables CSS 4 */
:root {
    --scrollbar-size: .375rem;
    --scrollbar-minlength: 1.5rem; /* Longueur minimale de la barre de defilement (largeur horizontale, hauteur verticale)*/
    --scrollbar-ff-width: thin; /* Fire Fox seulement auto, thin, none */
    --scrollbar-track-color: transparent;
    --scrollbar-color: rgba(0,0,0,.2);
    --scrollbar-color-hover: rgba(122, 49, 59, 0.95);
    --scrollbar-color-active: rgb(0,0,0);
}

.ddl-pays ul, .ddl-prefixe ul {
    overflow-y: scroll !important;
}

html, .ddl-pays ul, .ddl-prefixe ul {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: var(--scrollbar-ff-width);
}

/* scrollbar CSS 4*/
html, .ddl-pays ul, .ddl-prefixe ul {
    scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color);
}

    html::-webkit-scrollbar, .ddl-pays::-webkit-scrollbar ul, .ddl-prefixe::-webkit-scrollbar ul {
        height: var(--scrollbar-size);
        width: var(--scrollbar-size);
    }

    html::-webkit-scrollbar-track ul, .ddl-pays::-webkit-scrollbar-track ul, .ddl-prefixe::-webkit-scrollbar-track ul {
        background-color: var(--scrollbar-track-color);
    }

    html::-webkit-scrollbar-thumb ul, .ddl-pays ul::-webkit-scrollbar-thumb ul, .ddl-prefixe ul::-webkit-scrollbar-thumb ul {
        background-color: var(--scrollbar-color);
        border-radius: 3px;
    }

    html::-webkit-scrollbar-thumb:hover, .ddl-pays ul::-webkit-scrollbar-thumb:hover, .ddl-prefixe ul::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrollbar-color-hover);
    }

    html::-webkit-scrollbar-thumb:active, .ddl-pays ul::-webkit-scrollbar-thumb:active, .ddl-prefixe ul::-webkit-scrollbar-thumb:active {
        background-color: var(--scrollbar-color-active);
    }

    html::-webkit-scrollbar-thumb:vertical, .ddl-pays ul::-webkit-scrollbar-thumb:vertical, .ddl-prefixe ul::-webkit-scrollbar-thumb:vertical {
        min-height: var(--scrollbar-minlength);
    }

    html::-webkit-scrollbar-thumb:horizontal, .ddl-pays ul::-webkit-scrollbar-thumb:horizontal, .ddl-prefixe ul::-webkit-scrollbar-thumb:horizontal {
        min-width: var(--scrollbar-minlength);
    }

.ddl-pays .select-option, .ddl-prefixe .select-option {
    /*text-transform: uppercase;*/
    font-family: "Raleway-Regular" !important;
    font-size: 13px !important;
    /*padding: 8px !important;*/
}

.ddl-pays .select-text, .ddl-prefixe .select-text {
    /*text-transform: uppercase;*/
    font-family: "Raleway-Regular" !important;
    font-size: 13px !important;
}

/*genre*/
.ddl-genre {
    background-color: #FFF !important;
    width: 145px;
    padding-right: 5px !important;
    display: flex;
}

    .ddl-genre ul li {
        background: none;
    }

    .ddl-genre .icon-angle-down {
        font-size: 25px !important;
        font-family: boonIco2 !important;
    }

    .ddl-genre .select-option {
        font-family: georgia !important;
        font-size: 13px !important;
    }

        .ddl-genre .select-option:hover {
            background-color: #FFF;
        }

    .ddl-genre .select-text {
        padding-left: 10px;
        font-family: georgia !important;
        font-size: 13px !important;
    }

        .ddl-genre .select-text[data-value=""] {
            color: #7A313B;
            font-family: georgia;
        }

.ddl .select-icon {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    background: url("../images/Fleche_Dropdown_N.svg") no-repeat center center;
    background-size: 100% auto;
    width: 17px;
    height: 10px;
    padding: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.ddl.open .select-icon {
    transform: rotate(-180deg);
}

.ddl-genre .select-option {
    /*text-transform: uppercase;*/
    font-family: "Raleway-Regular" !important;
    font-size: 13px !important;
    /*padding: 8px !important;*/
}

.ddl-genre .select-text {
    /*text-transform: uppercase;*/
    font-family: "Raleway-Regular" !important;
    font-size: 13px !important;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box;
}

.dropzone {
    min-height: 150px;
    border: 1px solid #ddd;
    background: white;
    padding: 20px 20px;
    width: 100%;
}

    .dropzone.dz-clickable {
        cursor: pointer;
    }

        .dropzone.dz-clickable * {
            cursor: default;
        }

        .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
            cursor: pointer;
        }

    .dropzone.dz-started .dz-message {
        display: none;
    }

    .dropzone.dz-drag-hover {
        border-style: solid;
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: 0.5;
        }

    .dropzone .dz-message {
        text-align: center;
        margin: 2em 0;
    }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 16px;
        min-height: 100px;
    }

        .dropzone .dz-preview:hover {
            z-index: 1000;
        }

            .dropzone .dz-preview:hover .dz-details {
                opacity: 1;
            }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 20px;
            background: #999;
            background: linear-gradient(to bottom, #eee, #ddd);
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1;
        }

        .dropzone .dz-preview.dz-image-preview {
            background: white;
        }

            .dropzone .dz-preview.dz-image-preview .dz-details {
                -webkit-transition: opacity 0.2s linear;
                -moz-transition: opacity 0.2s linear;
                -ms-transition: opacity 0.2s linear;
                -o-transition: opacity 0.2s linear;
                transition: opacity 0.2s linear;
            }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none;
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline;
            }

        .dropzone .dz-preview:hover .dz-details {
            opacity: 1;
        }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 2em 1em;
            text-align: center;
            color: rgba(0, 0, 0, 0.9);
            line-height: 150%;
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 1em;
                font-size: 16px;
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap;
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200, 200, 200, 0.8);
                    background-color: rgba(255, 255, 255, 0.8);
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent;
                    }

                .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255, 255, 255, 0.4);
                    padding: 0 0.4em;
                    border-radius: 3px;
                }

        .dropzone .dz-preview:hover .dz-image img {
            -webkit-transform: scale(1.05, 1.05);
            -moz-transform: scale(1.05, 1.05);
            -ms-transform: scale(1.05, 1.05);
            -o-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
            -webkit-filter: blur(8px);
            filter: blur(8px);
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10;
        }

            .dropzone .dz-preview .dz-image img {
                display: block;
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px;
        }

            .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
                display: block;
                width: 54px;
                height: 54px;
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            -webkit-transition: opacity 0.4s ease-in;
            -moz-transition: opacity 0.4s ease-in;
            -ms-transition: opacity 0.4s ease-in;
            -o-transition: opacity 0.4s ease-in;
            transition: opacity 0.4s ease-in;
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            -webkit-animation: pulse 6s ease infinite;
            -moz-animation: pulse 6s ease infinite;
            -ms-animation: pulse 6s ease infinite;
            -o-animation: pulse 6s ease infinite;
            animation: pulse 6s ease infinite;
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 80px;
            margin-left: -40px;
            background: rgba(255, 255, 255, 0.9);
            -webkit-transform: scale(1);
            border-radius: 8px;
            overflow: hidden;
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #333;
                background: linear-gradient(to bottom, #666, #444);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 0;
                -webkit-transition: width 300ms ease-in-out;
                -moz-transition: width 300ms ease-in-out;
                -ms-transition: width 300ms ease-in-out;
                -o-transition: width 300ms ease-in-out;
                transition: width 300ms ease-in-out;
            }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block;
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto;
        }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: block;
            display: none;
            opacity: 0;
            -webkit-transition: opacity 0.3s ease;
            -moz-transition: opacity 0.3s ease;
            -ms-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
            border-radius: 8px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #be2626;
            background: linear-gradient(to bottom, #be2626, #a92222);
            padding: 0.5em 1.2em;
            color: white;
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: "";
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #be2626;
            }

#lbOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 500px;
}

    #lbOverlay.grey {
        background-color: #000000;
    }

    #lbOverlay.red {
        background-color: #330000;
    }

    #lbOverlay.green {
        background-color: #003300;
    }

    #lbOverlay.blue {
        background-color: #011D50;
    }

    #lbOverlay.gold {
        background-color: #666600;
    }

#lbMain {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
    line-height: 0;
}

    #lbMain a img {
        border: none;
    }

#lbOuterContainer {
    position: relative;
    background-color: #fff;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

    #lbOuterContainer.grey {
        border: 3px solid #888888;
    }

    #lbOuterContainer.red {
        border: 3px solid #DD0000;
    }

    #lbOuterContainer.green {
        border: 3px solid #00B000;
    }

    #lbOuterContainer.blue {
        border: 3px solid #5F89D8;
    }

    #lbOuterContainer.gold {
        border: 3px solid #B0B000;
    }

#lbDetailsContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    width: 100%;
    line-height: 1.4em;
    overflow: auto;
    margin: 0 auto;
}

    #lbDetailsContainer.grey {
        border: 3px solid #888888;
        border-top: none;
    }

    #lbDetailsContainer.red {
        border: 3px solid #DD0000;
        border-top: none;
    }

    #lbDetailsContainer.green {
        border: 3px solid #00B000;
        border-top: none;
    }

    #lbDetailsContainer.blue {
        border: 3px solid #5F89D8;
        border-top: none;
    }

    #lbDetailsContainer.gold {
        border: 3px solid #B0B000;
        border-top: none;
    }

#lbImageContainer, #lbIframeContainer {
    padding: 10px;
}

#lbLoading {
    position: absolute;
    top: 45%;
    left: 0%;
    height: 32px;
    width: 100%;
    text-align: center;
    line-height: 0;
    background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lbImageContainer > #lbHoverNav {
    left: 0;
}

#lbHoverNav a {
    outline: none;
}

#lbPrev {
    width: 49%;
    height: 100%;
    background: transparent url(images/blank.gif) no-repeat;
    display: block;
    left: 0;
    float: left;
}

    #lbPrev.grey:hover, #lbPrev.grey:visited:hover {
        background: url(images/prev_grey.gif) left 15% no-repeat;
    }

    #lbPrev.red:hover, #lbPrev.red:visited:hover {
        background: url(images/prev_red.gif) left 15% no-repeat;
    }

    #lbPrev.green:hover, #lbPrev.green:visited:hover {
        background: url(images/prev_green.gif) left 15% no-repeat;
    }

    #lbPrev.blue:hover, #lbPrev.blue:visited:hover {
        background: url(images/prev_blue.gif) left 15% no-repeat;
    }

    #lbPrev.gold:hover, #lbPrev.gold:visited:hover {
        background: url(images/prev_gold.gif) left 15% no-repeat;
    }

#lbNext {
    width: 49%;
    height: 100%;
    background: transparent url(images/blank.gif) no-repeat;
    display: block;
    right: 0;
    float: right;
}

    #lbNext.grey:hover, #lbNext.grey:visited:hover {
        background: url(images/next_grey.gif) right 15% no-repeat;
    }

    #lbNext.red:hover, #lbNext.red:visited:hover {
        background: url(images/next_red.gif) right 15% no-repeat;
    }

    #lbNext.green:hover, #lbNext.green:visited:hover {
        background: url(images/next_green.gif) right 15% no-repeat;
    }

    #lbNext.blue:hover, #lbNext.blue:visited:hover {
        background: url(images/next_blue.gif) right 15% no-repeat;
    }

    #lbNext.gold:hover, #lbNext.gold:visited:hover {
        background: url(images/next_gold.gif) right 15% no-repeat;
    }

#lbPrev2, #lbNext2 {
    text-decoration: none;
    font-weight: bold;
}

    #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey {
        color: #333333;
    }

    #lbPrev2.red, #lbNext2.red, #lbSpacer.red {
        color: #620000;
    }

    #lbPrev2.green, #lbNext2.green, #lbSpacer.green {
        color: #003300;
    }

    #lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue {
        color: #01379E;
    }

    #lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold {
        color: #666600;
    }

#lbPrev2_Off, #lbNext2_Off {
    font-weight: bold;
}

    #lbPrev2_Off.grey, #lbNext2_Off.grey {
        color: #CCCCCC;
    }

    #lbPrev2_Off.red, #lbNext2_Off.red {
        color: #FFCCCC;
    }

    #lbPrev2_Off.green, #lbNext2_Off.green {
        color: #82FF82;
    }

    #lbPrev2_Off.blue, #lbNext2_Off.blue {
        color: #B7CAEE;
    }

    #lbPrev2_Off.gold, #lbNext2_Off.gold {
        color: #E1E100;
    }

#lbDetailsData {
    padding: 0 10px;
}

    #lbDetailsData.grey {
        color: #333333;
    }

    #lbDetailsData.red {
        color: #620000;
    }

    #lbDetailsData.green {
        color: #003300;
    }

    #lbDetailsData.blue {
        color: #01379E;
    }

    #lbDetailsData.gold {
        color: #666600;
    }

#lbDetails {
    width: 60%;
    float: left;
    text-align: left;
}

#lbCaption {
    display: block;
    font-weight: bold;
}

#lbNumberDisplay {
    float: left;
    display: block;
    padding-bottom: 1em;
}

#lbNavDisplay {
    float: left;
    display: block;
    padding-bottom: 1em;
}

#lbClose {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}

    #lbClose.grey {
        background: url(images/close_grey.png) no-repeat;
    }

    #lbClose.red {
        background: url(images/close_red.png) no-repeat;
    }

    #lbClose.green {
        background: url(images/close_green.png) no-repeat;
    }

    #lbClose.blue {
        background: url(images/close_blue.png) no-repeat;
    }

    #lbClose.gold {
        background: url(images/close_gold.png) no-repeat;
    }

#lbPlay {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}

    #lbPlay.grey {
        background: url(images/play_grey.png) no-repeat;
    }

    #lbPlay.red {
        background: url(images/play_red.png) no-repeat;
    }

    #lbPlay.green {
        background: url(images/play_green.png) no-repeat;
    }

    #lbPlay.blue {
        background: url(images/play_blue.png) no-repeat;
    }

    #lbPlay.gold {
        background: url(images/play_gold.png) no-repeat;
    }

#lbPause {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}

    #lbPause.grey {
        background: url(images/pause_grey.png) no-repeat;
    }

    #lbPause.red {
        background: url(images/pause_red.png) no-repeat;
    }

    #lbPause.green {
        background: url(images/pause_green.png) no-repeat;
    }

    #lbPause.blue {
        background: url(images/pause_blue.png) no-repeat;
    }

    #lbPause.gold {
        background: url(images/pause_gold.png) no-repeat;
    }

/*------------- FONT ICONE -------------*/
@font-face {
    font-family: "boonIco";
    src: url("fonts/boonIco.eot?k7kshl");
    src: url("fonts/boonIco.eot?k7kshl#iefix") format("embedded-opentype"), url("fonts/boonIco.woff2?k7kshl") format("woff2"), url("fonts/boonIco.ttf?k7kshl") format("truetype"), url("fonts/boonIco.woff?k7kshl") format("woff"), url("fonts/boonIco.svg?k7kshl#boonIco") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^=ico-], [class*=" ico-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "boonIco" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    [class^=ico-]:before, [class*=" ico-"]:before {
        font-size: 20px;
    }

.listingIcon span {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    margin-right: 4px;
    margin-bottom: 5px;
    line-height: 40px;
    position: relative;
}

    .listingIcon span em {
        font-family: Arial;
        position: absolute;
        left: -60px;
        bottom: 40px;
        width: 120px;
        font-style: normal;
        background: #000;
        line-height: 14px;
        padding: 5px 20px;
        color: #fff;
        display: none;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

        .listingIcon span em b {
            margin: 0 10px;
            display: block;
            line-height: 1px;
            opacity: 0;
        }

    .listingIcon span:hover em {
        display: inline-block;
    }

.listingIcon [class^=ico-]:before, .listingIcon [class*=" ico-"]:before {
    color: rgba(0, 0, 0, 0.8);
    margin-right: 8px;
}

.listingIcon [class^=ico-]:hover:before, .listingIcon [class*=" ico-"]:hover:before {
    font-size: 30px;
    top: -10px;
    cursor: pointer;
    color: rgb(0, 0, 0);
}

.ico-fleche001:before {
    content: "\e900";
}

.ico-fleche002:before {
    content: "\e901";
}

.ico-fleche003:before {
    content: "\e902";
}

.ico-fleche004:before {
    content: "\e903";
}

.ico-fleche005:before {
    content: "\e904";
}

.ico-fleche006:before {
    content: "\e905";
}

.ico-fleche007:before {
    content: "\e906";
}

.ico-fleche008:before {
    content: "\e907";
}

.ico-fleche009:before {
    content: "\e908";
}

.ico-fleche010:before {
    content: "\e909";
}

.ico-fleche011:before {
    content: "\e90a";
}

.ico-fleche012:before {
    content: "\e90b";
}

.ico-fleche013:before {
    content: "\e90c";
}

.ico-fleche014:before {
    content: "\e90d";
}

.ico-fleche015:before {
    content: "\e90e";
}

.ico-fleche016:before {
    content: "\e90f";
}

.ico-fleche017:before {
    content: "\e910";
}

.ico-fleche018:before {
    content: "\e911";
}

.ico-fleche019:before {
    content: "\e912";
}

.ico-fleche020:before {
    content: "\e913";
}

.ico-fleche021:before {
    content: "\e914";
}

.ico-fleche022:before {
    content: "\e915";
}

.ico-fleche023:before {
    content: "\e916";
}

.ico-fleche024:before {
    content: "\e917";
}

.ico-fleche025:before {
    content: "\e918";
}

.ico-fleche026:before {
    content: "\e919";
}

.ico-fleche027:before {
    content: "\e91a";
}

.ico-fleche028:before {
    content: "\e91b";
}

.ico-fleche029:before {
    content: "\e91c";
}

.ico-fleche030:before {
    content: "\e91d";
}

.ico-fleche031:before {
    content: "\e91e";
}

.ico-fleche032:before {
    content: "\e91f";
}

.ico-fleche033:before {
    content: "\e920";
}

.ico-fleche034:before {
    content: "\e921";
}

.ico-fleche035:before {
    content: "\e922";
}

.ico-fleche036:before {
    content: "\e923";
}

.ico-fleche037:before {
    content: "\e924";
}

.ico-fleche038:before {
    content: "\e925";
}

.ico-fleche039:before {
    content: "\e926";
}

.ico-fleche040:before {
    content: "\e927";
}

.ico-fleche041:before {
    content: "\e928";
}

.ico-fleche042:before {
    content: "\e929";
}

.ico-fleche043:before {
    content: "\e92a";
}

.ico-fleche044:before {
    content: "\e92b";
}

.ico-fleche045:before {
    content: "\e92c";
}

.ico-fleche046:before {
    content: "\e92d";
}

.ico-fleche047:before {
    content: "\e92e";
}

.ico-fleche048:before {
    content: "\e92f";
}

.ico-fleche049:before {
    content: "\e930";
}

.ico-fleche050:before {
    content: "\e931";
}

.ico-fleche051:before {
    content: "\e932";
}

.ico-fleche052:before {
    content: "\e933";
}

.ico-fleche053:before {
    content: "\e934";
}

.ico-fleche054:before {
    content: "\e935";
}

.ico-fleche055:before {
    content: "\e936";
}

.ico-fleche056:before {
    content: "\e937";
}

.ico-fleche057:before {
    content: "\e938";
}

.ico-fleche058:before {
    content: "\e939";
}

.ico-fleche059:before {
    content: "\e93a";
}

.ico-fleche060:before {
    content: "\e93b";
}

.ico-fleche061:before {
    content: "\e93c";
}

.ico-fleche062:before {
    content: "\e93d";
}

.ico-fleche063:before {
    content: "\e93e";
}

.ico-fleche064:before {
    content: "\e93f";
}

.ico-fleche065:before {
    content: "\e940";
}

.ico-fleche066:before {
    content: "\e941";
}

.ico-fleche067:before {
    content: "\e942";
}

.ico-fleche068:before {
    content: "\e943";
}

.ico-fleche069:before {
    content: "\e944";
}

.ico-fleche070:before {
    content: "\e945";
}

.ico-boondooa:before {
    content: "\e946";
}

.ico-reseau-android-01:before {
    content: "\e947";
}

.ico-reseau-android-02:before {
    content: "\e948";
}

.ico-reseau-apple-01:before {
    content: "\e949";
}

.ico-reseau-behance-01:before {
    content: "\e94a";
}

.ico-reseau-dropbox-01:before {
    content: "\e94b";
}

.ico-reseau-fb-01:before {
    content: "\e94c";
}

.ico-reseau-fb-02:before {
    content: "\e94d";
}

.ico-reseau-fb-03:before {
    content: "\e94e";
}

.ico-reseau-fb-04:before {
    content: "\e94f";
}

.ico-reseau-feed-01:before {
    content: "\e950";
}

.ico-reseau-feed-02:before {
    content: "\e951";
}

.ico-reseau-feed-03:before {
    content: "\e952";
}

.ico-reseau-flickr-01:before {
    content: "\e953";
}

.ico-reseau-gdrive-01:before {
    content: "\e954";
}

.ico-reseau-google-01:before {
    content: "\e955";
}

.ico-reseau-google-02:before {
    content: "\e956";
}

.ico-reseau-gplus-01:before {
    content: "\e957";
}

.ico-reseau-gplus-02:before {
    content: "\e958";
}

.ico-reseau-gplus-03:before {
    content: "\e959";
}

.ico-reseau-gplus-04:before {
    content: "\e95a";
}

.ico-reseau-insta-01:before {
    content: "\e95b";
}

.ico-reseau-insta-02:before {
    content: "\e95c";
}

.ico-reseau-insta-03:before {
    content: "\e95d";
}

.ico-reseau-lk-01:before {
    content: "\e95e";
}

.ico-reseau-lk-02:before {
    content: "\e95f";
}

.ico-reseau-lk-03:before {
    content: "\e960";
}

.ico-reseau-pin-01:before {
    content: "\e961";
}

.ico-reseau-pin-02:before {
    content: "\e962";
}

.ico-reseau-reddit-01:before {
    content: "\e963";
}

.ico-reseau-reddit-02:before {
    content: "\e964";
}

.ico-reseau-skype-01:before {
    content: "\e965";
}

.ico-reseau-snap-01:before {
    content: "\e966";
}

.ico-reseau-snap-02:before {
    content: "\e967";
}

.ico-reseau-telegram-01:before {
    content: "\e968";
}

.ico-reseau-tumblr-01:before {
    content: "\e969";
}

.ico-reseau-tumblr-02:before {
    content: "\e96a";
}

.ico-reseau-twi-01:before {
    content: "\e96b";
}

.ico-reseau-twi-02:before {
    content: "\e96c";
}

.ico-reseau-twi-03:before {
    content: "\e96d";
}

.ico-reseau-vimeo-01:before {
    content: "\e96e";
}

.ico-reseau-vimeo-02:before {
    content: "\e96f";
}

.ico-reseau-whatsapp-01:before {
    content: "\e970";
}

.ico-reseau-windows-01:before {
    content: "\e971";
}

.ico-reseau-yt-01:before {
    content: "\e972";
}

.ico-reseau-yt-02:before {
    content: "\e973";
}

.ico-reseau-yt-03:before {
    content: "\e974";
}

.ico-math-check-01:before {
    content: "\e978";
}

.ico-math-check-02:before {
    content: "\e979";
}

.ico-math-check-03:before {
    content: "\e97a";
}

.ico-math-check-05:before {
    content: "\e97b";
}

.ico-math-check-06:before {
    content: "\e97c";
}

.ico-math-check-07:before {
    content: "\e97d";
}

.ico-math-check-08:before {
    content: "\e97e";
}

.ico-math-check-09:before {
    content: "\e97f";
}

.ico-math-check-10:before {
    content: "\e980";
}

.ico-math-cross-01:before {
    content: "\e981";
}

.ico-math-cross-02:before {
    content: "\e982";
}

.ico-math-cross-03:before {
    content: "\e983";
}

.ico-math-cross-04:before {
    content: "\e984";
}

.ico-math-cross-05:before {
    content: "\e985";
}

.ico-math-cross-rond-01:before {
    content: "\e986";
}

.ico-math-cross-rond-02:before {
    content: "\e987";
}

.ico-math-cross-rond-03:before {
    content: "\e988";
}

.ico-math-cross-rond-04:before {
    content: "\e989";
}

.ico-math-cross-rond-05:before {
    content: "\e98a";
}

.ico-math-moins-02:before {
    content: "\e98b";
}

.ico-math-moins-03:before {
    content: "\e98c";
}

.ico-math-moins-04:before {
    content: "\e98d";
}

.ico-math-moins-05:before {
    content: "\e98e";
}

.ico-math-moins-06:before {
    content: "\e98f";
}

.ico-math-moins-07:before {
    content: "\e990";
}

.ico-math-moins-rond-01:before {
    content: "\e991";
}

.ico-math-moins-rond-02:before {
    content: "\e992";
}

.ico-math-moins-rond-03:before {
    content: "\e993";
}

.ico-math-moins-rond-04:before {
    content: "\e994";
}

.ico-math-moins-rond-05:before {
    content: "\e995";
}

.ico-math-plus-01:before {
    content: "\e996";
}

.ico-math-plus-02:before {
    content: "\e997";
}

.ico-math-plus-03:before {
    content: "\e998";
}

.ico-math-plus-04:before {
    content: "\e999";
}

.ico-math-plus-05:before {
    content: "\e99a";
}

.ico-math-plus-06:before {
    content: "\e99b";
}

.ico-math-plus-rond-01:before {
    content: "\e99c";
}

.ico-math-plus-rond-02:before {
    content: "\e99d";
}

.ico-math-plus-rond-03:before {
    content: "\e99e";
}

.ico-math-plus-rond-04:before {
    content: "\e99f";
}

.ico-math-plus-rond-05:before {
    content: "\e9a0";
}

.ico-divers-agenda-01:before {
    content: "\e9a1";
}

.ico-divers-agenda-02:before {
    content: "\e9a2";
}

.ico-divers-attention-01:before {
    content: "\e9a3";
}

.ico-divers-attention-02:before {
    content: "\e9a4";
}

.ico-divers-attention-03:before {
    content: "\e9a5";
}

.ico-divers-attention-04:before {
    content: "\e9a6";
}

.ico-divers-bonome-01:before {
    content: "\e9a7";
}

.ico-divers-bonome-02:before {
    content: "\e9a8";
}

.ico-divers-bonome-03:before {
    content: "\e9a9";
}

.ico-divers-bonome-04:before {
    content: "\e9aa";
}

.ico-divers-bonome-05:before {
    content: "\e9ab";
}

.ico-divers-bonome-06:before {
    content: "\e9ac";
}

.ico-divers-box-01:before {
    content: "\e9ad";
}

.ico-divers-box-02:before {
    content: "\e9ae";
}

.ico-divers-box-03:before {
    content: "\e9af";
}

.ico-divers-box-04:before {
    content: "\e9b0";
}

.ico-divers-box-05:before {
    content: "\e9b1";
}

.ico-divers-box-06:before {
    content: "\e9b2";
}

.ico-divers-box-07:before {
    content: "\e9b3";
}

.ico-divers-camera-01:before {
    content: "\e9b4";
}

.ico-divers-camera-02:before {
    content: "\e9b5";
}

.ico-divers-camera-03:before {
    content: "\e9b6";
}

.ico-divers-camera-04:before {
    content: "\e9b7";
}

.ico-divers-camera-06:before {
    content: "\e9b8";
}

.ico-divers-camion-01:before {
    content: "\e9b9";
}

.ico-divers-camion-02:before {
    content: "\e9ba";
}

.ico-divers-camion-03:before {
    content: "\e9bb";
}

.ico-divers-casque-01:before {
    content: "\e9bc";
}

.ico-divers-casque-02:before {
    content: "\e9bd";
}

.ico-divers-cb-01:before {
    content: "\e9be";
}

.ico-divers-cb-02:before {
    content: "\e9bf";
}

.ico-divers-cb-03:before {
    content: "\e9c0";
}

.ico-divers-cb-04:before {
    content: "\e9c1";
}

.ico-divers-charts-01:before {
    content: "\e9c2";
}

.ico-divers-charts-02:before {
    content: "\e9c3";
}

.ico-divers-charts-03:before {
    content: "\e9c4";
}

.ico-divers-charts-04:before {
    content: "\e9c5";
}

.ico-divers-charts-05:before {
    content: "\e9c6";
}

.ico-divers-chat-01:before {
    content: "\e9c7";
}

.ico-divers-chat-02:before {
    content: "\e9c8";
}

.ico-divers-chat-03:before {
    content: "\e9c9";
}

.ico-divers-chat-04:before {
    content: "\e9ca";
}

.ico-divers-chat-05:before {
    content: "\e9cb";
}

.ico-divers-chat-06:before {
    content: "\e9cc";
}

.ico-divers-chat-07:before {
    content: "\e9cd";
}

.ico-divers-chat-08:before {
    content: "\e9ce";
}

.ico-divers-chat-09:before {
    content: "\e9cf";
}

.ico-divers-check-01:before {
    content: "\e9d0";
}

.ico-divers-check-02:before {
    content: "\e9d1";
}

.ico-divers-check-03:before {
    content: "\e9d2";
}

.ico-divers-check-04:before {
    content: "\e9d3";
}

.ico-divers-clip-01:before {
    content: "\e9d4";
}

.ico-divers-cloche-01:before {
    content: "\e9d5";
}

.ico-divers-cloche-02:before {
    content: "\e9d6";
}

.ico-divers-cloche-03:before {
    content: "\e9d7";
}

.ico-divers-cloche-04:before {
    content: "\e9d8";
}

.ico-divers-code-01:before {
    content: "\e9d9";
}

.ico-divers-code-02:before {
    content: "\e9da";
}

.ico-divers-coeur-01:before {
    content: "\e9db";
}

.ico-divers-coeur-02:before {
    content: "\e9dc";
}

.ico-divers-coeur-03:before {
    content: "\e9dd";
}

.ico-divers-coeur-04:before {
    content: "\e9de";
}

.ico-divers-copy-01:before {
    content: "\e9df";
}

.ico-divers-dead-01:before {
    content: "\e9e0";
}

.ico-divers-dl-01:before {
    content: "\e9e1";
}

.ico-divers-dl-02:before {
    content: "\e9e2";
}

.ico-divers-dl-03:before {
    content: "\e9e3";
}

.ico-divers-dl-04:before {
    content: "\e9e4";
}

.ico-divers-eclair-01:before {
    content: "\e9e5";
}

.ico-divers-eclair-02:before {
    content: "\e9e6";
}

.ico-divers-elec-01:before {
    content: "\e9e7";
}

.ico-divers-elec-02:before {
    content: "\e9e8";
}

.ico-divers-elec-03:before {
    content: "\e9e9";
}

.ico-divers-elec-04:before {
    content: "\e9ea";
}

.ico-divers-elec-05:before {
    content: "\e9eb";
}

.ico-divers-expand-01:before {
    content: "\e9ec";
}

.ico-divers-expand-02:before {
    content: "\e9ed";
}

.ico-divers-expand-03:before {
    content: "\e9ee";
}

.ico-divers-expand-04:before {
    content: "\e9ef";
}

.ico-divers-expand-05:before {
    content: "\e9f0";
}

.ico-divers-expand-06:before {
    content: "\e9f1";
}

.ico-divers-eye-01:before {
    content: "\e9f2";
}

.ico-divers-eye-02:before {
    content: "\e9f3";
}

.ico-divers-eye-03:before {
    content: "\e9f4";
}

.ico-divers-eye-04:before {
    content: "\e9f5";
}

.ico-divers-file-01:before {
    content: "\e9f6";
}

.ico-divers-file-02:before {
    content: "\e9f7";
}

.ico-divers-file-03:before {
    content: "\e9f8";
}

.ico-divers-file-04:before {
    content: "\e9f9";
}

.ico-divers-file-05:before {
    content: "\e9fa";
}

.ico-divers-file-06:before {
    content: "\e9fb";
}

.ico-divers-file-07:before {
    content: "\e9fc";
}

.ico-divers-file-08:before {
    content: "\e9fd";
}

.ico-divers-file-09:before {
    content: "\e9fe";
}

.ico-divers-file-10:before {
    content: "\e9ff";
}

.ico-divers-file-11:before {
    content: "\ea00";
}

.ico-divers-file-12:before {
    content: "\ea01";
}

.ico-divers-file-13:before {
    content: "\ea02";
}

.ico-divers-file-add-01:before {
    content: "\ea03";
}

.ico-divers-file-remove-01:before {
    content: "\ea04";
}

.ico-divers-flouz-01:before {
    content: "\ea05";
}

.ico-divers-flouz-02:before {
    content: "\ea06";
}

.ico-divers-flouz-03:before {
    content: "\ea07";
}

.ico-divers-flouz-04:before {
    content: "\ea08";
}

.ico-divers-folder-01:before {
    content: "\ea09";
}

.ico-divers-folder-02:before {
    content: "\ea0a";
}

.ico-divers-folder-03:before {
    content: "\ea0b";
}

.ico-divers-folder-04:before {
    content: "\ea0c";
}

.ico-divers-folder-05:before {
    content: "\ea0d";
}

.ico-divers-folder-06:before {
    content: "\ea0e";
}

.ico-divers-folder-07:before {
    content: "\ea0f";
}

.ico-divers-folder-08:before {
    content: "\ea10";
}

.ico-divers-folder-09:before {
    content: "\ea11";
}

.ico-divers-folder-10:before {
    content: "\ea12";
}

.ico-divers-folder-11:before {
    content: "\ea13";
}

.ico-divers-folder-12:before {
    content: "\ea14";
}

.ico-divers-folder-13:before {
    content: "\ea15";
}

.ico-divers-folder-14:before {
    content: "\ea16";
}

.ico-divers-folder-16:before {
    content: "\ea17";
}

.ico-divers-folder-17:before {
    content: "\ea18";
}

.ico-divers-folder-18:before {
    content: "\ea19";
}

.ico-divers-gift-01:before {
    content: "\ea1a";
}

.ico-divers-gift-02:before {
    content: "\ea1b";
}

.ico-divers-gift-03:before {
    content: "\ea1c";
}

.ico-divers-goutte-01:before {
    content: "\ea1d";
}

.ico-divers-handicap-01:before {
    content: "\ea1e";
}

.ico-divers-home-01:before {
    content: "\ea1f";
}

.ico-divers-home-02:before {
    content: "\ea20";
}

.ico-divers-home-03:before {
    content: "\ea21";
}

.ico-divers-home-04:before {
    content: "\ea22";
}

.ico-divers-image-01:before {
    content: "\ea23";
}

.ico-divers-image-02:before {
    content: "\ea24";
}

.ico-divers-image-03:before {
    content: "\ea25";
}

.ico-divers-image-04:before {
    content: "\ea26";
}

.ico-divers-key-01:before {
    content: "\ea27";
}

.ico-divers-key-02:before {
    content: "\ea28";
}

.ico-divers-lab-01:before {
    content: "\ea29";
}

.ico-divers-link-01:before {
    content: "\ea2a";
}

.ico-divers-link-02:before {
    content: "\ea2b";
}

.ico-divers-lock-01:before {
    content: "\ea2c";
}

.ico-divers-lock-02:before {
    content: "\ea2d";
}

.ico-divers-lock-03:before {
    content: "\ea2e";
}

.ico-divers-lock-04:before {
    content: "\ea2f";
}

.ico-divers-loop-01:before {
    content: "\ea30";
}

.ico-divers-loop-02:before {
    content: "\ea31";
}

.ico-divers-loupe-01:before {
    content: "\ea33";
    font-size: 17px;
    font-weight: 100;
}

.ico-divers-loupe-02:before {
    content: "\ea33";
}

.ico-divers-loupe-03:before {
    content: "\ea34";
}

.ico-divers-loupe-04:before {
    content: "\ea35";
}

.ico-divers-loupe-05:before {
    content: "\ea36";
}

.ico-divers-mail-01:before {
    content: "\ea37";
}

.ico-divers-mail-02:before {
    content: "\ea38";
}

.ico-divers-mail-03:before {
    content: "\ea39";
}

.ico-divers-mail-04:before {
    content: "\ea3a";
}

.ico-divers-mail-05:before {
    content: "\ea3b";
}

.ico-divers-mail-06:before {
    content: "\ea3c";
}

.ico-divers-map-01:before {
    content: "\ea3d";
}

.ico-divers-map-02:before {
    content: "\ea3e";
}

.ico-divers-menu-01:before {
    content: "\ea3f";
}

.ico-divers-menu-02:before {
    content: "\ea40";
}

.ico-divers-menu-03:before {
    content: "\ea41";
}

.ico-divers-menu-04:before {
    content: "\ea42";
}

.ico-divers-menu-05:before {
    content: "\ea43";
}

.ico-divers-menu-06:before {
    content: "\ea44";
}

.ico-divers-micro-01:before {
    content: "\ea45";
}

.ico-divers-move-01:before {
    content: "\ea46";
}

.ico-divers-move-02:before {
    content: "\ea47";
}

.ico-divers-note-01:before {
    content: "\ea48";
}

.ico-divers-note-02:before {
    content: "\ea49";
}

.ico-divers-note-03:before {
    content: "\ea4a";
}

.ico-divers-nuitjour-01:before {
    content: "\ea4b";
}

.ico-divers-nuitjour-02:before {
    content: "\ea4c";
}

.ico-divers-param-01:before {
    content: "\ea4d";
}

.ico-divers-param-02:before {
    content: "\ea4e";
}

.ico-divers-param-03:before {
    content: "\ea4f";
}

.ico-divers-pdf-01:before {
    content: "\ea50";
}

.ico-divers-pdf-02:before {
    content: "\ea51";
}

.ico-divers-pen-01:before {
    content: "\ea52";
}

.ico-divers-pen-02:before {
    content: "\ea53";
}

.ico-divers-pen-03:before {
    content: "\ea54";
}

.ico-divers-perso-01:before {
    content: "\ea55";
}

.ico-divers-perso-02:before {
    content: "\ea56";
}

.ico-divers-perso-03:before {
    content: "\ea59";
}

.ico-divers-perso-04:before {
    content: "\ea58";
}

.ico-divers-perso-05:before {
    content: "\ea59";
}

/*.ico-divers-perso-06:before {
  content: "\ea5a";
}*/
.ico-divers-perso-07:before {
    content: "\ea5b";
}

.ico-divers-perso-08:before {
    content: "\ea5c";
}

.ico-divers-perso-09:before {
    content: "\ea5d";
}

.ico-divers-perso-add-01:before {
    content: "\ea5e";
}

.ico-divers-perso-add-02:before {
    content: "\ea5f";
}

.ico-divers-perso-add-03:before {
    content: "\ea60";
}

.ico-divers-perso-add-04:before {
    content: "\ea61";
}

.ico-divers-perso-add-05:before {
    content: "\ea62";
}

.ico-divers-perso-remove-01:before {
    content: "\ea63";
}

.ico-divers-perso-remove-02:before {
    content: "\ea64";
}

.ico-divers-perso-remove-03:before {
    content: "\ea65";
}

.ico-divers-perso-remove-04:before {
    content: "\ea66";
}

.ico-divers-perso-remove-05:before {
    content: "\ea67";
}

.ico-divers-pine-01:before {
    content: "\ea68";
}

.ico-divers-pine-02:before {
    content: "\ea69";
}

.ico-divers-pipette-01:before {
    content: "\ea6a";
}

.ico-divers-plume-01:before {
    content: "\ea6b";
}

.ico-divers-pop-in-01:before {
    content: "\ea6c";
}

.ico-divers-pop-out-01:before {
    content: "\ea6d";
}

.ico-divers-poubel-01:before {
    content: "\ea6e";
}

.ico-divers-poubel-02:before {
    content: "\ea6f";
}

.ico-divers-pouce-01:before {
    content: "\ea70";
}

.ico-divers-pouce-02:before {
    content: "\ea71";
}

.ico-divers-pouce-03:before {
    content: "\ea72";
}

.ico-divers-print-01:before {
    content: "\ea73";
}

.ico-divers-print-02:before {
    content: "\ea74";
}

.ico-divers-print-03:before {
    content: "\ea75";
}

.ico-divers-pulse-01:before {
    content: "\ea76";
}

.ico-divers-quote-01:before {
    content: "\ea77";
}

.ico-divers-quote-02:before {
    content: "\ea78";
}

.ico-divers-quote-03:before {
    content: "\ea79";
}

.ico-divers-quote-04:before {
    content: "\ea7a";
}

.ico-divers-quote-05:before {
    content: "\ea7b";
}

.ico-divers-quote-06:before {
    content: "\ea7c";
}

.ico-divers-radio-01:before {
    content: "\ea7d";
}

.ico-divers-radio-02:before {
    content: "\ea7e";
}

.ico-divers-reglage-01:before {
    content: "\ea7f";
}

.ico-divers-reglage-02:before {
    content: "\ea80";
}

.ico-divers-reseau-01:before {
    content: "\ea81";
}

.ico-divers-rocket-01:before {
    content: "\ea82";
}

.ico-divers-rocket-02:before {
    content: "\ea83";
}

.ico-divers-rocket-03:before {
    content: "\ea84";
}

.ico-divers-save-01:before {
    content: "\ea85";
}

.ico-divers-sek-01:before {
    content: "\ea86";
}

.ico-divers-sek-02:before {
    content: "\ea87";
}

.ico-divers-send-01:before {
    content: "\ea88";
}

.ico-divers-send-02:before {
    content: "\ea89";
}

.ico-divers-send-03:before {
    content: "\ea8a";
}

.ico-divers-send-04:before {
    content: "\ea8b";
}

.ico-divers-share-01:before {
    content: "\ea8c";
}

.ico-divers-shield-01:before {
    content: "\ea8d";
}

.ico-divers-shopping-01:before {
    content: "\ea8e";
}

.ico-divers-shopping-02:before {
    content: "\ea8f";
}

.ico-divers-shopping-03:before {
    content: "\ea90";
}

.ico-divers-shopping-04:before {
    content: "\ea8f";
    color: white;
}

.ico-divers-shopping-05:before {
    content: "\ea92";
}

.ico-divers-shopping-06:before {
    content: "\ea93";
}

.ico-divers-sort-01:before {
    content: "\ea94";
}

.ico-divers-sort-02:before {
    content: "\ea95";
}

.ico-divers-spin-01:before {
    content: "\ea96";
}

.ico-divers-spin-02:before {
    content: "\ea97";
}

.ico-divers-stack-01:before {
    content: "\ea98";
}

.ico-divers-star-01:before {
    content: "\ea99";
}

.ico-divers-star-02:before {
    content: "\ea9a";
}

.ico-divers-star-03:before {
    content: "\ea9b";
}

.ico-divers-star-04:before {
    content: "\ea9c";
}

.ico-divers-star-05:before {
    content: "\ea9d";
}

.ico-divers-star-06:before {
    content: "\ea9e";
}

.ico-divers-superman-01:before {
    content: "\ea9f";
}

.ico-divers-superman-02:before {
    content: "\eaa0";
}

.ico-divers-switch-01:before {
    content: "\eaa1";
}

.ico-divers-tel-01:before {
    content: "\eaa2";
}

.ico-divers-tel-02:before {
    content: "\eaa3";
}

.ico-divers-tel-03:before {
    content: "\eaa4";
}

.ico-divers-tel-04:before {
    content: "\eaa5";
}

.ico-divers-time-01:before {
    content: "\eaa6";
}

.ico-divers-time-02:before {
    content: "\eaa7";
}

.ico-divers-time-03:before {
    content: "\eaa8";
}

.ico-divers-time-04:before {
    content: "\eaa9";
}

.ico-divers-time-05:before {
    content: "\eaaa";
}

.ico-divers-time-06:before {
    content: "\eaab";
}

.ico-divers-toggle-01:before {
    content: "\eaac";
}

.ico-divers-toggle-02:before {
    content: "\eaad";
}

.ico-divers-toggle-03:before {
    content: "\eaae";
}

.ico-divers-toggle-04:before {
    content: "\eaaf";
}

.ico-divers-transport-01:before {
    content: "\eab0";
}

.ico-divers-transport-02:before {
    content: "\eab1";
}

.ico-divers-transport-03:before {
    content: "\eab2";
}

.ico-divers-transport-04:before {
    content: "\eab3";
}

.ico-divers-transport-05:before {
    content: "\eab4";
}

.ico-divers-transport-06:before {
    content: "\eab5";
}

.ico-divers-transport-07:before {
    content: "\eab6";
}

.ico-divers-transport-08:before {
    content: "\eab7";
}

.ico-divers-transport-09:before {
    content: "\eab8";
}

.ico-divers-transport-10:before {
    content: "\eab9";
}

.ico-divers-transport-11:before {
    content: "\eaba";
}

.ico-divers-ul-01:before {
    content: "\eabb";
}

.ico-divers-ul-02:before {
    content: "\eabc";
}

.ico-divers-ul-03:before {
    content: "\eabd";
}

.ico-divers-ul-04:before {
    content: "\eabe";
}

.ico-divers-usine-01:before {
    content: "\eabf";
}

.ico-divers-want-01:before {
    content: "\eac0";
}

.ico-divers-wifi-01:before {
    content: "\eac1";
}

/*AJOUTS*/
.ico-bounce01:before {
    content: "\e975";
}

.ico-enter01:before {
    content: "\e976";
}

.ico-evil01:before {
    content: "\e977";
}

.ico-info01:before {
    content: "\ea5a";
}

.ico-info02:before {
    content: "\eac2";
}

.ico-trip01:before {
    content: "\eac3";
}

.ico-trip02:before {
    content: "\eac4";
}

.btn {
    border-radius: 4px;
    min-height: 35px;
    padding: 8px 15px;
    box-sizing: border-box;
    font: bold 13px/16px "SF Pro Display";
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

    .btn:before {
        font-family: "icomoonERP";
        margin-right: 10px;
    }

    .btn:hover {
        background: transparent;
        text-decoration: none;
    }

.btnArchiverCarte:hover,
.btnArchiverListe:hover,
.btnDesArchiverListe:hover {
    border: none !important;
    background: transparent !important;
}

.btnPop {
    padding: 7px 13px;
    background: #384b63;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    white-space: nowrap;
}

    .btnPop:hover {
        background: #259dab;
        color: #fff;
        text-decoration: none;
    }

.btnPopList {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
}

    .btnPopList select {
        margin-right: 5px;
    }

.btnPopSecondRow {
    align-items: center;
}

.btnFloatRight {
    float: right;
}

.btnEffacer {
    border: none !important;
}

    .btnEffacer:hover {
        background: none !important;
    }

    .btnEffacer:before {
        font-family: "boonIco2";
        content: "\e5cd";
        color: #db0b0b !important;
    }

a.btnEffacer {
    margin-left: -40px;
}

.btnHamburger:before {
    font-family: "boonIco2";
    content: "\e9aa";
    color: #555555 !important;
}

.btnBoolloDupliquer:before {
    font-family: "boonIco2";
    content: "\e931";
    color: #555555 !important;
}

.btnDeplacer:before {
    font-family: "boonIco2";
    content: "\e9d0";
    color: #555555 !important;
}

.btnTempsPasse:before {
    font-family: "boonIco";
    content: "\eaa8";
    color: #555555 !important;
}

.btnAdd2Boollo:before {
    font-family: "boonIco2";
    content: "\e99e";
    padding-left: 5px;
    color: #787D7D !important;
}

.btnCarre {
    border-radius: 0;
    font-size: 11px;
    height: 25px;
}

.btnFull {
    background: #384b63;
    border: 1px solid #384b63;
    color: #fff;
}

    .btnFull:hover {
        background: #259dab;
        border: 1px solid #259dab;
        color: #fff;
    }

.btnSecondBorderArticleModelFull {
    color: #fff;
    background: #755FE6;
}

    .btnSecondBorderArticleModelFull:hover {
        color: #fff;
        background: #755FE6;
    }

.btnSecondBorderFull {
    color: #fff;
    background: #755FE6;
}

    .btnSecondBorderFull:hover {
        color: #fff;
        background: #755FE6;
    }

    .btnSecondBorderFull:before {
        content: "ꀹ";
    }

.btnMultiLignes {
    width: 160px;
    height: auto;
    line-height: 15px;
}

    .btnMultiLignes.selected {
        background: #259dab;
        color: #fff;
    }

.btnMain {
    background: #003A42;
    color: #fff;
    border: 2px solid #003A42;
}

    .btnMain:hover {
        background: transparent;
        color: #003A42;
    }

.btnSecond {
    background: #755FE6;
    color: #fff;
    border: 2px solid #755FE6;
}

    .btnSecond:before {
        content: "ꀹ";
    }

    .btnSecond:hover {
        background: transparent;
        color: #755FE6;
    }

.btnSecondBorderArticleModel {
    background: transparent;
    color: #755FE6;
    border: 2px solid #755FE6;
    line-height: 40px;
}

    .btnSecondBorderArticleModel:hover {
        background: transparent;
        color: #fff;
        background: #755FE6;
    }

.btnSecondBorder {
    background: transparent;
    color: #755FE6;
    border: 2px solid #755FE6;
}

    .btnSecondBorder:before {
        content: "ꀹ";
    }

    .btnSecondBorder:hover {
        background: transparent;
        color: #fff;
        background: #755FE6;
    }

.btnNew {
    background: #755FE6;
    color: #fff;
    border: 2px solid #755FE6;
}

    .btnNew:before {
        content: "ꀕ";
    }

    .btnNew:hover {
        color: #755FE6;
    }

.btnDouteuse {
    background: #755FE6;
    color: #fff;
    border: 2px solid #755FE6;
}

    .btnDouteuse:before {
        content: "\e9a6";
    }

    .btnDouteuse:hover {
        color: #755FE6;
    }

.btnVioletGenerer {
    background: #755FE6;
    color: #fff;
    border: 2px solid #755FE6;
}

    .btnVioletGenerer:before {
        content: "ꀠ";
        font-size: 16px;
        line-height: 16px;
        font-weight: normal;
        vertical-align: middle;
    }

    .btnVioletGenerer:hover {
        color: #755FE6;
    }

.btnCommande {
    background: #755FE6;
    color: #fff;
    border: 2px solid #755FE6;
}

    .btnCommande:before {
        content: "ꀹ";
    }

    .btnCommande:hover {
        color: #755FE6;
    }

.btnExportApercu {
    /*   background: $c-btn2;*/
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #C5D5D4;
}

    .btnExportApercu:before {
        content: "ꀔ";
    }

    .btnExportApercu:hover {
        background: #C5D5D4;
        border: 1px solid #C5D5D4;
    }

.btnExport {
    background: #755FE6;
    color: #fff;
    border: 2px solid #755FE6;
}

    .btnExport:before {
        content: "ꀔ";
    }

    .btnExport:hover {
        color: #755FE6;
    }

.btnDupliquerCmd {
    border: 2px solid #755FE6;
    color: #755FE6;
}

    .btnDupliquerCmd:before {
        content: "\e931";
    }

    .btnDupliquerCmd:hover {
        background: #755FE6;
        color: #fff;
    }

.btnCreer {
    border: 2px solid #755FE6;
    color: #755FE6;
}

    .btnCreer:before {
        content: "ꀕ";
    }

    .btnCreer:hover {
        background: #755FE6;
        color: #fff;
    }

.btnBorderEnregistrer {
    border: 2px solid #755FE6;
    color: #755FE6;
}

    .btnBorderEnregistrer:before {
        content: "ꀔ";
        font-size: 16px;
        font-weight: normal;
    }

    .btnBorderEnregistrer:hover {
        background: #755FE6;
        color: #fff;
    }

.btnPlus {
    border: 2px solid #755FE6;
    color: #755FE6;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
}

    .btnPlus:before {
        content: "ꀕ";
        margin: 0;
        color: #755FE6;
        font-weight: bold;
    }

    .btnPlus:hover {
        background: #755FE6;
        color: #fff;
    }

        .btnPlus:hover:before {
            color: #fff;
        }

.btnVoir {
    border: 1px solid #ECF3F3;
    background: transparent;
    color: #003A42;
    display: block;
}

    .btnVoir:before {
        content: "ꀩ";
    }

    .btnVoir:hover {
        background: #F8F6F5;
    }

    .btnVoir.blanc {
        background: #fff;
        border: 2px solid #fff;
    }

        .btnVoir.blanc:hover {
            background: transparent;
            border: 2px solid #003A42;
            color: #003A42;
        }

.btnForce {
    border: 1px solid #ECF3F3;
    background: transparent;
    color: #003A42;
    display: block;
}

    .btnForce:before {
        content: "\ea83";
    }

    .btnForce:hover {
        background: #F8F6F5;
    }

    .btnForce.blanc {
        background: #fff;
        border: 2px solid #fff;
    }

        .btnForce.blanc:hover {
            background: transparent;
            border: 2px solid #003A42;
            color: #003A42;
        }

.btnBizarre {
    transition: all 0.2s ease-in-out;
}

    .btnBizarre:hover {
        color: #fff !important;
    }

.btnRetour {
    width: 45px;
    height: 35px;
    border-radius: 5px;
    background: #755FE6;
    border: 2px solid #755FE6;
    padding: 0;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    /*margin-right: 20px;*/
    display: inline-block;
    position: relative;
}

    .btnRetour:before {
        font-family: "icomoonERP";
        content: "ꀉ";
        color: #fff;
        font-size: 13px;
        line-height: 13px;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .btnRetour:hover {
        background: #003A42;
        border: 2px solid #003A42;
    }

.btnModifier {
    background: #fff;
    width: 45px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #C5D5D4;
    border-radius: 5px;
    padding: 0;
    text-align: center;
}

    .btnModifier:before {
        font-family: "icomoonERP";
        content: "ꁂ";
        color: #003A42;
        font-size: 20px;
        line-height: 35px;
        margin: 0;
        transition: all 0.2s ease-in-out;
    }

    .btnModifier:hover {
        background: #C5D5D4;
        border: 1px solid #C5D5D4;
    }

.btnVersioning {
    background: #fff;
    width: 45px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #C5D5D4;
    border-radius: 5px;
    padding: 0;
    text-align: center;
}

    .btnVersioning:before {
        font-family: "icomoonERP";
        content: "༓";
        color: #003A42;
        font-size: 18px;
        line-height: 33px;
        margin: 0;
        transition: all 0.2s ease-in-out;
    }

    .btnVersioning:hover {
        background: #C5D5D4;
        border: 1px solid #C5D5D4;
    }

.btnEnregistrer {
    background: #fff;
    width: 45px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #C5D5D4;
    border-radius: 5px;
    padding: 0;
    text-align: center;
}

    .btnEnregistrer:before {
        font-family: "icomoonERP";
        content: "ꀓ";
        color: #003A42;
        font-size: 20px;
        line-height: 35px;
        margin: 0;
        transition: all 0.2s ease-in-out;
        font-weight: normal;
        margin-right: 0 !important;
    }

    .btnEnregistrer:hover {
        background: #C5D5D4;
        border: 1px solid #C5D5D4;
    }

.btnAnnuler {
    background: #fff;
    width: 45px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #C5D5D4;
    border-radius: 5px;
    padding: 0;
    text-align: center;
}

    .btnAnnuler:before {
        /*font-family: $f-icon;
  content: "\a036";*/
        color: #003A42;
        font-size: 20px;
        line-height: 35px;
        margin: 0;
        transition: all 0.2s ease-in-out;
        font-weight: normal;
    }

    .btnAnnuler:hover {
        background: #C5D5D4;
        border: 1px solid #C5D5D4;
    }

.btnAjoutNouveau {
    color: #755FE6;
    transition: all 0.2s ease-in-out;
}

    .btnAjoutNouveau:before {
        color: #755FE6;
        transition: all 0.2s ease-in-out;
    }

    .btnAjoutNouveau:hover {
        color: #003A42;
    }

        .btnAjoutNouveau:hover:before {
            color: #003A42;
        }

.btnAnnulerSaisie {
    width: 45px;
    height: 35px;
    box-sizing: border-box;
    border: 2px solid #755FE6;
    border-radius: 5px;
    padding: 0;
    text-align: center;
    display: block;
}

    .btnAnnulerSaisie:before {
        font-family: "icomoonERP";
        content: "ꀖ";
        color: #755FE6;
        font-size: 14px;
        line-height: 35px;
        margin: 0;
        transition: all 0.2s ease-in-out;
        font-weight: normal;
    }

    .btnAnnulerSaisie:hover {
        background: #755FE6;
        border: 2px solid #755FE6;
    }

        .btnAnnulerSaisie:hover:before {
            color: #fff;
        }

.btnEnvoi {
    background: #fff;
    color: #003A42;
    font: bold 13px "SF Pro Display";
    border: 2px solid #fff;
}

    .btnEnvoi:before {
        content: "ꁃ";
        font-size: 16px;
        font-weight: normal;
    }

    .btnEnvoi:hover {
        background: transparent;
        border-color: #003A42;
    }

.btnGenerer {
    background: #fff;
    color: #003A42;
    font: bold 13px "SF Pro Display";
    border: 2px solid #fff;
}

    .btnGenerer:before {
        content: "ꀠ";
        font-size: 16px;
        font-weight: normal;
    }

    .btnGenerer:hover {
        background: transparent;
        border-color: #003A42;
    }

.btnPDF {
    background: #fff;
    color: #003A42;
    font: bold 13px "SF Pro Display";
    border: 2px solid #fff;
}

    .btnPDF:before {
        content: "ꀔ";
        font-size: 16px;
        font-weight: normal;
    }

    .btnPDF:hover {
        background: transparent;
        border-color: #003A42;
    }

.btnDupliquer {
    background: #fff;
    width: 45px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #C5D5D4;
    border-radius: 5px;
    padding: 0;
    text-align: center;
    display: block;
}

    .btnDupliquer:before {
        font-family: "boonIco2";
        content: "\e931";
        color: #003A42;
        font-size: 16px;
        line-height: 35px;
        margin: 0 !important;
        transition: all 0.2s ease-in-out;
    }

    .btnDupliquer:hover {
        background: #C5D5D4;
        border: 1px solid #C5D5D4;
    }

.btnSupprimer {
    background: transparent;
    width: 45px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #C5D5D4;
    border-radius: 5px;
    padding: 0;
    text-align: center;
    background: #fff;
}

    .btnSupprimer:before {
        font-family: "icomoonERP";
        content: "ꀖ";
        color: #F81864;
        font-size: 12px;
        line-height: 35px;
        margin: 0;
        transition: all 0.2s ease-in-out;
    }

    .btnSupprimer:hover {
        background: #F81864;
        border: 1px solid #F81864;
        color: #fff;
    }

        .btnSupprimer:hover:before {
            color: #fff;
        }

.btnNum {
    background: #755FE6;
    color: #fff;
    border: 2px solid #755FE6;
    margin: 0 !important;
}

    .btnNum:before {
        content: "ꁈ";
    }

    .btnNum:hover {
        border: 2px solid #755FE6;
        color: #755FE6;
    }

.ddlExport {
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border-radius: 4px;
    overflow: hidden;
}

    .ddlExport:before {
        font-family: "icomoonERP";
        content: "ꀔ";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        color: #755FE6;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        pointer-events: none;
        transition: all 0.2s ease-in-out;
    }

    .ddlExport:after {
        font-family: "icomoonERP";
        content: "ꁖ";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        color: #755FE6;
        font-size: 8px;
        line-height: 8px;
        pointer-events: none;
        transition: all 0.2s ease-in-out;
    }

    .ddlExport .btnExport {
        background: transparent;
        -webkit-appearance: none;
        padding-left: 55px;
        margin-bottom: 0;
        cursor: pointer;
    }

        .ddlExport .btnExport option {
            color: #003A42;
            font: 500 14px/24px "SF Pro Display";
            padding: 10px 20px !important;
        }

            .ddlExport .btnExport option:checked {
                background: #755FE6;
                color: #fff;
            }

    .ddlExport:hover {
        background: #755FE6;
    }

        .ddlExport:hover:before, .ddlExport:hover:after {
            color: #fff;
        }

.btnShowListing :before {
    font-family: "boonIco2";
    content: "຤";
    padding-left: 5px;
    color: #787D7D !important;
}

.btnTuer {
    background: #755FE6;
    color: #fff;
    border: 2px solid #755FE6;
}

    .btnTuer:hover {
        color: #755FE6;
    }

.tabloTimeCt {
    background: #fff;
    padding: 20px;
}

.outilsTimeCt {
    top: 0;
    position: relative;
}

.outilsTime {
    width: 100%;
    background: #fff;
    padding: 20px 20px 0 14px;
}

    .outilsTime tr td {
        width: 33%;
        vertical-align: top;
        text-align: center;
    }

.outilsTimeCellProjet {
    text-align: left !important;
    padding-left: 10px;
}

.outilsTimeCellCases {
    text-align: right;
    padding-top: 8px;
    padding-right: 10px;
}

.timeFiltresBarre {
    margin-bottom: 16px;
    font-size: 11px;
}

.timeAfficheArchives {
    position: relative;
    margin-right: 20px;
    vertical-align: middle;
}

.timeFiltresBarre input[type=checkbox]:not(:checked) + label::before {
    top: 2px;
}

.timeChoixSemaineTxt {
    font-family: "SF Pro Display";
    font-size: 15px !important;
    font-weight: bold;
}

.timeSemaineInput {
    background: none;
    border: 0;
    cursor: pointer;
    font-family: "SF Pro Display";
    font-size: 15px !important;
    font-weight: bold;
}

.timeCollabSelect {
    position: relative;
    top: 0;
}

    .timeCollabSelect span {
        font-size: 11px;
        margin-right: 10px;
    }

    .timeCollabSelect select {
        border-radius: 5px;
        margin-right: 30px;
        font-size: 12px !important;
    }

.timeBtnEdition {
    background: #57cabd;
    border: 1px solid #57cabd;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 8px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
}

    .timeBtnEdition:hover {
        background: #384b63;
        border: 1px solid #384b63;
        color: #fff;
        text-decoration: none;
    }

.timeChoixSemaine input[type=image]:first-child {
    margin: 0 15px 0 0;
}

.timeChoixSemaine input[type=image]:last-child {
    margin: 0 0 0 15px;
}

.timeChoixProjet .select2-container {
    width: 300px !important;
    vertical-align: top;
}

.timeChoixProjet .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.btnAjoutProjetTime {
    width: 26px !important;
    height: 26px !important;
    background: #384b63 url(../images/timePlus.png) no-repeat center center !important;
    display: inline-block;
    border-radius: 5px;
}

    .btnAjoutProjetTime:hover {
        background: #57cabd url(../images/timePlus.png) no-repeat center center !important;
    }

.image-favori {
    margin-top: 6px;
}

.image-archive {
    margin-top: 6px;
}

.planning-select-commande,
.planning-select-clientasso {
    display: inline;
}

.autoComplete {
    font-size: 11px;
}

.autoCompleteSelected {
    background-color: #ddd;
    font-size: 11px;
}

.grd th, .planning th {
    text-transform: uppercase;
    border: solid 1px white;
}

.grd td, .grd th {
    border-left: solid 2px white;
    border-right: solid 2px white;
}

.nongrd, .nongrd td, .nongrd th {
    border: none;
}

.temps th, .temps td {
    border: solid 1px white;
}

.planning {
    border-spacing: 5px !important;
}

    .planning td, .planning th {
        border: solid 5px #fff;
        text-align: center;
    }

        .planning th:last-child {
            background: #ccc !important;
            width: 10px;
        }

.timeBtnWeekend {
    background: #ccc;
    text-align: center;
    border: 0px;
    height: auto;
    padding: 0;
    width: 14px;
}

.ligneplanning tr {
    background: #f5f6fa;
}

.ligneplanning td {
    background: #f5f6fa;
}

.lignehomebooner {
    background: #F8F6F5;
    padding: 10px 20px;
    margin-bottom: 5px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 4px;
}

.lignehomebooner-projet {
    flex: 1 1;
}

.ligneplanning td a:not(.lien-tache), .lignehomebooner a {
    color: #3a4c64;
    font-family: "SF Pro Display";
    text-decoration: none;
}

    .ligneplanning td a:not(.lien-tache) span, .lignehomebooner a span {
        color: #3a4c64;
        text-transform: uppercase;
        font-family: "SF Pro Display";
        text-decoration: none;
    }

.ligneplanningalternance td {
    background: #f1fbfa;
}

    .ligneplanningalternance td a:not(.lien-tache) {
        color: #57cabd;
        font-family: "SF Pro Display";
        text-decoration: none;
    }

        .ligneplanningalternance td a:not(.lien-tache) span {
            color: #57cabd;
            text-transform: uppercase;
            font-family: "SF Pro Display";
            text-decoration: none;
        }

.timeMoreBtn {
    text-align: center;
    margin-top: 4px;
    background-color: #abb4c9;
    width: 100%;
    height: 8px;
    display: inline-block;
}

.ligneplanningalternance .timeMoreBtn {
    background-color: #a9d0cc;
}

.pictosOutilsTime a {
    vertical-align: middle;
}

.pictosOutilsTime input {
    height: 15px;
}

.timeLectPole {
    text-align: left;
    color: #3a4c64 !important;
}

.lien-tache {
    font-size: 11px;
}

.tache {
    margin: 3px 0px 3px 0px;
    width: 100%;
    border: none;
    border-collapse: collapse;
    text-align: left;
    font-size: 11px;
    border-bottom: 1px solid rgba(56, 75, 99, 0.25);
}

    .tache td {
        border: none;
        padding: 0px 5px;
        text-align: left;
    }

        .tache td a, .cut {
            word-break: keep-all;
        }

        .tache td input[type=image] {
            padding: 0;
            position: relative;
            right: -4px;
        }

    .tache tr:last-child td {
        padding-bottom: 10px;
    }

.cache {
    display: none;
}

.ctTimeTitreDuree {
    display: flex;
    margin-bottom: 5px;
}

.ctTimePrestaBtn {
    display: flex;
    margin-bottom: 5px;
}

    .ctTimeTitreDuree *, .ctTimePrestaBtn * {
        font-size: 11px;
    }

.timeTitre {
    padding: 3px 5px;
    display: flex;
    flex: 2 1 auto;
}

.timeDuree {
    padding: 3px 3px;
    flex: 0 1 auto;
    width: 34px;
    margin-left: 5px;
    text-align: center;
}

.timePresta {
    padding: 3px 1%;
    display: flex;
    flex: 2 1 auto;
}

.ajoutertache {
    border-radius: 5px;
    vertical-align: top;
    padding: 0;
    flex: 0 1 auto;
    width: 20px;
    height: 20px;
    padding: 3px;
    margin-left: 5px;
}

.ligneplanning .ajoutertache {
    background-color: #384b63;
}

.ligneplanningalternance .ajoutertache {
    background-color: #57cabd;
}

html body form#form1 div#divGeneral div div#divParentContenuAdmin div#divContenu div#cphContenu_panStat div#cphContenu_barchartMembres div#cphContenu_barchartMembres__ParentDiv svg {
    text-align-last: end;
}

.separateurh {
    margin: 0px auto;
    width: 100%;
    background-color: lightgrey;
    height: 1px;
    margin-top: 0px;
    margin-bottom: 20px;
    box-shadow: lightgrey 0px 0px 5px;
}

.separateurv {
    margin: 0px auto;
    height: 100%;
    background-color: lightgrey;
    width: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: lightgrey 0px 0px 5px;
}

.hoverpopup {
    background-color: #1fc4fa;
    border: white 1px solid;
    padding: 20px;
    opacity: 0.7;
    max-width: 200px;
    word-break: break-all;
    text-align: left;
    border-radius: 10px;
}

.modalpopup {
    z-index: 200;
    padding: 30px 50px 50px 50px;
    background-color: white;
}

    .modalpopup .btnFermer {
        position: absolute;
        right: 20px;
        top: 20px;
    }

.btnTexte, .btnTexte:link, .btnText:hover, .btnText:active, .btnTexte:visited {
    height: 19px;
    padding: 2px 5px;
    background-color: white;
    color: #1fc4fa;
    text-decoration: none;
}

.searchbar {
    background-color: #01a1c3;
    padding: 15px;
    box-shadow: grey 0px 0px 1px;
}

.requis {
    color: #1fc4fa;
    padding: 0px 2px;
}

.souligne {
    border-bottom: 1px solid lightgrey;
    width: 100%;
}

.lignedessus {
    border-top: 1px solid lightgrey;
}

/* WIZARD */
.numero {
    margin-right: 5px;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    padding: 0px 3px;
    background-color: #01a1c3;
    border: 1px solid #01a1c3;
    font-weight: 500;
}

.stepNotCompleted {
    opacity: 0.3;
}

.stepname {
    color: #01a1c3;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
}

.stepBreak {
    width: 10px;
    background-color: Transparent;
}

table .tableauimbrique {
    padding: 0px;
}

.grille tr td {
    padding: 5px;
}

.timeTotalSem {
    color: #384b63;
    background: #f5f6fa;
    margin: 3px 0 0 0;
    padding: 5px 0;
    text-align: center;
    font-weight: bold;
}

img {
    border: none;
    border-color: inherit;
    border-width: 0px;
}

/* ------------- login (adm.aspx)------------------- */
.inputIco {
    display: inline-flex;
    min-height: 34px;
    margin-bottom: 10px;
}

    .inputIco input,
    .inputIco textarea {
        order: 2;
        min-width: 180px;
        margin: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: none;
    }

        .inputIco input[type=text], .inputIco input[type=password] {
            height: 30px;
            border: 1px solid #888;
        }

        .inputIco input:focus + span,
        .inputIco textarea:focus + span {
            border-color: #777;
            color: #777;
        }

    .inputIco span:before {
        margin: 0;
    }

    .inputIco span {
        display: flex;
        justify-content: center;
        align-items: center;
        order: 1;
        width: 37px;
        padding: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        color: #bbb;
        border: 1px solid #E3E3E3;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        outline: none;
    }

/* ------------- login (adm.aspx)------------------- */
input {
    color: #384b63;
    border: 1px #ccc solid;
    margin-left: 0px;
    height: 20px;
    padding: 3px 5px;
}

    input.readonly-style {
        background: none;
    }

    input[type=submit] {
        color: #384b63;
    }

    input[type=radio] {
        margin: 0 5px 0 0;
        padding: 0;
    }

    input[type=image] {
        vertical-align: middle;
    }

textarea {
    color: #384b63;
    height: 100px;
    border: 1px #ccc solid;
    font-family: sans-serif;
    font-size: 13px;
    width: 400px;
}

select {
    color: #384b63;
    height: 26px;
    border: 1px #ccc solid;
}

    select option {
        /*height: 26px;*/
    }

    select.readonly-style,
    input.readonly-style,
    textarea.readonly-style {
        padding: 0;
    }

.select2-container--open {
    z-index: 99999999;
}

.groupeDropDownList {
    font-style: italic;
    font-weight: bold;
    color: #000;
}

.tabFormulaire, .tabFormulaire tr {
    line-height: 25px;
}

.watermark {
    color: #aaa;
    font-style: italic;
}

.modalBg {
    background-color: Gray;
    opacity: 0.7;
}

/*************************************** STYLES DES BOUTONS OUTILS ************************************/
.boutonsOutilsCt {
    display: inline;
}

.lkDeconnexion {
    color: #384b63;
    text-decoration: none;
}

    .lkDeconnexion:hover {
        color: #384b63;
        text-decoration: underline;
    }

.btnVert {
    background: #259dab;
    border: 1px #259dab solid;
    color: #fff;
}

    .btnVert:hover {
        background: #384b63;
        border: 1px #384b63 solid;
        color: #fff;
    }

.btnVertFill {
    background: none;
    border: 1px #259dab solid;
    color: #259dab;
}

    .btnVertFill:hover {
        background: #259dab;
        border: 1px #259dab solid;
        color: #fff;
    }

.btnSection {
    margin-left: 10px;
    /*top: -3px;*/
    display: inline-block;
}

.btnSectionNew {
    margin-bottom: 40px;
}

.btnFichier {
    top: 6px;
    margin-left: 0;
}

.divShowPrixTotalDevis {
    width: 260px;
    /*float: right;*/
    text-align: right;
}

.btnSelectionner.selected {
    background-color: #384b63;
    color: #fff !important;
}

#divTitre .btn {
    margin: 0px 0px 0px 10px;
}

.btnOeil:before {
    font-family: "boonIco2";
    content: "\e988";
    margin-right: 7px;
}

.btnDocumentLie:before {
    font-family: "boonIco2";
    content: "\ea22";
    margin-right: 7px;
}

.btnEclair:before {
    font-family: "boonIco2";
    content: "\e97c";
    margin-right: 7px;
}

.btnCheck:before {
    font-family: "boonIco2";
    content: "\e5ca";
    margin-right: 7px;
}

.btnAjoutNouveau:before {
    font-family: "boonIco";
    content: "\e998";
    margin-right: 7px;
}

.btnAnnuler:before {
    font-family: "boonIco2";
    content: "\e955";
    margin-right: 7px;
}

.btnUser:before {
    font-family: "boonIco2";
    content: "\e95d";
    margin-right: 7px;
}

.btnEnregistrer:before {
    font-family: "boonIco2";
    content: "\f0c7";
    margin-right: 7px;
}

.btnExporter:before {
    font-family: "boonIco2";
    content: "\e917";
    margin-right: 7px;
    font-size: 15px;
}

.btnImprimer:before {
    font-family: "boonIco2";
    content: "\e948";
    margin-right: 7px;
}

.btnNouveau2:before {
    font-family: "boonIco2";
    content: "\e7fd";
    margin-right: 7px;
}

.btnNouveau:before {
    font-family: "boonIco2";
    content: "\e929";
    margin-right: 7px;
}

.btnCommander:before {
    font-family: "boonIco2";
    content: "\e547";
    margin-right: 7px;
}

.btnMAJ:before {
    font-family: "boonIco2";
    content: "\e9b9";
    margin-right: 7px;
}

.btnArchiver:before, .btnArchiverCarte:before, .btnArchiverListe:before, .btnDesArchiverListe:before {
    font-family: "boonIco2";
    content: "\e94f";
    margin-right: 7px;
}

.btnArchiverListe:before {
    content: "\e937";
}

.btnDesArchiverListe:before {
    content: "\e938";
}

.btnVersion:before {
    font-family: "boonIco2";
    content: "\e932";
    margin-right: 7px;
}

.btnEnvoyer:before {
    font-family: "boonIco2";
    content: "\e915";
    margin-right: 7px;
}

.btnDupliquer:before {
    font-family: "boonIco2";
    content: "\e931";
    margin-right: 7px;
}

.btnDupliquerCmd:before {
    font-family: "boonIco2";
    content: "\e931";
    margin-right: 7px;
}

.btnForce:before {
    font-family: "boonIco2";
    content: "\ea83";
    margin-right: 7px;
}

.btnPdf:before {
    font-family: "boonIco2";
    content: "\e948";
    margin-right: 7px;
}

.btnDocumentLie {
    margin-right: 10px;
}

.btnSortAsc:before {
    font-family: "boonIco";
    content: "\e908";
    margin-right: 7px;
}

.btnSortDesc:before {
    font-family: "boonIco2";
    content: "\f05b";
    margin-right: 7px;
}

/************** STYLE AUTOCOMPLETE ********************/
.autoComplete {
    font-size: 11px;
}

.autoCompleteSelected {
    background-color: #ddd;
    font-size: 11px;
}

/*************************************************************************************************************************************************/
/******************************************************************* BLOG ************************************************************************/
/*************************************************************************************************************************************************/
.btnAjouter {
    background: url(../images/btnAjouter.png) no-repeat center center;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 5px;
}

    .btnAjouter:hover {
        background: url(../images/btnAjouter-on.png) no-repeat center center;
    }

/**************************************************************** CALENDAR EXTENDERS ****************************************************************/
.ajax__calendar_container {
    z-index: 9999 !important;
}

.ajax__calendar table td {
    vertical-align: middle !important;
}

.ajax__calendar table tr {
    line-height: initial !important;
}

.ajax__calendar_footer {
    height: 22px !important;
}

/**************************************************************** TAB AJAX ****************************************************************/
.ajax__tab_inner a {
    color: #000 !important;
}

/************************************ STYLE DES CHECKBOXES ET RADIOS BUTTONS ********************************************/
/*CHECKBOXES*/
input[type=checkbox]:not(:checked), input[type=checkbox]:checked {
    left: -9999px;
    position: absolute;
}

    input[type=checkbox]:not(:checked) + label, input[type=checkbox]:checked + label {
        cursor: pointer;
        padding-left: 25px;
        position: relative;
    }

        input[type=checkbox]:not(:checked) + label::before, input[type=checkbox]:checked + label::before {
            background: #fafbfc;
            border-radius: 2px;
            box-shadow: inset 0 0 0 2px #dfe1e6;
            content: "";
            height: 16px;
            left: 0;
            position: absolute;
            top: 5px;
            width: 16px;
            margin-top: -3px;
        }

        /*Cochée*/
        input[type=checkbox]:not(:checked) + label::after, input[type=checkbox]:checked + label::after {
            color: #2574ab;
            content: "✔";
            font-size: 14px;
            left: 4px;
            line-height: 1.75;
            position: absolute;
            top: 2px;
            transition: all 0.2s ease 0s;
            margin-top: -7px;
        }

        input[type=checkbox]:not(:checked) + label::after {
            opacity: 0;
            transform: scale(0);
        }

        input[type=checkbox]:checked + label::after {
            opacity: 1;
            transform: scale(1);
        }

input[type=checkbox]:disabled:not(:checked) + label::before, input[type=checkbox]:disabled:checked + label::before {
    background-color: #ddd;
    border-color: #bbb;
    box-shadow: none;
}

input[type=checkbox]:disabled:checked + label::after {
    color: #999;
}

input[type=checkbox]:disabled + label {
    color: #aaa;
}

input[type=checkbox]:checked:focus + label::before, .checkbox input[type=checkbox]:focus:not(:checked) + label::before {
    /*border: 1px dotted blue;*/
}

/*Style des erreurs champs*/
.errorControl {
    background-color: #FBE3E4 !important;
    border: solid 1px Red !important;
}

/*RADIOS*/
input[type=radio]:checked, input[type=radio]:not(:checked) {
    display: none;
}

*::before, *::after {
    box-sizing: border-box;
}

input[type=radio]:checked + label::before, input[type=radio]:not(:checked) + label::before, input[type=radio]:checked + label::after, input[type=radio]:not(:checked) + label::after {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

input[type=radio]:checked + label::before, input[type=radio]:not(:checked) + label::before {
    border: 1px solid #d8d8d8;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px;
    left: -5px;
    position: absolute;
    top: 3px;
    width: 20px;
}

input[type=radio]:checked + label::after {
    background: #755FE6 none repeat scroll 0 0 !important;
}

input[type=radio]:checked + label, input[type=radio]:not(:checked) + label {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding-left: 20px;
    position: relative;
    margin-right: 15px;
}

    input[type=radio]:checked + label::after, input[type=radio]:not(:checked) + label::after {
        border: 3px solid white;
        content: "";
        cursor: pointer;
        display: block;
        height: 18px;
        left: -4px;
        position: absolute;
        top: 4px;
        -moz-transition: background-color 0.3s ease 0s;
        -o-transition: background-color 0.3s ease 0s;
        -webkit-transition: background-color 0.3s ease 0s;
        transition: background-color 0.3s ease 0s;
        width: 18px;
    }

/********************************************** Style des bannières de messages erreur ou confirm */
.banniereMessageInterfaceAdmin {
    height: 60px;
    background: #b3face;
    text-align: center;
    font-size: 15px;
    color: #0b980a;
    font-weight: bold;
    line-height: 60px;
    position: fixed;
    width: 100%;
    z-index: 99999999;
    top: 0;
}

    .banniereMessageInterfaceAdmin.error {
        background: #fcb8b8;
        color: #cf3232;
    }

        .banniereMessageInterfaceAdmin.error #fermerMessagesInterfaceAdmin {
            background: url(../images/closeMessagesInterfaceErreur.png) no-repeat center center;
            display: block;
            width: 30px;
            height: 60px;
            vertical-align: middle;
            cursor: pointer;
            float: right;
            margin-right: 10px;
        }

    .banniereMessageInterfaceAdmin #fermerMessagesInterfaceAdmin {
        background: url(../images/closeMessagesInterface.png) no-repeat center center;
        display: block;
        width: 30px;
        height: 60px;
        vertical-align: middle;
        cursor: pointer;
        float: right;
        margin-right: 10px;
    }

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab {
    background: #2574ab !important;
    overflow: visible;
    padding: 5px 10px !important;
    color: #fff !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner {
    background: #2574ab !important;
    overflow: visible;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
    background: #2574ab !important;
    overflow: visible;
    border-right: 1px solid #fff !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab {
    background: #ddd !important;
    overflow: visible;
    padding: 5px 10px !important;
    color: #444 !important;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_inner {
    background: #ddd !important;
    overflow: visible;
}

.ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
    background: #ddd !important;
    overflow: visible;
    height: auto !important;
    border-right: 1px solid #fff !important;
}

.ajax__tab_xp .ajax__tab_header {
    background: none !important;
    height: auto !important;
}

.ajax__tab_xp .ajax__tab_body {
    border: 1px solid #2574ab !important;
    /*border-top-color: #2574ab !important;*/
}

.iconePdf {
    display: inline-block;
    margin-top: 5px;
}

    .iconePdf span {
        vertical-align: top;
        margin-top: 5px;
        display: inline-block;
        text-decoration: underline;
    }

    .iconePdf:before {
        content: url(../images/iconePdf.png);
        padding-top: 5px;
        display: inline-block;
        margin-right: 6px;
    }

.btn-ico {
    text-decoration: none;
    font-family: "Open Sans" !important;
}

    .btn-ico:before {
        font-family: "boonIco2" !important;
        padding-right: 5px;
        font-size: 16px;
        vertical-align: middle;
    }

/*-------------------------------------*/
/*-------------- MESSAGES -------------*/
/*-------------------------------------*/
.Messages, .MessagesReminder {
    position: fixed;
    left: 0;
    width: 100%;
    top: 25px;
    z-index: 9999999;
    pointer-events: none;
}

.Message {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 850px;
    margin: 10px auto;
    padding: 15px 40px 15px 15px;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 7px -4px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 0px 4px 7px -4px rgba(0, 0, 0, 0.54);
    box-shadow: 0px 4px 7px -4px rgba(0, 0, 0, 0.54);
    background-color: #fff;
    color: #000;
    font-weight: bold;
    font-family: Arial;
    line-height: 17px;
    font-size: 14px;
    pointer-events: auto;
    animation: message 0.5s ease-out;
}

.MessageReminder {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1050px;
    margin: 10px auto;
    padding: 15px 40px 15px 15px;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 7px -4px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 0px 4px 7px -4px rgba(0, 0, 0, 0.54);
    box-shadow: 0px 4px 7px -4px rgba(0, 0, 0, 0.54);
    background-color: #fff;
    color: #000;
    font-weight: bold;
    font-family: Arial;
    font-size: 14px;
    pointer-events: auto;
    animation: message 0.5s ease-out;
    line-height: 13px;
}

    .Message::before, .MessageReminder::before {
        margin-right: 15px;
        font-family: "boonIco";
        font-size: 28px;
        font-weight: lighter;
    }

.Message-content {
    text-decoration: none;
    color: white;
    max-width: 450px;
}

.MessageReminder-content {
    /*cursor:  wait;*/
    text-decoration: none;
    color: white;
    max-width: 450px;
}

.MessageReminder-Rappel {
    position: relative;
    top: -2px;
    right: auto;
    font-size: 11px;
    text-decoration: none;
    line-height: 0.6;
    user-select: none;
    transition: 0.2s all ease-out;
    margin-left: 20px;
    width: 118px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: normal;
}

.MessageReminder-closeArchive {
    position: relative;
    color: #fff;
    top: auto;
    /*font-family: 'boonIco2';
  content: "\e9a5";*/
    right: auto;
    font-size: 13px;
    text-decoration: none;
    line-height: 0.6;
    cursor: pointer;
    user-select: none;
    transition: 0.2s all ease-out;
    border: 1px solid #fff;
    padding: 6px 7px;
    margin: 0 3px 5px 0px;
    display: inline-block;
}

    .MessageReminder-closeArchive::before {
        font-family: "boonIco2";
        content: "\e9a3";
        font-size: 12px;
        margin-right: 5px;
    }

.MessageReminder .divZoneBtn {
    width: 388px;
}

.MessageReminder-contentDate {
    font-size: 12px;
    margin-bottom: 3px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: normal;
}

.MessageReminder-contenttitle {
    margin-bottom: 3px;
}

.MessageReminder-content {
    font-weight: normal;
    font-size: 12px;
    line-height: 12px !important;
    color: rgba(255, 255, 255, 0.85);
}

    .MessageReminder-content:hover {
        text-decoration: none;
        color: #fff;
    }

.MessageReminder-remind1h,
.MessageReminder-remind4h,
.MessageReminder-remind8h,
.MessageReminder-remind3j,
.MessageReminder-remind1w {
    border: 1px solid #fff;
    padding: 6px 7px;
    position: relative;
    display: inline-block;
    top: auto;
    font-size: 13px;
    text-decoration: none;
    margin: 0 3px 5px 0px;
    line-height: 0.6;
    cursor: pointer;
    user-select: none;
    transition: 0.2s all ease-out;
}

    .MessageReminder-remind4h:hover,
    .MessageReminder-remind1h:hover,
    .MessageReminder-remind8h:hover,
    .MessageReminder-remind3j:hover,
    .MessageReminder-remind1w:hover,
    .MessageReminder-closeArchive:hover {
        background: #fff;
        color: #e57c0a;
    }

.Message-close, .MessageReminder-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "\e9a3";
    color: #000;
    right: 15px;
    font-size: 28px;
    text-decoration: none;
    line-height: 0.6;
    cursor: pointer;
    user-select: none;
    transition: 0.2s all ease-out;
}

    .Message-close:hover, .MessageReminder-close:hover {
        opacity: 0.5;
    }

.Message--info, .MessageReminder--info {
    background: #0082b4;
    background: #e57c0a;
    color: #ffffff;
}

    .Message--info:before {
        font-family: "boonIco2";
        content: "\e940";
        font-size: 23px;
        width: 28px;
        text-align: center;
    }

    .MessageReminder--info:before {
        font-family: "boonIco2";
        content: "\e946";
        font-size: 23px;
        width: 28px;
        text-align: center;
    }

.Message--succes, .MessageReminder--succes {
    background: #3ea53a;
    color: #ffffff;
}

    .Message--succes::before, .MessageReminder--succes::before {
        font-family: "boonIco2";
        content: "\e9a3";
    }

.Message--alerte, .MessageReminder--alerte {
    background: #ff8d0f;
    color: #ffffff;
}

    .Message--alerte::before, .MessageReminder--alerte::before {
        font-family: "boonIco2";
        content: "\e99d";
    }

.Message--erreur, .MessageReminder--erreur {
    background: #ce0600;
    color: #ffffff;
}

    .Message--erreur::before, .MessageReminder--erreur::before {
        font-family: "boonIco2";
        content: "\e988";
    }

@keyframes message {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0;
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
/*-------------------------------------*/
/*------------- FONT ICONE -------------*/
/*-------------------------------------*/
@font-face {
    font-family: "boonIco2";
    src: url("fonts/boonIco2.eot?wkawo4");
    src: url("fonts/boonIco2.eot?wkawo4#iefix") format("embedded-opentype"), url("fonts/boonIco2.ttf?wkawo4") format("truetype"), url("fonts/boonIco2.woff?wkawo4") format("woff"), url("fonts/boonIco2.svg?wkawo4#boonIco2") format("svg");
    font-weight: normal;
    font-style: normal;
}
/*#divMenu [class^="icon-"], #divMenu [class*=" icon-"] {
color: #2574ab;
}*/
[class^=icon-]:before, [class*=" icon-"]:before {
    display: inline-block;
    margin-right: 5px;
    font: normal normal normal 14px/1 boonIco2;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.listingIcon span {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    position: relative;
}

    .listingIcon span em {
        font-family: Arial;
        position: absolute;
        left: -60px;
        bottom: 45px;
        width: 120px;
        font-style: normal;
        background: #000;
        line-height: 14px;
        padding: 5px 20px;
        color: #fff;
        display: none;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

        .listingIcon span em b {
            margin: 0 10px;
            display: block;
            line-height: 1px;
            opacity: 0;
        }

    .listingIcon span:hover em {
        display: inline-block;
    }

.listingIcon [class^=icon-]:hover:before, .listingIcon [class*=" icon-"]:hover:before {
    font-size: 40px;
    top: -10px;
}

.iconPetit:before {
    font-size: 12px;
}

.icon-superman-logo2:before {
    content: "\ea59";
}

.icon-agenda:before {
    content: "\e910";
}

.icon-arobase:before {
    content: "\e911";
}

.icon-attention:before {
    content: "\e912";
}

.icon-bounce2:before {
    content: "\e913";
}

.icon-bounce1:before {
    content: "\ea58";
}

.icon-box:before {
    content: "\e9b3";
}

.icon-box2:before {
    content: "\e9b4";
}

.icon-box3:before {
    content: "\e9b5";
}

.icon-bulle:before {
    content: "\e9b6";
}

.icon-camera2:before {
    content: "\e9b7";
}

.icon-camion2:before {
    content: "\e9d1";
}

.icon-camion3:before {
    content: "\e9d3";
}

.icon-cb2:before {
    content: "\e9f2";
}

.icon-cb3:before {
    content: "\e9f4";
}

.icon-check22:before {
    content: "\e9f5";
}

.icon-code:before {
    content: "\e9f6";
}

.icon-coeur:before {
    content: "\e9f7";
}

.icon-commentaire:before {
    content: "\e9f8";
}

.icon-croix1:before {
    content: "\e9f9";
}

.icon-croix2:before {
    content: "\e9fa";
}

.icon-cup:before {
    content: "\e9fb";
}

.icon-dead:before {
    content: "\e9fc";
}

.icon-dead2:before {
    content: "\e9fd";
}

.icon-diagramme:before {
    content: "\e9fe";
}

.icon-download2:before {
    content: "\e9ff";
}

.icon-download22:before {
    content: "\ea00";
}

.icon-ecran:before {
    content: "\ea01";
}

.icon-etoile1:before {
    content: "\ea02";
}

.icon-etoile1Full:before {
    content: "\ea03";
}

.icon-export:before {
    content: "\ea04";
}

.icon-export2:before {
    content: "\ea05";
}

.icon-fleche1B:before {
    content: "\ea06";
}

.icon-fleche1D:before {
    content: "\ea07";
}

.icon-fleche1G:before {
    content: "\ea08";
}

.icon-fleche1H:before {
    content: "\ea09";
}

.icon-fleche2B:before {
    content: "\ea0a";
}

.icon-fleche2D:before {
    content: "\ea0b";
}

.icon-fleche2G:before {
    content: "\ea0c";
}

.icon-fleche2H:before {
    content: "\ea0d";
}

.icon-fleche3b:before {
    content: "\ea0e";
}

.icon-fleche3d:before {
    content: "\ea0f";
}

.icon-fleche3g:before {
    content: "\ea10";
}

.icon-fleche3h:before {
    content: "\ea11";
}

.icon-fleche4b:before {
    content: "\ea12";
}

.icon-fleche4d:before {
    content: "\ea13";
}

.icon-fleche4g:before {
    content: "\ea14";
}

.icon-fleche4h:before {
    content: "\ea15";
}

.icon-fleche5b:before {
    content: "\ea16";
}

.icon-fleche5d:before {
    content: "\ea17";
}

.icon-fleche5g:before {
    content: "\ea18";
}

.icon-fleche5h:before {
    content: "\ea19";
}

.icon-fleche6b:before {
    content: "\ea1a";
}

.icon-fleche6d:before {
    content: "\ea1b";
}

.icon-fleche6g:before {
    content: "\ea1c";
}

.icon-fleche6h:before {
    content: "\ea1d";
}

.icon-hdd:before {
    content: "\ea1e";
}

.icon-headphones2:before {
    content: "\ea1f";
}

.icon-idee:before {
    content: "\ea20";
}

.icon-interdit:before {
    content: "\ea21";
}

.icon-lien:before {
    content: "\ea22";
}

.icon-lock2:before {
    content: "\ea23";
}

.icon-lockOpen:before {
    content: "\ea24";
}

.icon-loupe:before {
    content: "\ea25";
}

.icon-medaille:before {
    content: "\ea26";
}

.icon-moins1:before {
    content: "\ea27";
}

.icon-moins2:before {
    content: "\ea28";
}

.icon-money:before {
    content: "\ea29";
}

.icon-money2:before {
    content: "\ea2a";
}

.icon-move1:before {
    content: "\ea2b";
}

.icon-move2:before {
    content: "\ea2c";
}

.icon-outil:before {
    content: "\ea2d";
}

.icon-param2:before {
    content: "\ea2e";
}

.icon-partage:before {
    content: "\ea2f";
}

.icon-pdf1:before {
    content: "\ea30";
}

.icon-pdf2:before {
    content: "\ea31";
}

.icon-pdf3:before {
    content: "\ea32";
}

.icon-picture:before {
    content: "\ea33";
}

.icon-plus22:before {
    content: "\ea34";
}

.icon-pouce:before {
    content: "\ea35";
}

.icon-reseau:before {
    content: "\ea36";
}

.icon-save2:before {
    content: "\ea37";
}

.icon-time1:before {
    content: "\ea40";
}

.icon-transfert:before {
    content: "\ea41";
}

.icon-trombone:before {
    content: "\ea42";
}

.icon-compte:before {
    content: "\e93e";
}

.icon-engrenage:before {
    content: "\e9a7";
}

.icon-menu2:before {
    content: "\e9a8";
}

.icon-menu3:before {
    content: "\e9a9";
}

.icon-menu4:before {
    content: "\e9aa";
}

.icon-menu5:before {
    content: "\e9ab";
}

.icon-param:before {
    content: "\e9ac";
}

.icon-superman:before {
    content: "\e9ad";
}

.icon-rss:before {
    content: "\e9f1";
}

.icon-envelope-o:before {
    content: "\f003";
}

.icon-check2:before {
    content: "\f00c";
}

.icon-close2:before {
    content: "\f00d";
}

.icon-remove:before {
    content: "\f00d";
}

.icon-times:before {
    content: "\f00d";
}

.icon-flag:before {
    content: "\f024";
}

.icon-credit-card2:before {
    content: "\f09d";
}

.icon-chain:before {
    content: "\f0c1";
}

.icon-link:before {
    content: "\f0c1";
}

.icon-flask:before {
    content: "\f0c3";
}

.icon-floppy-o:before {
    content: "\f0c7";
}

.icon-save:before {
    content: "\f0c7";
}

.icon-bars:before {
    content: "\f0c9";
}

.icon-navicon:before {
    content: "\f0c9";
}

.icon-reorder2:before {
    content: "\f0c9";
}

.icon-caret-down:before {
    content: "\f0d7";
}

.icon-caret-up:before {
    content: "\f0d8";
}

.icon-caret-left:before {
    content: "\f0d9";
}

.icon-caret-right:before {
    content: "\f0da";
}

.icon-sort:before {
    content: "\f0dc";
}

.icon-unsorted:before {
    content: "\f0dc";
}

.icon-sitemap:before {
    content: "\f0e8";
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-angle-right:before {
    content: "\f105";
}

.icon-angle-up:before {
    content: "\f106";
}

.icon-angle-down:before {
    content: "\f107";
}

.icon-laptop2:before {
    content: "\f109";
}

.icon-tablet2:before {
    content: "\f10a";
}

.icon-mobile3:before {
    content: "\f10b";
}

.icon-mobile-phone:before {
    content: "\f10b";
}

.icon-rocket:before {
    content: "\f135";
}

.icon-file-pdf-o:before {
    content: "\f1c1";
}

.icon-file-word-o:before {
    content: "\f1c2";
}

.icon-file-excel-o:before {
    content: "\f1c3";
}

.icon-file-powerpoint-o:before {
    content: "\f1c4";
}

.icon-file-image-o:before {
    content: "\f1c5";
}

.icon-file-photo-o:before {
    content: "\f1c5";
}

.icon-file-picture-o:before {
    content: "\f1c5";
}

.icon-paper-plane:before {
    content: "\f1d8";
}

.icon-send:before {
    content: "\f1d8";
}

.icon-paper-plane-o:before {
    content: "\f1d9";
}

.icon-send-o:before {
    content: "\f1d9";
}

.icon-cc-visa:before {
    content: "\f1f0";
}

.icon-cc-mastercard:before {
    content: "\f1f1";
}

.icon-cc-paypal:before {
    content: "\f1f4";
}

.icon-toggle-off:before {
    content: "\f204";
}

.icon-toggle-on:before {
    content: "\f205";
}

.icon-street-view:before {
    content: "\f21d";
}

.icon-user-plus:before {
    content: "\f234";
}

.icon-user-times:before {
    content: "\f235";
}

.icon-shopping-bag:before {
    content: "\f290";
}

.icon-file:before {
    content: "\e900";
}

.icon-file2:before {
    content: "\e901";
}

.icon-file3:before {
    content: "\e902";
}

.icon-checkmark:before {
    content: "\e903";
}

.icon-checkmark3:before {
    content: "\e904";
}

.icon-cancel:before {
    content: "\e905";
}

.icon-cancel2:before {
    content: "\e906";
}

.icon-plus:before {
    content: "\e907";
}

.icon-plus2:before {
    content: "\e908";
}

.icon-minus:before {
    content: "\e909";
}

.icon-minus2:before {
    content: "\e90a";
}

.icon-notice:before {
    content: "\e90b";
}

.icon-notice2:before {
    content: "\e90c";
}

.icon-picture2:before {
    content: "\ea43";
}

.icon-pictures:before {
    content: "\ea44";
}

.icon-chart:before {
    content: "\ea45";
}

.icon-chart2:before {
    content: "\ea46";
}

.icon-basket:before {
    content: "\e90d";
}

.icon-phone2:before {
    content: "\ea47";
}

.icon-map3:before {
    content: "\ea48";
}

.icon-trashcan:before {
    content: "\e90e";
}

.icon-lab:before {
    content: "\e90f";
}

.icon-batman:before {
    content: "\e9ae";
}

.icon-box4:before {
    content: "\ea49";
}

.icon-attachment2:before {
    content: "\e9af";
}

.icon-pin:before {
    content: "\ea4a";
}

.icon-envelope:before {
    content: "\e914";
}

.icon-male:before {
    content: "\ea4b";
}

.icon-female:before {
    content: "\ea4c";
}

.icon-sun:before {
    content: "\ea4d";
}

.icon-moon:before {
    content: "\ea4e";
}

.icon-paperplane:before {
    content: "\e915";
}

.icon-rocket2:before {
    content: "\e916";
}

.icon-expand:before {
    content: "\ea4f";
}

.icon-collapse:before {
    content: "\ea50";
}

.icon-popout:before {
    content: "\e917";
}

.icon-popin:before {
    content: "\e918";
}

.icon-checked:before {
    content: "\e919";
}

.icon-error2:before {
    content: "\e91a";
}

.icon-add:before {
    content: "\e91b";
}

.icon-minus3:before {
    content: "\e91c";
}

.icon-fullscreen-exit-alt:before {
    content: "\ea51";
}

.icon-fullscreen-alt:before {
    content: "\ea52";
}

.icon-layers:before {
    content: "\ea53";
}

.icon-chevron-down:before {
    content: "\f0a3";
}

.icon-chevron-left:before {
    content: "\f0a4";
}

.icon-chevron-right:before {
    content: "\f078";
}

.icon-chevron-up:before {
    content: "\f0a2";
}

.icon-database:before {
    content: "\f096";
}

.icon-heart:before {
    content: "♥";
}

.icon-link2:before {
    content: "\f05c";
}

.icon-link-external:before {
    content: "\f07f";
}

.icon-pulse:before {
    content: "\f085";
}

.icon-puzzle:before {
    content: "\f0c0";
}

.icon-tools:before {
    content: "\f031";
}

.icon-triangle-down:before {
    content: "\f05b";
}

.icon-triangle-left:before {
    content: "\f044";
}

.icon-triangle-right:before {
    content: "\f05a";
}

.icon-triangle-up:before {
    content: "\e908";
}

.icon-home:before {
    content: "\e91d";
}

.icon-home3:before {
    content: "\e91e";
}

.icon-pencil:before {
    content: "\e91f";
}

.icon-quill:before {
    content: "\e920";
}

.icon-image:before {
    content: "\e921";
}

.icon-camera:before {
    content: "\e922";
}

.icon-headphones:before {
    content: "\e923";
}

.icon-music:before {
    content: "\e924";
}

.icon-play:before {
    content: "\e925";
}

.icon-connection:before {
    content: "\e926";
}

.icon-mic:before {
    content: "\e927";
}

.icon-book:before {
    content: "\e928";
}

.icon-file-empty:before {
    content: "\e929";
}

.icon-files-empty:before {
    content: "\e92a";
}

.icon-file-text2:before {
    content: "\e92b";
}

.icon-file-picture:before {
    content: "\e92c";
}

.icon-file-music:before {
    content: "\e92d";
}

.icon-file-play:before {
    content: "\e92e";
}

.icon-file-video:before {
    content: "\e92f";
}

.icon-file-zip:before {
    content: "\e930";
}

.icon-copy:before {
    content: "\e931";
}

.icon-stack:before {
    content: "\e932";
}

.icon-folder:before {
    content: "\e933";
}

.icon-folder-open:before {
    content: "\e934";
}

.icon-folder-plus:before {
    content: "\e935";
}

.icon-folder-minus:before {
    content: "\e936";
}

.icon-folder-download:before {
    content: "\e937";
}

.icon-folder-upload:before {
    content: "\e938";
}

.icon-price-tag:before {
    content: "\e939";
}

.icon-cart:before {
    content: "\e93a";
}

.icon-coin-euro:before {
    content: "\e93b";
}

.icon-credit-card:before {
    content: "\e93c";
}

.icon-phone:before {
    content: "\e93d";
}

.icon-address-book:before {
    content: "\e93f";
}

.icon-location:before {
    content: "\e940";
}

.icon-compass:before {
    content: "\e941";
}

.icon-map:before {
    content: "\e942";
}

.icon-map2:before {
    content: "\e943";
}

.icon-clock:before {
    content: "\e944";
}

.icon-clock2:before {
    content: "\e945";
}

.icon-alarm:before {
    content: "\e946";
}

.icon-stopwatch:before {
    content: "\ea54";
}

.icon-calendar:before {
    content: "\e947";
}

.icon-printer:before {
    content: "\e948";
}

.icon-display:before {
    content: "\e949";
}

.icon-laptop:before {
    content: "\e94a";
}

.icon-mobile:before {
    content: "\e94b";
}

.icon-mobile2:before {
    content: "\e94c";
}

.icon-tablet:before {
    content: "\e94d";
}

.icon-tv:before {
    content: "\e94e";
}

.icon-download:before {
    content: "\e94f";
}

.icon-upload:before {
    content: "\e950";
}

.icon-floppy-disk:before {
    content: "\e951";
}

.icon-database2:before {
    content: "\e952";
}

.icon-undo:before {
    content: "\e953";
}

.icon-redo:before {
    content: "\e954";
}

.icon-undo2:before {
    content: "\e955";
}

.icon-redo2:before {
    content: "\e956";
}

.icon-forward:before {
    content: "\e957";
}

.icon-reply:before {
    content: "\e958";
}

.icon-bubble:before {
    content: "\e959";
}

.icon-bubbles:before {
    content: "\ea55";
}

.icon-bubbles2:before {
    content: "\ea56";
}

.icon-bubble2:before {
    content: "\e95a";
}

.icon-user:before {
    content: "\e95b";
}

.icon-users:before {
    content: "\e95c";
}

.icon-user-plus2:before {
    content: "\e95d";
}

.icon-user-minus:before {
    content: "\e95e";
}

.icon-user-check:before {
    content: "\e95f";
}

.icon-user-tie:before {
    content: "\e960";
}

.icon-quotes-left:before {
    content: "\e9b0";
}

.icon-quotes-right:before {
    content: "\e9b1";
}

.icon-spinner:before {
    content: "\e961";
}

.icon-spinner11:before {
    content: "\e962";
}

.icon-binoculars:before {
    content: "\e963";
}

.icon-search:before {
    content: "\e964";
}

.icon-zoom-in:before {
    content: "\e965";
}

.icon-zoom-out:before {
    content: "\e966";
}

.icon-enlarge:before {
    content: "\e967";
}

.icon-enlarge2:before {
    content: "\e968";
}

.icon-shrink2:before {
    content: "\e969";
}

.icon-key:before {
    content: "\e96a";
}

.icon-lock:before {
    content: "\e96b";
}

.icon-unlocked2:before {
    content: "\e96c";
}

.icon-wrench:before {
    content: "\e96d";
}

.icon-equalizer:before {
    content: "\e96e";
}

.icon-equalizer2:before {
    content: "\e96f";
}

.icon-cog:before {
    content: "\e970";
}

.icon-cogs:before {
    content: "\e971";
}

.icon-magic-wand:before {
    content: "\e972";
}

.icon-bug:before {
    content: "\e973";
}

.icon-pie-chart:before {
    content: "\e974";
}

.icon-gift:before {
    content: "\e975";
}

.icon-rocket3:before {
    content: "\e976";
}

.icon-meter:before {
    content: "\e977";
}

.icon-lab2:before {
    content: "\e978";
}

.icon-bin:before {
    content: "\e979";
}

.icon-bin2:before {
    content: "\e97a";
}

.icon-shield:before {
    content: "\e97b";
}

.icon-power:before {
    content: "\e97c";
}

.icon-switch:before {
    content: "\e97d";
}

.icon-power-cord:before {
    content: "\e97e";
}

.icon-list-numbered:before {
    content: "\e97f";
}

.icon-list:before {
    content: "\e980";
}

.icon-list2:before {
    content: "\e981";
}

.icon-menu:before {
    content: "\e982";
}

.icon-cloud:before {
    content: "\e983";
}

.icon-cloud-download:before {
    content: "\e984";
}

.icon-cloud-upload:before {
    content: "\e985";
}

.icon-link3:before {
    content: "\e986";
}

.icon-attachment:before {
    content: "\e987";
}

.icon-eye:before {
    content: "\e988";
}

.icon-eye-plus:before {
    content: "\e989";
}

.icon-eye-minus:before {
    content: "\e98a";
}

.icon-eye-blocked:before {
    content: "\e98b";
}

.icon-star-empty:before {
    content: "\e98c";
}

.icon-star-half:before {
    content: "\e98d";
}

.icon-star-full:before {
    content: "\e98e";
}

.icon-heart2:before {
    content: "\e98f";
}

.icon-man:before {
    content: "\e990";
}

.icon-woman:before {
    content: "\e991";
}

.icon-man-woman:before {
    content: "\e992";
}

.icon-smile:before {
    content: "\e993";
}

.icon-smile2:before {
    content: "\e994";
}

.icon-sad:before {
    content: "\e995";
}

.icon-sad2:before {
    content: "\e996";
}

.icon-wink:before {
    content: "\e997";
}

.icon-wink2:before {
    content: "\e998";
}

.icon-grin:before {
    content: "\e999";
}

.icon-grin2:before {
    content: "\e99a";
}

.icon-evil:before {
    content: "\e99b";
}

.icon-evil2:before {
    content: "\e99c";
}

.icon-warning:before {
    content: "\e99d";
}

.icon-plus3:before {
    content: "\e99e";
}

.icon-minus4:before {
    content: "\e99f";
}

.icon-info:before {
    content: "\e9a0";
}

.icon-cancel-circle:before {
    content: "\e9a1";
}

.icon-cross:before {
    content: "\e9a2";
}

.icon-checkmark4:before {
    content: "\e9a3";
}

.icon-checkmark2:before {
    content: "\e9a4";
}

.icon-enter:before {
    content: "\e9a5";
}

.icon-exit:before {
    content: "\e9a6";
}

.icon-volume-medium:before {
    content: "\e9b2";
}

.icon-loop:before {
    content: "\e9b8";
}

.icon-loop2:before {
    content: "\e9b9";
}

.icon-infinite:before {
    content: "\e9ba";
}

.icon-arrow-up:before {
    content: "\e9bb";
}

.icon-arrow-right:before {
    content: "\e9bc";
}

.icon-arrow-down:before {
    content: "\e9bd";
}

.icon-arrow-left:before {
    content: "\e9be";
}

.icon-arrow-up2:before {
    content: "\e9bf";
}

.icon-arrow-right2:before {
    content: "\e9c0";
}

.icon-arrow-down2:before {
    content: "\e9c1";
}

.icon-arrow-left2:before {
    content: "\e9c2";
}

.icon-circle-up:before {
    content: "\e9c3";
}

.icon-circle-right:before {
    content: "\e9c4";
}

.icon-circle-down:before {
    content: "\e9c5";
}

.icon-circle-left:before {
    content: "\e9c6";
}

.icon-sort-amount-asc:before {
    content: "\e9c7";
}

.icon-sort-amount-desc:before {
    content: "\e9c8";
}

.icon-checkbox-checked:before {
    content: "\e9c9";
}

.icon-checkbox-unchecked:before {
    content: "\e9ca";
}

.icon-radio-checked:before {
    content: "\e9cb";
}

.icon-radio-checked2:before {
    content: "\e9cc";
}

.icon-radio-unchecked:before {
    content: "\e9cd";
}

.icon-paragraph-justify:before {
    content: "\e9ce";
}

.icon-share3:before {
    content: "\e9cf";
}

.icon-new-tab:before {
    content: "\e9d0";
}

.icon-share2:before {
    content: "\e9d2";
}

.icon-google:before {
    content: "\e9d4";
}

.icon-google-plus:before {
    content: "\e9d5";
}

.icon-google-plus2:before {
    content: "\e9d6";
}

.icon-google-plus3:before {
    content: "\e9d7";
}

.icon-google-drive:before {
    content: "\e9d8";
}

.icon-facebook:before {
    content: "\e9d9";
}

.icon-facebook2:before {
    content: "\e9da";
}

.icon-facebook3:before {
    content: "\e9db";
}

.icon-twitter:before {
    content: "\e9dc";
}

.icon-twitter2:before {
    content: "\e9dd";
}

.icon-twitter3:before {
    content: "\e9de";
}

.icon-feed2:before {
    content: "\e9df";
}

.icon-feed3:before {
    content: "\e9e0";
}

.icon-feed4:before {
    content: "\e9e1";
}

.icon-youtube3:before {
    content: "\e9e2";
}

.icon-youtube4:before {
    content: "\e9e3";
}

.icon-vimeo:before {
    content: "\e9e4";
}

.icon-vimeo2:before {
    content: "\e9e5";
}

.icon-vimeo3:before {
    content: "\e9e6";
}

.icon-flickr:before {
    content: "\ea57";
}

.icon-tumblr:before {
    content: "\e9e7";
}

.icon-tumblr2:before {
    content: "\e9e8";
}

.icon-apple:before {
    content: "\e9e9";
}

.icon-android:before {
    content: "\e9ea";
}

.icon-windows8:before {
    content: "\e9eb";
}

.icon-skype:before {
    content: "\e9ec";
}

.icon-linkedin:before {
    content: "\e9ed";
}

.icon-linkedin2:before {
    content: "\e9ee";
}

.icon-pinterest:before {
    content: "\e9ef";
}

.icon-pinterest2:before {
    content: "\e9f0";
}

.icon-error:before {
    content: "\e000";
}

.icon-error_outline:before {
    content: "\e001";
}

.icon-airplay:before {
    content: "\e055";
}

.icon-mail_outline:before {
    content: "\e0e1";
}

.icon-keyboard_arrow_down:before {
    content: "\e313";
}

.icon-keyboard_arrow_left:before {
    content: "\e314";
}

.icon-keyboard_arrow_right:before {
    content: "\e315";
}

.icon-keyboard_arrow_up:before {
    content: "\e316";
}

.icon-local_grocery_store:before {
    content: "\e547";
}

.icon-local_print_shop:before {
    content: "\e555";
}

.icon-check:before {
    content: "\e5ca";
}

.icon-close:before {
    content: "\e5cd";
}

.icon-person:before {
    content: "\e7fd";
}

.icon-person_add:before {
    content: "\e7fe";
}

.icon-person_outline:before {
    content: "\e7ff";
}

.icon-share:before {
    content: "\e80d";
}

.icon-build:before {
    content: "\e869";
}

.icon-shopping_cart:before {
    content: "\e8cc";
}

.icon-view_headline:before {
    content: "\e8ee";
}

.icon-reorder:before {
    content: "\e8fe";
}

/*----------LOADER----------*/
/******************************************** LOADERS UPDATE PANELS ***************************/
.loading {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    left: 0;
    top: 0;
    background: rgba(250, 250, 250, 0.65);
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.spinner {
    margin: 0 auto 0;
    width: 70px;
    text-align: center;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #2574ab;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*Modales cuteEditors dans modal popup*/
.ceifdialog {
    z-index: 999999 !important;
    position: relative;
}

.orange {
    color: #FF6600;
}

.vert {
    color: green;
}

/* Placeholder */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 0.3 !important;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

/* Firefox < 19 */
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #000;
    opacity: 0.3 !important;
}

input:focus:-moz-placeholder textarea:focus:-moz-placeholder {
    color: transparent;
}

/* Firefox > 19 */
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #000;
    opacity: 0.3;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder textarea:-ms-input-placeholder {
    color: #000;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

.icon-copy:before {
    content: "\e931";
}

/*-- On/Off FlipSwitch -- https://proto.io/freebies/onoff/ --*/
.onoffswitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 10px;
        background-color: #34A7C1;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 10px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    border: 2px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.onoffswitch input[type=checkbox]:not(:checked) + label, .onoffswitch input[type=checkbox]:checked + label {
    padding-left: unset;
}

    .onoffswitch input[type=checkbox]:not(:checked) + label::before, .onoffswitch input[type=checkbox]:checked + label::before {
        content: none;
    }

    .onoffswitch input[type=checkbox]:not(:checked) + label::after, .onoffswitch input[type=checkbox]:checked + label::after {
        content: none;
    }

/*----*/
#divMenu {
    z-index: 2;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    overflow-y: auto;
    position: relative;
    width: 243px;
    padding: 0 20px;
    box-sizing: border-box;
    row-gap: 20px;
}

    #divMenu .repli-menu {
        position: absolute;
        top: 30px;
        right: 10px;
        display: flex;
        flex-direction: column;
        row-gap: 4px;
        cursor: pointer;
    }

        #divMenu .repli-menu span {
            height: 2px;
            width: 20px;
            border-radius: 2px;
            background: #fff;
            transition: all 0.2s ease-in-out;
        }

            #divMenu .repli-menu span:nth-child(2) {
                width: 10px;
            }

    #divMenu .liensRapides {
        display: flex;
        flex-direction: column;
        row-gap: 2px;
        position: relative;
    }

        #divMenu .liensRapides a {
            background: #5161C4;
            border-radius: 15px;
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            column-gap: 10px;
            color: #fff;
            text-decoration: none;
            text-align: center;
            transition: all 0.2s ease-in-out;
            padding: 8px 0;
            font-size: 14px;
            font-weight: bold;
            justify-content: center;
        }

            #divMenu .liensRapides a:before {
                font-family: "icomoonERP";
                font-size: 16px;
                line-height: 16px;
                font-weight: normal;
            }

            #divMenu .liensRapides a:hover {
                background: #003A42;
            }

            #divMenu .liensRapides a.rapide-clients:before {
                content: "ꀴ";
            }

            #divMenu .liensRapides a.rapide-devis:before {
                content: "ꁅ";
            }

            #divMenu .liensRapides a.rapide-boollo:before {
                content: "ꀥ";
            }

    #divMenu .menuBottom {
        margin-bottom: 20px;
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        #divMenu .menuBottom .classMonProfil {
            width: 50px;
            height: 50px;
            background: #5161C4;
            border-radius: 50%;
            line-height: 60px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            transition: all 0.2s ease-in-out;
            border: 3px solid #5161C4;
        }

            #divMenu .menuBottom .classMonProfil .imageLog {
                width: 80%;
                height: 80%;
                background: #fff;
                text-decoration: none;
            }

                #divMenu .menuBottom .classMonProfil .imageLog img {
                    object-fit: contain;
                    width: 100%;
                    height: 100%;
                }

            #divMenu .menuBottom .classMonProfil:hover {
                border-color: #003A42;
            }

    #divMenu span {
        width: 28px;
    }

        #divMenu span:before {
            font-size: 13px;
        }

    #divMenu > ul {
        width: 100%;
        max-height: 70vh;
        box-sizing: border-box;
        padding: 0;
        z-index: 2;
        position: relative;
    }

        #divMenu > ul li a span {
            padding: 0;
            margin-right: 0 !important;
        }

            #divMenu > ul li a span:before {
                color: #fff;
            }

    #divMenu .labelSousMenu {
        color: #003A42;
        font: 500 25px/30px "SF Pro Display";
        margin-bottom: 20px;
        display: block;
    }

    #divMenu .hover-menu {
        /*padding: 18px 0;*/
    }

        #divMenu .hover-menu:before {
            color: #F8F6F5;
        }

        #divMenu .hover-menu:after {
            /*background: $c-second;*/
            height: 37px;
            line-height: 37px !important;
            padding: 0 15px;
            color: #fff;
            font: 500 13px "SF Pro Display";
            /*border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;*/
            box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.29);
            -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.29);
            -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.29);
        }

    #divMenu .MenuAccueil .icon-menu:before {
        content: "ñ";
    }

    #divMenu .MenuRH .icon-menu:before {
        content: "ò";
    }

    #divMenu .MenuClients .icon-menu:before {
        content: "ó";
    }

    #divMenu .MenuFournisseurs .icon-menu:before {
        content: "ô";
    }

    #divMenu .MenuAffaires .icon-menu:before {
        content: "õ";
    }

    #divMenu .MenuDepensesFactures .icon-menu:before {
        content: "ö";
    }

    #divMenu .MenuProjets .icon-menu:before {
        content: "÷";
    }

    #divMenu .MenuConfig .icon-menu:before {
        content: "ø";
    }

    #divMenu .MenuSuperAdmin .icon-menu:before {
        content: "༐";
    }

    #divMenu .icon-superman-logo2:before {
        font-size: 17px;
        margin-left: -2px;
    }

.menuTop,
.menuTop ul li,
.menuTop ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 1px;
    text-align: left;
}

    .menuTop ul ul {
        display: none;
    }

.align-right {
    float: right;
}

.menuTop > ul {
    margin: 0;
    padding: 0;
}

.menuTop .icon-menu {
    position: relative;
    z-index: 2;
    width: auto !important;
    flex: none;
}

    .menuTop .icon-menu:before {
        font-family: "icomoonERP";
        color: rgba(255, 255, 255, 0.7);
        font-size: 15px;
        line-height: 15px;
        margin: 0;
    }

.menuTop > ul > li > a {
    padding: 0 10px;
    cursor: pointer;
    z-index: 2;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7) !important;
    text-align: left;
    transition: all 0.2s ease-in-out;
    padding: 8px 0;
    font-size: 15px;
}

    .menuTop > ul > li > a .txt-menu {
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 15px;
        z-index: 3;
        position: relative;
    }

    .menuTop > ul > li > a:before {
        background: #F2F1F1;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        color: #755FE6;
        content: "";
        width: 0;
        position: absolute;
        right: -20px;
        top: 50%;
        transform: translateY(-50%);
        height: 35px;
        transition: all 0.2s ease-in-out;
    }

    .menuTop > ul > li > a:after {
        content: url("../images/afterHover.svg");
        position: absolute;
        height: 60px;
        width: 12px;
        right: -20px;
        top: -10px;
        transform: translateX(50px);
        transition: all 0.2s ease-in-out;
    }

    .menuTop > ul > li > a:hover {
        color: #fff !important;
        transform: translateX(5px);
    }

        .menuTop > ul > li > a:hover .icon-menu:before {
            color: #fff;
        }

.menuTop > ul > li.active > a,
.menuTop > ul > li.open > a {
    color: #003A42 !important;
}

    .menuTop > ul > li.active > a:before,
    .menuTop > ul > li.open > a:before {
        width: calc(100% + 30px);
    }

    .menuTop > ul > li.active > a:after,
    .menuTop > ul > li.open > a:after {
        transform: translateX(0);
    }

    .menuTop > ul > li.active > a .icon-menu:before,
    .menuTop > ul > li.open > a .icon-menu:before {
        color: #003A42;
    }

    .menuTop > ul > li.active > a:hover,
    .menuTop > ul > li.open > a:hover {
        transform: translate(0);
    }

#divMenu > ul > li > a:hover > span::after,
#divMenu > ul > li.active > a > span::after,
#divMenu > ul > li.open > a > span::after {
    border-color: #eeeeee;
}

#divMenu ul ul {
    overflow: hidden;
    /*position: absolute;*/
    left: 40px;
    top: 0;
    width: 200px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

    #divMenu ul ul li a {
        cursor: pointer;
        padding: 0;
        z-index: 1;
        text-decoration: none;
        color: rgba(255, 255, 255, 0.7);
        background: transparent;
        font: normal 16px/24px "SF Pro Display";
        font-size: 14px;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
    }

        #divMenu ul ul li a:hover {
            transform: translateX(10px);
        }

        #divMenu ul ul li a:before {
            content: "\e315";
            font-family: boonIco2;
            /*font-family:Arial;
  content: "•";*/
            margin-right: 7px;
            font-size: 10px;
        }

    #divMenu ul ul li:hover > a,
    #divMenu ul ul li.open > a,
    #divMenu ul ul li.active > a {
        color: #fff !important;
    }

    #divMenu ul ul ul li a {
        padding-left: 30px;
    }

#divMenu > ul > li > ul > li:last-child > a,
#divMenu > ul > li > ul > li.last > a {
    border-bottom: 0;
}

#divMenu > ul > li > ul > li.open:last-child > a,
#divMenu > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #32373e;
}

#divMenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
}

#divMenu ul ul li.has-sub > a::after {
    display: block;
    position: absolute;
    right: 20px;
    z-index: 10;
    font-family: boonIco;
    content: "\f107";
    font-weight: normal;
}

#divMenu ul ul li.active > a::after,
#divMenu ul ul li.open > a::after,
#divMenu ul ul li > a:hover::after {
    border-color: #365280;
}

/*Popup modales*/
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: #ffffff;
    padding: 10px 10px 20px 10px;
    min-width: 350px;
    max-height: 80%;
    position: relative;
    z-index: 50;
    width: auto;
    border-radius: 6px;
    overflow-y: auto;
}

    .modalPopup h2 {
        background-color: #f5f6fa;
        padding: 5px 0;
        font-size: 20px;
    }

.divMpeBackgroundTitre {
    height: 25px;
    line-height: 25px;
    background-color: #d4d0c8;
    text-align: center;
    color: #444444;
    font-size: 13px;
}

.divMpeContenu {
    margin: 10px 0px 10px 0px;
    text-align: left;
}

.divMpeBoutons {
    text-align: center;
}

.popupContainerFermer {
    height: 20px;
    position: relative;
}

.popupFermer {
    background: url("../images/close.png") no-repeat;
    height: 29px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 28px;
    cursor: pointer;
}

.popupTitre {
    border-bottom: 1px solid;
    color: #000000;
    font-size: 15px;
    margin-bottom: 15px;
    padding-bottom: 3px;
}

.popupContenu {
    padding: 10px 0 10px 0;
}

.popupContainerValider {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.popupContactRow {
    padding: 5px 0 4px 0;
    border-bottom: 1px solid #ddd;
    min-height: 30px;
}

/*-------------- FORM POPUP --------------*/
/*-------------------------------------*/
.popupModelCt,
.popupGenererFactureCt,
.popupAjoutDevisCt,
.popupModifSelectionCt,
.popupCategorieCt,
.popupSectionCt,
.popupArticleCt,
.popupReglementCt,
.popupCommentaireCt,
.popupCommandeLigneCt,
.popupFactureExtLigneCt,
.popupAvoirCt,
.popupBLLigneCt,
.popupFactureLigneCt,
.popupFichierCt,
.popupAdresseCt,
.popupClientProviderCt,
.popupDomaineCt,
.popupPlanningTacheCt,
.popupContactCt,
.popupAchatCt,
.popupBoolloCarteCt,
.popupAjoutLigneCt,
.popupConfirmDuplikCt,
.popupReminderCt,
.popupChoixClientDevisDupCt,
.popupAvoirCt {
    width: 510px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px 30px 30px 40px;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
}

.popupReminderCtBigger {
    height: 500px;
}

.popupModelCt span, .popupModelCt label, .popupModelCt span {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px;
}

.popupModelCt h2 span {
    font-size: 16px;
}

.popupModelCt input {
    font-size: 13px;
}

.popupBoolloCarteCt {
    width: 800px !important;
}

.popupLogRequestCt {
    width: 710px !important;
}

    .popupLogRequestCt textarea {
        width: 600px !important;
    }

.popupModelCt .btnClose,
.popupGenererFactureCt .btnClose,
.popupAjoutDevisCt .btnClose,
.popupModifSelectionCt .btnClose,
.popupCategorieCt .btnClose,
.popupSectionCt .btnClose,
.popupArticleCt .btnClose,
.popupReglementCt .btnClose,
.popupCommentaireCt .btnClose,
.popupCommandeLigneCt .btnClose,
.popupBLLigneCt .btnClose,
.popupFactureLigneCt .btnClose,
.popupAvoirLigneCt .btnClose,
.popupFichierCt .btnClose,
.popupAdresseCt .btnClose,
.popupClientProviderCt .btnClose,
.popupDomaineCt .btnClose,
.popupPlanningTacheCt .btnClose,
.popupContactCt .btnClose,
.popupAchatCt .btnClose,
.popupBoolloCarteCt .btnClose,
.popupCartesMaintenanceCt .btnClose,
.popupAjoutLigneCt .btnClose,
.popupConfirmDuplikCt .btnClose,
.popupReminderCt .btnClose,
.popupChoixClientDevisDupCt .btnClose,
.popupAvoirCt .btnClose {
    position: absolute;
    top: 5px;
    right: 10px;
}

    .popupModelCt .btnClose a,
    .popupGenererFactureCt .btnClose a,
    .popupAjoutDevisCt .btnClose a,
    .popupModifSelectionCt .btnClose a,
    .popupCategorieCt .btnClose a,
    .popupSectionCt .btnClose a,
    .popupArticleCt .btnClose a,
    .popupReglementCt .btnClose a,
    .popupCommentaireCt .btnClose a,
    .popupCommandeLigneCt .btnClose a,
    .popupBLLigneCt .btnClose a,
    .popupFactureLigneCt .btnClose a,
    .popupAvoirLigneCt .btnClose a,
    .popupFichierCt .btnClose a,
    .popupAdresseCt .btnClose a,
    .popupClientProviderCt .btnClose a,
    .popupDomaineCt .btnClose a,
    .popupPlanningTacheCt .btnClose a,
    .popupContactCt .btnClose a,
    .popupBoolloCarteCt .btnClose a,
    .popupCartesMaintenanceCt .btnClose a,
    .popupAchatCt .btnClose a,
    .popupAjoutLigneCt .btnClose a,
    .popupConfirmDuplikCt .btnClose a,
    .popupReminderCt .btnClose a,
    .popupChoixClientDevisDupCt .btnClose a,
    .popupAvoirCt .btnClose a {
        color: #384b63;
        text-decoration: none;
        font-size: 25px;
    }

.pageBoollo .popupModelCt .btnClose a,
.pageBoollo .popupGenererFactureCt .btnClose a,
.pageBoollo .popupAjoutDevisCt .btnClose a,
.pageBoollo .popupModifSelectionCt .btnClose a,
.pageBoollo .popupCategorieCt .btnClose a,
.pageBoollo .popupSectionCt .btnClose a,
.pageBoollo .popupArticleCt .btnClose a,
.pageBoollo .popupReglementCt .btnClose a,
.pageBoollo .popupCommentaireCt .btnClose a,
.pageBoollo .popupCommandeLigneCt .btnClose a,
.pageBoollo .popupBLLigneCt .btnClose a,
.pageBoollo .popupFactureLigneCt .btnClose a,
.pageBoollo .popupAvoirLigneCt .btnClose a,
.pageBoollo .popupFichierCt .btnClose a,
.pageBoollo .popupAdresseCt .btnClose a,
.pageBoollo .popupClientProviderCt .btnClose a,
.pageBoollo .popupDomaineCt .btnClose a,
.pageBoollo .popupPlanningTacheCt .btnClose a,
.pageBoollo .popupContactCt .btnClose a,
.pageBoollo .popupBoolloCarteCt .btnClose a,
.pageBoollo .popupCartesMaintenanceCt .btnClose a,
.pageBoollo .popupAchatCt .btnClose a,
.pageBoollo .popupAjoutLigneCt .btnClose a,
.pageBoollo .popupConfirmDuplikCt .btnClose a,
.pageBoollo .popupReminderCt .btnClose a,
.pageBoollo .popupChoixClientDevisDupCt .btnClose a,
.pageBoollo .popupAvoirCt .btnClose a {
    display: block !important;
}

.popupModelCt h2,
.popupReminderCt h2,
.popupGenererFactureCt h2,
.popupAjoutDevisCt h2,
.popupModifSelectionCt h2,
.popupCategorieCt h2,
.popupSectionCt h2,
.popupArticleCt h2,
.popupReglementCt h2,
.popupCommentaireCt h2,
.popupCommandeLigneCt h2,
.popupBLLigneCt h2,
.popupFactureLigneCt h2,
.popupFichierCt h2,
.popupAdresseCt h2,
.popupClientProviderCt h2,
.popupDomaineCt h2,
.popupPlanningTacheCt h2,
.popupContactCt h2 .popupBoolloCarteCt h2,
.popupAchatCt h2,
.popupChoixClientDevisDupCt h2,
.popupAvoirCt h2 {
    text-transform: none;
    margin-bottom: 30px;
    line-height: 35px;
    color: #384b63;
    text-align: center;
}

.popupBoolloCarteCt h2, .popupTempsCarteCt h2 {
    margin-bottom: 5px;
    line-height: unset;
}

.popupCommandeLigneCt h2 {
    font-size: 24px;
}

.popupFichierRow input, .popupFichierRow select {
    width: 95%;
}

.popupPlanningTacheCt select {
    width: 40%;
}

.popupFichierRow select {
    margin-bottom: 15px;
}

.popupAdresseRow {
    margin-bottom: 7px;
}

.popupCommentaireRowTodo, .popupCommentaireRowTodoClient {
    margin-top: 10px;
}

.popupGenererFactureRow label,
.popupReglementRow label,
.popupCommentaireRow label,
.popupCommandeLigneRow label,
.popupBLLigneRow label,
.popupFactureLigneRow label,
.popupAvoirLigneRow label,
.popupFactureExtLigneRow label,
.popupFichierRow label,
.popupAdresseRow label,
.popupClientProviderRow label,
.popupPlanningTacheRow label,
.popupContactRow label {
    display: inline-block;
    width: 150px;
    line-height: 16px;
    position: relative;
    color: #1b3e5c;
}

.popupTempsCarteRow label {
    width: 65px;
}

.popupTempsCarteRow input, .popupTempsCarteRow select {
    width: 80%;
}

.popupAdresseRow input {
    width: 250px;
}

.popupFichierRowCheckBox,
.popupAdresseRowCheckBox,
.popupContactRowCheckBox {
    margin-top: -25px;
    margin-left: 152px;
    display: block;
}

.popupFichierRowCheckBox {
    margin-bottom: 25px;
}

.libelleAdresse {
    width: 35px;
    display: inline-block;
}

.popupGenererFactureSubmit,
.popupReglementSubmit,
.popupCommentaireSubmit,
.popupCommandeLigneSubmit,
.popupBLLigneSubmit,
.popupFactureLigneSubmit,
.popupAvoirLigneSubmit,
.popupFichierSubmit,
.popupAdresseSubmit,
.popupClientProviderSubmit,
.popupPlanningTacheSubmit,
.popupContactSubmit {
    margin-top: 30px;
}

.popupContactSubmit {
    margin-bottom: 30px;
}

    .popupContactSubmit .btn {
        float: right;
    }

.popupCommentaireRow textarea {
    padding: 10px;
    margin: 0 auto;
    display: block;
}

.btnPopupEnregistrer {
    float: right;
}

.modalPopup .btnPopupSupprimer {
    float: left !important;
}

.contactPopcomment label {
    vertical-align: top;
}

.contactPopcomment textarea {
    width: auto;
}

.panelHautDevis .ddlContact {
    width: 80%;
}

.tabloPopContact tr td {
    /*padding: 5px 0;*/
    padding: 3px 0;
    /*border-bottom: 1px solid #ddd;*/
    vertical-align: top;
}

    .tabloPopContact tr td input,
    .tabloPopContact tr td textarea {
        width: 90%;
    }

.tabloPopContact.modeEdit tr td textarea {
    padding: 2px 5px;
}

.tabloPopContact.modeEdit tr td {
    padding: 5px 0;
    border-bottom: none;
    vertical-align: top;
}

.popupReglementForm span, .popupFichierForm span {
    margin-bottom: 5px;
    display: block;
}

/* REGLEMENT ON A UN MAX POUR LES DROPDOWN*/
.popupReglementForm select {
    max-width: 250px;
}

.popupReglementRowFacture,
.popupFichierRow {
    margin-bottom: 10px;
}

.tabloPopFichier {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

    .tabloPopFichier tr td {
        text-align: left;
        padding-bottom: 10px;
    }

        .tabloPopFichier tr td:first-child {
            width: 40%;
        }

.tabloReglFichier {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

    .tabloReglFichier tr td {
        text-align: left;
        vertical-align: top;
    }

        .tabloReglFichier tr td:first-child {
            width: 150px;
            top: 5px;
            position: relative;
        }

    .tabloReglFichier textarea {
        width: 250px;
    }

    .tabloReglFichier input,
    .tabloReglFichier select {
        margin-bottom: 5px;
    }

.tabloAchatPopUp textarea,
.tabloAchatPopUp input,
.tabloAchatPopUp select,
.tabloAchatPopUp input {
    width: 250px;
}

.popupFichierRow label {
    width: 100% !important;
}

.chkboxFichierPop {
    top: -10px;
    position: relative;
}

.dateFichierPop input {
    width: 80px !important;
}

.boutonsPopFichier {
    margin-top: 25px;
}

.categoriePopFichier select {
    position: relative;
    top: 7px;
}

.imagePopFichier {
    margin: 0 auto 15px auto;
    text-align: center;
}

.popupFichierRow .dropzone {
    min-height: 100px;
    border: 1px solid #ddd;
    background: white;
    padding: 20px 20px;
    width: 100%;
}

.popupCommandeLigneRow,
.popupAvoirLigneRow,
.popupFactureLigneRow,
.popupFactureExtLigneRow {
    margin-bottom: 5px;
}

.notification {
    color: white;
    position: relative;
    display: inline-block;
    border-radius: 1px;
}

    .notification .badge {
        position: absolute;
        text-align: center;
        top: -10px;
        right: -5px;
        padding: 3px 5px;
        border-radius: 90%;
        line-height: 13px;
        width: 13px;
        height: 13px;
        background: red;
        color: white;
        box-shadow: 0 0 1px #333;
    }

.icon-radio-newnotif:before {
    content: "\e9cc";
    color: yellowgreen;
}

.icon-radio-readnotif {
    padding-left: 17px;
}

.icon-remove-notif:before {
    content: "\f00d";
    color: red;
}

.txtFichierUrl {
    width: 400px;
}

.txtNbObjetMultiple {
    width: 20px;
}

.popupShowStockHistoryCt {
    height: 100vh !important;
    width: 100vw !important;
    position: fixed !important;
    top: 100px !important;
    left: 100px !important;
    right: 200px !important;
    overflow-y: auto;
    /* animation: ouverturePopUp 0.2s ease-in; */
    /*cursor: pointer;*/
    background: transparent;
    max-height: 100vh;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

    .popupShowStockHistoryCt .popupShowStockHistoryCt-content {
        background-color: #fff;
        /* padding: 0; */
        width: 770px !important;
        max-height: unset;
        position: relative;
        z-index: 50;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
        top: 6%;
        max-width: 90%;
        margin-bottom: 10%;
        box-sizing: border-box;
        /* animation: ouverturePopUp 0.4s forwards; */
        cursor: initial;
        border-radius: 15px;
    }

#mpeShowStockHistory_backgroundElement {
    animation: overlay 0.4s forwards;
    pointer-events: none;
    z-index: 800 !important;
}

#panBanniereHaut {
    position: fixed;
    top: 0;
    z-index: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 60px;
    justify-content: space-between;
    background: #F2F1F1;
    padding: 15px 20px 15px 25px;
    box-sizing: border-box;
    width: calc(100% - 268px);
    transition: all 0.2s ease-in-out;
    box-shadow: 1px 7px 19px 0px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 1px 7px 19px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 1px 7px 19px 0px rgba(0, 0, 0, 0.09);
    border-bottom-right-radius: 10px;
}

    #panBanniereHaut #divTitre {
        flex: 1 1;
        font-size: 20px;
        font-weight: 500;
        color: #003A42;
        margin: 0;
    }

        #panBanniereHaut #divTitre p {
            margin: 0px;
            text-align: left;
        }

        #panBanniereHaut #divTitre h1 {
            color: #003A42;
        }

.contentPanel.subPanel #panBanniereHaut {
    width: calc(100% - 243px);
}

.contentPanelReply #panBanniereHaut {
    /*left: 60px !important;*/
    width: calc(100% - 60px) !important;
}

#divOutils {
    padding: 0px 0px;
    display: flex;
    height: 100%;
    margin-right: 10px;
}

    #divOutils a, #divOutils span {
        vertical-align: top;
        font-size: 12px;
        margin-right: 5px;
    }

    #divOutils .lienLogoAdmin {
        position: relative;
        background: none !important;
        border: none !important;
        margin: 0 !important;
    }

        #divOutils .lienLogoAdmin span {
            position: absolute;
            bottom: 10px;
            right: 20px;
            font-family: "Open Sans";
            font-weight: 700;
        }

        #divOutils .lienLogoAdmin:hover {
            background: none !important;
        }

        #divOutils .lienLogoAdmin .logoAdmin {
            object-fit: contain;
        }

    #divOutils .btnOutils {
        width: auto;
        height: 100%;
        padding: 0 12px;
        border: 1px solid rgba(0, 58, 66, 0.18);
        border-radius: 5px;
        text-align: center;
        color: #003A42;
        text-transform: uppercase;
        font: bold 11px/11px "SF Pro Display";
        text-decoration: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease-in-out;
        box-sizing: border-box;
        align-items: center;
        column-gap: 10px;
    }

        #divOutils .btnOutils:before {
            font-family: "icomoonERP";
            font-size: 20px;
            /*margin-bottom: 7px;*/
            line-height: 20px;
            font-weight: normal;
            /*transition: all 0.2s ease-in-out;*/
        }

        #divOutils .btnOutils:hover {
            background: #003A42;
            border: 1px solid #003a42;
            color: #fff;
        }

            #divOutils .btnOutils:hover:before {
                color: #fff;
            }

    #divOutils .btnOutils-devis:before {
        content: "ꀳ";
    }

    #divOutils .btnOutils-client:before {
        content: "ꀴ";
    }

    #divOutils .btnOutils-boollo {
        border: 1px solid #f81864;
        background: #F81864;
        color: #fff;
    }

        #divOutils .btnOutils-boollo:before {
            content: "ꀥ";
            color: #fff;
            font-size: 15px;
            line-height: 15px;
        }

    #divOutils #divDeconnexion {
        position: relative;
        width: auto;
        text-align: left;
        /*margin-right: 10px;*/
        /*div {
      display: inline-block;
      margin-left: 10px;
      vertical-align: top;
      position: relative;
  }*/
    }

    #divOutils .divDeconnexionNotification {
        display: none !important;
    }

    #divOutils .pan-mesnotifications {
        width: 320px;
        max-height: 400px;
        line-height: 21px;
        display: none;
    }

    #divOutils .divDeconnexionDeco {
        width: 60px;
        height: 100%;
        background: #fff;
        border-radius: 5px;
        text-decoration: none;
        text-align: center;
        border: 1px solid rgba(0, 58, 66, 0.18);
        box-sizing: border-box;
        transition: all 0.2s ease-in-out;
        position: relative;
    }

        #divOutils .divDeconnexionDeco a {
            text-decoration: none;
        }

        #divOutils .divDeconnexionDeco:hover {
            border: 3px solid #003a42;
        }

        #divOutils .divDeconnexionDeco #lkbtnDetailProfil {
            font-size: 0;
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
            margin: 0;
        }

        #divOutils .divDeconnexionDeco .imageLog {
            width: 40px;
            height: 100%;
            transform: translate(-50%, -50%);
            left: 50%;
            top: 50%;
            position: absolute;
            pointer-events: none;
        }

            #divOutils .divDeconnexionDeco .imageLog img {
                object-fit: contain;
                object-position: center;
                width: 80%;
                height: 80%;
            }

    #divOutils .pan-recherche, #divOutils .pan-monprofil, #divOutils .pan-mesnotifications {
        display: inline-block;
        border: 1px solid #F2F1F1;
        display: none;
        padding: 10px 10px;
        width: 235px;
        position: absolute !important;
        background: #fff;
        right: 0;
        top: 60px !important;
        text-align: left;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
        line-height: 31px;
    }

.menuPanel #divMenu {
    text-align: left;
}

    .menuPanel #divMenu .lkDeconnexion {
        text-decoration: none;
        text-align: center;
        margin-top: 15px;
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 15px;
        position: relative;
        color: rgba(255, 255, 255, 0.7);
        transition: all 0.2s ease-in-out;
    }

        .menuPanel #divMenu .lkDeconnexion:before {
            content: "ꀈ";
            font-family: "icomoonERP";
            color: rgba(255, 255, 255, 0.7);
            font-size: 18px;
            display: inline-block;
            transition: all 0.2s ease-in-out;
        }

        .menuPanel #divMenu .lkDeconnexion:hover {
            transform: translateX(5px);
            color: #fff;
            column-gap: 10px;
        }

            .menuPanel #divMenu .lkDeconnexion:hover:before {
                color: #fff;
            }

    .menuPanel #divMenu .copyright {
        font-size: 11px;
        color: rgba(255, 255, 255, 0.7);
        margin-top: 10px;
    }

.menuPanel .lienLogoAdmin {
    display: inline-block;
    margin: 20px 0;
    width: 60px;
    text-align: center;
    z-index: 2;
    position: relative;
}

    .menuPanel .lienLogoAdmin img {
        width: 35px;
        height: 35px;
        display: inline-block;
    }

.fil-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 18px;
    margin-bottom: 15px;
}

    .fil-nav:before {
        content: "ꀷ";
        font-family: "icomoonERP";
        color: #003A42;
        margin-right: 15px;
    }

    .fil-nav span:before {
        font-family: "icomoonERP";
        content: "ꁗ";
        font-size: 6px;
        color: #003A42;
        display: inline-block;
        margin: 0 10px;
        vertical-align: middle;
    }

.outilsBoutons {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    /*align-items: center;*/
    align-items: flex-start;
    position: relative;
    z-index: 2;
    flex-wrap: wrap;
    column-gap: 10px;
    /*margin-bottom: 5px;*/
}

.outilsBoutons-detail {
    justify-content: flex-start;
}

.outilsBoutons-client {
    display: flex;
    flex-direction: row;
    width: auto;
    flex: 1 1;
}

.outilsBoutons .outils-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
}

.outilsBoutons .sep {
    width: 1px;
    height: 35px;
    margin: 0 20px;
    background: #C5D5D4;
    display: block;
}

.outils-ligne2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 20px;
}

.outils-ligne2-btns {
    display: flex;
    column-gap: 10px;
}

.outils-ligne2-containt {
    width: auto;
    margin: 0;
    padding: 15px 20px 15px 80px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    display: flex;
    flex-direction: row;
    row-gap: 5px;
    flex-wrap: wrap;
}

    .outils-ligne2-containt:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        font-family: "icomoonERP";
        color: #003A42;
        content: "ꁔ";
        font-size: 25px;
    }

    .outils-ligne2-containt .filtreRechercheItem {
        margin-right: 0;
    }

        .outils-ligne2-containt .filtreRechercheItem input[type=checkbox]:not(:checked) + label,
        .outils-ligne2-containt .filtreRechercheItem input[type=checkbox]:checked + label {
            margin-right: 15px;
        }

.dv-recherche-lien {
    position: relative;
    padding-bottom: 0;
    /*width: 200px;*/
    padding: 0 10px;
    display: inline-block;
    margin-top: 0;
    color: #003A42;
}

    .dv-recherche-lien div.pan-recherche {
        position: absolute;
        top: 42px;
        left: 20px;
        transition: all 0.2s ease-in-out;
        overflow: hidden;
        /*max-height: 0;*/
        max-height: 2000px;
        height: auto;
        background: #fff;
        /*padding: 0 20px;*/
        padding: 20px;
        box-sizing: border-box;
        border-radius: 5px;
        box-shadow: -1px 3px 11px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: -1px 3px 11px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: -1px 3px 11px 0px rgba(0, 0, 0, 0.2);
        height: 0;
        padding: 0 20px;
        opacity: 0;
        text-align: left;
    }

        .dv-recherche-lien div.pan-recherche.classChangerPeriodeClosed {
            height: 0;
            padding: 0 20px;
            opacity: 0;
        }

        .dv-recherche-lien div.pan-recherche.classChangerPeriodeNewClosed {
            height: 0;
            padding: 0 20px;
            opacity: 0;
        }

        .dv-recherche-lien div.pan-recherche.classChangePeriodeOpen {
            height: auto;
            max-height: 2000px;
            padding: 20px;
            opacity: 1;
            overflow: inherit;
        }

        .dv-recherche-lien div.pan-recherche.classChangePeriodeNewOpen {
            height: auto;
            max-height: 2000px;
            padding: 20px;
            opacity: 1;
            overflow: inherit;
        }

        .dv-recherche-lien div.pan-recherche select, .dv-recherche-lien div.pan-recherche input {
            border-radius: 5px;
            border: 2px solid #F2F1F1;
        }

        .dv-recherche-lien div.pan-recherche .ct-input-dropdown select {
            margin-top: 0;
            padding-top: 0;
        }

        .dv-recherche-lien div.pan-recherche .ct-input-dropdown {
            width: 100%;
        }

        .dv-recherche-lien div.pan-recherche select {
            width: 100%;
        }

    .dv-recherche-lien div.pan-recherche-ligne2 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .dv-recherche-lien .periodeFlecheBas {
        display: none;
    }

    .dv-recherche-lien a {
        text-decoration: none;
    }

        .dv-recherche-lien a#lkbtnRecherchePeriode {
            color: #003A42;
            font: 500 14px/42px "SF Pro Display";
            margin-top: 0;
            height: 42px;
            display: inline-block;
        }

            .dv-recherche-lien a#lkbtnRecherchePeriode:before {
                font-family: "icomoonERP";
                content: "ꀸ";
                display: inline-block;
                vertical-align: middle;
                margin-right: 15px;
            }

            .dv-recherche-lien a#lkbtnRecherchePeriode:after {
                font-family: "icomoonERP";
                content: "ꁖ";
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
                font-size: 6px;
            }

.outils-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
    justify-content: flex-end;
}

    .outils-right .outils-recherche {
        width: 100%;
    }

    .outils-right.outils-search {
        margin-bottom: 10px;
    }

.outils-right-client {
    /*margin-bottom: 15px;*/
    column-gap: 10px;
    margin-left: 10px;
}

.outils-right .ct-recherche, .outils-right .recherche-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 15px;
    /*margin-bottom: 10px;*/
    position: relative;
    z-index: 2;
    justify-content: flex-end;
}

    .outils-right .ct-recherche .ct-input-checkbox, .outils-right .recherche-top .ct-input-checkbox {
        background: #fff;
        border-radius: 5px;
        margin-right: 10px;
        height: 36px;
        margin-bottom: 0 !important;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .outils-right .ct-recherche .ct-input-checkbox label, .outils-right .recherche-top .ct-input-checkbox label {
            top: 0;
        }

        .outils-right .ct-recherche .ct-input-checkbox .textLabel, .outils-right .recherche-top .ct-input-checkbox .textLabel {
            top: 12px;
            display: inline-block;
        }

        .outils-right .ct-recherche .ct-input-checkbox .textLabel-affaire, .outils-right .recherche-top .ct-input-checkbox .textLabel-affaire {
            width: 140px;
        }

    .outils-right .ct-recherche .champRecherche input, .outils-right .recherche-top .champRecherche input {
        height: 36px;
        margin: 0;
        border: 0;
        border-radius: 5px;
        padding: 0 15px;
        margin-right: 10px;
    }

    .outils-right .ct-recherche .champRecherche .btnEffacer, .outils-right .recherche-top .champRecherche .btnEffacer {
        padding: 0;
    }

.outils-right .champsSelect2 .select2-selection {
    height: 36px;
    margin: 0;
    border: 0;
    border-radius: 5px;
    padding: 0 15px;
    margin-right: 0;
}

    .outils-right .champsSelect2 .select2-selection .select2-selection__arrow {
        top: 6px;
        right: 10px;
    }

.outils-export {
    display: flex;
    column-gap: 5px;
}

    .outils-export a, .outils-export div {
        display: inline-block;
    }

.periode {
    height: 42px;
    display: block;
}

.filtreRechercheFacture {
    position: relative;
    padding-left: 60px;
    padding-right: 20px;
}

    .filtreRechercheFacture:before {
        font-family: "icomoonERP";
        content: "ꁔ";
        color: #003A42;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        margin-right: 20px;
        font-size: 25px;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        line-height: 25px;
    }

/*DROPDOWN EXPORT*/
.filtre-categorie .btnExport {
    display: flex;
    padding-right: 35px;
}

    .filtre-categorie .btnExport:hover {
        background: #fff;
        color: #755FE6;
        cursor: pointer;
    }

    .filtre-categorie .btnExport:before:hover {
        color: #755FE6;
    }

    .filtre-categorie .btnExport.open {
        background: #fff;
        color: #755FE6;
        cursor: pointer;
    }

    .filtre-categorie .btnExport .select-text {
        pointer-events: none;
        cursor: pointer;
    }

    .filtre-categorie .btnExport .select-options {
        background: #fff;
        border-radius: 5px;
        box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.19);
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.19);
        -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.19);
        font: 500 14px "SF Pro Display";
        color: #003A42;
        padding: 12px;
    }

        .filtre-categorie .btnExport .select-options .select-option {
            width: auto;
            text-align: left;
        }

            .filtre-categorie .btnExport .select-options .select-option:nth-child(1) {
                display: none;
            }

            .filtre-categorie .btnExport .select-options .select-option:hover {
                color: #755FE6;
            }

.filtre-categorie-mail .btnExport:before {
    content: "ꁃ";
}

.filtre-categorie select.btnExport {
    background: none !important;
    border: 0 !important;
}

.filtre-categorie .select-icon {
    right: 4px;
    top: 50%;
    font-size: 14px;
    height: auto;
    background: transparent;
    transform: translateY(-50%);
}

/*DROPDOWN*/
.ct-input-dropdown.drop {
    margin-bottom: 0;
    background: #fff;
    border-radius: 5px;
    position: relative;
    margin-right: 10px;
}

    .ct-input-dropdown.drop.gris {
        background: #F8F6F5;
    }

    .ct-input-dropdown.drop:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        font-family: "icomoonERP";
        font-size: 7px;
        content: "ꁖ";
        pointer-events: none;
    }

    .ct-input-dropdown.drop select {
        -webkit-appearance: none;
        border: none;
        height: 100%;
        font: normal 14px "SF Pro Display";
        color: #003A42;
        padding: 0 20px;
        background: none;
    }

.popClient .popupAdresseRow,
.popClient .popupDomaineRow, .popupSectionCt .popupAdresseRow,
.popupSectionCt .popupDomaineRow, .popupCategorieCt .popupAdresseRow,
.popupCategorieCt .popupDomaineRow, .modalPopup .popupAdresseRow,
.modalPopup .popupDomaineRow {
    display: flex;
    align-items: center;
}

    .popClient .popupAdresseRow input, .popClient .popupAdresseRow textarea, .popClient .popupAdresseRow .drop,
    .popClient .popupDomaineRow input,
    .popClient .popupDomaineRow textarea,
    .popClient .popupDomaineRow .drop, .popupSectionCt .popupAdresseRow input, .popupSectionCt .popupAdresseRow textarea, .popupSectionCt .popupAdresseRow .drop,
    .popupSectionCt .popupDomaineRow input,
    .popupSectionCt .popupDomaineRow textarea,
    .popupSectionCt .popupDomaineRow .drop, .popupCategorieCt .popupAdresseRow input, .popupCategorieCt .popupAdresseRow textarea, .popupCategorieCt .popupAdresseRow .drop,
    .popupCategorieCt .popupDomaineRow input,
    .popupCategorieCt .popupDomaineRow textarea,
    .popupCategorieCt .popupDomaineRow .drop, .modalPopup .popupAdresseRow input, .modalPopup .popupAdresseRow textarea, .modalPopup .popupAdresseRow .drop,
    .modalPopup .popupDomaineRow input,
    .modalPopup .popupDomaineRow textarea,
    .modalPopup .popupDomaineRow .drop {
        width: 100%;
        box-sizing: border-box;
    }

    .popClient .popupAdresseRow label, .popClient .popupAdresseRow .label,
    .popClient .popupDomaineRow label,
    .popClient .popupDomaineRow .label, .popupSectionCt .popupAdresseRow label, .popupSectionCt .popupAdresseRow .label,
    .popupSectionCt .popupDomaineRow label,
    .popupSectionCt .popupDomaineRow .label, .popupCategorieCt .popupAdresseRow label, .popupCategorieCt .popupAdresseRow .label,
    .popupCategorieCt .popupDomaineRow label,
    .popupCategorieCt .popupDomaineRow .label, .modalPopup .popupAdresseRow label, .modalPopup .popupAdresseRow .label,
    .modalPopup .popupDomaineRow label,
    .modalPopup .popupDomaineRow .label {
        width: 120px;
        flex: none;
    }

.popClient input, .popupSectionCt input, .popupCategorieCt input, .modalPopup input {
    /*height: 35px;*/
    height: 30px;
    background: #F8F6F5;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    font: normal 13px/24px "SF Pro Display";
    color: #003A42;
    border: 1px solid #F8F6F5;
    margin-bottom: 0;
}

.popClient textarea, .popupSectionCt textarea, .popupCategorieCt textarea, .modalPopup textarea {
    background: #F8F6F5;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    font: normal 13px/24px "SF Pro Display";
    color: #003A42;
    border: 1px solid #F8F6F5;
    margin-bottom: 0;
}

.popClient label, .popupSectionCt label, .popupCategorieCt label, .modalPopup label {
    font: normal 14px/24px "SF Pro Display";
    color: #003A42;
}

.popClient .drop, .popupSectionCt .drop, .popupCategorieCt .drop, .modalPopup .drop {
    min-height: 35px;
    background: #F8F6F5;
    border-radius: 5px;
    padding: 0;
    box-sizing: border-box;
    margin-bottom: 0;
    position: relative;
}

    .popClient .drop select, .popupSectionCt .drop select, .popupCategorieCt .drop select, .modalPopup .drop select {
        background: transparent;
        -webkit-appearance: none;
        border: none;
        height: 35px;
        margin: 0;
        padding: 10px 30px 10px 10px;
        font-size: 14px;
        line-height: 14px;
        box-sizing: border-box;
        width: 100%;
    }

    .popClient .drop:after, .popupSectionCt .drop:after, .popupCategorieCt .drop:after, .modalPopup .drop:after {
        font-family: "icomoonERP";
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        color: #003A42;
        font-size: 6px;
        content: "ꁖ";
        position: absolute;
        pointer-events: none;
    }

.popClient h2, .popupSectionCt h2, .popupCategorieCt h2, .modalPopup h2 {
    background: linear-gradient(45deg, #755fe6 0%, #45a8c7 100%);
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 22px;
    line-height: 28px;
}

.popClient .popupContactRow, .popupSectionCt .popupContactRow, .popupCategorieCt .popupContactRow, .modalPopup .popupContactRow {
    display: flex;
    border: 0;
}

    .popClient .popupContactRow label, .popupSectionCt .popupContactRow label, .popupCategorieCt .popupContactRow label, .modalPopup .popupContactRow label {
        width: 120px;
        flex: none;
    }

    .popClient .popupContactRow .popupAdresseRowCheckBox, .popupSectionCt .popupContactRow .popupAdresseRowCheckBox, .popupCategorieCt .popupContactRow .popupAdresseRowCheckBox, .modalPopup .popupContactRow .popupAdresseRowCheckBox {
        height: 42px;
        margin-top: -7px;
        margin-left: 0;
    }

.popClient .popupAdresseSubmit,
.popClient .popupDomaineSubmit, .popupSectionCt .popupAdresseSubmit,
.popupSectionCt .popupDomaineSubmit, .popupCategorieCt .popupAdresseSubmit,
.popupCategorieCt .popupDomaineSubmit, .modalPopup .popupAdresseSubmit,
.modalPopup .popupDomaineSubmit {
    margin: 20px 0;
}

    .popClient .popupAdresseSubmit div,
    .popClient .popupDomaineSubmit div, .popupSectionCt .popupAdresseSubmit div,
    .popupSectionCt .popupDomaineSubmit div, .popupCategorieCt .popupAdresseSubmit div,
    .popupCategorieCt .popupDomaineSubmit div, .modalPopup .popupAdresseSubmit div,
    .modalPopup .popupDomaineSubmit div {
        display: flex;
        column-gap: 10px;
        justify-content: center;
    }

.popClient .flex-drop, .popupSectionCt .flex-drop, .popupCategorieCt .flex-drop, .modalPopup .flex-drop {
    display: flex;
    flex-direction: row;
    column-gap: 5px;
    align-items: center;
    margin-bottom: 4px;
}

    .popClient .flex-drop label, .popupSectionCt .flex-drop label, .popupCategorieCt .flex-drop label, .modalPopup .flex-drop label {
        width: auto !important;
        min-width: 80px;
    }

    .popClient .flex-drop input, .popupSectionCt .flex-drop input, .popupCategorieCt .flex-drop input, .modalPopup .flex-drop input {
        flex: 1 1;
    }

    .popClient .flex-drop .Drop, .popupSectionCt .flex-drop .Drop, .popupCategorieCt .flex-drop .Drop, .modalPopup .flex-drop .Drop {
        flex: 1 1;
    }

    .popClient .flex-drop textarea, .popupSectionCt .flex-drop textarea, .popupCategorieCt .flex-drop textarea, .modalPopup .flex-drop textarea {
        flex: 1 1;
    }

.popClient .btnPopList, .popClient .btnPopSecondRow, .popupSectionCt .btnPopList, .popupSectionCt .btnPopSecondRow, .popupCategorieCt .btnPopList, .popupCategorieCt .btnPopSecondRow, .modalPopup .btnPopList, .modalPopup .btnPopSecondRow {
    flex-direction: column;
    row-gap: 5px;
    display: flex;
}

    .popClient .btnPopList .flex-drop, .popClient .btnPopSecondRow .flex-drop, .popupSectionCt .btnPopList .flex-drop, .popupSectionCt .btnPopSecondRow .flex-drop, .popupCategorieCt .btnPopList .flex-drop, .popupCategorieCt .btnPopSecondRow .flex-drop, .modalPopup .btnPopList .flex-drop, .modalPopup .btnPopSecondRow .flex-drop {
        justify-content: center;
    }

.popClient .txtNbObjetMultiple, .popupSectionCt .txtNbObjetMultiple, .popupCategorieCt .txtNbObjetMultiple, .modalPopup .txtNbObjetMultiple {
    width: 48px;
}

.popClient .popupFichierRow, .popupSectionCt .popupFichierRow, .popupCategorieCt .popupFichierRow, .modalPopup .popupFichierRow {
    margin-bottom: 0;
}

.popClient .tabloPopFichier tr td, .popupSectionCt .tabloPopFichier tr td, .popupCategorieCt .tabloPopFichier tr td, .modalPopup .tabloPopFichier tr td {
    margin-bottom: 0;
}

.popClient .panUploadFichier, .popupSectionCt .panUploadFichier, .popupCategorieCt .panUploadFichier, .modalPopup .panUploadFichier {
    margin-bottom: 20px;
}

.popClient .select, .popupSectionCt .select, .popupCategorieCt .select, .modalPopup .select {
    min-height: 35px;
    background: #F8F6F5;
    border-radius: 5px;
    padding: 0 5px;
    box-sizing: border-box;
    margin-bottom: 4px;
    position: relative;
}

    .popClient .select select.readonly-style, .popupSectionCt .select select.readonly-style, .popupCategorieCt .select select.readonly-style, .modalPopup .select select.readonly-style {
        top: auto;
        background: transparent;
        padding-left: 10px;
        color: #003A42;
        opacity: 1;
        top: 4px;
        font: normal 13px/24px "SF Pro Display";
        font-size: 14px;
        line-height: 14px;
        height: 25px;
    }

    .popClient .select select, .popupSectionCt .select select, .popupCategorieCt .select select, .modalPopup .select select {
        background: transparent;
        -webkit-appearance: none;
        border: none;
        height: 35px;
        margin: 0;
        padding: 0 30px 0 10px;
        font-size: 14px;
        line-height: 14px;
        width: 100%;
    }

    .popClient .select:after, .popupSectionCt .select:after, .popupCategorieCt .select:after, .modalPopup .select:after {
        font-family: "icomoonERP";
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        color: #003A42;
        font-size: 6px;
        content: "ꁖ";
        position: absolute;
        pointer-events: none;
    }

    .popClient .select .select2-container--default .select2-selection--single, .popupSectionCt .select .select2-container--default .select2-selection--single, .popupCategorieCt .select .select2-container--default .select2-selection--single, .modalPopup .select .select2-container--default .select2-selection--single {
        border: none;
        background: transparent;
        border-radius: 0;
    }

        .popClient .select .select2-container--default .select2-selection--single .select2-selection__arrow b, .popupSectionCt .select .select2-container--default .select2-selection--single .select2-selection__arrow b, .popupCategorieCt .select .select2-container--default .select2-selection--single .select2-selection__arrow b, .modalPopup .select .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border: none !important;
        }

:root {
    --balloon-border-radius: 2px;
    --balloon-color: rgba(16, 16, 16, 0.95);
    --balloon-text-color: #fff;
    --balloon-font-size: 12px;
    --balloon-move: 4px;
}

button[aria-label][data-balloon-pos] {
    overflow: visible;
}

[aria-label][data-balloon-pos] {
    position: relative;
    cursor: pointer;
}

    [aria-label][data-balloon-pos]:after {
        opacity: 0;
        pointer-events: none;
        transition: all 0.18s ease-out 0.18s;
        text-indent: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
        font-weight: normal;
        font-style: normal;
        text-shadow: none;
        font-size: var(--balloon-font-size);
        background: var(--balloon-color);
        border-radius: 2px;
        color: var(--balloon-text-color);
        border-radius: var(--balloon-border-radius);
        content: attr(aria-label);
        padding: 0.5em 1em;
        position: absolute;
        white-space: nowrap;
        z-index: 10;
    }

    [aria-label][data-balloon-pos]:before {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: var(--balloon-color);
        opacity: 0;
        pointer-events: none;
        transition: all 0.18s ease-out 0.18s;
        content: "";
        position: absolute;
        z-index: 10;
    }

    [aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
        opacity: 1;
        pointer-events: none;
    }

    [aria-label][data-balloon-pos].font-awesome:after {
        font-family: FontAwesome, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    }

    [aria-label][data-balloon-pos][data-balloon-break]:after {
        white-space: pre;
    }

    [aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
        white-space: pre-line;
        word-break: break-word;
    }

    [aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
        transition: none;
    }

    [aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=down]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:after {
        transform: translate(-50%, 0);
    }

    [aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos=down]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:before {
        transform: translate(-50%, 0);
    }

    [aria-label][data-balloon-pos][data-balloon-pos*=-left]:after {
        left: 0;
    }

    [aria-label][data-balloon-pos][data-balloon-pos*=-left]:before {
        left: 5px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos*=-right]:after {
        right: 0;
    }

    [aria-label][data-balloon-pos][data-balloon-pos*=-right]:before {
        right: 5px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos*=-left]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*=-left][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*=-right]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*=-right][data-balloon-visible]:after {
        transform: translate(0, 0);
    }

    [aria-label][data-balloon-pos][data-balloon-pos*=-left]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*=-left][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*=-right]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*=-right][data-balloon-visible]:before {
        transform: translate(0, 0);
    }

    [aria-label][data-balloon-pos][data-balloon-pos^=up]:before, [aria-label][data-balloon-pos][data-balloon-pos^=up]:after {
        bottom: 100%;
        transform-origin: top;
        transform: translate(0, var(--balloon-move));
    }

    [aria-label][data-balloon-pos][data-balloon-pos^=up]:after {
        margin-bottom: 10px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos=up]:before, [aria-label][data-balloon-pos][data-balloon-pos=up]:after {
        left: 50%;
        transform: translate(-50%, var(--balloon-move));
    }

    [aria-label][data-balloon-pos][data-balloon-pos^=down]:before, [aria-label][data-balloon-pos][data-balloon-pos^=down]:after {
        top: 100%;
        transform: translate(0, calc(var(--balloon-move) * -1));
    }

    [aria-label][data-balloon-pos][data-balloon-pos^=down]:after {
        margin-top: 10px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos^=down]:before {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-bottom-color: var(--balloon-color);
    }

    [aria-label][data-balloon-pos][data-balloon-pos=down]:after, [aria-label][data-balloon-pos][data-balloon-pos=down]:before {
        left: 50%;
        transform: translate(-50%, calc(var(--balloon-move) * -1));
    }

    [aria-label][data-balloon-pos][data-balloon-pos=left]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos=right]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:after {
        transform: translate(0, -50%);
    }

    [aria-label][data-balloon-pos][data-balloon-pos=left]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos=right]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:before {
        transform: translate(0, -50%);
    }

    [aria-label][data-balloon-pos][data-balloon-pos=left]:after, [aria-label][data-balloon-pos][data-balloon-pos=left]:before {
        right: 100%;
        top: 50%;
        transform: translate(var(--balloon-move), -50%);
    }

    [aria-label][data-balloon-pos][data-balloon-pos=left]:after {
        margin-right: 10px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos=left]:before {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-left-color: var(--balloon-color);
    }

    [aria-label][data-balloon-pos][data-balloon-pos=right]:after, [aria-label][data-balloon-pos][data-balloon-pos=right]:before {
        left: 100%;
        top: 50%;
        transform: translate(calc(var(--balloon-move) * -1), -50%);
    }

    [aria-label][data-balloon-pos][data-balloon-pos=right]:after {
        margin-left: 10px;
    }

    [aria-label][data-balloon-pos][data-balloon-pos=right]:before {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-right-color: var(--balloon-color);
    }

    [aria-label][data-balloon-pos][data-balloon-length]:after {
        white-space: normal;
    }

    [aria-label][data-balloon-pos][data-balloon-length=small]:after {
        width: 80px;
    }

    [aria-label][data-balloon-pos][data-balloon-length=medium]:after {
        width: 150px;
    }

    [aria-label][data-balloon-pos][data-balloon-length=large]:after {
        width: 260px;
    }

    [aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
        width: 380px;
    }

@media screen and (max-width: 768px) {
    [aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
        width: 90vw;
    }
}

[aria-label][data-balloon-pos][data-balloon-length=fit]:after {
    width: 100%;
}

/*@font-face {
    font-family: "Helvetica6";
    src: url("fonts/692716/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
    src: url("fonts/692716/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("fonts/692716/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("fonts/692716/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("fonts/692716/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}

@font-face {
    font-family: "Helvetica3";
    src: url("fonts/709887/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix");
    src: url("fonts/709887/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix") format("eot"),url("fonts/709887/03805817-4611-4dbc-8c65-0f73031c3973.woff") format("woff"),url("fonts/709887/d5f9f72d-afb7-4c57-8348-b4bdac42edbb.ttf") format("truetype"),url("fonts/709887/05ad458f-263b-413f-b054-6001a987ff3e.svg#05ad458f-263b-413f-b054-6001a987ff3e") format("svg");
}*/
@font-face {
    font-family: "SF Pro Display";
    src: url("fonts/SFProDisplay-Medium.eot");
    src: url("fonts/SFProDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/SFProDisplay-Medium.woff2") format("woff2"), url("/fonts/SFProDisplay-Medium.woff") format("woff"), url("/fonts/SFProDisplay-Medium.ttf") format("truetype"), url("fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("fonts/SFProDisplay-Regular.eot");
    src: url("fonts/SFProDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/SFProDisplay-Regular.woff2") format("woff2"), url("fonts/SFProDisplay-Regular.woff") format("woff"), url("fonts/SFProDisplay-Regular.ttf") format("truetype"), url("fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SF Pro Display";
    src: url("fonts/SFProDisplay-Bold.eot");
    src: url("fonts/SFProDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/SFProDisplay-Bold.woff2") format("woff2"), url("fonts/SFProDisplay-Bold.woff") format("woff"), url("fonts/SFProDisplay-Bold.ttf") format("truetype"), url("fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "icomoonERP";
    src: url("fonts/icomoonERP.eot?6cu94z");
    src: url("fonts/icomoonERP.eot?6cu94z#iefix") format("embedded-opentype"), url("fonts/icomoonERP.woff2?6cu94z") format("woff2"), url("fonts/icomoonERP.ttf?6cu94z") format("truetype"), url("fonts/icomoonERP.woff?6cu94z") format("woff"), url("fonts/icomoonERP.svg?6cu94z#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^=icon2-], [class*=" icon2-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoonERP" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-version3:before {
    content: "༓";
}

.icon-version2:before {
    content: "༒";
}

.icon-clients:before {
    content: "Á";
}

.icon-menu1:before {
    content: "ñ";
}

.icon-menu2:before {
    content: "ò";
}

.icon-menu3:before {
    content: "ó";
}

.icon-menu4:before {
    content: "ô";
}

.icon-menu5:before {
    content: "õ";
}

.icon-menu6:before {
    content: "ö";
}

.icon-menu7:before {
    content: "÷";
}

.icon-menu8:before {
    content: "ø";
}

.icon-menu9:before {
    content: "ù";
}

.icon-menu10:before {
    content: "༐";
}

.icon-close1:before {
    content: "±";
}

.icon2-home:before {
    content: "ꀁ";
}

.icon2-equipe:before {
    content: "ꀂ";
}

.icon2-client:before {
    content: "ꀃ";
}

.icon2-paquets:before {
    content: "ꀄ";
}

.icon2-mallette-1:before {
    content: "ꀅ";
}

.icon2-euro-coin:before {
    content: "ꀆ";
}

.icon2-roue-dentee:before {
    content: "ꀇ";
}

.icon2-sortie:before {
    content: "ꀈ";
}

.icon2-arrow-right1:before {
    content: "ꀉ";
}

.icon2-arrow-right:before {
    content: "ꀐ";
}

.icon2-bouton-moins:before {
    content: "ꀑ";
}

.icon2-ajouter-un-bouton:before {
    content: "ꀒ";
}

.icon2-option-enregistrer-le-fichier:before {
    content: "ꀓ";
}

.icon2-pdf:before {
    content: "ꀔ";
}

.icon2-plus:before {
    content: "ꀕ";
}

.icon2-close:before {
    content: "ꀖ";
}

.icon2-question-1:before {
    content: "ꀗ";
}

.icon2-question:before {
    content: "ꀘ";
}

.icon2-reload:before {
    content: "ꀙ";
}

.icon2-reload-symbol:before {
    content: "ꀠ";
}

.icon2-remboursement:before {
    content: "ꀡ";
}

.icon2-signature-avec-un-stylo:before {
    content: "ꀢ";
}

.icon2-symbole-de-linterface-de-recherche:before {
    content: "ꀣ";
}

.icon2-symbole-dinterface-dengrenage-pour-la-configuration:before {
    content: "ꀤ";
}

.icon2-trello:before {
    content: "ꀥ";
}

.icon2-turn-down:before {
    content: "ꀦ";
}

.icon2-user:before {
    content: "ꀧ";
}

.icon2-version:before {
    content: "ꀨ";
}

.icon2-voir:before {
    content: "ꀩ";
}

.icon2-wallet:before {
    content: "ꀰ";
}

.icon2-account:before {
    content: "ꀱ";
}

.icon2-action:before {
    content: "ꀲ";
}

.icon2-add:before {
    content: "ꀳ";
}

.icon2-add-user:before {
    content: "ꀴ";
}

.icon2-calculator:before {
    content: "ꀵ";
}

.icon2-right-arrows:before {
    content: "ꀶ";
}

.icon2-right-arrows1:before {
    content: "ꀷ";
}

.icon2-calendar-silhouette:before {
    content: "ꀸ";
}

.icon2-check:before {
    content: "ꀹ";
}

.icon2-checklist:before {
    content: "ꁀ";
}

.icon2-dupliquer:before {
    content: "ꁁ";
}

.icon2-edit:before {
    content: "ꁂ";
}

.icon2-envoyer:before {
    content: "ꁃ";
}

.icon2-espacement:before {
    content: "ꁄ";
}

.icon2-google-docs:before {
    content: "ꁅ";
}

.icon2-horloge-murale:before {
    content: "ꁆ";
}

.icon2-lien:before {
    content: "ꁇ";
}

.icon2-list:before {
    content: "ꁈ";
}

.icon2-location-pin:before {
    content: "ꁉ";
}

.icon2-lock:before {
    content: "ꁐ";
}

.icon2-mallette:before {
    content: "ꁑ";
}

.icon2-mendiant:before {
    content: "ꁒ";
}

.icon2-mises-en-page:before {
    content: "ꁓ";
}

.icon2-option:before {
    content: "ꁔ";
}

.icon2-right-arrow:before {
    content: "ꁕ";
}

.icon2-right-arrow1:before {
    content: "ꁖ";
}

.icon2-right-arrow2:before {
    content: "ꁗ";
}

.icon2-checked:before {
    content: "ꁘ";
}

.icon2-adresse:before {
    content: "ꁙ";
}

* {
    scrollbar-width: thin;
    scrollbar-color: #969696 #F8F8F8;
}

    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 12px;
    }

    *::-webkit-scrollbar-track {
        background: #F8F8F8;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #969696;
        border-radius: 20px;
        border: 3px solid #F8F8F8;
    }

body {
    margin: 0px;
    font-family: "SF Pro Display";
    font-size: 14px;
    color: #003A42;
    background-color: #F2F1F1;
}

.iframe-home {
    margin: 20px 0 0 100px;
    width: 80%;
    border: none;
}

p {
    text-align: justify;
}

.btnDisabled {
    opacity: 0.2;
    pointer-events: none;
}

blockquote {
    text-align: justify;
    margin-left: 20px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
}

img {
    border: 0px;
}

ul {
    margin: 0px;
    list-style: none;
    text-align: justify;
}

li {
    list-style: none;
}

h1 {
    color: #7e007e;
    font-size: 26px;
    font-weight: lighter;
    padding-bottom: 5px;
    margin: 0px;
}

h2 {
    font-weight: normal;
}

.panel {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}

.containt {
    top: 60px;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 15px 25px 50px 25px;
}

/*---------------------- Liens -------------------------*/
a {
    color: #003A42;
    text-decoration: underline;
    cursor: pointer;
}

    a:hover {
        color: #000;
        text-decoration: underline;
    }

th a:link, th a:visited, th a:active {
    color: #fff;
}

th a:hover {
    text-decoration: none;
}

.ligneplanningalternance .lienBlanc {
    color: #384b63 !important;
}

/************** BLOCS DE TEXTE ***************/
.adminTitre {
    font-size: 24px;
    line-height: 23px;
    color: #384b63;
    text-align: left;
    margin: 0 0 15px 0;
    display: block;
}

    .adminTitre input[type=text] {
        Width: 100%;
        Height: 40px;
        font-size: 20px;
        vertical-align: top;
    }

    .adminTitre select {
        Width: 100%;
        Height: 40px;
        font-size: 20px;
        vertical-align: top;
    }

.adminTitreSection {
    font-size: 23px;
    line-height: 23px;
    color: #384b63;
    text-align: left;
    margin: 0 0 15px 0;
    display: block;
}

.stickBtns {
    position: fixed;
    right: 0;
    top: 92px;
    width: 170px;
    z-index: 99;
    text-align: left;
}

.stickBtn {
    width: 145px;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    line-height: 30px;
    background-color: #4f6280;
    padding: 0px 10px;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 10px;
}

    .stickBtn:first-of-type {
        background-color: #21aac2;
    }

    .stickBtn:before {
        font-family: boonIco2;
        margin-right: 10px;
        font-size: 13px;
    }

    .stickBtn:nth-of-type(1):before {
        content: "\e988";
    }

    .stickBtn:nth-of-type(2):before {
        content: "\ea30";
    }

    .stickBtn:nth-of-type(3):before {
        content: "\e9a3";
    }

    .stickBtn:hover {
        color: #fff;
        text-decoration: none;
    }

.pomLightDevisCT {
    font-size: 15px;
    font-weight: 600;
}

.devisPomPhotoDelete {
    position: absolute;
    top: 0px;
    right: -25px;
}

.devisLightCol1 {
    float: left;
    width: 760px;
}

.devisLightCol2 {
    float: left;
    width: 500px;
    margin-left: 145px;
}

.pomLightSep {
    width: 100%;
    height: 2px;
    display: block;
    background-color: #e1dfea;
    margin: 30px 0px;
}

.etapePomTitre {
    line-height: 38px;
    border-bottom: 2px solid #e1dfea;
    display: block;
    margin-bottom: 15px;
}

    .etapePomTitre span {
        font-size: 23px;
        color: #fff;
        line-height: 38px;
        background-color: #4f6280;
        padding: 0px 0 0 10px;
        position: relative;
        width: 185px;
        display: block;
    }

        .etapePomTitre span:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            display: inline-block;
            height: 0;
            width: 0;
            border-top: 38px solid #f0f0f7;
            border-left: 38px solid transparent;
        }

.lblTypeClient, .lblFicheRenseignement, .lblRealiserDevis {
    font-size: 23px;
}

.typeClientDevis {
    float: left;
}

    .typeClientDevis tr td:first-of-type {
        padding-right: 50px !important;
    }

.ddlClientDevis {
    margin-top: 3px;
}

.btnSupprimerArticleCT {
    text-align: right;
    margin-bottom: 15px;
}

.btnSupprimerArticle {
    border: 1px solid #db0b0b;
    padding: 5px 10px;
    color: #db0b0b;
    text-decoration: none !important;
}

    .btnSupprimerArticle:hover {
        border: 1px solid #db0b0b;
        background-color: #db0b0b;
        color: #fff;
    }

.sectionPomLight {
    margin-bottom: 80px;
}

.devisLightCol1 .colForm2 {
    width: 100%;
}

.tableDevisPomLightFirstTD {
    min-width: 150px;
}

.tableDevisPomLight tr td {
    vertical-align: top;
}

.tableDevisPomLight tr {
    display: block;
    margin-bottom: 5px;
}

.tablePomDevisPrix {
    margin: 15px 0px;
}

    .tablePomDevisPrix tr {
        display: block;
        margin-bottom: 5px;
    }

        .tablePomDevisPrix tr td {
            padding-right: 20px;
        }

    .tablePomDevisPrix input {
        margin-top: 5px;
    }

.pomLightBtn {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    line-height: 35px;
    background-color: #95c221;
    padding: 0px 15px;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 15px;
}

    .pomLightBtn:hover {
        color: #fff;
        text-decoration: none;
        background-color: #a6d03a;
    }

.pomLightBtnOrange {
    background-color: #ff9a00;
}

    .pomLightBtnOrange:hover {
        background-color: #fab142;
    }

.devisPomPetitText {
    font-size: 12px;
}

.devisPomTotalRow {
    display: block;
    margin-top: 40px;
}

.devisPomBottomBtns {
    text-align: right;
    margin-top: 40px;
    margin-bottom: 100px;
}

.btnAjoutImageDevis {
    display: inline-block;
    margin-left: 15px;
    background: #4f6280;
    border: 1px solid #4f6280;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    padding: 8px 10px;
    text-decoration: none;
    transition: 0.2s all ease-out;
}

    .btnAjoutImageDevis:hover {
        background: rgba(56, 75, 99, 0);
        color: #4f6280;
        text-decoration: none;
    }

.devisLightImagesTop {
    margin-bottom: 20px;
}

.devisLightImage {
    margin-bottom: 15px;
    position: relative;
}

.devisLightDeposerImage {
    width: 100%;
    height: 400px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    opacity: 0.7;
}

    .devisLightDeposerImage:hover {
        background-color: #e4e4e4;
    }

.lblNouveauDevis {
    font-size: 30px;
}

.classIconLinked:before {
    font-family: "boonIco2";
    content: "\e986";
    color: black;
}

.classIconTickGreen:before {
    font-family: "boonIco2";
    content: "\e9f5";
    color: green;
}

.classIconPauseGrey:before {
    font-family: "boonIco2";
    content: "\e944";
    color: darkorange;
    font-size: 20px;
}

.classIconSmileyGreen:before {
    font-family: "boonIco2";
    content: "\e993";
    color: green;
    font-size: 25px;
}

.classIconSmileyRed:before {
    font-family: "boonIco2";
    content: "\e995";
    color: red;
    font-size: 25px;
}

.classIconEuroRed:before {
    font-family: "boonIco2";
    content: "\e93b";
    color: red;
    font-size: 30px;
    position: absolute;
    top: 35px;
    left: 10px;
}

.classIconEuroGreen:before {
    font-family: "boonIco2";
    content: "\e93b";
    color: green;
    font-size: 30px;
    position: absolute;
    top: 35px;
    left: 10px;
}

.classIconEuroRedAfter:after {
    font-family: "boonIco2";
    content: "\e93bNon soldée";
    color: red;
    font-size: 30px;
}

.classIconEuroGreenAfter:after {
    font-family: "boonIco2";
    content: "\e93bPayée";
    color: green;
    font-size: 30px;
}

.classIconLoopGrey:before {
    font-family: "boonIco2";
    content: "\e962";
    color: grey;
}

.classIconCashGrey:after {
    font-family: "boonIco2";
    content: "\e93b";
    color: grey;
}

.classGreenText {
    color: green;
}

.classRedText {
    color: red;
}

.classIconAddFileSmall:before {
    font-family: "boonIco2";
    content: "\ea42";
    color: grey;
    font-size: 15px;
    padding-right: 5px;
}

.classIconAddFile:after {
    font-family: "boonIco2";
    content: "\ea42";
    color: grey;
    font-size: 20px;
}

.classIconDeleveryOK:before {
    font-family: "boonIco2";
    content: "\e9b5";
    color: grey;
    font-size: 20px;
}

.classIconDeleveryOK:after {
    font-family: "boonIco2";
    content: "\e9f5";
    color: green;
    font-size: 20px;
}

.classIconDeleveryNOK:after {
    font-family: "boonIco2";
    content: "\f00d";
    color: red;
    font-size: 20px;
}

.btnAddBLToCmd {
    margin-top: 5px;
    margin-bottom: 5px;
    position: center;
}

.classBtnBL:before {
    font-family: "boonIco2";
    content: "\e92b";
    color: grey;
    font-size: 15px;
    padding-right: 5px;
}

.classSeeItem:before, .classSeeItemWhite:before {
    font-family: "boonIco2";
    content: "\e988";
    color: grey;
    font-size: 15px;
}

.classSeeItemWhite:before {
    color: white;
    margin-right: 7px;
}

.classDontSeeItem:before {
    font-family: "boonIco2";
    content: "\e98b";
    color: grey;
    font-size: 15px;
}

.classIconAgenda:after {
    font-family: "boonIco2";
    content: "\e947";
    color: grey;
}

.adminTitreIntro {
    background: none;
    font-size: 17px;
    line-height: 23px;
    color: #43425D;
    text-align: left;
    margin: 0 0 -1px 0;
    display: inline-block;
}

    .adminTitreIntro input[type=text] {
        Width: 100%;
        Height: 40px;
        font-size: 17px;
        vertical-align: top;
    }

    .adminTitreIntro select {
        Width: 100%;
        Height: 40px;
        font-size: 17px;
        vertical-align: top;
        background: none;
    }

.adminTitre .readonly-style {
    background: none;
    margin: 0 0 -15px 0;
}

.adminTitreIntro .readonly-style {
    margin: 0 0 -15px 0;
}

.sepHorizBarreTitre {
    margin: 0 30px;
    height: 30px;
    border-left: 1px solid #ccc;
    width: 1px;
    display: inline-block;
    vertical-align: top;
}

.adminSousTitre {
    margin-right: 10px;
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
    text-decoration: underline;
}

.info {
    line-height: 14px;
    font-size: 11px;
    color: #999;
    margin-top: -10px;
    font-style: italic;
}

.attentionAdmin .icon-evil:before {
    font-size: 14px;
    margin-right: 10px;
}

.infoImage {
    font-size: 10px;
    color: #259dab;
    margin-top: 0px;
    font-style: italic;
    padding: 4px 8px;
}

    .infoImage .icon-enlarge2:before {
        font-size: 10px;
        margin-right: 5px;
    }

/* --------- global Erp ---------- */
.gridErpCt, .sectionAdmin {
    width: 100%;
}

    .gridErpCt table, .gridErpCt table.gridErp, .sectionAdmin table, .sectionAdmin table.gridErp {
        color: #003A42;
        font: normal 13px/24px "SF Pro Display";
    }

        .gridErpCt table a, .gridErpCt table.gridErp a, .sectionAdmin table a, .sectionAdmin table.gridErp a {
            color: #003A42;
            font: normal 13px/16px "SF Pro Display";
            transition: all 0.2s ease-in-out;
        }

            .gridErpCt table a:hover, .gridErpCt table.gridErp a:hover, .sectionAdmin table a:hover, .sectionAdmin table.gridErp a:hover {
                color: #755FE6;
            }

        .gridErpCt table th a, .gridErpCt table.gridErp th a, .sectionAdmin table th a, .sectionAdmin table.gridErp th a {
            font: bold 14px/24px "SF Pro Display";
            color: #fff;
            text-transform: none;
            text-decoration: none;
        }

            .gridErpCt table th a:hover, .gridErpCt table.gridErp th a:hover, .sectionAdmin table th a:hover, .sectionAdmin table.gridErp th a:hover {
                text-decoration: underline;
            }

        .gridErpCt table tr:not(:nth-child(1)), .gridErpCt table.gridErp tr:not(:nth-child(1)), .sectionAdmin table tr:not(:nth-child(1)), .sectionAdmin table.gridErp tr:not(:nth-child(1)) {
            transition: all 0.2s ease-in-out;
        }

            .gridErpCt table tr:not(:nth-child(1)):hover, .gridErpCt table.gridErp tr:not(:nth-child(1)):hover, .sectionAdmin table tr:not(:nth-child(1)):hover, .sectionAdmin table.gridErp tr:not(:nth-child(1)):hover {
                background: #E9E6E4 !important;
            }

            .gridErpCt table tr:not(:nth-child(1)) td:first-child, .gridErpCt table.gridErp tr:not(:nth-child(1)) td:first-child, .sectionAdmin table tr:not(:nth-child(1)) td:first-child, .sectionAdmin table.gridErp tr:not(:nth-child(1)) td:first-child {
                /*padding: 5px 5px 5px 20px;*/
            }

        .gridErpCt table tr th:first-child, .gridErpCt table.gridErp tr th:first-child, .sectionAdmin table tr th:first-child, .sectionAdmin table.gridErp tr th:first-child {
            padding: 5px 5px 5px 20px;
        }

    .gridErpCt .paginationListing, .sectionAdmin .paginationListing {
        margin: 20px auto 0;
        text-align: center;
    }

        .gridErpCt .paginationListing span, .sectionAdmin .paginationListing span {
            color: #755FE6;
            font: bold 12px/12px "SF Pro Display";
            padding: 8px;
        }

        .gridErpCt .paginationListing a, .sectionAdmin .paginationListing a {
            text-decoration: none;
            color: #003A42;
            font: bold 12px/12px "SF Pro Display";
            padding: 8px;
            transition: all 0.2s ease-in-out;
            border: 2px solid transparent;
            transition: all 0.2s ease-in-out;
            border-radius: 4px;
            margin: 0 !important;
        }

            .gridErpCt .paginationListing a:hover, .sectionAdmin .paginationListing a:hover {
                color: #755FE6;
                border: 2px solid #755FE6;
            }

.gridErp {
    width: 100%;
    font-size: 12px;
    border-spacing: 0;
    border-collapse: collapse;
}

    .gridErp .gridfooter {
        font-weight: bold;
    }

table.gridErp, table.gridErp th, table.gridErp td {
    border: none;
}

.readonly-style {
    border: none;
    background-color: white;
}

select.readonly-style {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
}

.hidden_col {
    display: none;
}

.textbox-numerique {
    text-align: right;
}

.label-numerique {
    padding-right: 7px;
}

.commentairesAffairesCt table tr td {
    vertical-align: top;
    padding: 12px 0 !important;
}

.ajax__calendar table tr td {
    padding: 0 !important;
}

.affaireCommentaires .btnAjoutNouveau .btnAjoutProduit .btnPasserCmd {
    margin-left: 10px;
    top: 12px;
    position: relative;
    margin-bottom: 10px !important;
    display: inline-block;
}

.btnAjoutProduit {
    background-color: orange;
    color: whitesmoke;
    padding: 13px;
}

.btnPasserCmd {
    background-color: limegreen;
    color: whitesmoke;
    padding: 13px;
}

/* --------- recherche js ---------- */
.highlight {
    text-decoration: none;
    font-weight: bold;
    color: black;
    background: yellow !important;
}

/* --------- welcome-phrase ---------- */
.welcome-phrase {
    width: 25%;
}

    .welcome-phrase div {
        display: block;
        color: transparent;
        width: 225px;
        height: 60px;
        border-radius: 10px;
        transition: all ease 1s;
        position: relative;
        text-decoration: none;
    }

        .welcome-phrase div.shorter {
            width: 125px;
        }

/* --------- drag and drop ---------- */
.icon-move:before {
    font-family: "boonIco2";
    content: "\ea2c";
    font-size: 18px;
}

/* --------- ct-panadresses ---------- */
.ctAdresses {
    margin: 20px 0;
}

    .ctAdresses .btnSelectionner {
        margin-top: 15px;
    }

.ct-panadresses {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    padding: 20px 30px;
    margin-right: 30px;
    position: relative;
    min-width: 180px;
    margin-bottom: 30px;
}

.nom-adresse a {
    display: block;
    margin-bottom: 10px;
}

.adresse-adresse, .adresse-service {
    margin-bottom: 10px;
}

.adressePrincipale {
    background: #58CABD;
    color: #fff;
    border-radius: 20px;
    padding: 3px 10px;
    position: absolute;
    top: -8px;
    right: -5px;
    font-size: 10px;
    display: none;
}

.adresseSelectionnee {
    background: #384b63;
    color: #fff;
    border-radius: 20px;
    padding: 3px 10px;
    position: absolute;
    top: -8px;
    left: -5px;
    font-size: 10px;
    display: none;
}

.adresse-selectionnee .adresseSelectionnee,
.contact-principal .adressePrincipale,
.adresse-principale .adressePrincipale {
    display: block;
}

.adresse-principale {
    border: 1px solid #58CABD;
}

.adresse-selectionnee {
    border: 1px solid #384b63;
}

.batValide, .batMailContact {
    background: #90cc4c;
    color: #fff;
    border-radius: 20px;
    padding: 3px 10px;
    position: absolute;
    top: -8px;
    left: calc(50% - 53px);
    font-size: 11px;
    display: none;
    width: 90px;
}

.batMailContact {
    background: #259DAB;
}

.BAT-valide .batValide, .BAT-mail .batMailContact {
    display: block;
}

.BAT-valide {
    border: 1px solid #90cc4c;
}

.BAT-mail {
    border: 1px solid #259DAB !important;
}

.batItem {
    padding-top: 20px !important;
    min-height: 230px !important;
    margin-bottom: 30px !important;
}

/* --- affaires -----*/
.ct_devisToCmd {
    font-weight: bold;
    color: yellowgreen;
    background-color: chartreuse;
}

.ct_cmdDeleted {
    font-weight: bold;
    color: red;
    background-color: darkred;
}

/* --------- dernieres affaires ---------- */
.last-affaires div {
    width: 100%;
}

/* --------- ct-panfichiers ---------- */
.ctFichiers {
    display: block;
    width: 100%;
}

.ct-panfichiers {
    vertical-align: top;
    display: inline-block;
    margin: 0 20px 20px 0px;
    padding: 15px;
    border: 2px dashed #ddd;
    width: 170px;
    min-height: 200px;
    text-align: center;
    position: relative;
    border-radius: 8px;
}

    .ct-panfichiers embed {
        max-width: 100%;
    }

    .ct-panfichiers a.btnEffacer {
        text-decoration: none;
    }

.ct-panfichiers-containt {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .ct-panfichiers-containt a {
        color: #003A42;
        font-size: 16px;
        transition: all 0.2s ease-in-out;
    }

        .ct-panfichiers-containt a:hover {
            color: #755FE6;
            text-decoration: none;
        }

.ct-panfichiers .nom-fichier {
    padding-bottom: 10px;
}

.ct-panfichiers .tags-fichier {
    font-size: 9px;
    color: #aaa;
    width: 100%;
}

.ct-panfichiers.BAT-valide {
    border: 1px solid #85c38c;
}

/* --------- ct-input ---------- */
.ct-input {
    position: relative;
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
    border-radius: 0;
}

    .ct-input table {
        margin: -3px 0 0 20px;
    }

.ct-input-bats table {
    margin: -6px 0 0 20px;
}

.ct-input-fichier {
    vertical-align: top;
    /*width: 250px;*/
    /*margin: 0 50px 0 20px;*/
    margin: 0 20px 0 20px;
}

    .ct-input-fichier select {
        margin: 0 !important;
        max-width: 250px;
    }

.ct-input-dropdown label,
.ct-input-checkbox label {
    position: relative;
    top: 7px;
}

.ct-input-checkbox label {
    left: 20px;
}

.ct-input-dropdown select,
.ct-input input[type=text],
.ct-input input[type=radio],
.ct-input input[type=email],
.ct-input textarea {
    background: #fff;
    width: 100%;
    height: 30px;
    padding: 0 0 0 5px;
    border-radius: 0px;
    border: 0px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #5c5c5c;
    text-align: left;
}

.ct-input-dropdown select {
    padding-top: 6px;
    font-size: 12px;
}

.ct-input input[type=text] {
    padding-top: 0px;
}

.ct-input-dropdown select {
    margin-top: 5px;
}

.filtreDropDownType {
    margin: 0;
    vertical-align: top;
}

    .filtreDropDownType select {
        font-size: 12px;
        margin: 0;
        padding: 0 10px;
    }

.ct-input textarea {
    height: 100px;
    resize: vertical;
    margin-bottom: 0px;
    padding: 5px 0px;
}

/*-- Ci dessous, le style du label qui est par dessus le champs.          
        Si vous voulez enlever la petite animation des labels, faites comme il y a marqué dans les commentaires de l'UC Contact,
        et enlevez la position absolute de la règle ci dessous.         */
.ct-input label {
    position: absolute;
    left: 4px;
    top: 14px;
    opacity: 1;
    cursor: text;
    transition: 0.3s all ease-out;
    color: #003A42;
}

.ct-input-dates label {
    padding: 0 0 0 0;
}

/*-- Style des champs quand on est en train décrire dessus  */
.ct-input input[type=text]:focus,
.ct-input input[type=email]:focus,
.ct-input input[type=tel]:focus,
.ct-input textarea:focus {
    /*border-bottom: 1px solid #384b63;*/
    /*background: #fafafa;*/
}

    /*-- Style du label quand on a cliqué dessus et quand on a du texte dans les champs  */
    .ct-input input[type=text]:focus ~ label,
    .ct-input input[type=email]:focus ~ label,
    .ct-input input[type=tel]:focus ~ label,
    .ct-input textarea:focus ~ label {
        top: 0px;
        opacity: 0;
    }

.ct-input input[type=text].fill ~ label,
.ct-input input[type=email].fill ~ label,
.ct-input input[type=tel].fill ~ label,
.ct-input textarea.fill ~ label {
    top: -15px;
    opacity: 0;
}

.ct-recherche {
    display: block;
    margin-bottom: 0px;
    width: 100%;
}

.dv-recherche {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

    .dv-recherche .upListe {
        flex: 1 1;
    }

    .dv-recherche .ct-input-dropdown,
    .dv-recherche .ct-input-checkbox,
    .dv-recherche .ct-input {
        margin-top: 0;
        text-align: left;
    }

.uc-select .select2-selection__rendered {
    height: 100%;
}

.uc-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}

.filtre-recherche {
    background: #fff;
}

.ct-recherche .ct-input label {
    top: 0px;
}

/*----------  SELECTION DATES/PERIODES ---------------*/
.periodeFlecheBas {
    color: #2574ab;
    position: relative;
    top: 0px;
    margin-left: 5px;
}

.ct-input-periodes, .ct-input-dates,
.ct-input-dropdown, .ct-input-checkbox {
    display: inline-block;
    height: 40px;
}

#panChangePeriode {
    left: -100px;
}

#panChangePeriodeNew {
    left: -100px;
}

.pan-monprofil {
    width: 140px;
}

.lblNbNotifsBigNumber {
    font-size: 10px !important;
}

.pan-recherche input,
.pan-recherche select,
.pan-recherche * {
    font-size: 10px !important;
}

.pan-recherche .ct-input {
    margin: 0;
}

.pan-recherche .ct-input-dates {
    display: inline-block;
}

    .pan-recherche .ct-input-dates input {
        width: 70px;
        padding-left: 5px;
        padding-top: 6px;
    }

    .pan-recherche .ct-input-dates span {
        margin-right: 10px;
    }

.pan-monprofil a {
    text-align: start;
}

.pan-mesnotifications a {
    text-align: start;
}

/*Textbox de la page config*/
.ctImgCentrerMilieu {
    overflow: hidden;
    position: relative;
}

    .ctImgCentrerMilieu img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.vertAlignCt {
    position: relative;
}

.vertAlign {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay {
    background: #d8dce3;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
}

/*----------------- LOGIN  PAGE ---------------------*/
.ctLog {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    display: flex;
    min-height: 100vh;
}

.log {
    margin: auto;
    width: 320px;
    position: relative;
}


.logSignature {
    margin: auto;
    width: 1320px;
    position: relative;
}

.logGauche {
    background: linear-gradient(#6ee1ca, #4fc1b7);
    height: 620px;
    display: inline-block;
    width: 45%;
    max-width: 420px;
    text-align: center;
    vertical-align: top;
}

    .logGauche img {
        width: 90px;
    }

.logDroite {
    background: linear-gradient(129deg, #45A8C7 0%, #755FE6 100%);
    height: auto;
    display: inline-block;
    width: 100%;
    max-width: 420px;
    vertical-align: top;
    font-size: 15px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 1px 2px 5px 4px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 1px 2px 5px 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 1px 2px 5px 4px rgba(0, 0, 0, 0.08);
}

.logDroiteSignature {
    background: linear-gradient(129deg, #45A8C7 0%, #755FE6 100%);
    height: auto;
    display: inline-block;
    width: 100%;
    /*    max-width: 420px;*/
    vertical-align: top;
    font-size: 15px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 1px 2px 5px 4px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 1px 2px 5px 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 1px 2px 5px 4px rgba(0, 0, 0, 0.08);
}

.formId {
    width: calc(100% - 80px);
    margin: 0 auto;
    max-width: 100%;
}

.topLog {
    height: 85px;
    background: #fff;
    margin-bottom: 60px;
}

.topLog-logo {
    height: 87px;
    width: 87px;
    margin: 0 auto;
    transform: translateY(40px);
    background: #fff;
    border-radius: 50%;
}

    .topLog-logo img {
        height: 60%;
        width: 60%;
        object-fit: contain;
        margin-left: 20%;
        margin-top: 20%;
    }

.log-fond {
    position: absolute;
    width: 250px;
    height: 250px;
    opacity: 1;
    top: 10px;
    right: -200px;
    z-index: -1;
}

@media screen and (max-width: 640px) {
    .log-fond {
        display: none;
    }
}

.loginAdminHome {
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    text-align: left;
    font-size: 15px;
}

    .loginAdminHome label {
        margin: 0 0 5px 0;
        color: #fff;
        font-family: Helvetica3;
        font-size: 16px;
    }

.formId label {
    margin: 0 0 5px 0;
    color: #fff;
    font-family: Helvetica3;
    font-size: 16px;
}

.loginAdminHome input {
    background: none;
    border: 0;
    color: #003A42;
    background: #fff;
    width: 100%;
    font-size: 12px;
    border-radius: 5px;
    height: 45px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.loginAdminHome [class^=icon-] {
    color: #fff;
}

.loginAdminHome .btnLogin {
    padding: 10px 20px;
    display: inline-block;
    display: block;
    width: fit-content;
    margin: 30px auto 60px;
}

.txtLogin, .txtPass {
    display: inline-block;
}

.mdpForgotten {
    color: white;
}

form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fcfcfc inset;
    -webkit-text-fill-color: #000 !important;
}

.logoClientAdm {
    min-height: 70px;
    padding: 30px 20px;
    display: block;
    margin: 0px 0 0px 0;
    border-bottom: 1px solid #ddd;
}

.messageLogAdmin {
    font-size: 22px;
    padding: 15px 0;
    display: block;
    letter-spacing: 1.5px;
    color: #50657e;
    text-align: left;
    margin-bottom: 5px;
    font-family: Helvetica3;
    text-align: center;
}

.messageLogReset {
    font-size: 12px;
    font-family: "Nunito", sans-serif;
    padding: 15px 0 15px 15px;
    color: #fff;
    display: block;
    text-align: left;
    border-bottom: 1px solid #e7ebf2;
    margin-bottom: 30px;
}

    .messageLogReset ul {
        margin-left: 0;
        padding-left: 0;
    }

        .messageLogReset ul li {
            text-align: left;
            list-style: circle;
            margin-bottom: 5px;
        }

    .messageLogReset span {
        font-size: 16px;
        display: block;
        text-align: center;
        line-height: 18px;
        margin-bottom: 20px;
    }

.formId .input span {
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.formId .btnReset {
    margin-top: 10px;
}

/*----------------- LOGIN  PAGE ---------------------*/
.loginResetPassHome {
    width: 260px;
    border-radius: 5px;
    background: #eee;
    text-align: center;
    margin: 0 auto;
    display: block;
    box-shadow: 0px 0px 30px -10px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=20);
}

.ico-divers-lock-02:before {
    content: "\e96b";
    font-family: "boonIco2";
}

.loginAdminHome .inputIco input {
    min-width: 140px;
    border-color: #E3E3E3;
    height: 35px;
    padding: 0px 12px;
}

.loginAdminHome input[type=submit] {
    background: #0899AE;
    border-radius: 5px;
    padding: 12px 20px;
    text-align: center;
    margin: 10px auto;
    display: inline-block;
    margin-bottom: 40px;
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
}

    .loginAdminHome input[type=submit]:hover {
        background: #02C5B1;
    }

.loginAdminHome .inputIco span {
    min-width: 35px;
}

    .loginAdminHome .inputIco span:before {
        font-size: 17px;
        color: rgba(33, 33, 33, 0.71);
    }

form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fcfcfc inset;
    -webkit-text-fill-color: #000 !important;
}

.signAdminLog {
    height: 26px;
    width: 116px;
    margin: 15px auto;
    display: block;
    text-align: center;
    clear: both;
}

.btnLogin {
    background: #58CABD;
    text-transform: uppercase;
    margin: 10px 10px 10px 0;
    color: #fff;
    border: 1px solid #58cabd;
    font-size: 12px;
    padding: 0 20px;
}

    .btnLogin:hover {
        background: none;
        color: #58cabd !important;
        border: 1px solid #58cabd;
    }

.loginAdminHome label {
    font-family: "Nunito", sans-serif;
    display: block;
    margin: 0 0 5px 0;
}

.attentionAdmin {
    background-color: rgba(240, 80, 80, 0.1);
    color: #f05050;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid rgba(240, 80, 80, 0.3);
    border-radius: 5px;
    display: block;
    font-size: 11px;
}

input {
    margin: 0 0 5px 0;
}

textarea {
    margin: 0 0 5px 0;
}

select {
    margin: 0 0 5px 0;
}

.selectDecale select {
    margin: 0 0 5px 0;
    margin-left: 8px;
}

.selectDecale input[type=text] {
    margin: 0 0 5px 0;
    margin-left: 8px;
}

.selectDecale input[type=submit] {
    text-decoration: none;
    text-align: center;
    background: #2574ab;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    padding: 5px 7px;
    transition: all 200ms linear 0s;
    border: none;
    margin: 5px;
    cursor: pointer;
}

#tabReferencement span {
    display: inline-block;
}

    #tabReferencement span em {
        font-size: 11px;
        margin-left: 4px;
    }

#tabReferencement textarea {
    display: block;
    margin-bottom: 5px;
}

select.readonly-style {
    left: -5px;
    top: -4px;
    position: relative;
}

/*----------------- MASTER PAGE ---------------------*/
.menuPanel {
    background: linear-gradient(0deg, #755fe6 0%, #45a8c7 100%);
    bottom: 0;
    left: 0px;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    position: fixed;
    top: 0;
    border-top: 0;
    z-index: 100;
    padding: 0;
    height: 100vh;
    transition: all 0.2s ease-in-out;
}

    .menuPanel.menuReply {
        width: 60px;
        height: 80px;
        overflow: hidden;
    }

        .menuPanel.menuReply .lienLogoAdmin {
            display: none;
        }

        .menuPanel.menuReply .menuTop > ul {
            display: none;
        }

    .menuPanel .replayMenuActif {
        right: auto !important;
        left: 0px;
    }

        .menuPanel .replayMenuActif span:nth-child(2) {
            width: 20px !important;
        }

    .menuPanel:before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 85px;
        content: "";
    }

.menuClean {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
    cursor: pointer;
    color: white;
    background: #003A42;
    padding: 10px;
    display: none;
}

    .menuClean:before {
        font-family: "boonIco2";
        content: "\e9c2";
        font-size: 18px;
    }

.menuCleanOn:before {
    content: "\f0c9";
    font-size: 15px;
    padding-left: 3px;
}

.panelItemsExtremR a {
    margin-left: 10px;
}

.contentPanel {
    padding: 0;
    position: relative;
    background-color: #F2F1F1;
    min-height: 90vh;
    margin-left: 243px;
    transition: all 0.2s ease-in-out;
}

    .contentPanel.subPanel {
        margin-left: 243px;
    }

    .contentPanel.contentPanelReply {
        margin-left: 60px;
    }

.pageBoollo .contentPanel {
    padding: 40px 5px 20px 5px;
}

.contentAll {
    display: block;
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    position: relative;
}

.sectionAdminPomLight {
    width: 100%;
    padding: 30px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    /*flex-wrap: wrap;*/
    margin-bottom: 50px;
    min-width: 860px;
}

.tableInfoSociete td:first-child {
    width: 200px;
}

.tableInfoSociete td:last-child {
    width: 450px;
}

.sectionAdmin {
    width: 100%;
    padding: 30px;
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 50px;
    display: flex;
    min-width: 860px;
    min-width: 980px;
    box-sizing: border-box;
}

    .sectionAdmin.sectionDevisCt {
        margin-bottom: 10px;
    }

    .sectionAdmin.section100 {
        width: 100%;
        display: block;
        min-width: unset;
        display: block;
    }

.sectionAdminCourt {
    width: 100%;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 50px;
}

.paddSectionAdmin {
    padding: 30px;
}

.titreSectionCt {
    width: 100%;
    flex: 1;
}

.adminTitreInLine {
    display: inline-block;
}

.sectionContent {
    flex: 1;
}

.correction {
    color: #ff0000;
    background: #ffd3d3;
    padding: 5px 10px;
}

.flexColCt {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-width: 920px;
}

.flexCol2 {
    flex: 0 1 auto;
    width: 48%;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 50px;
}

.flexCol2Vide {
    flex: 0 1 auto;
    width: 48%;
    position: relative;
}

.flexCol2Info {
    padding: 30px;
}

.flexColTiersG {
    width: 350px;
    margin-right: 70px;
    flex: 0 1 auto;
}

.flexColTiersD {
    width: 350px;
    margin-left: 70px;
    flex: 0 1 auto;
}

.flexColTiersInfo {
    padding: 30px;
}

.flexColVariable {
    order: 0;
    flex: 1 1 auto;
    align-self: auto;
    min-width: 500px;
}

.sectionAdminBlocLogo {
    width: 200px;
    margin-right: 70px;
    flex: 0 1 auto;
}

.sectionAdminBlocVariable {
    order: 0;
    flex: 1 1 auto;
    align-self: auto;
    min-width: 400px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 60px;
}

    .sectionAdminBlocVariable .colForm2 {
        margin: 0;
        width: auto;
        flex: 1 1;
    }

        .sectionAdminBlocVariable .colForm2:first-child {
            margin: 0;
        }

    .sectionAdminBlocVariable .col-commentaire {
        width: 100%;
    }

    .sectionAdminBlocVariable .titreDoc {
        width: 100%;
    }

    .sectionAdminBlocVariable .col-flex {
        width: 100%;
        display: flex;
        column-gap: 60px;
    }

.filtre-recherche {
    width: 350px !important;
    margin-bottom: 15px;
}

    .filtre-recherche ~ label {
        top: 6px;
        color: #bbb;
    }

.filtreRechercheCtCt {
    float: right;
}

.filtreRechercheCt {
    display: inline-block;
    margin-left: 0px;
    vertical-align: top;
    margin-bottom: 25px;
    text-align: right !important;
}

    .filtreRechercheCt select {
        margin-top: 0px;
    }

.filtreRechercheCt-deviss {
    margin-bottom: 0;
}

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

.logoPanel {
    width: 350px;
    float: left;
    display: block;
}

.paramPanel {
    display: block;
}

.pageContentPanel {
    display: block;
    flex: 1;
    margin-right: 20px;
    overflow: hidden;
}

.pageBlocPanel {
    width: 300px;
    float: left;
    display: block;
    margin-right: 20px;
}

.btnPageBlocPanel {
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff url(../images/icoMoins.png) center center no-repeat;
    width: 15px;
    height: 15px;
    text-align: center;
    display: block;
    z-index: 99;
    padding: 4px;
    color: #fff;
    cursor: pointer;
}

#divBan {
    clear: both;
    width: 100%;
    height: 40px;
    float: left;
    position: relative;
    background: url(../images/admin_banAdmin.jpg) no-repeat #000;
}

#divMonSite {
    position: relative;
    width: auto;
    top: 9px;
    text-align: right;
    color: #fff;
    float: right;
    margin-right: 60px;
    font-weight: bold;
}

    #divMonSite a, #divMonSite a:visited, #divMonSite a:active {
        color: #fff !important;
        text-decoration: none;
    }

        #divMonSite a:hover {
            color: #fff !important;
            text-decoration: underline;
        }

/* --------- imageLog ---------- */
.imageLogRow {
    border-radius: 30px;
    width: auto;
    height: 35px;
    top: -10px;
}

.imageLog {
    border-radius: 30px;
    width: 35px;
    height: auto;
    top: -10px;
}

.imageLogInGrid {
    float: right;
    padding-right: 10px;
}

.imageLogInRpt {
    width: 60px;
    height: auto;
    margin: 15px 0 0 -10px;
}

#panZoneLangues {
    float: right;
    margin-right: 10px;
}

#divChoixLangue {
    float: right;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    padding: 0 0 0 10px;
}

#divDrapeauLangue {
    float: right;
    width: 37px;
}

    #divDrapeauLangue img {
        height: 26px;
    }

#divMessages {
    clear: both;
    width: 100%;
    height: 20px;
    line-height: 20px;
    background: url(../images/admin_banMessage.jpg) #fff;
}

#divContenu {
    clear: both;
    min-height: 500px;
    height: auto;
    padding: 0 0 30px 0; /*overflow:auto;*/
    background: url(../images/admin_banContenu.jpg) #fff;
    overflow: auto;
}

#divPiedPage {
    width: auto;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    color: #262b36;
    background: #cad0db;
    margin: 0 auto;
    font-size: 10px;
}

.pageBlocPanel #panGauche,
.pageBlocPanel #panDroite {
    padding: 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 20px;
}

.linkApercu {
    background: #259dab;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 20px;
    display: block;
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
}

    .linkApercu:hover {
        background: #262b36;
        color: #fff !important;
        text-decoration: none;
    }

    .linkApercu span {
        margin-right: 10px;
    }

    .linkApercu.floatableApercu {
        position: fixed;
        top: 82px;
        z-index: 999;
    }

.linkRetour {
    background: #2574ab;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 20px;
    display: block;
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
}

    .linkRetour:hover {
        background: #262b36;
        color: #fff !important;
        text-decoration: none;
    }

    .linkRetour span {
        margin-right: 10px;
    }

        .linkRetour span:before {
            font-size: 12px;
        }

    .linkRetour.floatableApercu {
        position: fixed;
        top: 82px;
        z-index: 9999999999;
    }

.paramPanel.floatableApercuPanel {
    margin-top: 58px;
}

.contentSectionAdmin2col {
    display: flex;
    justify-content: space-between;
}

.sectionAdmin2col {
    padding: 20px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 20px;
    width: 46%;
    display: inline-block;
    vertical-align: top;
}

.contentFlexXcol {
    display: flex;
    align-items: stretch;
}

.flexXcol {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 20px;
    margin: 0 7px 7px 10px;
    display: inline-block;
    align-items: stretch;
    vertical-align: top;
}

    .flexXcol:first-child {
        margin-left: 0;
    }

    .flexXcol:last-child {
        margin-right: 0;
        flex: 2;
    }

.blocAdmin {
    width: 200px;
}

#rblVisibilite {
    margin: 0;
    padding: 0;
}

    #rblVisibilite li {
        margin-bottom: 5px;
    }

/*------------  Objets de Mise en forme -----------*/
.sautLigne {
    height: 35px;
    clear: both;
}

.clear {
    clear: both;
}

.pictoHelp {
    margin-left: 5px;
    height: 14px;
}

/*Div conteneur des photos vignettes des gridView*/
.divImgGridView {
    width: 135px;
    height: 90px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/*Centre les photos vignettes dans les gridView*/
.tdImgGridView {
    text-align: center;
    vertical-align: middle;
    width: 135px;
    height: 90px;
}

/*Centre les photos vignettes dans la gridView page admin_param_villes_liees*/
.tdImgGridViewVille {
    text-align: center;
    vertical-align: middle;
    width: 106px;
    height: 69px;
}

/*Div conteneur des pictos des gridView*/
.divPictoGridView {
    height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/*Centre les pictos dans les gridView*/
.tdPictoGridView {
    text-align: center;
    vertical-align: middle;
    height: 30px;
}

/******************************************** PAGE ADMINISTRABLES *********************************************/
/*barre d'outils pour chaque contenu*/
.dlContenus,
.dlPhotos {
    position: relative;
}

    .dlContenus span,
    .dlPhotos span {
        position: relative;
        display: block;
        margin-bottom: 10px;
    }

    .dlPhotos span {
        display: inline-block;
        margin-bottom: 15px;
    }

    .dlContenus tr td {
        position: relative;
    }

.imgPhotoCt {
    display: inline-block;
}

    .imgPhotoCt img {
        width: 100%;
    }

.contenuTexte2ColG,
.contenuTexte2ColD {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.outilsPageContenus {
    border: solid 1px #cccccc;
    margin-bottom: 5px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;
    background: rgba(37, 116, 171, 0.2);
    align-items: center;
    justify-content: center;
    display: none;
    font-size: 0;
}

.ctOutilsRetouche {
    padding: 15px;
    background: #fff;
}

.outilsPageContenusColDroite input {
    margin: 0 3px;
}

.outilsPageContenus input {
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border-top: solid 1px #ddd !important;
    border-right: solid 1px #ddd !important;
    border-bottom: solid 1px #ddd !important;
}

    .outilsPageContenus input:hover {
        box-shadow: 0px 0px 2px 0px #ccc;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=NaN, Strength=2);
    }

#dlTypeContenuPage input:hover {
    box-shadow: 0px 0px 2px 0px #ccc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=NaN, Strength=2);
}

/*Textbox de la barre d'outils*/
.outilsPageContenus input[type=text] {
    border: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-left: solid 1px #ddd !important;
    font-size: 12px;
}

/*Conteneur des outils pour les blocs associés à la page*/
.blocsBarGestion {
    border-bottom: solid 1px #ddd;
    clear: both;
    margin: 0;
    padding: 0;
}

/*Conteneurs des drapeaux dans la barre d'outils de chaque contenu*/
.blocLanguesContenus {
    vertical-align: middle;
    display: inline-block;
    height: 30px;
    min-width: 30px;
    border: solid 1px #cccccc !important;
    margin-left: 15px;
    text-align: center;
}

    .blocLanguesContenus img {
        padding: 10px 5px;
    }

        .blocLanguesContenus img:first-child {
            padding-left: 10px;
        }

        .blocLanguesContenus img:last-child {
            padding-right: 10px;
        }

        .blocLanguesContenus img:hover {
            cursor: pointer;
            box-shadow: 0px 0px 2px 0px #ccc;
            filter: progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=NaN, Strength=2);
        }

.contenuDroite {
    position: relative;
}

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

.ajoutBlocVign {
    margin-bottom: 30px;
}

/**************************** ADMIN CONFIG ***************************/
#divConfigs input[type=text] {
    width: 200px;
}

#divConfigs .adminSousTitre {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
}

.sectionConfig {
    display: block;
}

.sectionConfigTitre {
    font-size: 18px;
    color: #000;
    background: url(../images/fond-titre.png) no-repeat 0px 0;
    height: 46px;
    line-height: 46px;
    padding: 9px 0 0 20px;
}

.contentConfigFlexXcol {
    display: flex;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.configFlexXcol {
    padding-right: 35px;
    border-radius: 2px;
    margin-bottom: 20px;
    margin: 0 15px 7px 0px;
    display: inline-block;
    align-items: stretch;
    vertical-align: top;
}

    .configFlexXcol:first-child {
        margin-left: 0;
    }

    .configFlexXcol:last-child {
        padding-right: 0;
        border-right: 0px solid #ddd;
    }

    .configFlexXcol .tabFormulaire {
        min-width: 170px;
    }

        .configFlexXcol .tabFormulaire td {
            line-height: 16px;
        }

.configBoutik .configFlexXcol .tabFormulaire {
    min-width: 260px;
    margin-bottom: 20px;
}

.configGaleriePhoto .configFlexXcol .tabFormulaire {
    min-width: 210px;
    margin-bottom: 20px;
}

.configPage label {
    display: block;
    margin-bottom: 5px;
}

.classSousTitreConfig {
    font-size: 12px;
    font-weight: bold;
    color: #259dab;
    border-bottom: 1px solid #259dab;
    padding: 8px 0 0px 0;
}

.classSousTitreConfig2 {
    font-size: 12px;
    font-weight: bold;
    color: #259dab;
    border-bottom: 1px solid #259dab;
    padding: 0px;
}

.tabFormulaireConfig tr td {
    line-height: 16px;
    padding-bottom: 3px;
}

#ctl00_cphContenu_ckltypePage li {
    display: inline-block;
    text-align: center;
    margin-right: 25px;
    width: 126px;
    vertical-align: top;
    line-height: 17px;
}

    #ctl00_cphContenu_ckltypePage li .pictoPageChoix {
        margin-bottom: 5px;
        width: 126px;
        height: 83px;
        display: block;
    }

    #ctl00_cphContenu_ckltypePage li:nth-child(1) .pictoPageChoix {
        background: url(../images/contentDesignTypePage1.png);
    }

    #ctl00_cphContenu_ckltypePage li:nth-child(2) .pictoPageChoix {
        background: url(../images/contentDesignTypePage2a.png);
    }

    #ctl00_cphContenu_ckltypePage li:nth-child(3) .pictoPageChoix {
        background: url(../images/contentDesignTypePage2b.png);
    }

    #ctl00_cphContenu_ckltypePage li:nth-child(4) .pictoPageChoix {
        background: url(../images/contentDesignTypePage3.png);
    }

.infos {
    font-style: italic;
    font-size: 10px;
    margin-left: 10px;
    color: #bbb;
}

.infosAdmin {
    font-style: italic;
    font-size: 10px;
    margin-left: 10px;
}

.colonne2 {
    column-count: 2;
    column-gap: 18px;
}

.colonne4 {
    column-count: 4;
    column-gap: 18px;
}

#formAdminImageDesign {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    max-width: 900px;
}

    #formAdminImageDesign div {
        display: inline-block;
        text-align: center;
    }

    #formAdminImageDesign input[type=text] {
        width: 33px;
        text-align: right;
    }

    #formAdminImageDesign span {
        line-height: 15px;
        font-style: italic;
        font-size: 11px;
        padding: 10px 0;
        display: block;
    }

    #formAdminImageDesign tr td {
        text-align: center;
        padding: 0px 10px;
    }

        #formAdminImageDesign tr td img {
            margin-bottom: 10px;
        }

.tabFormulaire input[type=text] {
    margin-top: 0px;
}

.tabFormulaire td {
    vertical-align: middle;
}

.grasAdmin {
    font-weight: bold;
    color: #222;
}

.radioVerrou {
    display: block;
    margin: 10px 0 0 0;
}

.lienMailingTxt {
    margin: 25px 0;
    background: #eee;
    text-align: center;
    padding: 7px 10px;
}

    .lienMailingTxt span {
        display: inline-block;
        margin-left: 20px;
        border: 0;
        background: none;
        color: #259dab;
    }

.configSliderAdmin {
    vertical-align: top;
    float: left;
    margin-right: 30px;
}

.fotorama {
    min-height: 80px !important;
}

/******************************************************************/
/**************** STYLES BLOG ************************************/
/*****************************************************************/
.adminBlocBlog {
    margin: 0 0 25px 0;
}

.adminBlocBlogContenu {
    background: #f8f8f8;
    padding: 10px;
}

.blogContainerCommentaire {
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.blogContainerCommentaires {
    margin-bottom: 15px;
    width: 100%;
    display: none;
}

    .blogContainerCommentaires div:first-child {
        width: 100%;
    }

.adminBlogCommentaireContainerOutils {
    height: 20px;
    float: none !important;
    text-align: left !important;
}

    .adminBlogCommentaireContainerOutils input[type=image],
    .adminBlogCommentaireContainerOutils img {
        margin-right: 5px;
        vertical-align: middle;
    }

.adminBlogCommentaireMail {
    height: 22px;
    float: none !important;
    text-align: left !important;
}

.adminBlogCommentaireUser {
    margin-right: 10px;
    font-size: 14px;
    color: #000 !important;
    font-weight: bold;
    text-decoration: none;
}

    .adminBlogCommentaireUser a:link,
    .adminBlogCommentaireUser a:visited,
    .adminBlogCommentaireUser a:active {
        color: #000 !important;
        font-weight: bold;
        text-decoration: none;
    }

    .adminBlogCommentaireUser a:hover {
        text-decoration: underline;
    }

.adminBlogCommentaireDate {
    font-style: italic;
    font-size: 11px;
    color: #8B8B8B;
    margin-right: 5px;
}

.adminBlogCommentaireIp {
    display: inline-block;
    float: right;
    color: #8B8B8B;
    font-size: 10px;
    margin-top: 3px;
}

.adminBlogCommentaireTexte {
    line-height: 15px;
    text-align: left !important;
}

/*listing articles*/
.blogArticleRow {
    padding: 10px;
}

.blogArticleColTitre {
    width: 500px;
    text-align: left !important;
    font-size: 16px;
}

.blogArticleColDate {
    width: 115px;
    display: inline-block;
}

.blogArticleColAuteur {
    min-width: 160px;
    display: inline-block;
}

.blogArticleColNbCommentaires {
    display: inline-block;
    background: #2574ab;
    padding: 5px 0px 5px 8px;
    color: #fff !important;
    width: 165px;
    font-size: 11px;
}

.tabloBlogArticle td {
    padding: 0;
    background: #f9f9f9;
}

.tabloBlogArticle tr:nth-child(2n+1) td {
    padding: 0;
    background: #f0f0f0;
}

.blogArticleColNbVues {
    width: 60px;
}

.blogArticleColEnLigne {
    width: 60px;
}

.blogArticleColSupprimer {
    width: 40px;
}

.lienVoirCommentaires {
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
}

    .lienVoirCommentaires:hover {
        color: #fff !important;
        text-decoration: none;
    }

.pictoSensDerouleDown {
    display: inline-block;
    width: 11px;
    height: 17px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    color: #fff;
}

.pictoSensDerouleUp {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    background: url(../images/up.png);
}

.ValeurStat {
    color: #259dab;
}

.tabloArticle {
    width: 500px;
}

    .tabloArticle tr td:first-child {
        width: 100px;
    }

/*****************************************/
/********* BANDEAU ALERT MODULE SETUP ***********/
.alertSetup {
    background: #ff0000;
    height: 30px;
    position: fixed;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 1001;
    line-height: 30px;
    color: #fff;
}

    .alertSetup a {
        color: #fff !important;
    }

        .alertSetup a:hover {
            text-decoration: none;
        }

/****************************************************/
/*************** MODULE NEWSLETTER ******************/
#panOutilsBlocs.outilsPageContenus {
    margin-top: 0;
}

#panNewsletterColonne {
    float: left;
    background: #fcfcfc;
}

    #panNewsletterColonne .outilsPageContenusColDroite {
        background: #fcfcfc;
    }

/*******************************************************/
/*************** POPUPS *******************************/
.bandeauHautPopup {
    text-align: right;
    margin-bottom: 15px;
}

.bandeauBoutonsPopup {
    text-align: center;
    margin-top: 15px;
}

.newsletterBloc {
    margin-bottom: 20px;
}

.newsletterEspace {
    background: #cccccc;
    text-align: center;
}

/***************************/
#ancresAdmin {
    border-bottom: 1px solid #ccc;
    background: #fafafa;
    margin-bottom: 20px;
    position: fixed;
    top: 82px;
    width: 100%;
    text-align: left;
    z-index: 400;
}

    #ancresAdmin a {
        margin: 0 1px;
        padding: 5px 5px;
        font-size: 11px;
        display: inline-block;
        text-decoration: none;
    }

        #ancresAdmin a:hover {
            background: #ccc;
            color: #fff !important;
        }

.ancresAdminLimit {
    margin-right: 220px;
}

/*Set la width des images de l'admin a initial pour ne pas dépendre des 100% du responsive de la css templates (cas des cuteseditors etc.)*/
#divParentContenuAdmin img {
    width: initial;
}

.contenuPageSlider #slides img {
    width: 100% !important;
}

.formConfigSpace input[type=checkbox] + label {
    display: block;
    margin: 7px 0 0 0;
}

.noteAdmin {
    display: block;
    margin-top: -5px;
    font-size: 10px;
    font-style: italic;
}

/*style popup cute afin qu'il passe par dessus la modale*/
.ceifdialog {
    z-index: 9999999 !important;
}

#tvElements > table > tbody > tr > td {
    padding-bottom: 10px;
}

#tvElements div {
    padding-bottom: 5px;
}

#tvElements table > tbody > tr > td a:nth-child(3) {
    margin-right: 5px;
}

#tvElements table > tbody > tr > td a:nth-child(4) {
    margin-right: 5px;
    text-decoration: none;
}

#rblBlocType td {
    display: block;
}

#panReferencement input,
#panReferencement textarea {
    margin-bottom: 5px;
}

.videoCtiFrame {
    margin: 20px auto;
}

.ctImageVignAdmin {
    position: relative;
    display: inline-block;
    padding: 20px;
    border: 3px dashed #D7E2E2 !important;
    max-width: 160px;
    width: initial;
    height: initial;
    border-radius: 10px;
}

    .ctImageVignAdmin img {
        width: 100%;
    }

.ctImageVignAdminDelete {
    position: absolute;
    top: 60px;
    right: 2px;
    right: initial;
}

.ctImageVignClientDelete {
    position: absolute;
    top: 20px;
    right: 0px;
}

.ctIcoStat {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.statBlogVignetteIco {
    display: inline-block;
    background: #f9f9f9;
    width: 48%;
}

    .statBlogVignetteIco div {
        padding: 6px 6px 4px 6px;
    }

.statBlogVignette {
    display: inline-block;
    width: 100%;
    background: #f9f9f9;
    margin-bottom: 20px;
}

    .statBlogVignette > div {
        padding: 10px 10px 20px 10px;
    }

.statBloCGauche {
    float: left;
    width: 55px;
}

.statBloCtDroit {
    float: left;
    margin-left: 10px;
    width: 160px;
}

.statBlogIcon [class^=icon-],
.statBlogIcon [class*=" icon-"] {
    width: 55px;
    height: 59px;
    line-height: 55px;
    text-align: center;
    background: #259dab;
    color: #fff;
    font-size: 30px;
    padding-left: 4px;
}

.statBlogTitle {
    color: #818da7;
    margin: -1px 0 0 0;
    line-height: 12px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.statBlogVignetteIco .statBlogChiffre {
    line-height: 20px;
    color: #000;
    margin: 0 0 3px;
    font-size: 40px;
}

.statBlogVignette [class^=icon-],
.statBlogVignette [class*=" icon-"] {
    width: 55px;
    height: 59px;
    line-height: 55px;
    text-align: center;
    background: #2574ab;
    color: #fff;
    font-size: 30px;
    padding-left: 4px;
    float: left;
    margin-left: 8px;
    margin-right: 20px;
}

.statBlogVignette .statBlogTitle {
    line-height: 22px;
    color: #818da7;
    margin: 5px 0 0px;
}

.statBlogVignette .statBlogChiffre {
    line-height: 12px;
    color: #000 !important;
    margin: 3px 0 3px;
}

    .statBlogVignette .statBlogChiffre a {
        color: #000 !important;
        font-size: 17px;
        text-decoration: none;
    }

    .statBlogVignette .statBlogChiffre span span {
        color: #818da7 !important;
        font-size: 13px;
        font-weight: normal;
    }

.statBlogInfo {
    font-size: 12px;
    color: #259dab;
}

#divBandeauOutilsModule {
    position: absolute;
    top: 0;
}

    #divBandeauOutilsModule.floatableBandoModule {
        position: fixed;
        top: 82px;
        z-index: 9999999999;
    }

.tabAdminModule tr td {
    vertical-align: top;
}

.tabAdminModule span {
    padding-top: 8px;
    display: inline-block;
}

.tabAdminModule .info {
    margin-top: -15px;
    font-size: 10px;
}

.sectionAdmin.floatableParam {
    position: fixed;
    top: 82px;
    z-index: 9999999999;
}

.tabConfigSlider tr td {
    vertical-align: top;
    padding-bottom: 2px;
    padding-left: 0px;
    text-align: center;
}

    .tabConfigSlider tr td:first-child {
        padding-left: 0px;
        padding-right: 20px;
        text-align: left;
    }

.tabConfigSlider tr:nth-child(-n+7) td {
    vertical-align: top;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: center;
}

.tabConfigSlider p {
    text-align: center;
}

.trBorder {
    border-bottom: 1px solid #ddd;
}

#ctl00_cphContenu_ckltypePage {
    margin-left: 0;
    padding-left: 0;
}

.mentionsConfigTab td {
    vertical-align: top;
}

#divConfigs .sectionAdmin .adminTitre {
    margin-bottom: 20px;
}

.adminListingArticles tr td:nth-child(4) {
    width: 500px;
}

.adminListingArticles tr td:nth-child(n+5),
.adminListingArticles tr th:nth-child(n+5) {
    text-align: center;
}

.smallIcon:before {
    font-size: 10px;
}

.catBlogAdmin span label {
    margin: 0 0 6px 0 !important;
    display: inline-block;
}

/*****************************************************/
/***************** STATISTIQUES **********************/
/*****************************************************/
.statTitre {
    float: left;
}

.statPeriode {
    float: right;
}

    .statPeriode input[type=text] {
        padding: 2px 5px;
        width: 80px;
        margin: 0 3px;
    }

.stats {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
}

.statsCt {
    margin-top: 10px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    border: 1px solid #ccc;
    padding: 10px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 6px;
}

.statsCamembert {
    margin-top: 10px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 340px;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-left: 20px;
    padding: 10px 15px;
}

#ct-pie-sessions {
    width: 180px;
    display: inline-block;
}

.statsCamTxt {
    width: 120px;
    vertical-align: top;
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
}

.ctIcoAnalytics {
    display: inline-block;
    margin: 5px;
}

.analyticsVignetteIco {
    display: inline-block;
    background: #f9f9f9;
    /*width:250px;*/
}

    .analyticsVignetteIco > div {
        padding: 5px;
    }

.analyticsIconBlocG {
    float: left;
    display: inline-block;
}

.analyticsIconBlocD {
    float: left;
    display: inline-block;
}

.analyticsTitle {
    color: #818da7;
    margin: -1px 0 0 0;
    line-height: 12px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.analyticsVignetteIco .analyticsChiffre {
    line-height: 19px;
    margin: 0 0 0px;
    font-size: 20px;
}

.analyticsVignetteIco [class^=icon-], .analyticsVignetteIco [class*=" icon-"] {
    width: 35px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    background: #259dab;
    color: #fff;
    padding-left: 4px;
}

    .analyticsVignetteIco [class^=icon-]:before, .analyticsVignetteIco [class*=" icon-"]:before {
        font-size: 15px;
    }

.statColor1 [class^=icon-] {
    background: #2574ab;
}

.statColor2 [class^=icon-] {
    background: #259dab;
}

.statColor3 [class^=icon-] {
    background: #2574ab;
}

.statColor4 [class^=icon-] {
    background: #259dab;
}

.statColor5 [class^=icon-] {
    background: #2574ab;
}

.statColor6 [class^=icon-] {
    background: #259dab;
}

.statColor7 [class^=icon-] {
    background: #E57B7B;
}

.statColor8 [class^=icon-] {
    background: #aaa;
}

.analyticsVignetteIco2 {
    display: inline-block;
    background: #f9f9f9;
    min-width: 115px;
    /*width:250px;*/
}

    .analyticsVignetteIco2 > div {
        padding: 5px;
    }

    .analyticsVignetteIco2 .analyticsChiffre {
        line-height: 19px;
        margin: 0 0 0px;
        font-size: 20px;
    }

    .analyticsVignetteIco2 [class^=icon-], .analyticsVignetteIco2 [class*=" icon-"] {
        width: 25px;
        height: 29px;
        line-height: 29px;
        text-align: center;
        color: #fff;
        padding-left: 4px;
    }

        .analyticsVignetteIco2 [class^=icon-]:before, .analyticsVignetteIco2 [class*=" icon-"]:before {
            font-size: 13px;
        }

.classBackGris {
    background: #e7ebf2;
    padding: 3px;
}

.classSepPeriodeStat {
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    background: #ddd;
}

.classBlocStat {
    display: inline-block;
    width: 180px;
    height: 130px;
    text-align: center;
    border-right: 1px solid #6f6f6f;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    padding: 10px;
}

    .classBlocStat:nth-child(1) {
        border-left: 1px solid #6f6f6f;
    }

    .classBlocStat span {
        font-size: 16px;
        font-weight: normal;
        color: #000;
        padding-bottom: 21px;
        display: block;
    }

    .classBlocStat input[type=submit] {
        width: 150px;
        background: #000;
    }

        .classBlocStat input[type=submit]:hover {
            background: #6f6f6f !important;
        }

.active1 {
    background: #259dab;
    color: #fff !important;
}

.active2 {
    background: #b0ca33;
    color: #fff !important;
}

.active3 {
    background: #E57B7B;
    color: #fff !important;
}

    .active1 span, .active2 span, .active3 span {
        color: #fff !important;
    }

.adminFormulaire img {
    max-width: 250px;
}

.ctDevisCreator {
    margin-bottom: 20px;
}

.panSection .contentAll:last-child .sectionAdmin {
    margin-bottom: 30px;
}

.ddlValRecurrence {
    margin: 0 10px;
}

.panelGestionElement {
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
}

    .panelGestionElement a {
        flex: none;
        text-decoration: none;
    }

.openAccordeon {
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 35px;
    right: 80px;
}

    .openAccordeon:before {
        content: "ꀒ";
        color: #D7E2E2;
        transition: all 0.2s ease-in-out;
        font-size: 36px;
        font-family: "icomoonERP";
    }

    .openAccordeon:hover:before, .openAccordeon.actif:before {
        color: #003A42;
    }

    .openAccordeon.actif:before {
        content: "ꀑ" !important;
        /*color: red;*/
    }

.panelGestionElement input {
    padding: 0;
    border-right: 1px solid #ddd !important;
}

    .panelGestionElement input:last-child {
        border-right: none !important;
    }

.articlesInsideCat {
    /*padding-left: 20px;*/
}

    .articlesInsideCat .panelGestionElement {
        /*width: 135px;*/
    }

.divGestionElementCategorie .panelGestionElement {
    border-top: none;
    width: auto;
    margin-right: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: none;
    column-gap: 10px;
}

    .divGestionElementCategorie .panelGestionElement .btns-upDown {
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 10px;
    }

.deporteLeft {
    transform: translateX(-130px);
}

.divGestionElementSection .panelGestionElement input {
    padding: 5px 5px;
}

.divGestionElementCategorie .panelGestionElement input {
    padding: 5px 5px;
}

.divDevisArticle .panelGestionElement {
    /*position: absolute;
  right: 10px;
  top: 0px;
  width: 84px;*/
}

.tabloDevisHeader {
    font-size: 11px;
    /*margin-bottom: 20px;*/
    margin-top: -15px;
    color: rgba(0, 58, 66, 0.6) !important;
    font: bold 11px/14px "SF Pro Display" !important;
}

    .tabloDevisHeader tr td {
        padding-bottom: 8px;
        color: rgba(0, 58, 66, 0.6) !important;
    }

    .tabloDevisHeader tbody {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding-right: 105px;
    }

        .tabloDevisHeader tbody tr:first-child {
            column-gap: 60px;
        }

            .tabloDevisHeader tbody tr:first-child td:nth-child(3) {
                min-width: auto;
                flex: auto;
                padding-right: 0;
            }

input[type=image].imageArticle {
    height: auto !important;
    width: 90% !important;
}

.tabloDevis {
    width: 100%;
}

    .tabloDevis tr:first-child {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        column-gap: 15px;
    }

        .tabloDevis tr:first-child td:nth-child(1) {
            display: none;
        }

        .tabloDevis tr:first-child td:nth-child(3) {
            flex: 1 1;
        }

    .tabloDevis .ddlQuantite:not(.tabArticleModel .ddlQuantite), .tabloDevis .txtPrixUnitaire {
        height: 38px;
        line-height: 38px;
        padding: 0;
        /*background: transparent;*/
        border-radius: 5px;
        border: none;
        text-align: center;
        font: normal 14px/38px "SF Pro Display";
        margin: 0;
    }

    .tabloDevis .ddlQuantitePassee:not(.tabArticleModel .ddlQuantitePassee) {
        height: 38px;
        line-height: 38px;
        padding: 0;
        
        /*background: transparent;*/
        border-radius: 5px;
        border: none;
        text-align: center;
        font: normal 14px/38px "SF Pro Display";
        margin: 0;
    }



.tabloDevis .DropGris {
    background: transparent !important;
    font: normal 14px/38px "SF Pro Display" !important;
}

    .tabloDevis.tabloRecettage tr:first-child td:nth-child(3), .tabloDevis.tabloRecettage tr:first-child td:nth-child(4) {
        display: none;
    }

    .tabloDevis.tabloRecettage tr:first-child td:nth-child(5) {
        flex: 1 1;
    }

.tabArticleModel tr td:nth-child(1) {
    align-content: stretch;
}

.txtDesignationArticle {
    width: 400px;
}

.ddlQuantite, .ddlQuantitePassee, .ddlTypeUnit, .txtReperage {
    max-width: 60px;
}

.txtSousFamille1, .txtSousFamille2 {
    max-width: 100px;
}

.txtPoids {
    max-width: 30px;
}

.btnImageDevis {
    margin-left: 0;
    background: none !important;
    border: 1px solid #384b63;
    color: #384b63;
    cursor: pointer;
}

.tabloDevis tr td:nth-child(3) {
    min-width: 370px;
    padding-right: 20px;
}

.tabloDevis tr td:nth-child(3) {
    /*width: 120px;*/
    text-align: center;
    font-size: 11px;
}

    .tabloDevis tr td:nth-child(3) input {
        /*width: 70px;*/
    }

.tabloDevis tr td:nth-child(4) {
    /*width: 70px;*/
    text-align: center;
}

    .tabloDevis tr td:nth-child(4) div {
        margin: 0 auto;
        display: flex;
        text-align: center;
        flex-direction: row;
        align-items: center;
        column-gap: 8px;
    }

    .tabloDevis tr td:nth-child(4) select {
        /*width: 53px;*/
        margin: 0 auto;
    }

.tabloDevis tr td:nth-child(5) {
    /*width: 60px;*/
    text-align: center;
}

    .tabloDevis tr td:nth-child(5) select {
        /*font-size: 11px;*/
    }

.tabloDevis tr td:nth-child(6) {
    /*width: 90px;*/
    text-align: center;
    /*padding-right: 20px;*/
}

    .tabloDevis tr td:nth-child(6) div {
        display: flex;
        text-align: center;
        flex-direction: column;
        align-items: center;
        column-gap: 8px;
    }

/*        .tabloDevis tr td:nth-child(6) div .panelQuantite {
            display: flex;
            text-align: center;
            flex-direction: column;
            align-items: center;
            column-gap: 8px;
        }
*/

.tabloDevis tr td:nth-child(7) {
    /*width: 100px;*/
    text-align: left;
    position: relative;
}

    .tabloDevis tr td:nth-child(7) div {
        display: flex;
        text-align: center;
        flex-direction: row;
        align-items: center;
        column-gap: 8px;
        height: 38px;
    }

    .tabloDevis tr td:nth-child(7) .imgSupprArticleDevis {
        padding-left: 18px;
    }

.tabloDevis tr td:nth-child(n+1) {
    vertical-align: top;
}

.tabloDevis table {
    width: 100%;
}

    .tabloDevis table tr td:nth-child(n+1) {
        width: auto;
        vertical-align: middle;
        line-height: 35px;
        display: flex;
        flex-direction: row;
        column-gap: 10px;
    }

.tabloDevis .panelGestionElement {
    /*height: 21px;*/
}

    .tabloDevis .panelGestionElement input {
        padding: 0;
    }

.categorieLigne {
    margin-bottom: 14px;
    /*background: $c-input;
  border-radius: 14px;
  padding: 30px 20px;*/
}

    .categorieLigne .sepCategDevis {
        height: 4px;
        width: 100%;
        background: #384b63;
        margin-top: 0px;
        margin-bottom: 20px;
        padding-left: 30px;
    }

.btnAjoutLigne {
    text-transform: uppercase;
    font-size: 9px !important;
    height: auto !important;
    line-height: normal !important;
    padding: 2px 5px !important;
    cursor: pointer;
    border: 1px solid #755FE6 !important;
    background: #755FE6 !important;
    color: #fff !important;
}

    .btnAjoutLigne:hover {
        border: 1px solid #755FE6 !important;
        background: #755FE6 !important;
        color: #fff !important;
    }

.tabloDevis, .tabloDevis .bouton, tabloDevis input[type=submit] {
    color: #384b63 !important;
}

.UnitGeneral {
    /*margin-left: 3px;*/
    /*font-size: 11px;*/
}

.txtPrixUnitaire, .txtPrixUnitaireTTC {
    width: 54px;
}

.txtFTNotes {
    width: 95%;
    font-size: 11px;
    height: 35px;
    font-family: sans-serif;
    padding: 2px 5px;
}

.txtBoxFSNom {
    font-size: 11px;
}

.headerRecapCmdPresta {
    text-align: left;
}

.headerRecapCmd {
    text-align: right;
}

.txtBoxFSPrix {
    font-size: 11px;
    width: 30px;
}

.txtBoxFSDescription {
    font-size: 11px;
}

.txtDesignationDevisArticle {
    width: 95%;
    margin-bottom: 10px;
}

.txtDescriptionDevisArticle {
    width: 95%;
    margin-bottom: 10px;
    /*height: 55px;*/
    padding: 5px;
}

.articleDesComplex {
    width: 70%;
}

.panelPrixTotalDevisArticle, .panelPrixTotalDevisArticle_ArticleComplexe {
    /*    background: $c-white;*/
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    border-radius: 5px;
    position: relative;
    font: bold 14px/38px "SF Pro Display";
    /*    color: $c-main;
  */
}

.ddlQuantite, .ddlQuantitePassee, .txtPrixUnitaire {
    background: !important #fff;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    border-radius: 5px;
    position: relative;
    font: bold 14px/38px "SF Pro Display";
    color: #003A42;
}

.tabloDevis input[type=submit] {
    border-radius: 0;
    border: 1px solid #384b63;
    padding: 0;
    height: auto;
    width: auto;
    padding: 0 8px;
    margin-left: 5px;
}

.tabloValidite {
    border-spacing: 1px;
    border-collapse: separate;
    margin-bottom: 20px;
}

    .tabloValidite tr td:nth-child(1) {
        width: 100px !important;
        vertical-align: middle !important;
    }

    .tabloValidite tr:nth-child(2) td:nth-child(1) {
        width: 100px !important;
        vertical-align: top !important;
    }

.tabloFraisSupp {
    border-spacing: 1px;
    border-collapse: separate;
    margin-bottom: 20px;
}

    .tabloFraisSupp tr {
        display: flex;
        flex-direction: row;
        column-gap: 8px;
        align-items: center;
    }

        .tabloFraisSupp tr td {
            vertical-align: middle !important;
        }

            .tabloFraisSupp tr td:nth-child(1) {
                width: 160px !important;
            }

            .tabloFraisSupp tr td:nth-child(2) {
                width: 55px !important;
                min-width: 0;
                padding-right: 0px;
            }

                .tabloFraisSupp tr td:nth-child(2) input {
                    width: 45px !important;
                }

            .tabloFraisSupp tr td:nth-child(3) {
                width: 30px !important;
                text-align: left;
                padding: 0 10px 0 0 !important;
            }

            .tabloFraisSupp tr td:nth-child(4) {
                vertical-align: top !important;
                width: 20px !important;
                text-align: center;
                padding: 0 5px 0 0 !important;
            }

                .tabloFraisSupp tr td:nth-child(4) input {
                    width: 20px !important;
                }

            .tabloFraisSupp tr td:nth-child(5) {
                text-align: left;
                padding: 0 10px 0 10px !important;
                font-size: 11px;
            }

            .tabloFraisSupp tr td:nth-child(7) {
                padding-right: 0px;
                text-align: left !important;
            }

                .tabloFraisSupp tr td:nth-child(7) input {
                    width: 95%;
                    min-width: 78px;
                }

            .tabloFraisSupp tr td:nth-child(8) {
                /*width: 15px !important;*/
                text-align: left;
            }

.fraisSupDiv {
    margin: 30px 0 15px 0;
}

.mini {
    font-size: 9px;
}

.listDevisTab, .listNotifTab {
    font-size: 12px;
}

.listdevis-ref {
    font-size: 11px;
}

.listdevis-refWidth {
    width: 80px;
}

.listdevis-date {
    padding-right: 10px;
    position: relative;
}

    .listdevis-date:hover .listdevis-heure {
        display: inline-block;
    }

.noLinkSlgn a {
    text-decoration: none;
    color: #4D4F5C;
}

    .noLinkSlgn a:hover {
        text-decoration: underline;
        color: #2574ab;
    }

.listdevis-heure {
    white-space: nowrap;
    color: #2574ab;
    background: #eee;
    display: inline-block;
    text-align: center;
    padding: 2px 5px;
    position: absolute;
    left: 65px;
    top: -4px;
    border: 1px solid #ccc;
    display: none;
}

.listdevis-nomclient, .listnotif-title {
    color: #2574ab;
}

.listdevis-recurrent,
.listdevis-publie,
.listcmd-recurrent {
    color: #aaa;
    font-size: 11px;
}

.listdevis-montantCell {
    text-align: right;
    padding-right: 25px;
}

.listdevis-isAttenteCell {
    text-align: right;
    padding-right: 25px;
    width: 20px;
}

.listdevis-montant {
    text-align: right;
    padding-right: 20px;
    white-space: nowrap;
}

.listdevis-devise {
    display: inline-block;
    font-size: 10px;
    margin-left: 3px;
}

.listdevis-emis,
.listdevis-relances {
    width: 60px;
    margin: 0 auto;
}

.listdevis-centre {
    text-align: center;
}

.listdevis-recurrent {
    text-align: center;
}

.listdevis-recurrent-jours {
    text-align: center;
    color: darkseagreen;
    border: 1px solid darkseagreen;
    padding: 2px 5px;
    display: block;
    text-align: center;
    font-size: 11px;
}

.listdevis-versions select,
.listdevis-versions option {
    font-size: 9px;
}

.radioBtnListChoixTypePrestationArticle {
    padding-left: 3px;
    display: inline-block;
    padding-left: 0;
    top: -3px;
    position: relative;
    margin-right: 20px;
    height: auto;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .radioBtnListChoixTypePrestationArticle li {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        width: 200px;
        text-align: left;
        line-height: 14px;
        margin-bottom: 10px;
    }

        .radioBtnListChoixTypePrestationArticle li label {
            padding-top: 5px;
            height: auto !important;
            line-height: 14px !important;
        }

.divInfoPrestaAnalytics, .divInfoTypePrestationArticle {
    /*font-size: 11px;*/
}

    .divInfoPrestaAnalytics select, .divInfoTypePrestationArticle select {
        top: 1px;
        position: relative;
        margin-right: 20px;
        font-size: 11px;
    }

.ckIsSautPageSection, .ckIsSautPageCategorie, .ckIsSautPage {
    color: #384b63;
    font-style: italic;
    margin-left: 20px;
    font-size: 11px;
    word-break: keep-all;
    width: 80px;
    display: inline-block;
}

.ckIsSautPageSection {
    margin: 0;
    position: absolute;
    bottom: 30px;
    width: auto;
}

.ckIsSautPageCategorie {
    width: auto;
}

.separateurArticle {
    margin-right: 50px;
    border: 1px solid grey;
}

.categorieDevisPanel-content {
    padding: 25px;
    border: 3px dashed #D7E2E2;
    border-radius: 15px;
    box-sizing: border-box;
    margin-left: 80px;
}

.panArticlesInsideSection {
    padding: 25px;
    border: 3px dashed #D7E2E2;
    border-radius: 15px;
    box-sizing: border-box;
    margin-left: 80px;
}

    .panArticlesInsideSection .divDevisArticleEnglobe {
        display: flex;
        flex-direction: column;
        row-gap: 15px;
    }

.btnAddCategorieAndArticleToSection {
    margin-left: 10px;
    margin-right: 20px;
}

.panArticlesInsideSection {
    padding-left: 20px;
}

.panArticlesInsideCategorie {
    /*padding-left: 30px;*/
}

.divSectionLigne, .divRecurrenceDescription, .divFiltreDevis, .divPanelAdressesDevis {
    width: 100%;
}

.devisDetail {
    min-width: 1060px;
}

    .devisDetail .nomDevis {
        margin-bottom: 20px;
    }

    .devisDetail .adminTitreIntro, .devisDetail .adminTitre {
        display: inline-block;
    }

    .devisDetail .tableClient tr td {
        padding-bottom: 0;
    }

.sepTitre {
    height: 25px;
    width: 1px;
    display: inline-block;
    border-left: 1px solid #ddd;
    margin: 0 20px;
    vertical-align: top;
}

.divDevisArticle {
    position: relative;
    background: #F8F6F5;
    border-radius: 14px;
    padding: 30px 20px;
}

    .divDevisArticle .ckAllowed {
        display: none;
    }

    .divDevisArticle .Drop {
        background: #fff;
    }

    .divDevisArticle .divInfoPrestaAnalytics {
        display: flex;
        column-gap: 20px;
        justify-content: space-between;
        flex-direction: row;
    }

        .divDevisArticle .divInfoPrestaAnalytics .radioBtnListChoixTypePrestationArticle {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            column-gap: 20px;
        }

            .divDevisArticle .divInfoPrestaAnalytics .radioBtnListChoixTypePrestationArticle li {
                margin-right: 0;
                width: auto;
            }

        .divDevisArticle .divInfoPrestaAnalytics .divInfoPrestaAnalytics-left {
            margin-left: 110px;
            display: flex;
            flex-direction: column;
            row-gap: 5px;
        }

            .divDevisArticle .divInfoPrestaAnalytics .divInfoPrestaAnalytics-left .divDecalage {
                display: flex;
                flex-direction: row;
                column-gap: 10px;
            }

        .divDevisArticle .divInfoPrestaAnalytics .divInfoPrestaAnalytics-right {
            width: 300px;
            transform: translateY(-30px);
            margin-bottom: -40px;
        }

            .divDevisArticle .divInfoPrestaAnalytics .divInfoPrestaAnalytics-right .label {
                font-weight: bold;
                display: block;
                margin-bottom: 5px;
                margin-top: 15px;
            }

            .divDevisArticle .divInfoPrestaAnalytics .divInfoPrestaAnalytics-right .Drop {
                margin-bottom: 20px;
                /*background: $c-input;*/
            }

.sectionAdmin table.tabloDevis tr:not(:nth-child(1)):hover {
    background: transparent !important;
}

.panArticlesInsideCategorie .divDevisArticleCategorieEnglobe {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

    .panArticlesInsideCategorie .divDevisArticleCategorieEnglobe .divDevisArticle:first-child {
        padding-top: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.divDevisArticle:nth-child(2n+0) {
    /*background: #f7f7f7;*/
}

.divArticleHeader {
    margin-right: 60px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.classImgVisuArticleDevis {
    position: absolute;
    right: 150px;
    top: 150px;
    border-top: none;
    border-right: none;
    margin-right: -30px;
    height: 27px;
    width: 95px;
}

.txtSection {
    font-size: 28px;
    padding: 2px 5px;
    height: auto;
    flex: 1 1;
    font: bold 30px/35px "SF Pro Display";
    color: #003A42;
    /*border: 2px solid $c-input;*/
    border: none;
    border-radius: 8px;
}

.txtCategorie {
    font-size: 22px;
    padding: 2px 5px;
    height: auto;
    width: 100%;
    flex: 1 1;
    box-sizing: border-box;
    background: transparent;
    border: none;
    font: bold 25px/28px "SF Pro Display";
}

.devisBtnAjoutArticleCatCt {
    margin: 5px 20px 20px;
    /*border-top: 1px solid #ccc;*/
    padding-top: 20px;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
}

    .devisBtnAjoutArticleCatCt .btnAjoutNouveau {
        margin: 0 10px;
    }

        .devisBtnAjoutArticleCatCt .btnAjoutNouveau:first-child {
            margin: 0 10px 0 0px;
        }

    .devisBtnAjoutArticleCatCt .devisGrouperMontant {
        float: right;
        margin-right: 20px;
    }

.sepTrait {
    border-top: 1px solid #ccc;
    margin: 20px 0;
    height: 1px;
    width: 100%;
}

.sepWord {
    margin: 8px 10px 0 0;
    display: inline-block;
}

.btnPopSecondRow .ct-input {
    margin-top: 0px;
}

.titreCategorieBloc {
    margin-top: 0px;
    width: 100%;
}

.titreCategorieBloc-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 20px;
}

.divGestionElementSection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: height 0.2s ease-in-out;
    /*margin-bottom: 30px;*/
}

.divGestionElementSection-left {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
    flex: 1 1;
}

.divGestionElementSection.sectionFixe {
    background: #fff;
    z-index: 999;
    left: 243px !important;
    width: calc(100% - 243px) !important;
    right: 0;
    max-width: 100% !important;
    box-shadow: 1px 7px 19px 0px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 1px 7px 19px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 1px 7px 19px 0px rgba(0, 0, 0, 0.09);
    height: 50px !important;
    max-height: 50px !important;
    overflow: hidden;
}

    .divGestionElementSection.sectionFixe .btns-upDown {
        /*transform: translateX(-200px);*/
        display: none;
    }

    .divGestionElementSection.sectionFixe .panelGestionElement {
        display: none;
    }

    .divGestionElementSection.sectionFixe .txtSection {
        font-size: 23px;
    }

    .divGestionElementSection.sectionFixe .divGestionElementSection-left {
        padding-left: 30px;
    }

    .divGestionElementSection.sectionFixe .divRecapInfoHeader {
        margin-right: 190px;
    }

.contentPanelReply .sectionFixe {
    left: 60px !important;
    width: calc(100% - 60px) !important;
}

.divGestionElementCategorie {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    column-gap: 30px;
    padding-left: 20px;
    background: #F8F6F5;
    border-top-left-radius: 14px;
    padding: 20px 20px 0 20px;
    border-top-right-radius: 14px;
}

.divGestionElementCategorieSous1 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 4px solid #259dab;
    border-top: 4px solid #259dab;
    padding-top: 20px;
}

.width100 {
    width: 100%;
}

.sousCategDevisTitre {
    margin-bottom: 20px;
}

.divGestionElementCategorieSous1 .panelGestionElement {
    border: 1px #ccc solid;
    height: 20px;
    width: 105px;
    text-align: center;
    position: relative;
    top: -20px;
    right: -20px;
}

.divBordureLeftSousCat {
    margin-left: 0px;
    border-left: 4px solid #259dab;
    padding-left: 20px;
}

    .divBordureLeftSousCat + .devisBtnAjoutArticleCatCt {
        margin-left: 0px;
        border-left: 4px solid #259dab;
        padding-left: 20px;
        margin-top: 0;
    }

.divBordureLeftSousCat2 {
    margin-left: 0px;
    border-left: 4px solid #818da7;
    padding-left: 20px;
    padding-top: 20px;
}

.panSubSubCategories {
    padding-bottom: 20px;
    margin-top: 20px;
}

.divGestionBtnCategorieSous1 {
    padding-right: 40px;
    padding-left: 20px;
}

/*.panSubSubCategories{
margin-bottom:40px;
}*/
.divGestionElementCategorieSous2 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding-right: 20px;
    padding-left: 20px;
    -js-display: flex;
    border-left: 4px solid #818da7;
    border-top: 4px solid #818da7;
    padding-top: 20px;
}

    .divGestionElementCategorieSous2 .panelGestionElement {
        border: 1px #ccc solid;
        height: 20px;
        width: 105px;
        text-align: center;
        position: relative;
        top: -20px;
        right: -20px;
    }

.divAddArticleSous2Cat {
    padding-right: 60px;
    margin-left: 30px;
    margin-bottom: 20px;
}

.divAddArticleSousCat {
    padding-right: 60px;
    margin-left: 30px;
}

.divAddArticleSousCat0 {
    padding-right: 20px;
}

.panelRemise {
    width: calc(100% - 80px);
    float: none;
    text-align: center;
    margin-top: 0;
    background: #755FE6;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 40px;
    margin-left: 80px;
}

    .panelRemise .tabloDevisRemise {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        display: flex;
        flex-direction: row;
        align-items: center;
        color: #fff;
        padding: 20px;
        justify-content: center;
        column-gap: 40px;
    }

    .panelRemise .tabloDevisRemise-total {
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 15px;
        font: bold 14px "SF Pro Display";
        text-transform: none;
    }

    .panelRemise .tabloDevisRemise-remise {
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 15px;
        font: bold 14px "SF Pro Display";
        text-transform: none;
    }

        .panelRemise .tabloDevisRemise-remise .remiseContent {
            display: flex;
            flex-direction: row;
            align-items: center;
            column-gap: 10px;
        }

            .panelRemise .tabloDevisRemise-remise .remiseContent .remiseLigne {
                display: flex;
                flex-direction: row;
                align-items: center;
            }

    .panelRemise .tabloDevisRemise-totalPrix {
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 15px;
        font: bold 14px "SF Pro Display";
        text-transform: none;
        color: #003A42;
        background: #fff;
        border-radius: 5px;
        column-gap: 20px;
        height: 40px;
        padding: 0 20px;
    }

        .panelRemise .tabloDevisRemise-totalPrix .lable {
            color: #003A42;
        }

    .panelRemise .tabloDevisRemise-oeil {
        height: 40px;
        padding: 0 20px;
        border: 2px solid #fff;
        border-radius: 5px;
        color: #fff;
        line-height: 40px;
    }

        .panelRemise .tabloDevisRemise-oeil:before {
            display: none;
        }

        .panelRemise .tabloDevisRemise-oeil:after {
            content: "ꀩ";
            font-family: "icomoonERP";
            font-size: 18px;
            padding-top: 5px;
        }

    .panelRemise .tabloDevisRemise .label {
        text-transform: uppercase;
        font: normal 11px "SF Pro Display";
    }

    .panelRemise .tabloDevisRemise .trNbHeures {
        display: flex;
        flex-direction: row;
        align-items: center;
        border: 2px solid #fff;
        border-radius: 5px;
        column-gap: 20px;
        height: 40px;
        padding: 0 20px;
        font: bold 14px "SF Pro Display";
    }

.sectionAdmin table.tabloDevisRemise tr:not(:nth-child(1)):hover {
    background: transparent !important;
}

.devisBtnAjoutArticleCatCt-finSection {
    margin-left: 70px;
}

    .devisBtnAjoutArticleCatCt-finSection .hebergement {
        background: #F8F6F5;
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        border-radius: 5px;
    }

.classTxtBoxTotalRemise,
.classTxtValRemiseMontantCorrespondant {
    width: 60px;
    text-align: right;
    background: none;
    border: none;
    color: #fff;
    margin: 0;
    font: bold 14px "SF Pro Display";
}

.panelBtnCreationDevis {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.creationDevisChoixModel {
    vertical-align: top;
    display: inline-block;
}

    .creationDevisChoixModel select {
        vertical-align: top;
        margin-left: 20px;
        margin-right: 10px;
    }

.creationDevisLigneOutils {
    column-gap: 8px;
    display: flex;
    flex-direction: row;
    padding-top: 0;
    align-items: center;
}

    .creationDevisLigneOutils .btnPop {
        margin-left: 10px;
    }

.panelItemsExtremR {
    float: right;
}

.panelDateAffaire {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.panelHautDevis {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.panelVertical {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.panelPrix {
    display: inline-block;
    align-items: stretch;
    justify-content: space-between;
}

.panelTempTest {
    display: inline-block;
    align-items: stretch;
    justify-content: space-between;
}

.classJoursEmisLost,
.classJoursEmisGreen,
.classJoursEmisOrange,
.classJoursEmisRed,
.classJoursEmisGrey {
    padding: 2px 5px;
    display: block;
    text-align: center;
    font-size: 11px;
}

.classReglementAlreadyImported {
    background-color: lightgreen;
    pointer-events: none;
}

.classJoursEmisGreen {
    /*color: yellowgreen;
  border: 1px solid yellowgreen;*/
    color: #fff;
    background: yellowgreen !important;
    border-radius: 4px;
}

.classJoursEmisOrange {
    /*    color: orange;
  border: 1px solid orange;*/
    color: #fff;
    background: orange !important;
    border-radius: 4px;
}

.classJoursEmisRed {
    /*color: red;
  border: 1px solid red;*/
    color: #fff;
    background: #FE4E03 !important;
    border-radius: 4px;
}

.classJoursEmisLost {
    color: #fff;
    background: black !important;
    border-radius: 4px;
}

.classJoursEmisGrey {
    /*color: grey;
  border: 1px solid grey;*/
    color: #fff;
    background: grey !important;
    border-radius: 4px;
}

.classHighLightGreen {
    background-color: #003A42;
    color: #fff;
}

.classJoursEcheanceRed {
    padding: 10px 5px;
    text-align: center;
    font-size: 11px;
    color: red;
    border: 1px solid red;
}

.classToolTipImg {
    width: 55px;
}

.iconLocked:before {
    font-family: "boonIco";
    content: "\ea2e";
    color: red;
    font-size: 12px;
}

.flex {
    display: flex;
}

.liens-devis {
    display: flex;
    flex-direction: row;
    column-gap: 7px;
}

.devis-plusContact {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
}

    .devis-plusContact .drop {
        flex: 1 1;
    }

.flex-titre-btns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.txtNomDevis {
    height: 35px;
    background: #F8F6F5;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    font: normal 13px/24px "SF Pro Display";
    color: #003A42;
    border: 1px solid #F8F6F5;
}

.devis-panCreation {
    border-radius: 8px;
    background: #fff;
    padding: 30px;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.devis-panCreation-btns {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
}

.devis-panCreation .adminTitreSection {
    margin-bottom: 0;
}

.devis-panCreation .Drop {
    margin: 0;
}

    .devis-panCreation .Drop select {
        margin: 0;
    }

.devis-signature-textarea {
    width: 70%;
}

    .devis-signature-textarea textarea {
        border: none;
        border-left: 2px solid #D7E2E2;
        padding: 20px;
        width: 100%;
    }

.classRecapSurvol {
    position: fixed;
    bottom: 0;
    background: #755FE6;
    z-index: 99;
    width: calc(100% - 293px);
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px 60px;
    box-sizing: border-box;
}

.classRecapSurvol-left {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}

    .classRecapSurvol-left .recapRefDevis {
        font: bold 18px/20px "SF Pro Display";
    }

    .classRecapSurvol-left .recapClientDevis {
        text-transform: uppercase;
        font: normal 11px/20px "SF Pro Display";
    }

.classRecapSurvol-right {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}

    .classRecapSurvol-right .recapHeuresDevis, .classRecapSurvol-right .recapMontantDevis {
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 10px;
        font: normal 11px "SF Pro Display";
    }

    .classRecapSurvol-right .recapMontantDevisValue {
        height: 40px;
        padding: 0 20px;
        background: #fff;
        color: #003A42;
        font: bold 14px/40px "SF Pro Display";
        border-radius: 5px;
    }

    .classRecapSurvol-right .recapHeuresDevisValue {
        height: 40px;
        padding: 0 20px;
        border: 2px solid #fff;
        color: #fff;
        font: bold 14px/40px "SF Pro Display";
        border-radius: 5px;
    }

.sectionDevisCt .btn {
    display: inline-block;
}

.sectionDevisCt .txtDesignationDevisArticle {
    border: 0;
    min-height: 35px;
    padding: 5px 15px;
    box-sizing: border-box;
    border-radius: 5px;
    color: #003A42;
    font: 500 20px/24px "SF Pro Display";
}

.sectionDevisCt .divDevisArticleCategorieEnglobe textarea {
    background: none;
    border: 0;
    border-left: 3px solid #fff;
    padding: 20px;
    box-sizing: border-box;
}

    .sectionDevisCt .divDevisArticleCategorieEnglobe textarea.txtDescriptionDevisArticle {
        /*height: auto !important;*/
        min-height: 35px !important;
    }

.sectionDevisCt .txtDescriptionDevisArticle {
    background: none;
    border: 0;
    border-left: 3px solid #fff;
    padding: 20px;
    box-sizing: border-box;
}

.sectionDevisCt .down {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 58, 66, 0.18);
    border-radius: 5px;
    line-height: 36px !important;
    text-align: center;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    background: #fff;
}

    .sectionDevisCt .down.small {
        width: 28px;
        height: 28px;
        line-height: 28px !important;
    }

    .sectionDevisCt .down:before {
        font-family: "icomoonERP";
        color: #003A42;
        font-size: 7px;
        content: "ꁖ";
        transition: all 0.4s ease-in-out;
    }

    .sectionDevisCt .down:hover {
        background: rgba(0, 58, 66, 0.18);
    }

        .sectionDevisCt .down:hover:before {
            color: #fff;
        }

.sectionDevisCt .edit-titre-devis {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
    flex: 1 1;
}

    .sectionDevisCt .edit-titre-devis:before {
        font-family: "icomoonERP";
        color: #003A42;
        font-size: 18px;
        content: "ꁂ";
        font-weight: bold;
    }

.divRecapInfoHeader {
    margin-right: 100px;
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}

    .divRecapInfoHeader .divMontantTotalSectionHeader {
        background: #755FE6;
        height: 30px;
        line-height: 30px;
        font: bold 14px/30px "SF Pro Display";
        text-align: center;
        padding: 0 15px;
        border-radius: 8px;
        color: #fff;
    }

    .divRecapInfoHeader .divNbHeuresSectionHeader {
        border: 2px solid #755FE6;
        height: 30px;
        line-height: 30px;
        font: bold 14px/27px "SF Pro Display";
        text-align: center;
        padding: 0 15px;
        border-radius: 8px;
        color: #755FE6;
        box-sizing: border-box;
    }

.up {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 58, 66, 0.18);
    border-radius: 5px;
    line-height: 36px !important;
    text-align: center;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    background: #fff;
}

    .up.small {
        width: 28px;
        height: 28px;
        line-height: 28px !important;
    }

    .up:before {
        font-family: "icomoonERP";
        color: #003A42;
        content: "ꁕ";
        font-size: 7px;
        transition: all 0.4s ease-in-out;
    }

    .up:hover {
        background: rgba(0, 58, 66, 0.18);
    }

        .up:hover:before {
            color: #fff;
        }

.suppr {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 58, 66, 0.18);
    border-radius: 5px;
    line-height: 36px !important;
    text-align: center;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
}

    .suppr:before {
        font-family: "icomoonERP";
        color: #F81864;
        content: "ꀖ";
        font-size: 10px;
        transition: all 0.4s ease-in-out;
    }

    .suppr:hover {
        background: rgba(0, 58, 66, 0.18);
    }

        .suppr:hover:before {
            color: #F81864;
        }

.save {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    line-height: 36px !important;
    text-align: center;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    background: #fff;
}

    .save:before {
        font-family: "icomoonERP";
        color: #003A42;
        content: "ꀓ";
        font-size: 14px;
        transition: all 0.4s ease-in-out;
    }

    .save:hover {
        background: rgba(0, 58, 66, 0.18);
    }

        .save:hover:before {
            color: #fff;
        }

.accordeon .content-accordeon {
    margin-top: 30px;
}

/*-----------------------------------------*/
.nopic {
    background: url(../images/nopic.png) center center no-repeat;
    width: 100%;
    min-height: 60px;
}

.contentClientBloc2 {
    margin-left: 270px;
}

.nomClient {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    min-height: 30px;
    width: 100%;
}

.colForm2 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

    .colForm2:first-child {
        margin-right: 6%;
    }

.colForm3 {
    width: 35%;
    display: inline-block;
    vertical-align: top;
    margin-right: 5%;
}

    .colForm3:nth-child(3) {
        margin-right: 0%;
        width: 15%;
    }

.tableClientLimit {
    max-width: 600px;
}

.ajax__calendar tr td {
    padding: 0 !important;
    border: 0 !important;
}

.devisVide {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    display: block;
    font-size: 11px;
}

    .devisVide span {
        color: red;
        font-size: 14px;
        display: block;
    }

.titreDoc {
    margin-bottom: 30px;
}

.referenceItem {
    font-size: 16px;
    color: #384b63;
}

    .referenceItem * {
        font-size: 16px;
        color: #384b63;
    }

/*.dropDownClientType {
max-width: 147px;
}*/
.sep1 {
    display: block;
    min-height: 1px;
    margin: 15px 0;
}

/*-----------------------------------------*/
.totalCommandeCt {
    font-size: 15px;
    color: #000;
    text-align: right;
    font-weight: bold;
}

.montantFraisport {
    padding: 6px 50px 6px 6px;
    display: inline-block;
    background: #fff;
    text-align: left;
    min-width: 200px;
    font-size: 13px;
    margin-top: 25px;
}

.totalCommande {
    padding: 6px 50px 6px 6px;
    display: inline-block;
    color: #fff;
    background: #394153;
    text-align: left;
    min-width: 200px;
    font-size: 13px;
}

    .montantFraisport span,
    .totalCommande span {
        display: inline-block;
        width: 140px;
        text-align: right;
        margin-right: 10px;
        font-weight: normal;
    }

.dv-recherche-containt {
    position: relative;
}

.ct-input-linkbtn {
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    top: 13px;
    right: 8px;
}

.ct-input-bats {
    display: inline-block;
    margin-left: 20px;
}

.rechercheBATlist {
    margin-bottom: 20px;
}

.libelle-total {
    float: right;
    width: 100%;
    margin-top: 10px;
    margin-right: 0px;
    padding: 10px 0 15px 0;
    border-top: 1px solid #ddd;
}

    .libelle-total .tabloDevisRemise {
        width: 180px;
        float: right;
        margin-right: 24px;
        border-spacing: 0;
        border-collapse: collapse;
    }

        .libelle-total .tabloDevisRemise tr td {
            padding: 0 0 5px 0 !important;
        }

.gridRecapCommande tr:first-child th:last-child {
    padding-right: 20px;
}

.gridRecapCommande tr {
    border: none;
}

    .gridRecapCommande tr td {
        border: 0;
        padding: 8px 5px;
    }

    .gridRecapCommande tr tr th {
        padding: 15px 5px;
        border-top: none;
        border-bottom: 1px solid #e3e6ef;
    }

.gridPaddRight {
    padding-right: 0px;
}

    .gridPaddRight tr td {
        padding-right: 30px;
    }

        .gridPaddRight tr td:last-child {
            padding-right: 0px;
        }

.ligne-type {
    background-color: #ffffff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.ligne-altern {
    background-color: #f5f6fa;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.recapDevisCommandeTab {
    float: left;
    vertical-align: bottom;
    display: inline-block;
}

    .recapDevisCommandeTab table tr td {
        padding: 5px 0;
    }

        .recapDevisCommandeTab table tr td:first-child {
            width: 100px;
        }

        .recapDevisCommandeTab table tr td span {
            padding: 0;
        }

.recapDevisCommandeEntete {
    margin-bottom: 20px;
    display: inline-block;
}

    .recapDevisCommandeEntete table {
        width: auto !important;
    }

    .recapDevisCommandeEntete select {
        width: 60px !important;
    }

    .recapDevisCommandeEntete .classIconEuroRed:before,
    .recapDevisCommandeEntete .classIconEuroGreen:before {
        top: 40px;
        left: 200px;
    }

.recapDevisCommandeBtn {
    float: right;
    width: 540px;
    text-align: right;
    vertical-align: bottom;
    display: inline-block;
}

    .recapDevisCommandeBtn a {
        margin-bottom: 10px;
    }

.recapFacture .tableClient td:first-child {
    width: 110px;
}

#panRecurrence select.readonly-style {
    top: 0px;
    font-size: 15px;
}

.recapFacture {
    width: 520px;
}

    .recapFacture .colForm2 {
        width: auto;
    }

        .recapFacture .colForm2:first-child {
            margin-right: 50px;
        }

.recapDevisFactBtn {
    width: 240px;
}

.recapMontantFact input {
    width: 58px !important;
    display: inline-block;
    padding: 0 10px 0 0;
    top: -3px;
    position: relative;
}

.recapMontantFact select {
    display: inline-block;
    font-size: 11px;
    width: 48px !important;
}

.recapFacture .tableClient tr td:nth-child(2) {
    padding-left: 20px;
}

.recapMontantFact1 tr td:first-child {
    width: 80px !important;
}

.champsSAVDetail textarea {
    width: 100%;
}

.facturesFournisseurPageAdmin .tableClient input,
.facturesFournisseurPageAdmin .tableClient textarea,
.facturesFournisseurPageAdmin .tableClient select {
    margin-bottom: 5px !important;
}

.ligneFactCommLiée {
    padding-bottom: 5px;
}

.factLigneDevise {
    width: 80px !important;
}

.facturesFournisseurPageAdmin .recapDevisCommandeBtn table {
    text-align: left;
    margin-bottom: 30px;
    width: 200px;
}

    .facturesFournisseurPageAdmin .recapDevisCommandeBtn table tr td:first-child {
        width: 70px;
        height: 20px;
    }

.facturesFournisseurPageAdmin .recapDevisCommandeBtn {
    text-align: right;
    width: 340px;
}

.icon-file-pdf-generate:before {
    content: "\f1c1";
    color: red;
}

.pasDevisOrigine {
    /*padding-bottom: 20px;*/
    display: inline-block;
    line-height: 35px;
}

.apercuLink {
    font-size: 11px;
    top: -12px;
    position: relative;
}

    .apercuLink span {
        display: inline-block;
    }

    .apercuLink [class^=icon-] {
        top: 1px;
        position: relative;
    }

.classAchatAssociated:before {
    font-family: "boonIco2";
    content: "\e93b";
    color: grey;
    font-size: 25px;
}

.typeContratIconMaintenanceSignOK:before {
    font-family: "boonIco";
    content: "\ea48";
    color: green;
    font-size: 25px;
}

.typeContratIconMaintenanceNoContrat:before {
    font-family: "boonIco2";
    content: "\e91f\e9a2";
    color: red;
    font-size: 25px;
}

/*-------------------------- Reference Exists ------------------------*/
.txtReferenceAlreadyExists {
    color: red;
    font-weight: 900;
}

.statsPage .adminTitreIntro {
    margin-bottom: 25px;
    font-weight: 400;
}

.sectionStat {
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 500px;
}

.sectionStatBlocVariable {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    min-width: 300px;
}

.statsChiffresCles .sectionAdmin {
    padding: 20px 3% 0px;
}

.sectionStatChiffresCles {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
    padding: 30px;
}

.listeChoixStatsGraphCt {
    position: relative;
    top: -33px;
}

    .listeChoixStatsGraphCt table {
        position: absolute;
        z-index: 1;
        top: -20px;
        right: -20px;
        font-size: 10px;
    }

    .listeChoixStatsGraphCt tr {
        display: inline-block;
    }

.statListChoixDate {
    position: relative;
    z-index: 1;
}

.JsonGraphDataCA div div g text {
    font-size: 10px;
}

.JsonGraphDataCACommercial div div g text {
    font-size: 10px;
}

.statsPage .sectionAdmin {
    min-width: 0;
}

.statsPage .adminTitreSection {
    font-size: 18px;
}

.sectionAdmin60 {
    width: 50%;
    padding: 30px;
    padding: 30px 3%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 50px;
    display: inline-block;
    float: left;
}

.sectionAdmin30 {
    width: 34%;
    padding: 30px;
    padding: 30px 3%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 50px;
    display: inline-block;
    float: right;
}

.graphTabloBord {
    width: 100%;
}

.graphStats {
    height: 350px;
    width: 100%;
}

.chiffreCle {
    display: inline-block;
    width: 210px;
    vertical-align: top;
    margin-bottom: 24px;
}

.top10Tab .ligneTabTop10 {
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    display: flex;
}

    .top10Tab .ligneTabTop10 span {
        align-items: flex-start;
    }

        .top10Tab .ligneTabTop10 span:nth-child(1) {
            max-width: 80px;
            padding-right: 10px;
        }

        .top10Tab .ligneTabTop10 span:nth-child(2) {
            width: auto;
            -ms-flex-order: 0;
            order: 0;
            flex: 1 1 auto;
            align-self: auto;
        }

        .top10Tab .ligneTabTop10 span:nth-child(3) {
            min-width: 80px;
            text-align: right;
        }

.btnHomeGens {
    float: right;
}

.statsDevisExpires,
.statsDevisRecurrent,
.statsNotif1,
.statsNotif2,
.statsNotif3,
.statsNotif4,
.statsNotif5 {
    width: 100%;
}

.statsChiffresCles {
    font-family: "Sarabun", sans-serif;
    font-weight: 300;
}

.statsPage .btnSection {
    margin-left: 0px;
    top: auto;
    margin-top: 20px;
    display: inline-block;
}

.kpiTab tr td {
    padding-bottom: 20px;
    vertical-align: top;
}

    .kpiTab tr td:first-child {
        padding-right: 20px;
        width: 140px;
    }

.kpiColorTrait {
    height: 6px;
    width: 20px;
    background: #384b63;
    display: inline-block;
}

.kpiTitre {
    font-size: 12px;
    color: #aaa;
    margin-bottom: -2px;
}

.kpiVal {
    font-size: 19px;
    font-weight: 300;
    font-style: normal;
    margin-bottom: 0px;
}

.kpiComment {
    font-weight: normal;
    /*position: relative;*/
    color: #aaa;
    margin: 2px 0 0 0;
    font-size: 10px;
}

    .kpiComment .kpiColorTrait {
        /*position: relative;*/
        top: -1px;
        margin-right: 1px;
    }

.vert {
    color: #58cabd;
    background: #58cabd;
}

.gris {
    color: #ccc;
    background: #ccc;
}

.bleu {
    color: #384b63;
    background: #384b63;
}

.jaune {
    color: #f2b134;
    background: #f2b134;
}

.rouge {
    color: #d84d4d;
    background: #d84d4d;
}

.kpiTitre span span {
    background: none;
    font-size: 11px;
    font-weight: 400;
}

.statsGraphRepartition {
    display: flex;
}

.menuDevisLightXml {
    top: 50px;
    color: #fff;
}

.menuTitreLightXml {
    font-size: 20px;
    color: #fff;
    margin: 0 0 20px 0;
    display: block;
}

.sectionDevisLightXml table.col-devisLignes td {
    width: 15%;
}

    .sectionDevisLightXml table.col-devisLignes td:nth-child(odd) {
        width: 10%;
    }

    .sectionDevisLightXml table.col-devisLignes td:nth-child(2n+3) {
        padding-left: 20px;
    }

.boutonsLigneDevisLightXml {
    float: right;
}

.ligneDevisLightXml {
    border-bottom: 1px solid #384b63;
}

.formId .error {
    color: #f5f;
}

.popupPlanningTacheForm {
    margin-bottom: 20px;
}

.popupPlanningTacheRow {
    margin-bottom: 5px;
}

.ajax__calendar_container div {
    top: unset !important;
    left: unset !important;
    position: static !important;
}

.donutCell {
    position: relative;
    margin-left: -20px;
}

.donutCellBig {
    margin-left: 0;
}

.donutDiv {
    width: 70px;
    height: auto;
}

.donutDivBig {
    width: 200px;
}

.centerLabel {
    position: absolute;
    top: 18px;
    width: 75px;
    text-align: center;
    font-size: 11px;
}

.centerLabelBig {
    width: 200px;
    top: 65px;
}

.ligne-verticale {
    border-left: 2px solid lightgrey;
    height: 140px;
}

.toolTip-client, .toolTip-fournisseur {
    background-color: #384B63;
    color: #fff;
    padding: 5px;
    border: 1px solid darkblue;
    overflow-y: auto;
}

    .toolTip-client h2, .toolTip-fournisseur h2 {
        background-color: #F0F0F7;
        color: darkgray;
        text-align: center;
    }

    .toolTip-client div, .toolTip-fournisseur div {
        background-color: #EEE;
        color: #384B63;
        display: inline-block;
        text-align: center;
        margin: 10px 16px;
        width: 40%;
        border: 1px solid white;
        font-size: 12px;
        font-weight: normal;
    }

    .toolTip-fournisseur div {
        width: 90%;
    }

    .toolTip-client span, .toolTip-fournisseur span {
        font-weight: bold;
    }

.bloc-reminder-archived {
    background-color: #bffabf;
}

.bloc-reminder {
    border-left: 5px solid lightblue;
    display: inline-block;
    width: 31%;
    margin: 3px 3px;
    padding: 2px;
    vertical-align: top;
    font-family: Helvetica3;
}

.bloc-commentaire {
    width: 100%;
    padding: 15px 20px;
    background: #F8F6F5;
    color: #003A42;
    border: none;
    margin-bottom: 4px;
    box-sizing: border-box;
    border-radius: 4px;
}

.btnDeleteFileAffaire {
    position: absolute;
    top: 5px;
    right: 5px;
}

.btnGenerateNew:before {
    content: "\e9b9";
    font-family: "boonIco2";
    font-size: 18px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 5px;
}

.ddlPriorityLow:before {
    content: "\e912";
    font-family: "boonIco2";
    font-size: 15px;
}

.ddlPriorityMed:before {
    content: "\e912\e912";
    font-family: "boonIco2";
    font-size: 15px;
}

.ddlPriorityHigh:before {
    content: "\e912\e912\e912";
    font-family: "boonIco2";
    font-size: 15px;
}

.panCircleConso {
    margin-left: -30px;
}

.icon-attentionConso:after {
    content: "\e912";
    font-family: "boonIco2";
    color: red;
    font-size: 15px;
}

.icon_cb:before {
    content: "\e9f2";
    font-family: "boonIco2";
    font-size: 15px;
}

.icon_cheque:before {
    content: "\e920";
    font-family: "boonIco2";
    font-size: 15px;
}

.icon_cash:before {
    content: "\ea2a";
    font-family: "boonIco2";
    font-size: 15px;
}

.icon_virement:before {
    content: "\ea1b";
    font-family: "boonIco2";
    font-size: 15px;
}

.icon_prelevement:before {
    content: "\e94f";
    font-family: "boonIco2";
    font-size: 15px;
}

.icon_avoirassocie:before {
    content: "\ea48";
    font-family: "boonIco";
    font-size: 15px;
}

.progress {
    background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffebebeb", endColorstr="#fff5f5f5", GradientType=0);
    background-repeat: repeat-x;
    width: 100px;
}

.progress-bar {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
    background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7", endColorstr="#ff286090", GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5cb85c", endColorstr="#ff449d44", GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-info {
    background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
    background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
    background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de", endColorstr="#ff31b0d5", GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff0ad4e", endColorstr="#ffec971f", GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd9534f", endColorstr="#ffc9302c", GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.panAvancementFI {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
}

.panAvancementFI-content {
    width: 100%;
    height: 8px;
    line-height: 20px;
    padding: 0;
    background-color: #e3dedc;
    text-align: center;
    position: relative;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

.panAvancementBar, .panAvancementBarMaintenance {
    height: 100%;
    display: block;
    z-index: 20;
}

.panAvancementNb {
    z-index: 30;
    position: relative;
    font-family: "Nunito", sans-serif;
    /*color: #fff !important;*/
    font-size: 12px;
    font-weight: 700;
    color: #000 !important;
}

.BtnCopy:before {
    font-family: "boonIco2";
    content: "\e931";
}

.classCkSignature {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.classHighLightGreen {
    background: #56C9B2 !important;
    transition: all 0.2s ease-in-out;
}

    .classHighLightGreen a {
        color: #fff !important;
    }

    .classHighLightGreen:hover {
        background: rgba(86, 201, 178, 0.7) !important;
    }

    .classHighLightGreen .classJoursEmisGreen,
    .classHighLightGreen .classJoursEmisOrange,
    .classHighLightGreen .classJoursEmisRouge {
        background: #fff;
    }

.gridErpCt table tr.classHighLightGreen:not(:nth-child(1)):hover,
.gridErpCt table.gridErp tr.classHighLightGreen:not(:nth-child(1)):hover,
.sectionAdmin table tr.classHighLightGreen:not(:nth-child(1)):hover,
.sectionAdmin table.gridErp tr.classHighLightGreen:not(:nth-child(1)):hover {
    background: rgba(86, 201, 178, 0.7) !important;
}

.tabArticleFactures {
    margin-bottom: 20px;
}

.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    margin: 0;
}

.flex-row-btns {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
}

.Drop, .tabArticleModel .ddlTVAFS {
    min-height: 35px;
    background: #F8F6F5;
    border-radius: 5px;
    padding: 0 5px;
    box-sizing: border-box;
    margin-bottom: 4px;
    position: relative;
}

    .Drop select.readonly-style, .tabArticleModel .ddlTVAFS select.readonly-style {
        top: auto;
        background: transparent;
        padding-left: 10px;
        color: #003A42;
        opacity: 1;
        top: 4px;
        font: normal 13px/24px "SF Pro Display";
        font-size: 14px;
        line-height: 14px;
        height: 25px;
    }

    .Drop select, .tabArticleModel .ddlTVAFS select {
        background: transparent;
        -webkit-appearance: none;
        border: none;
        height: 35px;
        margin: 0;
        padding: 0 30px 0 10px;
        font-size: 14px;
        line-height: 14px;
        width: 100%;
    }

    .Drop:after, .tabArticleModel .ddlTVAFS:after {
        font-family: "icomoonERP";
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        color: #003A42;
        font-size: 6px;
        content: "ꁖ";
        position: absolute;
        pointer-events: none;
    }

.recapFacture .tableClient tr:not(:nth-child(1)):hover {
    background: transparent !important;
}

.recapFacture .tableClient td {
    vertical-align: middle !important;
}

.tabArticleModel {
    /*    .ddlTVA {
      background: $c-input;
      height: 35px;
      border-radius: 5px;
      padding: 0 10px;
      box-sizing: border-box;
      font: normal 13px/24px $f-main;
      color: $c-main;
      margin-bottom: 0;
      top: 0 !important;
  }*/
}

    .tabArticleModel tr td {
        width: auto !important;
        padding: 0 10px;
    }

    .tabArticleModel tr:first-child td:nth-child(1) {
        display: none;
    }

    .tabArticleModel tr:first-child td:nth-child(2) {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 5px;
        flex: 1 1;
        min-width: 370px;
    }

        .tabArticleModel tr:first-child td:nth-child(2) input:first-child {
            width: 100%;
        }

        .tabArticleModel tr:first-child td:nth-child(2) ul {
            padding-left: 0;
        }

    .tabArticleModel tr:first-child td:nth-child(3) {
        flex: 0 1 !important;
        min-width: auto !important;
    }

        .tabArticleModel tr:first-child td:nth-child(3) input {
            width: auto;
        }

    .tabArticleModel tr:nth-child(2) {
        display: flex;
        flex-direction: column;
    }

.tabloFraisSupp tr:first-child {
    justify-content: flex-start;
}

    .tabloFraisSupp tr:first-child td:nth-child(2) {
        flex: 0 1 !important;
        min-width: auto !important;
    }

    .tabloFraisSupp tr:first-child td:nth-child(3) {
        flex: 0 1 30px !important;
    }

.tabloResteFacture {
    width: 250px !important;
    margin-right: 0 !important;
}

    .tabloResteFacture tr.trRestant {
        background: #755FE6;
        color: #fff;
        padding: 5px;
        border-radius: 5px;
    }

        .tabloResteFacture tr.trRestant td {
            padding: 5px 10px !important;
            font-weight: bold;
            font-size: 16px;
        }

    .tabloResteFacture tr:last-child td {
        padding: 5px 10px !important;
        font-size: 16px;
    }

.flex-drop {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
}

    .flex-drop .input {
        padding: 0 0 0 5px;
        border-radius: 0px;
        border: 0px;
        box-sizing: border-box;
        color: #003A42;
        text-align: left;
        margin-bottom: 0;
        background: #F8F6F5;
        border-radius: 5px;
        position: relative;
        border: none;
        height: 40px;
        min-width: 300px;
    }

        .flex-drop .input input {
            border: none;
            width: 100%;
            height: 100%;
            background: transparent;
            margin: 0 !important;
            padding: 0;
        }

.suiviCommandePage .btn {
    display: inline-block;
}

.icon-attentionConso {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
}

.chart-boon svg {
    font-family: "SF Pro Display" !important;
}

.statsPage .sectionAdmin {
    margin-bottom: 10px;
}

.statsPage .statsFacture, .statsPage .statsNotif {
    width: 100%;
}

.statsPage .btnDisplay {
    display: inline-block;
    margin-top: 10px;
}

.confirmDuplik {
    margin: 0 15px;
}

    .confirmDuplik a {
        border: 2px solid blue;
        margin: 2px 27px 2px 0;
        display: inline-block;
    }

.tabReferentBoollo {
    border-collapse: collapse;
}

    .tabReferentBoollo tr {
        border-bottom: 1pt solid black;
    }

.carte-active {
    background: #003A42;
    color: #fff;
}

    .carte-active a, .carte-active a span {
        color: #fff;
    }

.adminTitre.nomClient {
    font: 500 23px/24px "SF Pro Display";
    border-radius: 10px;
    border: 2px solid #F8F6F5;
    padding: 20px;
    box-sizing: border-box;
}

    .adminTitre.nomClient.readonly-style {
        margin-bottom: 0;
        padding: 0;
        border: none;
    }

.referenceItem-client,
.referenceItem-client span,
.referenceItem-client input.readonly-style.fill {
    font: normal 20px/30px "SF Pro Display";
    color: rgba(0, 58, 66, 0.6);
    margin-top: 10px;
}

.titreDoc-client .flex-column {
    flex-direction: column;
}

#txtReference:not(.readonly-style) {
    border-radius: 10px;
    border: 2px solid #F8F6F5;
    padding: 20px;
    box-sizing: border-box;
}

.type-client {
    margin: 10px 0;
    display: flex;
    vertical-align: top;
    width: 100%;
    column-gap: 10px;
}

    .type-client div {
        display: inline-block;
    }

        .type-client div input[type=checkbox]:not(:checked) + label::before,
        .type-client div input[type=checkbox]:checked + label::before {
            height: 20px;
            width: 20px;
            border-radius: 4px;
            background: #F8F6F5;
            border: 1px solid #ECF3F3;
            box-shadow: none;
        }

        .type-client div input[type=checkbox]:checked + label {
            color: #179182;
            font-weight: bold;
        }

        .type-client div input[type=checkbox]:not(:checked) + label,
        .type-client div input[type=checkbox]:checked + label {
            padding-left: 30px;
        }

            .type-client div input[type=checkbox]:not(:checked) + label::after,
            .type-client div input[type=checkbox]:checked + label::after {
                background: #179182;
                content: "";
                width: 12px;
                height: 12px;
                top: 10px;
                left: 4px;
                border-radius: 2px;
            }

        .type-client div input[type=checkbox]:checked.readonly-style.fill + label {
            background: #CAF6F0;
            color: #179182;
            border-radius: 12px;
            padding: 10px 20px 10px 40px;
            text-transform: uppercase;
            font: bold 11px "SF Pro Display";
            cursor: default;
        }

            .type-client div input[type=checkbox]:checked.readonly-style.fill + label::before {
                height: 18px;
                width: 18px;
                top: 50%;
                transform: translateY(-50%);
                left: 10px;
                margin: 0;
                background: #fff;
                border-radius: 50%;
            }

            .type-client div input[type=checkbox]:checked.readonly-style.fill + label::after {
                content: "ꁘ";
                font-family: "icomoonERP";
                font-size: 17px;
                height: 18px;
                width: 18px;
                top: 50%;
                transform: translateY(-50%);
                left: 10px;
                margin: 0;
                color: #179182;
                line-height: 17px;
                background: none;
                border-radius: 50%;
            }

        .type-client div input[type=checkbox]:not(:checked).readonly-style.fill + label {
            background: #FCE1EA;
            color: #F81864;
            border-radius: 12px;
            padding: 10px 20px 10px 40px;
            text-transform: uppercase;
            font: bold 11px "SF Pro Display";
            cursor: default;
            display: none;
        }

            .type-client div input[type=checkbox]:not(:checked).readonly-style.fill + label::before {
                height: 18px;
                width: 18px;
                top: 50%;
                transform: translateY(-50%);
                left: 10px;
                margin: 0;
                background: #fff;
                border-radius: 50%;
            }

            .type-client div input[type=checkbox]:not(:checked).readonly-style.fill + label::after {
                content: "±";
                font-family: "icomoonERP";
                font-size: 19px;
                height: 18px;
                width: 18px;
                top: 50%;
                transform: translateY(-50%);
                left: 10px;
                margin: 0;
                color: #F81864;
                line-height: 19px;
                opacity: 1;
                margin-top: -1px;
                margin-left: -1px;
                background: none;
                border-radius: 50%;
            }

.tableClient {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

    .tableClient tr td {
        vertical-align: top;
    }

        .tableClient tr td:first-child {
            width: 125px;
            vertical-align: top;
            padding-top: 3px;
        }

        .tableClient tr td input, .tableClient tr td select {
            width: 100%;
        }

.titre-clients {
    text-align: left;
    font: 500 18px/24px "SF Pro Display";
    display: block;
    margin-bottom: 10px;
}

table.tabClient .label,
table.tableClient .label,
.adminTitreIntro.tabClient .label,
.adminTitre.tabClient .label,
table.tabArticleModel .label {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}

table.tabClient input, table.tabClient .input,
table.tableClient input,
table.tableClient .input,
.adminTitreIntro.tabClient input,
.adminTitreIntro.tabClient .input,
.adminTitre.tabClient input,
.adminTitre.tabClient .input,
table.tabArticleModel input,
table.tabArticleModel .input {
    height: 35px;
    background: #F8F6F5;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    font: normal 13px/24px "SF Pro Display";
    color: #003A42;
    border: 1px solid #F8F6F5;
    display: block;
}

table.tabClient textarea,
table.tableClient textarea,
.adminTitreIntro.tabClient textarea,
.adminTitre.tabClient textarea,
table.tabArticleModel textarea {
    min-height: 35px;
    background: #F8F6F5;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    font: normal 13px/24px "SF Pro Display";
    color: #003A42;
    border: 1px solid #F8F6F5;
    width: 100%;
}

table.tabClient .input,
table.tableClient .input,
.adminTitreIntro.tabClient .input,
.adminTitre.tabClient .input,
table.tabArticleModel .input {
    line-height: 35px;
    margin-bottom: 5px;
}

table.tabClient .textBox,
table.tableClient .textBox,
.adminTitreIntro.tabClient .textBox,
.adminTitre.tabClient .textBox,
table.tabArticleModel .textBox {
    min-height: 35px;
    background: #F8F6F5;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 14px;
}

    table.tabClient .textBox span,
    table.tableClient .textBox span,
    .adminTitreIntro.tabClient .textBox span,
    .adminTitre.tabClient .textBox span,
    table.tabArticleModel .textBox span {
        line-height: 14px;
    }

table.tabClient .drop,
table.tableClient .drop,
.adminTitreIntro.tabClient .drop,
.adminTitre.tabClient .drop,
table.tabArticleModel .drop {
    height: 35px;
    background: #F8F6F5;
    border-radius: 5px;
    padding: 0 5px;
    box-sizing: border-box;
    margin-bottom: 4px;
    position: relative;
}

    table.tabClient .drop select.readonly-style,
    table.tableClient .drop select.readonly-style,
    .adminTitreIntro.tabClient .drop select.readonly-style,
    .adminTitre.tabClient .drop select.readonly-style,
    table.tabArticleModel .drop select.readonly-style {
        top: auto;
        background: transparent;
        padding-left: 10px;
        color: #003A42;
        opacity: 1;
        top: 0;
        font: normal 13px/24px "SF Pro Display";
        font-size: 14px;
        line-height: 14px;
        height: 35px;
    }

    table.tabClient .drop select,
    table.tableClient .drop select,
    .adminTitreIntro.tabClient .drop select,
    .adminTitre.tabClient .drop select,
    table.tabArticleModel .drop select {
        background: transparent;
        -webkit-appearance: none;
        border: none;
        height: 35px;
        margin: 0;
        padding: 0 30px 0 10px;
        font-size: 14px;
        line-height: 14px;
        width: 100%;
    }

    table.tabClient .drop:after,
    table.tableClient .drop:after,
    .adminTitreIntro.tabClient .drop:after,
    .adminTitre.tabClient .drop:after,
    table.tabArticleModel .drop:after {
        font-family: "icomoonERP";
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        color: #003A42;
        font-size: 6px;
        content: "ꁖ";
        position: absolute;
        pointer-events: none;
    }

table.tabClient .champsSelect2,
table.tableClient .champsSelect2,
.adminTitreIntro.tabClient .champsSelect2,
.adminTitre.tabClient .champsSelect2,
table.tabArticleModel .champsSelect2 {
    margin-bottom: 8px;
}

    table.tabClient .champsSelect2 .select2-selection,
    table.tableClient .champsSelect2 .select2-selection,
    .adminTitreIntro.tabClient .champsSelect2 .select2-selection,
    .adminTitre.tabClient .champsSelect2 .select2-selection,
    table.tabArticleModel .champsSelect2 .select2-selection {
        height: 42px;
        margin: 0;
        border: 0;
        border-radius: 5px;
        padding: 0 15px;
        margin-right: 0;
        background: #F8F6F5;
    }

        table.tabClient .champsSelect2 .select2-selection .select2-selection__arrow,
        table.tableClient .champsSelect2 .select2-selection .select2-selection__arrow,
        .adminTitreIntro.tabClient .champsSelect2 .select2-selection .select2-selection__arrow,
        .adminTitre.tabClient .champsSelect2 .select2-selection .select2-selection__arrow,
        table.tabArticleModel .champsSelect2 .select2-selection .select2-selection__arrow {
            top: 6px;
            right: 10px;
        }

    table.tabClient .champsSelect2 .select2-container,
    table.tableClient .champsSelect2 .select2-container,
    .adminTitreIntro.tabClient .champsSelect2 .select2-container,
    .adminTitre.tabClient .champsSelect2 .select2-container,
    table.tabArticleModel .champsSelect2 .select2-container {
        width: 100% !important;
    }

table.tabClient tr:not(:nth-child(1)):hover,
table.tableClient tr:not(:nth-child(1)):hover,
.adminTitreIntro.tabClient tr:not(:nth-child(1)):hover,
.adminTitre.tabClient tr:not(:nth-child(1)):hover,
table.tabArticleModel tr:not(:nth-child(1)):hover {
    background: transparent !important;
}

.uploadVignette {
    position: relative;
    width: 200px;
}

.uploadVignette-fichier:before {
    content: "ꀔ";
    font-family: "icomoonERP";
    position: absolute;
    color: #003A42;
    font-size: 20px;
    top: 20px;
    right: 25px;
}

.uploadVignette a {
    position: relative;
    display: inline-block;
    padding: 20px;
    border: 3px dashed #D7E2E2 !important;
    width: initial;
    height: initial;
    border-radius: 10px;
    min-height: 160px;
    word-wrap: break-word;
    font-size: 16px;
    color: #003A42;
    min-width: 160px;
    box-sizing: border-box;
    width: 100%;
}

.dropzone {
    position: relative;
    display: inline-block;
    padding: 20px;
    border: 3px dashed #D7E2E2 !important;
    max-width: 192px;
    width: initial;
    height: initial;
    border-radius: 10px;
    min-height: 160px;
    min-width: 160px;
    box-sizing: border-box;
}

.adminTitreIntro.tabClient {
    width: 100%;
    box-sizing: border-box;
    display: block;
    line-height: 45px;
}

.sectionUC-Client {
    margin-bottom: 20px;
    padding: 0;
    min-width: auto;
    height: 100%;
}

    .sectionUC-Client .sectionUC-containt {
        width: 100%;
        padding: 0;
    }

    .sectionUC-Client .section-containt {
        padding: 30px;
        width: 100%;
        box-sizing: border-box;
    }

    .sectionUC-Client .section100 {
        width: 100%;
    }

    .sectionUC-Client.sectionReglement .classIconEuroRed:before, .sectionUC-Client.sectionReglement .classIconEuroGreen:before {
        top: 38px;
        left: 200px;
    }

.flex-2col-client {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    align-content: stretch;
    margin-bottom: 20px;
}

    .flex-2col-client .blocClient-contact {
        flex: 0 1 50%;
    }

    .flex-2col-client .blocClient-adresse {
        flex: 0 1 50%;
    }

.blocClient-adresse .IsAdressePrincipale {
    text-align: center;
}

    .blocClient-adresse .IsAdressePrincipale:before {
        content: "ꁘ";
        font-family: "icomoonERP";
        color: #179182;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
    }

.blocAdresse .IsAdressePrincipale {
    text-align: center;
}

    .blocAdresse .IsAdressePrincipale:before {
        content: "ꁘ";
        font-family: "icomoonERP";
        color: #179182;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
    }

.lab-tab {
    font: normal 14px/14px "SF Pro Display";
    padding: 5px 0;
    text-align: left;
}

.lab-tab-center {
    text-align: center;
}

.flex-titre-voir {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 10px;
}

    .flex-titre-voir .adminTitreSection {
        margin-bottom: 0;
    }

    .flex-titre-voir .flex-titre {
        flex: 1 1;
        font: 500 23px/24px "SF Pro Display";
        display: flex;
        flex-direction: row;
        align-items: center;
        column-gap: 30px;
    }

        .flex-titre-voir .flex-titre span:before {
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            font-family: "icomoonERP";
        }

    .flex-titre-voir .flex-titre-devis span:before {
        content: "ꁂ";
    }

    .flex-titre-voir .flex-titre-commande span:before {
        content: "ꁅ";
    }

    .flex-titre-voir .flex-titre-facture span:before {
        content: "ꀔ";
    }

    .flex-titre-voir .flex-titre-affaire span:before {
        content: "ꀅ";
    }

    .flex-titre-voir .flex-titre-fichier span:before {
        content: "ꁅ";
    }

    .flex-titre-voir .flex-titre-contact span:before {
        content: "ꀴ";
    }

    .flex-titre-voir .flex-titre-reglement span:before {
        content: "ꀰ";
    }

    .flex-titre-voir .flex-titre-adresse span:before {
        content: "ꁉ";
    }

    .flex-titre-voir .flex-titre-signature span:before {
        content: "ꀢ";
    }

    .flex-titre-voir .flex-titre-avoir span:before {
        content: "ꀡ";
    }

    .flex-titre-voir .flex-titre-box span:before {
        content: "ꀄ";
    }

    .flex-titre-voir .flex-titre-rappel span:before {
        content: "ꁉ";
    }

    .flex-titre-voir .flex-titre-commentaires span:before {
        content: "ꀗ";
    }

    .flex-titre-voir .flex-voir .btnCreer {
        display: block;
    }

    .flex-titre-voir .flex-voir-btns {
        display: flex;
        flex-direction: row;
        column-gap: 10px;
    }

    .flex-titre-voir .flex-voir .btns-affaires {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .flex-titre-voir .flex-voir.flex-add-fichiers {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .flex-titre-voir .flex-voir .filtre-recherche {
        margin-bottom: 0;
        background: #F8F6F5;
        border-radius: 5px;
        position: relative;
        border: none;
        height: 40px;
    }

        .flex-titre-voir .flex-voir .filtre-recherche ~ label {
            top: 12px;
            left: 10px;
        }

        .flex-titre-voir .flex-voir .filtre-recherche ~ a.btnEffacer {
            position: relative;
            z-index: 2;
        }

    .flex-titre-voir .flex-voir .drop {
        min-height: 45px;
        background: #F8F6F5;
        border-radius: 5px;
        padding: 5px;
        box-sizing: border-box;
        margin-bottom: 4px;
        position: relative;
        margin-left: 0;
    }

        .flex-titre-voir .flex-voir .drop select.readonly-style {
            top: auto;
            background: transparent;
            padding-left: 10px;
            color: #003A42;
            opacity: 1;
            top: 4px;
            font: normal 13px/24px "SF Pro Display";
            font-size: 14px;
            line-height: 14px;
            height: 25px;
        }

        .flex-titre-voir .flex-voir .drop select {
            background: transparent;
            -webkit-appearance: none;
            border: none;
            height: 35px;
            margin: 0;
            padding: 0 30px 0 10px;
            font-size: 14px;
            line-height: 14px;
        }

        .flex-titre-voir .flex-voir .drop:after {
            font-family: "icomoonERP";
            top: 50%;
            transform: translateY(-50%);
            right: 20px;
            color: #003A42;
            font-size: 6px;
            content: "ꁖ";
            position: absolute;
            pointer-events: none;
        }

.count-client {
    text-decoration: none;
    background: #CAF6F0;
    color: #179182;
    border-radius: 12px;
    padding: 10px 20px 10px 40px;
    text-transform: uppercase;
    font: bold 11px "SF Pro Display";
    cursor: default;
    position: relative;
    transition: all 0.2s ease-in-out;
}

    .count-client:before {
        content: "ꁘ";
        font-family: "icomoonERP";
        font-size: 17px;
        height: 18px;
        width: 18px;
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        margin: 0;
        color: #179182;
        line-height: 17px;
        background: none;
        border-radius: 50%;
        position: absolute;
        transition: all 0.2s ease-in-out;
    }

    .count-client:hover {
        text-decoration: none;
        color: #fff;
        background: #179182;
    }

        .count-client:hover:before {
            color: #fff;
        }

/* Style the tab */
.sectionUcOnglet {
    margin-bottom: 20px;
}

    .sectionUcOnglet .divOnglet {
        overflow: hidden;
        /* Style the buttons inside the tab */
        /* Change background color of buttons on hover */
        /* Create an active/current tablink class */
    }

    .sectionUcOnglet .divOnglet-tab {
        background: #fff;
        padding: 30px 30px 0 30px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        width: auto;
        display: inline-block;
    }

        .sectionUcOnglet .divOnglet-tab .tabs {
            background: #F8F6F5;
            display: flex;
            border-radius: 5px;
            min-height: 66px;
            padding: 5px;
            box-sizing: border-box;
        }

            .sectionUcOnglet .divOnglet-tab .tabs .tablinks {
                text-decoration: none;
                color: #003A42;
            }

    .sectionUcOnglet .divOnglet a.tablinks {
        border: none;
        outline: none;
        cursor: pointer;
        padding: 0 16px;
        transition: 0.2s all ease-in-out;
        font: 500 16px "SF Pro Display";
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        background: transparent;
        /*display: block;*/
    }

        .sectionUcOnglet .divOnglet a.tablinks:hover {
            background-color: #fff;
            border-radius: 5px;
        }

    .sectionUcOnglet .divOnglet a.activeTab.tablinks {
        background-color: #fff;
        border-radius: 5px;
    }

    .sectionUcOnglet .divOnglet .section-containt1 {
        background: #fff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 30px;
    }

    .sectionUcOnglet .sectionAdmin {
        padding: 0;
        margin-bottom: 0;
    }

.sectionAdminUtilisateurs > div {
    width: 100%;
}

.sectionAdminConfig {
    display: block;
    min-width: 100%;
    margin-bottom: 20px;
}

    .sectionAdminConfig table {
        width: 100%;
    }

        .sectionAdminConfig table tr:not(:nth-child(1)):hover {
            background: transparent !important;
        }

        .sectionAdminConfig table tr td:first-child {
            line-height: 13px;
        }

        .sectionAdminConfig table input[type=submit] {
            width: 50%;
        }

        .sectionAdminConfig table input[type=text], .sectionAdminConfig table input[type=number], .sectionAdminConfig table textarea {
            background: #F8F6F5;
            border-radius: 5px;
            border: none;
            padding: 8px 10px;
            width: 100% !important;
            box-sizing: border-box;
            min-height: 42px;
        }

            .sectionAdminConfig table input[type=text].textbox50, .sectionAdminConfig table input[type=number].textbox50 {
                width: 50% !important;
            }

        .sectionAdminConfig table .drop {
            margin-bottom: 0;
            background: #F8F6F5;
            border-radius: 5px;
            position: relative;
            margin-right: 10px;
        }

            .sectionAdminConfig table .drop:after {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 15px;
                font-family: "icomoonERP";
                font-size: 7px;
                content: "ꁖ";
                pointer-events: none;
            }

            .sectionAdminConfig table .drop select {
                -webkit-appearance: none;
                border: none;
                height: 100%;
                font: normal 14px "SF Pro Display";
                color: #003A42;
                padding: 8px 20px;
                background: none;
                width: 100% !important;
            }

        .sectionAdminConfig table td:first-child {
            width: 30%;
        }

        .sectionAdminConfig table.col-multiples td:first-child {
            width: 10%;
        }

.sectionAdminListe {
    display: flex;
    flex-direction: column;
}

    .sectionAdminListe a {
        width: 100%;
        display: block;
        background: #fff;
        border-radius: 5px;
        padding: 8px 20px;
        text-align: center;
        margin-bottom: 8px;
        text-decoration: none;
        color: #003A42;
        transition: all 0.2s ease-in-out;
    }

        .sectionAdminListe a:hover {
            background: #003A42;
            color: #fff;
        }

.popupElementConfigCt .popupElementConfigRow {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .popupElementConfigCt .popupElementConfigRow input[type=text], .popupElementConfigCt .popupElementConfigRow input[type=number] {
        background: #F8F6F5;
        border-radius: 5px;
        padding: 8px 20px;
        border: none;
        width: 100%;
        box-sizing: border-box;
        min-height: 42px;
    }

    .popupElementConfigCt .popupElementConfigRow label {
        width: 150px;
    }

.popupElementConfigCt .popupElementConfigSubmit {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
    column-gap: 10px;
}

.popupElementConfigCt select {
    width: 100%;
    border-radius: 5px;
    border: none;
    padding: 8px 20px;
    min-height: 42px;
    background: #F8F6F5;
}

.popupElementConfigCt .drop {
    margin-bottom: 0;
    background: #F8F6F5;
    border-radius: 5px;
    position: relative;
    width: 100%;
}

    .popupElementConfigCt .drop:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        font-family: "icomoonERP";
        font-size: 7px;
        content: "ꁖ";
        pointer-events: none;
    }

    .popupElementConfigCt .drop select {
        -webkit-appearance: none;
        border: none;
        height: 100%;
        font: normal 14px "SF Pro Display";
        color: #003A42;
        padding: 8px 20px;
        background: none;
        width: 100% !important;
    }

.popupElementConfigCt h2 {
    background: none;
}

.btnAddListingArticles table a {
    color: #755FE6;
}

.popupChoixClientDevisDupCt, .popupArticleCt {
    overflow: unset;
}

/*.popupArticleCtModele {
    overflow: auto !important;
}*/

.btnEffacerModele {
    position: unset !important;
}

.btnEffacerModeleArticle {
    top: 80% !important;
}

.autoComplete_wrapper + a {
    position: absolute !important;
    top: 70%;
    transform: translateY(-50%);
    right: 0;
    padding: 0 5px;
    height: auto;
}

.searchChamps .autoComplete_wrapper + a {
    position: absolute !important;
    /* top: 50%;*/
    transform: translateY(-50%);
    right: 0;
    padding: 0 5px;
    height: auto;
}


.popupAchatForm {
    display: flex;
    flex-direction: row;
    margin: 20px 0 40px;
    justify-content: center;
    column-gap: 8px;
}

.searchChamps {
    position: relative;
}

.autoComplete_wrapper {
    border: 1px solid #484c58;
    background: #fff;
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
    display: flex;
    box-sizing: border-box;
    position: relative;
    overflow-y: unset;
}

    .autoComplete_wrapper:before {
        font-family: "icomoonERP";
        font-size: 16px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        content: ">";
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .autoComplete_wrapper input {
        background: transparent;
        height: 100%;
        border: none;
        width: 100%;
        padding: 0 37px 0 45px;
    }

    .autoComplete_wrapper ul {
        position: absolute;
        top: 45px;
        left: 0;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.35);
        max-height: 200px;
        overflow-y: auto;
        width: 100%;
        z-index: 10099;
        padding: 0;
        box-sizing: border-box;
    }

        .autoComplete_wrapper ul li {
            transition: all 0.2s ease-in-out;
            padding: 0 20px;
            box-sizing: border-box;
        }

            .autoComplete_wrapper ul li span {
                cursor: pointer;
            }

            .autoComplete_wrapper ul li:hover {
                background: #F6F8FA;
            }


.recherche-ChoixClientDevisDup {
    flex-direction: row;
}

.recherche-ChoixClientDevis {
    flex-direction: row;
    overflow: unset !important;
}

.popupAjoutDevisCt {
    overflow: unset !important;
}
/*.classChooseAffaire input {
    background: #F8F6F5;*/
/*    height: 35px;*/
/*border: unset;
    font-size: 17px;
    border-width: 0;
    border-style: none;
}*/
.classChooseAffaire .autoComplete_wrapper {
    background: #F8F6F5;
    font-size: 17px;
    border-width: 0;
    border-style: none;
    height: 35px;
    margin-bottom: 8px;
}


.resultCLASS {
    overflow-y: scroll;
    height: 550px;
}


div[data-lastpass-icon-root] {
    display: none;
    visibility: hidden;
}

.banAlerte {
    height: 50px;
    background: #f00;
    position: fixed;
    width: 100%;
    z-index: 1000;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 25px;
}


#panBanniereHaut {
    top: 50px;
}