body { font-family:tahoma; }
@media only screen and (max-width:375px) {
    body { font-size: 1.2em;}
    #ligne, #ligne-ts {
        border-bottom: 1px solid #eae3e3;
        height: 25px;
    }
}
@media only screen and (max-width: 479px) {
    .content_fullwidth {
        float: left;
        width: 100%;
        padding: 20px 0px 0px 10px;
    }
}
#formduntrade fieldset p input {
    width: 85%;
}
h5, h4 { font-family:tahoma; }
.popup label{
    font-size: 0.9em;
}

#mod-cercle-inforisk h5, #mod-historique h5  , #mod-recherche h5 ,#mod-service h5  , #mod-surveillance-implicit h5,
#fiche-entreprise h5, #rech-avance h5, #mod-dernieres-creations h5, #mod-graph h5
{ font-weight:bold; }

#mod-cercle-inforisk .cercle-msg
{ font-size:0.85em; }


[class*="header-color-"] > .widget-toolbar > [data-action="collapse"] , .widget-toolbar a
{ color: #FFFFFF; }

.xxxxxwidget-toolbar > a
{ font-size:0.9em; }

.user-info
{ font-weight:bold; }


.main-content
{
    margin-left: 0px;
}

.page-content
{
    background: none repeat scroll 0 0 #EEEAE9;
}


.menu-min.sidebar + .main-content
{
    margin-left: 0;
}
.menu.small li {
    margin-bottom: 9px;
}
[off-canvas] ul.menu {
    margin: 11px 0px 0px !important;
    padding: 0;
    display: block;
    list-style: none;
}
[off-canvas] ul.menu li a {
    padding-left: 15px !important;
}
.menu.small {
    font-size: 83%;
}
.slid_li{
    border:1px solid #307ecc !important ;
    height: 4.5em !important ;
}

.navbar
{
    background-color: #FFFFFF;
    border:1px solid #AAAAAA;
}

.navbar .navbar-brand
{
    color: #307ECC;
}
.ace-nav > li.light-blue > a
{
    background-color: #307ECC;
}


.widget-header,  .widget-header-small
{
    min-height:1.5em;
}
.widget-header,  .widget-header-small,
.widget-header-small > .widget-caption, .widget-header-small > *:first-child,
.widget-header > .widget-caption, .widget-header > *:first-child ,
.widget-header-small > .widget-toolbar
{
    line-height:1.5em;
}


.ace-nav > li
{
    height:3.5em;
    line-height:3.5em;
}

.ace-nav > li > a > [class*="icon-"]
{
    color:#307ECC;
}
.ace-nav > li > a:hover > [class*="icon-"]
{
    color:#FFFFFF;
}

.ace-nav > li > a
{
    background-color: #FFFFFF;
    color:#307ECC;
    padding:0px 0.1em;
}
.ace-nav > li > a:hover, .ace-nav > li > a:focus {
    background-color: #e3eaf2;
    color: #307ECC;
}

.ace-nav > li > a > .badge, .badge
{
    font-size:0.7em;
    padding-left:0.1em;
    padding-right:0.1em;
    top:-10px;
    left:-5px;
    background-color:#D15B47 !important;
    line-height:0.85em;
}

.nav-list > li > .widget-box:before
{
    left: 0px;
}
.search
{
    padding: 0.7em;
}
a.lien-entreprise {
    font-size: 0.95em;
    text-transform: capitalize;
}
.cercle-msg {
    font-size: 0.95em;
}
.profile-info-name {
    width: 220px;
    text-align: left;
    padding-left: 0.85em;
}
.profile-info-value {
    margin-left: 230px;
}
.profile-info-row{
    min-height: 3.4em;
}
.glyphicons i:before {
    font: 10.1em/1em 'Glyphicons Regular';
    color: #336199;
}
.glyphicons {
    vertical-align: top;
    padding-left: 1.6em;
}

.submenu>li>a [class^="icon-"]{
    color: #336199;
    font-size:10.1em;
}
.popup-cercle-msg-file .ace-file-multiple .file-label .file-name [class*="icon-"] {
    position: relative;
    display: block;
    text-align: center;
    height: auto;
    line-height: 43px;
    width: auto;
    font-size: 33px;
    color: #d5d5d5;
    margin: -8px 0 3px;
    background-color: transparent;
}

.popup-cercle-msg-file .ace-file-multiple .file-label::before {
    margin: 7px 3px 4px;
    line-height: 36px;
    color: #676767;
    font-size: 13px;
    font-weight: normal;
    background-color: #fff;
}
.popup-cercle-msg-file .ace-file-multiple {
    margin-top: 5px;
    margin-bottom: 15px;
}
.cercle-msg-reply {
    color: #666;
    font-weight: normal;
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 13px 0 3px;
    margin-top: 13px;
    margin-bottom: 3px;
    gap: 1em;
}
label {
    font-weight: normal;
}
.info-msg-hover {
    color: #EE7E23;
    font-size: 1.2em;
}
.info-msg-hover:hover .bloc-hover-message {
    display: block;
}
.form-rech-simple label, .form-rech-internationale label, .label-filtre
{
    font-size:0.9em;
    color:#777777;
}

#mod-search input
{
    font-size:0.9em;
}

.profile-activity .icon-home
{
    color: #428BCA;
    font-size: 1.3em;
}

.profile-activity .icon-share-alt
{
    color: #D15B47;
    margin-left: -12px;
}

.itemdiv > .body
{
    margin-left: 1px;
}

#cercle-messages .itemdiv.dialogdiv:before
{
    background-color: transparent;
    border-style: none;


}
.bloc-hover-message {
    display: none;
    position: absolute;
    background-color: #222;
    padding: 8px;
    border-radius: 5px;
    font-size: .9em;
    color: #fff;
    width: auto;
    height: auto;
    font-weight: normal;
}
.impaye-cercle-bdg {
    font-size: .6em;
    padding: 2px 5px;
    background-color: #ca130d;
    color: #fff;
    margin-left: 3px;
    border-radius: 10px;
    position: relative;
    top: -2px;
}
.evaluation-cercle-bdg {
    font-size: .6em;
    padding: 2px 5px;
    background-color: #e58b22;
    color: #fff;
    margin-left: 3px;
    border-radius: 10px;
    position: relative;
    top: -2px;
}
a.lien-entreprise {
    font-size: 0.95em;
    text-transform: capitalize;
    font-weight: bold;
}
.btn.btn-white {
    border-width: 1px;
    border-color: #FFF;
    color: #428bca !important;
    text-shadow: none !important;
    background-color: #FFF !important;
}

.service-title
{
    text-align: center;
    text-decoration: underline;
}

#mod-service .icon-hand-right
{
    font-size: 0.8em;
}

#mod-service .icon-bar-chart, #mod-service .icon-money, #mod-service .icon-book
{
    color: #336199;
}

#mod-service ul li ul li
{
    padding-left: 0.1em;
}

#mod-service ul li ul li .icon-hand-right, #mod-service ul li ul li .icon-angle-right, #mod-service ul li ul li .icon-caret-right, #mod-service ul li ul li .icon-home,
#mod-service ul li ul li .icon-minus
{
    margin-right: 0.3em;
}

#mod-service .widget-main>ul
{
    xpadding-left: 0.8em;
}

#mod-service ul.dropdown-menu a
{
    color: #428BCA;
}
#profil-container,#ratios,#bilan-fonct,#liste-dirig{
    font-size: 0.95em;
}

#profil-container label, #profil-container .lbl{
    font-size: 0.95em;
}

#ratios label, #ratios .lbl, #ratios .chosen-single{
    font-size: 0.85em;
}
#ratios .chosen-single{
    height: 1.5em;
    line-height: 1.5em;
}

#profil-container .input-medium{
    padding-left: 0.3em;
    padding-right: 2em;
    margin-right: -3em;
    max-width: 100%;
    width: 13em;
}

.bilan-retraite
{
    top: 0.1em;
}

.sidebar widget-body
{
    border-left: 0;
}

.form-rech-simple, .form-rech-internationale
{
    padding-top: 1em;
}

.form-rech-simple .form-group, .form-rech-internationale .form-group
{
    margin-left: 0;
    margin-bottom: 0.1em;
}

#bilan .profile-user-info-striped {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #DCEBF7;
}

#bilan .profile-info-row {
    min-height: 2.2em;
}

#bilan .profile-info-name {
    border-left: 0.2em solid #336199;
    border-top: none;
    top: 1px;
    width: 75%;
    background-color: #FFFFFF;
    border-top: none;
}

#bilan .label-xlg.arrowed-in {
    margin-left: 0;
}

#liste-annonce .profile-info-name, #liste-dirig .profile-info-name {
    width: 40%;
    position:absolute;
}
#liste-annonce .profile-info-value, #liste-dirig .profile-info-value {
    width: 60%;
    margin-left: auto;
    text-align: right;
}



#bilan .profile-info-value {
    border-left: 0.2em solid #336199;
    background-color: #EDF3F4;
    border-top: none;
    padding-top: 1px;
    margin-left: auto;
    text-align: right;
}

.widget-box {
    margin: 0.4em 0;
}

.chosen-container > .chosen-single, [class*="chosen-container"] > .chosen-single {
    height: 2.8em;
    line-height: 2.8em;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{
    padding: 2px 0.1em;
    font-size: 0.9em;
}
.controler-flex{
    display: flex;padding: 23px 0px 15px 3px;align-items: center;justify-content: space-between;
}
#cercle-msg-popup, #cercle-eval-form-popup, #cercle-eval-popup, #ann-popup {
    left: 2%;
    position: fixed;
    top: 7%;
    z-index: 1001;
    width: 96%;
}

#cercle-impaye-form-popup {
    left: 2%;
    position: fixed;
    top: 7%;
    z-index: 1001;
    width: 96%;
}

#cercle-impaye-popup {
    left: 3%;
    position: absolute;
    top: 14%;
    width: 94%;
    z-index: 1001;
}
.bloc-info-msg {
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 14px;
    padding: 9px;
    background-color: rgba(48, 126, 204, 0.08);
    color: rgb(48, 126, 204);
}
.detail-impaye-bloc, .detail-evaluation-bloc {
    border: 1px solid #CCDAE7;
    padding: 8px !important;
    margin-bottom: 15px;
    margin-top: 10px;
    font-size: .9em;
}
.textarea-container {
    padding: 10px;
    background-color: #f9fcff;
    margin-bottom: 8px;
    border: 1px solid #CCDAE7;
}
#cercle-add-portfolio-popup, #cercle-edit-portfolio-popup {
    position: absolute;
    left: 5%;
    top: 12%;
    z-index: 99999999;
    width: 91%;
}
#cercle-impaye-form-popup .warning-msg {
    text-align: center;
    padding: 10px;
    background: rgb(255, 236, 213) none repeat scroll 0px 0px;
    color: rgb(207, 130, 31);
    width: 100%;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    padding: 7px 6px;
    margin-bottom: 11px;
    background-color: #f9fcff !important;
    border: 1px solid #c8d9ea !important;
}
#form-field-select-3.chosen-select {
    border-radius: 0px;
    margin-top: 0px;
    border-color: #c8d9ea;
    margin-bottom: 5px;
    background-color: #f9fcff;
}
#ratios #form-field-select-3.chosen-select {
    width: 100%;
}
.pays-db.chosen-select {
    border-radius: 0px;
    margin-top: 0px;
    border-color: #c8d9ea;
    margin-bottom: 10px;
    background-color: #f9fcff;
}
.note-risk{background-color: #ed983d;border: 0px solid #fff;height: 3em;padding-top: 2px;line-height: 1;}
.modal-content {
    background-clip: padding-box;
    border: 1px solid #7d7d7d;
    outline: 0 none;
    position: relative;
    width: 92%;
}
.chosen-container.chosen-container-single{display: none !important;}
#list-portfolio-ent-table_length{display: none !important;}
.chosen-select {
    opacity: 1;
    position: initial;
    visibility: visible;
    z-index: -1;
}
.textarea-container textarea.form-control {
    padding: 0px 0px;
    border: none !important;
}
.chosen-container > .chosen-single, [class*="chosen-container"] > .chosen-single {
    height: 2.8em;
    line-height: 2.8em;
    margin-bottom: 10px;
}
.chosen-container > .chosen-single, [class*="chosen-container"] > .chosen-single {
    box-shadow: none;
    background: #f9fcff;
    border: 1px solid #c8d9ea;
}
.tab-content.profile-edit-tab-content, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    box-shadow: none;
}
.nav-tabs
{
    border-bottom-width: 0px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    border-top-width: 1px;
    margin-top:0px;
}
.nav-tabs > li > a,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    border-bottom-width: 0px;
}
.nav-tabs > li
{
    margin-bottom: 0px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.tab-content.profile-edit-tab-content
{
    border-color: #307ECC;
}

.nav-tabs > li > a, .nav-tabs > li > a:focus
{
    background-color: #307ECC;
    border-color: #307ECC #FFFFFF ;
    color:#FFFFFF;
}

/* .nav-tabs > li:first-child > a, .nav-tabs > li:last-child > a
{
    border-color: #307ECC;
} */

.nav-tabs > li > a:hover
{
    border-color: #307ECC;
}

.tab-content.profile-edit-tab-content
{
    padding: 0 1.5em 1.2em;
}

.widget-box-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    min-height: 301vh;
}

.text_level1
{
    color: #B94A48 !important;
}
.text_level2
{
    font-weight: 400;
    background-color: #336199 !important;
    color: #FFFFFF !important;
}
.text_level3
{
    font-weight: 600;
    background-color: #336199 !important;
    color: #FFFFFF !important;
}

.datepicker.dropdown-menu
{
    z-index: 10000;
}

.form-horizontal .control-label
{
    text-align: left;
}

.rating-input
{
    cursor: pointer;
    color: 	#307ECC;
    display: inline;
}

.rating-input
{
    float: right;
}

#evaluation-content h3
{
    margin-top: 0;
}

.slider-container, .slider {
    width: 100%;
    height: 530px;
}

.previous-btn, .next-btn {
    display: none;
    position: absolute;
    top: 130px;
    width: 3em;
    height: 3em;
    font-size: 4.5em;
    font-weight: 100;
    line-height: 2.5em;
    color: #fff;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    border-radius: 1.8em;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70);
}

.previous-btn:hover, .next-btn:hover {
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter:alpha(opacity=90);
}

.previous-btn {
    left: 0.8em;
}

.next-btn {
    right: 0.8em;
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline
{
    padding-top: 0;
}


input.ace[type="checkbox"]:disabled + .lbl:before, input.ace[type="radio"]:disabled + .lbl:before, input.ace[type="checkbox"][disabled] + .lbl:before, input.ace[type="radio"][disabled] + .lbl:before, input.ace.disabled[type="checkbox"] + .lbl:before, input.ace.disabled[type="radio"] + .lbl:before {
    background-color: #C2C2C2 !important;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 1em 0.3em 1em 0.3em;
}

.widget-toolbar {
    margin-right: 0.25em;
    padding: 0;
}

.nav > li > a {
    font-size: 0.9em;
}
.ace-nav > li > a {
    padding: 0 0.2em !important;
}
.ace-nav > li {
    height: 2.5em;
    line-height: 2.5em;
}
.navbar-brand {
    float: unset;
}
.btn-minier {
    font-size: 1.15em;
}
.btn{margin:1px;}
.tabbable {
    font-size: 1em;
}
.navbar .navbar-right > li {
    border-left: 0;
}
.navbar .navbar-right > li > a {
    float: right;
    font-size: 1.2em;
}

.icon1-res{
    position: relative;
    left: -25%;
    z-index: 1

}

.iconn1-res{

    width:60%
}


.icon2-res{
    position:relative;
    left: -40%;
    top:-100%;
    z-index: 1;
}

.iconn2-res{
    width:30%
}

.icon3-res{
    position: relative;
    left: -45%;
    top:9%;
    z-index: 1;
}

.iconn3-res{
    width:80%
}


.risk-st {
    color: #fff;
    font-size: 100%;
    height: 4.4em;
    margin-left: 33.1%;
    overflow: hidden;
    padding-top: 0.6em;
    position: absolute;
    text-align: center;
    width: 40%;

}
#infoscore .risk-st {
    margin-top: 7px;border: 2px solid;line-height: 8px;
}
#infoscore .msg-risk {
    font-size: .7em;
    position: relative;
    top: 0px;
}
#mod-service-smartphone-wrapper .dropdown-backdrop {
    z-index: -2 !important;
}
#infoscore .score-st2 {
    width: 15%;
    height: 4.4em;
    position: absolute;
    color: #707070;
    padding-top: 0px;
    text-align: center;
    overflow: hidden;
    margin-left: 0%;
}
.score-st2 {
    width: 30%;
    height: 4.4em;
    position: absolute;
    color: #707070;
    padding-top: 2px;
    text-align: center;
    overflow: hidden;
    margin-left: 0%;
}
.limm-st{
    font-size:68%;
    text-align:right;
    right:6.5%;
    position:absolute;
    z-index: 2
}
.lim-text{

    font-size:67%;
    text-align:right;
    right:6.2%;
    padding-top:3px;
    position:absolute;
    z-index: 2;

}
#infoscore .lim-text{
    padding-top: 3px;
}
.icon-position-up-resp{
    position: relative;top: -11px;color: #307ecc;font-size: 1.6em;
}
.icon-position-down-resp{
    position: relative;top: -8px;color: #307ecc;font-size: 1.6em;
}
.font-resp{
    font-size:8px;font-weight:bold
}
.scor-text{

    position: absolute;
    font-size: 67%;
    padding-top: 3px;
    padding-right: 5%;
    color: #fff;
    text-align:right;
    right:1%;
    z-index: 2;
}

.marg-res{
    font-size:85%;
    font-weight:bold;
    margin-top: 57px
}

.line-st{
    display:-moz-deck;
    display:-webkit-inline-box;
    height:6px;
    width:24.2%;
    margin-top: 5px;
}

.widget-toolbar>.dropdown>.dropdown-menu:after,.dropdown-menu.dropdown-caret-left:after
{
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 146px;
    position: absolute;
    top: -6px;
}

.ace-nav>li>a {
    min-width: 40px;
}

.ace-nav {
    text-align: left;
    letter-spacing: 0px;
    padding-left:1%;
    padding-top:3%;
    border:0;
}
.ace-nav2 {
    display: block;
    float: none !important;
    text-align: center;
    background-color: #404040;
    letter-spacing: -3px
}

.ace-nav2 {
    height: 100%;
    margin: 0 !important
}

.ace-nav2>li {
    line-height: 45px;
    height: 45px;
    border-left: 1px solid #DDD;
    padding: 0;
    position: relative;
    float: left !important
}

.ace-nav2>li:first-child {
    border-left: none
}

.ace-nav2>li>a {
    background-color: #2e6589;
    color: #FFF;
    display: block;
    line-height: inherit;
    text-align: center;
    height: 100%;
    width: auto;
    min-width: 50px;
    padding: 0 8px;
    position: relative
}

.ace-nav2>li>a>[class *="icon-"] {
    font-size: 16px;
    color: #FFF;
    display: inline-block;
    width: 20px;
    text-align: center
}

.ace-nav2>li>a>.badge {
    position: relative;
    top: -4px;
    left: 2px;
    padding-right: 5px;
    padding-left: 5px
}

.ace-nav2>li>a:hover,.ace-nav2>li>a:focus {
    background-color: #2c5976
}

.ace-nav2>li.open>a {
    background-color: #2c5976 !important
}

.ace-nav2>li.open>a {
    color: #FFF !important
}

.ace-nav2>li.grey>a {
    background-color: #555
}

.ace-nav2>li.grey>a:hover,.ace-nav2>li.grey>a:focus {
    background-color: #4b4b4b
}

.ace-nav2>li.open.grey>a {
    background-color: #4b4b4b !important
}

.ace-nav2>li.purple>a {
    background-color: #892e65
}

.ace-nav2>li.purple>a:hover,.ace-nav2>li.purple>a:focus {
    background-color: #762c59
}

.ace-nav2>li.open.purple>a {
    background-color: #762c59 !important
}

.ace-nav2>li.green>a {
    background-color: #2e8965
}

.ace-nav2>li.green>a:hover,.ace-nav>li.green>a:focus {
    background-color: #2c7659
}

.ace-nav2>li.open.green>a {
    background-color: #2c7659 !important
}

.ace-nav2>li.light-blue>a {
    background-color: #62a8d1
}

.ace-nav>li.light-blue>a:hover,.ace-nav>li.light-blue>a:focus {
    background-color: #579ec8
}

.ace-nav2>li.open.light-blue>a {
    background-color: #579ec8 !important
}

.ace-nav2>li.light-blue2>a {
    background-color: #42a8e1
}

.ace-nav2>li.light-blue2>a:hover,.ace-nav2>li.light-blue2>a:focus {
    background-color: #359fd9
}

.ace-nav2>li.open.light-blue2>a {
    background-color: #359fd9 !important
}

.ace-nav2>li.red>a {
    background-color: #b74635
}

.ace-nav2>li.red>a:hover,.ace-nav2>li.red>a:focus {
    background-color: #a34335
}

.ace-nav2>li.open.red>a {
    background-color: #a34335 !important
}

.ace-nav2>li.light-green>a {
    background-color: #9abc32
}

.ace-nav2>li.light-green>a:hover,.ace-nav2>li.light-green>a:focus {
    background-color: #8ba832
}

.ace-nav2>li.open.light-green>a {
    background-color: #8ba832 !important
}

.ace-nav2>li.light-purple>a {
    background-color: #cb6fd7
}

.ace-nav2>li.light-purple>a:hover,.ace-nav>li.light-purple>a:focus {
    background-color: #c263ce
}

.ace-nav2>li.open.light-purple>a {
    background-color: #c263ce !important
}

.ace-nav2>li.light-orange>a {
    background-color: #f79263
}

.ace-nav2>li.light-orange>a:hover,.ace-nav2>li.light-orange>a:focus {
    background-color: #f28653
}

.ace-nav2>li.open.light-orange>a {
    background-color: #f28653 !important
}

.ace-nav2>li.light-pink>a {
    background-color: #f4dae5
}

.ace-nav2>li.light-pink>a:hover,.ace-nav>li.light-pink>a:focus {
    background-color: #eeccda
}

.ace-nav2>li.open.light-pink>a {
    background-color: #eeccda !important
}

.ace-nav2>li.dark>a {
    background-color: #404040
}

.ace-nav2>li.dark>a:hover,.ace-nav2>li.dark>a:focus {
    background-color: #363636
}

.ace-nav2>li.open.dark>a {
    background-color: #363636 !important
}

.ace-nav2>li.white-opaque>a {
    background-color: rgba(255, 255, 255, 0.8)
}

.ace-nav2>li.white-opaque>a:hover,.ace-nav2>li.white-opaque>a:focus {
    background-color: rgba(245, 245, 245, 0.8)
}

.ace-nav2>li.open.white-opaque>a {
    background-color: rgba(245, 245, 245, 0.8) !important
}

.ace-nav2>li.dark-opaque>a {
    background-color: rgba(0, 0, 0, 0.2)
}

.ace-nav2>li.dark-opaque>a:hover,.ace-nav2>li.dark-opaque>a:focus {
    background-color: rgba(0, 0, 0, 0.2)
}

.ace-nav2>li.open.dark-opaque>a {
    background-color: rgba(0, 0, 0, 0.2) !important
}

.ace-nav2>li.margin-4 {
    margin-left: 4px
}

.ace-nav2>li.margin-3 {
    margin-left: 3px
}

.ace-nav2>li.margin-2 {
    margin-left: 2px
}

.ace-nav2>li.margin-1 {
    margin-left: 1px
}

.ace-nav2>li.no-border {
    border: none !important
}

.ace-nav2>li .dropdown-menu {
    z-index: 1031
}

.ace-nav2 .nav-user-photo {
    margin: -4px 8px 0 0;
    border-radius: 100%;
    border: 2px solid #FFF;
    max-width: 40px
}

.ace-nav2 li:last-child a [class ^="icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center
}

.navbar-container {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width:767px) {
    .ace-nav2>li:nth-last-child(4)>.dropdown-menu.pull-right {
        right: -80px
    }
    .ace-nav2>li:nth-last-child(4)>.dropdown-menu.pull-right:before,.ace-nav2>li:nth-last-child(4)>.dropdown-menu.pull-right:after
    {
        right: 100px
    }
    .ace-nav2>li:nth-last-child(3)>.dropdown-menu.pull-right {
        right: -40px
    }
    .ace-nav2>li:nth-last-child(3)>.dropdown-menu.pull-right:before,.ace-nav2>li:nth-last-child(3)>.dropdown-menu.pull-right:after
    {
        right: 60px
    }
    .user-menu.dropdown-close.pull-right {
        right: 0 !important
    }
}

@media only screen and (max-width:480px) {
    .ace-nav2>li:nth-last-child(4)>.dropdown-menu.pull-right {
        right: -120px
    }
    .ace-nav2>li:nth-last-child(4)>.dropdown-menu.pull-right:before,.ace-nav>li:nth-last-child(4)>.dropdown-menu.pull-right:after
    {
        right: 140px
    }
    .ace-nav2>li:nth-last-child(3)>.dropdown-menu.pull-right {
        right: -80px
    }
    .ace-nav2>li:nth-last-child(3)>.dropdown-menu.pull-right:before,.ace-nav2>li:nth-last-child(3)>.dropdown-menu.pull-right:after
    {
        right: 100px
    }
    .ace-nav2>li:nth-last-child(2)>.dropdown-menu.pull-right {
        right: -50px
    }
    .ace-nav2>li:nth-last-child(2)>.dropdown-menu.pull-right:before,.ace-nav>li:nth-last-child(2)>.dropdown-menu.pull-right:after
    {
        right: 70px
    }
    .content_right {
        float: right;
    }
    .content_left {
        float: left;
    }
    .img-responsive {
        max-width: 100% !important;
    }
    .footer {
        padding: 20px;
        font-size: .8em;
    }

}

@media only screen and (max-width:460px) {
    .ace-nav2>li:nth-last-child(4)>.dropdown-menu.pull-right {
        left: -5px;
        right: auto
    }
    .ace-nav2>li:nth-last-child(4)>.dropdown-menu.pull-right:before,.ace-nav2>li:nth-last-child(4)>.dropdown-menu.pull-right:after
    {
        right: auto;
        left: 25px
    }
    .ace-nav2>li:nth-last-child(3)>.dropdown-menu.pull-right {
        left: -60px;
        right: auto

    }
}

#mod-service-wrapper {
    display : none;
}

#cercle-msg-popup .widget-header-small, #cercle-impaye-form-popup .widget-header-small, #cercle-eval-form-popup .widget-header-small {
    padding: 1px 7px;
}
.button-abs {
    position: absolute;
    right: 0;
    margin-top: -4px !important;
    margin-right: 6px !important;
    border-width: 0px 5px 0px 5px;
    border-color: #fff;
    padding: 2px 5px;
}
.button-abs:hover {
    border-color: #fff;
}
.button-abs:focus {
    background-color: #fff !important;
    border-color: #fff !important;
}
.button-abs-b {
    position: absolute;
    right: 0;
    margin-top: -27px !important;
    margin-right: 6px !important;
    border-width: 0px 5px 0px 5px;
    border-color: #fff;
    padding: 2px 5px;
}
.button-abs-b:hover {
    border-color: #fff;
}
.button-abs-b:focus {
    background-color: #fff !important;
    border-color: #fff !important;
}

.btn-bordred-fiche{
    position: absolute;
    right: 0;
    margin-top: -33px !important;
    margin-right: 9px !important;
    padding: 4px 8px;
    font-size: .8em;
    width: auto;
}
.btn-bordred-fiche select {
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #858585;
    background-color: #fff;
    border: 1px solid #e58b22;
}

::-webkit-scrollbar{width:2px;height:2px;}
::-webkit-scrollbar-button{width:2px;height:2px;}


.horizontal-scroll-wrapper{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:80px;
    max-height:500px;
    margin:0;
    background:#abc;
    overflow-y:auto;
    overflow-x:hidden;
    transform:rotate(-90deg) translateY(-80px);
    transform-origin:right top;
}
.horizontal-scroll-wrapper > li{
    display:block;
    padding:5px;
    background:#cab;
    transform:rotate(90deg);
    transform-origin: right top;
    box-sizing:border-box;
}

.squares{
    padding:60px 0 0 0;
}

.squares > div{
    width:60px;
    height:60px;
    margin:10px;
}

.rectangles{
    top:100px;
    padding:100px 0 0 0;
}
.rectangles > li{
    width:140px;
    height:60px;
    margin:50px 10px;
    padding:5px;
    background:#cab;
    transform:rotate(90deg) translateY(80px);
    transform-origin: right top;
}

.slid_ul{
    xoverflow-y:auto;
    xoverflow-x:hidden;
    max-height:100px;
}

.slid_i{
    vertical-align: middle;
    padding-top: 7px;
    font-size:20px
}

.margin-container{
    margin-top:10px;
}
#mod-historique-wrapper {display: none;}

#mod-cercle-inforisk-wrapper{display: none;}

#mod-surveillance-implicit-wrapper{display: none;}

#mod-service-wrapper{display: none;}

#mod-news-wrapper{display: none;}

#mod-dernieres-creations-wrapper{display: none;}

#mod-recherche-wrapper{display: none;}

#mod-recherche-wrapper{display: none;}

#mod-graph-wrapper{display: none !important ;}


/*#rech-avance .ann-inforisk, #rech-avance .ann-inforisk-space{display:none;}*/

.nav-dis-web
{
    display: none;
}

.identification-mobile{
    display:block;
}
.identification-web{
    display:none;
}

.identification-web-tpe{
    display:none;
}


.line-mar{
    border-width: 1px 0 0.9em;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    height: 19px;
}

.ruler .cm:nth-of-type(11):after {
    color: #307ecc;
    content: "100";
    font-size: 1.1em;
    left: -54%;
}

.logo-ajust {
    height: 48px;
    padding: 11px 8px;
}

.search-logo {
    background-color: rgb(239, 248, 255);
    border: 1px solid rgb(221, 221, 221);
    color: #307ecc;
    float: left;
    font-size: 3.7em;
    margin-right: 0;
    padding: 6px 9px;
}


.typ_ge {
    font-size: 0.18em;
    font-weight: bold;
    height: 8px;
    margin-bottom: 25px;
    margin-left: -2px;
    padding: 0.1em 0.3em;
    position: absolute;
    z-index: 1;
}

.typ_tpe {
    font-size: 0.18em;
    font-weight: bold;
    height: 8px;
    margin-bottom: 25px;
    margin-left: -2px;
    padding: 0.1em 0.3em;
    position: absolute;
    z-index: 1;
}

.typ_pme {
    font-size: 0.18em;
    font-weight: bold;
    height: 8px;
    margin-bottom: 25px;
    margin-left: -2px;
    padding: 0.1em 0.3em;
    position: absolute;
    z-index: 1;
}

.badge_siege {
    border: 1px solid rgb(239, 248, 255);
    border-radius: 3px;
    font-size: 0.18em;
    height: 10px;
    left: 34px;
    padding: 0.1em 0.45em;
    position: absolute;
    top: 22px;
    z-index: 1;
}

.badge_anc_siege {
    border: 1px solid rgb(239, 248, 255);
    border-radius: 3px;
    font-size: 0.18em;
    height: 10px;
    left: 34px;
    padding: 0.1em 0.45em;
    position: absolute;
    top: 22px;
    z-index: 1;
}
.badge_etab_sec {
    border: 1px solid rgb(239, 248, 255);
    border-radius: 3px;
    font-size: 0.18em;
    height: 13px;
    left: 34px;
    padding: 0.1em 0.35em;
    position: absolute;
    top: 22px;
    z-index: 1;
}
.badge_incun {
    border: 1px solid rgb(239, 248, 255);
    border-radius: 3px;
    font-size: 0.18em;
    height: 10px;
    left: 34px;
    padding: 0.1em 0.55em;
    position: absolute;
    top: 22px;
    z-index: 1;
}

.badge_succurs {
    border: 1px solid rgb(239, 248, 255);
    border-radius: 3px;
    font-size: 0.18em;
    height: 13px;
    left: 34px;
    padding: 0.1em 0.35em;
    position: absolute;
    top: 22px;
    z-index: 1;
}

.block-ajust {
    width:75%;
}

.action-distru {
    display: inline-block;
    padding-right: 0;
}

label {
    font-weight: normal;
}
.covid19-web,.bloc-effectif-web , .comportement-paiement-web{
    display: none;
}
.header-web{
    display: none;
}

/*NAVIGATION*/
.header-mobile nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Roboto;
    min-height: 58px;
    padding: 7px 16px 7px;
    background: #282828;
}

.header-mobile .logo{
    color:#FFFF;
}


.header-mobile .nav-links {
    justify-content: space-between;
}

.header-mobile .nav-links li {
    list-style: none;
    margin-bottom: 10px;
    white-space: nowrap;
}

.header-mobile .nav-links a {
    color: #FFFF;
    text-decoration: none;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px;
    border-bottom: 2px solid rgba(255,255,255,0);
    transition: all, .4s;
}

.header-mobile .nav-links a:hover{
    border-bottom:2px solid #FFFF;
    opacity: 1;
}

.header-mobile .user-avatar{
    width:48px;
    height:48px;
    display:inline-block;
    border-radius:50%;
}

.header-mobile .user-dropdown-arrow{
    display:inline-block;
    margin-bottom:32px;
}

.header-mobile .dropdown-arrow{
    color: #FFFF;
    align-content:right;
}

.header-mobile .burger{
    display:none;
}

.header-mobile .burger div{
    height:4px;
    width:24px;
    margin:4px;
    background-color:#FFFF;
}

.header-mobile .close-icon {
    position: absolute;
    top: 12px;
    right: 4%;
    opacity: 0;
    display: none;
    transform: rotate(90deg);
    transition: all 2s;
}
.header-mobile .nav-links {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0px;
    position: absolute;
    top: 70px;
    left: 0px;
    width: 100%;
    display: grid;
    transform: translateX(-100%);
    transition: transform 0.5s ease-in;
    z-index: 500;
    padding: 28px 0;
    background-color: #1889c1;
}
.header-mobile  .nav-links a {
    margin-left: 15%;
    color: #87d1f7;
    border-bottom: none;
    font-size: 12px;
}
.header-mobile .nav-links a:hover{
    /*border-left: 4px solid rgba(255,255,255,1);*/
    border-bottom:none;
}
.page_title {
    height: auto;
    padding: 15px 15px 15px;
    width: 100%;
}
.left_sidebar {
    width: 90%;
    padding: 15px;
    font-size: .8em;
}
.content_right {
    width: 92%;
    padding: 0px 21px 21px;
}
.header-mobile .nav-active {
    transform: translateX(0%);
    z-index: 1000;
    background-color: #1889c1;
}
.liststylesquare, .liststyle-tiret, .liststyledecimal {
    padding-left: 36px;
    margin-top: 10px;
}
.sidebar_widget ul.arrows_list1 {
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 0px;
    font-size: 14px;
}
h4.title.media-heading{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: bold;
}
.page_title .title h1 {
    margin-top: 0px;
    color: #ffffff;
    font-size: 1.5em;
}
.lirt_section li i {
    font-style: normal;
    font-size: 0.8em;
}
.lirt_section li strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
}
.header-mobile .burger{
    display: block;
}

.header-mobile .close-icon-active {
    display: block;
    opacity: 1;
    color: #fff;
    font-size: 15px;
    background-color: #1574a4;
    padding: 10px;
}
.header-mobile .logo{
    margin-bottom: 6px;
}
.courbes-resp{
    background: #ffffff;
    width: 97%;
    border: 1px groove #307ecc !important;
    margin-bottom: 10px;
}
#form_field_select_3_chosen{
    display: none !important;
}

.bloc-contrib-portefeuille {
    background-color: #FFF0E3;
    color: #454545;
    padding: 9px 0px 9px;
    font-size: .8em;
    margin-bottom: 16px;
    border: 1px solid #e58b21;
}
.bloc-contrib-left{padding: 0;display: flex;justify-content: center;align-items: center;}
.bloc-contrib-left img{width: 31px;height: 31px;}
.bloc-contrib-right{display: flex;justify-content: end;align-items: center;}
.bloc-contrib-right button{height: 23px;}

#cercle-portfolio-popup {
    position: absolute;
    left: 8%;
    top: 21%;
    z-index: 99999999;
    width: 289px;
}
.impaye-line-flex, .evaluation-line-flex{
    display:flex; justify-content:space-between; padding: 8px 0;align-items: center;
}
.impaye-line-flex .chosen-container.chosen-container-single{float: right;}
.impaye-comment, .evaluation-comment{
    margin-top: 10px;
}
.impaye-question {
    font-weight: bold;
    color: #307ecc;
    text-align: right;
}
.slider-popup-controler{
    position: absolute;width: 97%;top: 25px;
}
.slider-popup-controler div{
    display: flex;padding: 15px 8px 15px;align-items: center;justify-content: space-between;
}
.slid-header{
    padding: 12px 55px 17px
}

.slid-header .slid-header-bloc{
    font-size: 0.9em;padding: 0 14px;
}
.numbertext {
    color: #393939;
    font-size: 10px;
    padding: 8px 12px;
}
.prev, .next {
    cursor: pointer;
    width: auto;
    padding: 3px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    transition: 0.6s ease;
    user-select: none;
    background-color: #307ecc;
    border-radius: 0 !important;
}

#modal-msg {
    left: 33%;
    position: absolute;
    top: 7%;
    z-index: 1001;
    width: 33%;
}
#modal-courbe-ca1 {
    position: absolute;
    top: 7%;
    z-index: 99999999;
    left: 5%;
    width: 88%;
}
#modal-courbe-ca2 {
    position: absolute;
    top: 7%;
    z-index: 99999999;
    left: 5%;
    width: 88%;
}
#modal-concentrations-parts-de-marche {
    position: absolute;
    top: 7%;
    z-index: 99999999;
    left: 5%;
    width: 88%;
}
#modal-effectif {
    position: absolute;
    top: 11%;
    z-index: 99999999;
    left: 6%;
    width: 85%;
}
#modal-effectif-detail {
    position: absolute;
    top: 345px;
    z-index: 99999999;
    left: 6%;
    width: 85%;
}
#modal-support {
    position: absolute;
    top: 5%;
    z-index: 99999999;
    left: 7%;
    width: 85%;
}
#modal-delais-paiement {
    position: absolute;
    top: 9%;
    z-index: 99999999;
    left: 5%;
    width: 85%;
}
#modal-paiement-recharge, #modal-gestion-offre {
    position: absolute;
    top: 9%;
    z-index: 99999999;
    left: 5%;
    width: 85%;
}

#modal-ajout-carte {
    position: absolute;
    top: 9%;
    z-index: 99999999;
    left: 5%;
    width: 85%;
}

#modal-confirmation-resiliation, #modal-conf-envoi-fbc{
    position: absolute;
    top: 9%;
    z-index: 99999999;
    left: 5%;
    width: 85%;
}

#modal-resiliation{
    position: absolute;
    top: 9%;
    z-index: 99999999;
    left: 5%;
    width: 85%;
}

#modal-erreur-paiement, #modal-confirmation-paiement , #modal-erreur-solde {
    position: absolute;
    top: 9%;
    z-index: 99999999;
    left: 5%;
    width: 85%;
}
#modal-details-offre {
    position: absolute;
    top: 9%;
    z-index: 99999999;
    left: 5%;
    width: 85%;
}
#modal-details-consommation {
    position: absolute;
    top: 9%;
    z-index: 99999999;
    left: 5%;
    width: 85%;
}
#modal-exemple-delais-paiement , #modal-exemple-score-impact , #modal-exemple-score-covid19 {
    position: absolute;
    top: 10%;
    z-index: 99999999;
    left: 26%;
    width: 48%;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label::before, [type="radio"]:not(:checked) + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 1px solid #b3aeae;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label::after, [type="radio"]:not(:checked) + label::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #428BCA;
    position: absolute;
    top: 5px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.q-choise-modal{
    display: initial;
    margin: 10px 0;
}
.img-bloc-support{
    flex: 0 0 75px;
}
.bloc-modal-support-right{padding: 30px 15px 18px}
.bloc-modal-support-left{padding: 117px 3px;background: #307ecc1a;text-align: center;height: 67vh;}

[off-canvas] ul.menu {
    margin: 0;
    padding: 0;
    padding-top: 0px;
    display: block;
    list-style: none;
    padding-top: 11px;
}
[off-canvas] ul.menu li a {
    color: rgba(255, 255, 255, 0.87);
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 21px;
    height: 26px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 200ms ease-in-out 0s;
    transition: all 200ms ease-in-out 0s;
}


.detail-offre .discription {
    margin-bottom: 20px;
    font-size: 0.9em;
}
.detail-offre .title-details{
    font-weight: bold;color: #307ecc;font-size: 1em;margin-bottom: 5px;
}
table.details-tarifs-table{
    margin: auto;
    width: 100%;
    border-style: none;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    padding: 12px;
    border: 1px solid #1d7ee3;
    font-size: .9em;
}
.details-tarifs-table tr th{
    background-color: #1d7ee3;
    padding: 10px;
    color: white;

}
.details-tarifs-table tr td{
    padding: 9px;
}
.details-tarifs-table tr td:last-child{
    text-align: center;
}
.details-tarifs-table tr th:last-child{
    text-align: center;
}
.details-tarifs-table .tabdata {
    background-color: #1d7ee30d;
}
.bloc-rapport-rubrique-services {
    width: 91%;
    float: none;
    background-color: rgb(217, 223, 234);
    border: 1px solid rgb(157, 163, 174);
    margin-left: 0px;
    margin-bottom: 15px;
    padding: 15px;
}
.section-menu {
    width:100%;float: left;
}
.img-optimisation-marketing{
    width: 100%;margin-top: 15px;
}
.get_features .get_features_list li.left {
    float: left;
    padding: 0px;
    margin: 0px 18px 0px 0px;
    width: 35px;
    height: 35px;
    background-color: #1889c1 !important;
    border-radius: 45px;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
    font-size: 0.7em;
}
.img-content-transaparent {
    margin-bottom: 15px;
}
.img-achat-gestion-resp{
    float: none;
    border: 1px solid #ccc;
    margin-left: 0;
    max-width: auto;
    margin-top: 15px;
}
.get_features_list {
    float: left;width: 100%;
}
.get_feature_img {
    width: 100%; margin-left: 0px; float: left;
}
.title-contact-fr {
    color: rgb(24, 137, 193); font-family: tahoma; font-size: 1.5em;
}
#contact .content_fullwidth {
    float: left;
    width: 92%;
    padding: 40px 23px 0px 19px;
}

#contact .textarea_bg {
    width: -moz-available;
}

#contact .input_bg {
    width: -moz-available;
}
#contact .address-info {
    width: -moz-available;
}
.nav-flex-responsive{white-space: nowrap;width: 95%;overflow: auto;margin: 10px 10px 0;display: flex;}
.sub-nav-responsive {white-space: nowrap;width: 95%;overflow: auto;margin: 0 10px;}
.table.moyens-paiement thead > tr > th, .table.moyens-paiement tbody > tr > th, .table.moyens-paiement tfoot > tr > th, .table.moyens-paiement thead > tr > td, .table.moyens-paiement tbody > tr > td, .table.moyens-paiement tfoot > tr > td {
    padding: .5em 1em .5em 1em;
    white-space: nowrap;
}
.table-space-w{
    overflow-x: auto;
}
.info-message-popup{
    border:1px solid #e58b21;
    padding: 10px;
    background-color: #f9e6d0;
    color: #e58b21;
    text-align: center;
}
.bloc-table-details-paiement{width: 250%;}

.modal-responsive{
    display: block;
    position: fixed;
    width: 98%;
    margin: auto;
    overflow-y: auto;
    top: 10%;
    font-size: 0.8em
}

.multiselect-dropdown-list label {
    font-weight: normal;
    font-size: .9em !important;
}
.button-nantissement-list {
    position: absolute;
    text-align: right;
    width: 100%;
    bottom: 6px;
}
.button-nantissement-list a {
    color: #cd3301;
    padding: 2px 13px;
    cursor: pointer;
}
.container-risk {
    display: flex;
    justify-content: space-between;
    padding: 18px;
    color: #317ecc;
    font-weight: bold;
    font-size: .8em;
    gap: 15px;
    align-items: normal;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #317ecc17;
    margin: 5px 0 15px;
}
.flex-item-risk {
    padding: 0;
}
.risk-message {
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    min-height: 35px;
    flex: 1;
    padding: 0 15px;
}