.toolBoxUiView {
  height: 26px;
  line-height: 13px;
}
.toolBoxUiView ul {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  display: inline-block;
}
.toolBoxUiView ul li {
  display: inline-block;
}
.contentUiView {
  height: 1670px;
  width: 100%;
  font-size: 14px;
  overflow-x: scroll;
  /*.form-group{
        display:inline-block;

        .label-filtre{
             padding:10px 0px;
        }
    }*/
}
.contentUiView .form-group-non-align {
  margin: -15px 20px;
}
.contentUiView .form-group-non-align .label-filtre {
  padding: 10px 0px;
}

#toolbar button {
  padding: 0;
  width: 25px;
  height: 25px;
}
.addPeriod {
  margin-top: -12px;
}
.contentUiView {
  overflow-x: auto;
  position: absolute;
  top: 35px;
  bottom: 0;
  right: 0;
  left: 0;
  height: auto;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.contentUiView .no-padding {
  padding: 0;
}
.contentUiView .padding-bottom-10 {
  padding-bottom: 10px;
}
.contentUiView .btn-date {
  padding: 6px 8px;
}
.contentUiView .panelStats {
  padding-right: 15px;
  padding-left: 15px;
}
.contentUiView .panelStats .nv-y text {
  font: normal 9px Arial;
}
.contentUiView .panelStats .title-panel-stats {
  padding: 0.7em;
  font-size: 1.1em;
  font-weight: 400;
}
.contentUiView .panelStats .container-fluid {
  padding-left: 3px;
  padding-right: 3px;
  padding: 3px;
}
.contentUiView .panelStats .div-kpi {
  padding-left: 3px;
  padding-right: 3px;
}
.contentUiView .panel-stats {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.contentUiView .toolBoxUiView {
  height: 26px;
  line-height: 13px;
}
.contentUiView .toolBoxUiView ul {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  display: inline-block;
}
.contentUiView .toolBoxUiView ul li {
  display: inline-block;
}
.contentUiView .toolbox-action-table {
  width: 50px;
}
.contentUiView .form-group-non-align {
  margin: -15px 20px;
}
.contentUiView .form-group-non-align .label-filtre {
  padding: 10px 0px;
}
.contentUiView date-picker .input-group input {
  padding-right: 0;
  width: 7.7em;
}

.toolBoxUiView {
  height: 26px;
  line-height: 13px;
}
.toolBoxUiView ul {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  display: inline-block;
}
.toolBoxUiView ul li {
  display: inline-block;
}
.contentUiView {
  height: 1670px;
  width: 100%;
}

.handle {
  cursor: move;
}
#impressionsView table input {
  width: 100%;
}

.form-group-line {
  width: 100%;
  display: block;
}
h1.title {
  color: white;
  background-color: #3262a1;
  margin: 20px 0px !important;
  padding: 20px;
}
i.red {
  color: red;
}
.modal-classic {
  font-size: 1.2em;
}
.modal-classic .btn-success {
  width: 100%;
}
.modal-classic input {
  width: 15em !important;
  height: 25px;
  padding: 3px 6px;
  font-size: 0.95em;
}
.modal-classic select {
  height: 25px;
  padding: 3px 6px;
  font-size: 0.95em;
}
.modal-classic .intl-tel-input input {
  height: 25px;
  font-size: 0.95em;
  padding-right: 0;
  padding-left: 44px;
  padding-top: 0;
  padding-bottom: 0;
}
.modal-classic .fa-plus {
  color: #4caf50;
  margin-left: 0.3em;
  line-height: 1.8;
  font-size: 1.1em;
}
.modal-classic .fa-plus:hover {
  cursor: pointer;
}
.modal-classic .fa-times {
  color: #f44336;
  margin-left: 0.3em;
  line-height: 1.8;
  font-size: 1.1em;
}
.modal-classic .fa-times:hover {
  cursor: pointer;
}
.modal-classic select {
  width: 15em;
}
.decale {
  font-size: 1.2em!important;
  text-align: center;
}
.decale .fa-times {
  margin-left: 0.2em;
}
.decale .fa-times:hover {
  cursor: pointer;
  color: #f08a00;
}
.decale .fa-trash-o {
  margin-left: 0.2em;
}
.decale .fa-trash-o:hover {
  cursor: pointer;
  color: #F08A00;
}
h2.title {
  padding: 0px 20px;
}
table {
  /*width: 100%;
      border-spacing:0;
      margin:0;*/
  border-collapse: separate !important;
}
table .sortable .fa {
  padding: 10px;
}
.informations-bar {
  background-color: white;
  width: 100%;
  height: 100px;
  font-size: 0.9em;
}
.informations-bar .title-panel {
  margin: 0px;
  font-size: 1.25em;
}
.informations-bar .panel-default {
  margin: 0 7px;
}
.informations-bar .row {
  padding: 5px 10px;
}
.informations-bar .fa-gear {
  float: right;
  font-size: 17px;
}
.informations-bar .fa-gear:hover {
  cursor: pointer;
}
.informations-bar .libelle-icon {
  display: inline-block;
  margin-left: 10px;
}
.informations-bar .libelle-icon span {
  margin-right: 5px;
}
.navmenu {
  overflow: hidden;
}
#projetView {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /*Icone concernant la table*/
  /*.ng-table-pager {
         display: none;
     }*/
}
#projetView table tbody .fa {
  text-align: center;
}
#projetView table tbody .fa.initial {
  color: #607D8B;
}
#projetView table tbody .fa.green {
  color: #8BC34A;
}
#projetView table tbody .fa.red {
  color: #F44336;
}
#projetView table tbody .fa.fa-map-marker {
  font-size: 2em;
}
#projetView table tbody .fa.fa-calendar {
  font-size: 2em;
}
#projetView .row-favorite-acteur {
  margin-bottom: 2em;
}
#projetView #scrollable-area {
  margin: auto;
  width: 100%;
  height: 750px;
  border: 1px solid #ccc;
  overflow-y: scroll;
}
#projetView .contentUiView {
  overflow-x: auto;
  position: absolute;
  top: 35px;
  bottom: 0;
  right: 0;
  left: 0;
  height: auto;
  width: auto;
}
#projetView .contentUiView .toolbox-action-table {
  width: 50px;
}
#projetView .contentUiView .bootstrap-calendar {
  display: inline-block;
}
#projetView .contentUiView .btn-transparent {
  padding: 0px;
  background: transparent;
  border: none;
}
#projetView .contentUiView .btn-transparent:hover {
  color: #f2dede;
}
#projetView .contentUiView .btn-datepicker {
  margin: 1px;
}
#projetView .container-historique {
  width: 95%!important;
}
#projetView .container-historique .btn-group {
  width: 100%;
}
#projetView .container .popover {
  width: auto !important;
}
#projetView .container .milestones-bar {
  height: 1.8em;
}
#projetView .container .milestones-bar .fa-map-marker {
  position: absolute;
  font-size: 2.5em;
  margin-left: -7px;
}
#projetView .container .milestones-bar .fa-map-marker:hover {
  cursor: pointer;
}
#projetView .container .milestones-bar .fa-map-marker.initial {
  color: #607D8B;
}
#projetView .container .milestones-bar .fa-map-marker.green {
  color: #8BC34A;
}
#projetView .container .milestones-bar .fa-map-marker.red {
  color: #F44336;
}
#projetView .container .appointment-bar {
  height: 1.8em;
}
#projetView .container .appointment-bar .fa-calendar {
  position: absolute;
  font-size: 1.8em;
  margin-left: -7px;
}
#projetView .container .appointment-bar .fa-calendar:hover {
  cursor: pointer;
}
#projetView .container .appointment-bar .fa-calendar.initial {
  color: #607D8B;
}
#projetView .container .appointment-bar .fa-calendar.green {
  color: #8BC34A;
}
#projetView .container .appointment-bar .fa-calendar.red {
  color: #F44336;
}
#projetView .container .progress {
  height: 3em;
  margin-bottom: -0.5em;
}
#projetView .container .progress .progress-bar {
  background-color: #c5cae9;
}
#projetView .text-button {
  padding: 10px;
}
#projetView .ngTableInit {
  width: auto;
}
#projetView table {
  height: 100%;
  font-size: 12px;
  margin: auto;
}
#projetView table .th-prf {
  width: 4em;
}
#projetView table .td-prf {
  width: 4em;
}
#projetView table .th-checkbox {
  width: 15px;
}
#projetView table .fixed {
  top: 0;
  position: fixed;
  width: auto;
  display: none;
  border: none;
}
#projetView table .fa-smile-o {
  color: green;
}
#projetView table .fa-frown-o {
  color: red;
}
#projetView table td .fa-sun-o {
  color: red;
}
#projetView table td .fa-umbrella {
  color: blue;
}
#projetView table td button {
  display: inline-block;
}
#projetView table input[type=text] {
  margin: auto;
}
#projetView table .ui-widget-calendar {
  width: 3em;
}
#projetView .align {
  padding: 0px 100px;
}
#projetView .margin-panel {
  margin: 20px auto;
  width: 98%;
  font-size: 0.8em !important;
}
#projetView .margin-panel-affichage {
  margin: 20px auto;
  width: 98%;
  font-size: 0.8em !important;
}
#projetView .inlineBlock {
  display: inline-block;
}
#projetView .panel-heading {
  padding: 5px 15px;
}
#projetView .selectedTableRow {
  color: #f08a00;
  background-color: #fbe3bf;
}
#projetView .body-modal .form-group-align label {
  width: 8em !important;
}
#projetView .content-btn-modification {
  height: 40px;
}
#projetView .content-btn-modification .btn-group {
  float: right;
  padding: 0px 10px;
}
#projetView .information-panel {
  padding: 10px;
  margin-bottom: 30px;
}
#projetView .ngTableInit .btn-group {
  float: left;
  padding: 2px 5px;
}
#projetView .td-disabled {
  background-color: #eee;
}
#projetView .modal-choix-projet {
  margin-bottom: 230px;
}
#projetView .modal-choix-projet button {
  height: 200px;
}
#projetView #toolbar button {
  padding: 0;
  width: 25px;
  height: 25px;
}

.form-group-line {
  width: 100%;
  display: block;
}
h1.title {
  color: white;
  background-color: #3262a1;
  margin: 20px 0px !important;
  padding: 20px;
}
h2.title {
  padding: 0px 20px;
}
table .sortable .fa {
  padding: 10px;
}
#projetsView {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#projetsView .contentUiView {
  overflow-x: auto;
  position: absolute;
  top: 35px;
  bottom: 0;
  right: 0;
  left: 0;
  height: auto;
  width: auto;
}
#projetsView .contentUiView .toolbox-action-table {
  width: 50px;
}
#projetsView .contentUiView .bootstrap-calendar {
  display: inline-block;
}
#projetsView .contentUiView .btn-transparent {
  padding: 0px;
  background: transparent;
  border: none;
}
#projetsView .contentUiView .btn-transparent:hover {
  color: #f2dede;
}
#projetsView .contentUiView .btn-datepicker {
  margin: 1px;
}
#projetsView .text-button {
  padding: 10px;
}
#projetsView .ngTableInit {
  width: auto;
}
#projetsView table {
  height: 100%;
  font-size: 12px;
  margin: auto;
}
#projetsView table .th-prf {
  width: 4em;
}
#projetsView table .td-prf {
  width: 4em;
}
#projetsView table .th-checkbox {
  width: 15px;
}
#projetsView table .fixed {
  top: 0;
  position: fixed;
  width: auto;
  display: none;
  border: none;
}
#projetsView table .fa-smile-o {
  color: green;
}
#projetsView table .fa-frown-o {
  color: red;
}
#projetsView table td .fa-sun-o {
  color: red;
}
#projetsView table td .fa-umbrella {
  color: blue;
}
#projetsView table td button {
  display: inline-block;
}
#projetsView table input[type=text] {
  margin: auto;
}
#projetsView table .ui-widget-calendar {
  width: 3em;
}
#projetsView .align {
  padding: 0px 100px;
}
#projetsView .margin-panel {
  margin: 20px auto;
  width: 98%;
  font-size: 0.8em!important;
}
#projetsView .margin-panel-affichage {
  margin: 20px auto;
  width: 98%;
  font-size: 0.8em !important;
}
#projetsView .inlineBlock {
  display: inline-block;
}
#projetsView .panel-heading {
  padding: 5px 15px;
}
#projetsView .selectedTableRow {
  color: #f08a00;
  background-color: #fbe3bf;
}
#projetsView .body-modal .form-group-align label {
  width: 8em !important;
}
#projetsView .content-btn-modification {
  height: 40px;
}
#projetsView .content-btn-modification .btn-group {
  float: right;
  padding: 0px 10px;
}
#projetsView .information-panel {
  padding: 10px;
  margin-bottom: 30px;
}
#projetsView .ngTableInit .btn-group {
  float: left;
  padding: 2px 5px;
}
#projetsView .td-disabled {
  background-color: #eee;
}
#projetsView .modal-choix-projet {
  margin-bottom: 230px;
}
#projetsView .modal-choix-projet button {
  height: 200px;
}
#projetsView #toolbar button {
  padding: 0;
  width: 25px;
  height: 25px;
}

.form-group-line {
  width: 100%;
  display: block;
}
h1.title {
  color: white;
  background-color: #3262a1;
  margin: 20px 0px !important;
  padding: 20px;
}
h2.title {
  padding: 0px 20px;
}
table .sortable .fa {
  padding: 10px;
}
#suiviFacturation {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#suiviFacturation .contentUiView {
  overflow-x: auto;
  position: absolute;
  top: 35px;
  bottom: 0;
  right: 0;
  left: 0;
  height: auto;
  width: auto;
}
#suiviFacturation .contentUiView .toolbox-action-table {
  width: 50px;
}
#suiviFacturation .contentUiView .bootstrap-calendar {
  display: inline-block;
}
#suiviFacturation .contentUiView .btn-transparent {
  padding: 0px;
  background: transparent;
  border: none;
}
#suiviFacturation .contentUiView .btn-transparent:hover {
  color: #f2dede;
}
#suiviFacturation .contentUiView .btn-datepicker {
  margin: 1px;
}
#suiviFacturation .text-button {
  padding: 10px;
}
#suiviFacturation .ngTableInit {
  width: auto;
}
#suiviFacturation table {
  height: 100%;
  font-size: 12px;
  margin: auto;
}
#suiviFacturation table .th-prf {
  width: 4em;
}
#suiviFacturation table .td-prf {
  width: 4em;
}
#suiviFacturation table .th-checkbox {
  width: 15px;
}
#suiviFacturation table .fixed {
  top: 0;
  position: fixed;
  width: auto;
  display: none;
  border: none;
}
#suiviFacturation table .fa-smile-o {
  color: green;
}
#suiviFacturation table .fa-frown-o {
  color: red;
}
#suiviFacturation table td .fa-sun-o {
  color: red;
}
#suiviFacturation table td .fa-umbrella {
  color: blue;
}
#suiviFacturation table td button {
  display: inline-block;
}
#suiviFacturation table input[type=text] {
  margin: auto;
}
#suiviFacturation table .ui-widget-calendar {
  width: 3em;
}
#suiviFacturation .align {
  padding: 0px 100px;
}
#suiviFacturation .margin-panel {
  margin: 20px auto;
  width: 98%;
  font-size: 0.8em!important;
}
#suiviFacturation .margin-panel-affichage {
  margin: 20px auto;
  width: 98%;
  font-size: 0.8em !important;
}
#suiviFacturation .inlineBlock {
  display: inline-block;
}
#suiviFacturation .panel-heading {
  padding: 5px 15px;
}
#suiviFacturation .selectedTableRow {
  color: #f08a00;
  background-color: #fbe3bf;
}
#suiviFacturation .body-modal .form-group-align label {
  width: 8em !important;
}
#suiviFacturation .content-btn-modification {
  height: 40px;
}
#suiviFacturation .content-btn-modification .btn-group {
  float: right;
  padding: 0px 10px;
}
#suiviFacturation .information-panel {
  padding: 10px;
  margin-bottom: 30px;
}
#suiviFacturation .ngTableInit .btn-group {
  float: left;
  padding: 2px 5px;
}
#suiviFacturation .td-disabled {
  background-color: #eee;
}
#suiviFacturation .modal-choix-projet {
  margin-bottom: 230px;
}
#suiviFacturation .modal-choix-projet button {
  height: 200px;
}
#suiviFacturation #toolbar button {
  padding: 0;
  width: 25px;
  height: 25px;
}

.form-group-line {
  width: 100%;
  display: block;
}
h1.title {
  margin-top: 10px;
  padding: 20px;
}
h2.title {
  padding: 0px 20px;
}
table .sortable .fa {
  padding: 3px;
}
#suiviProduction {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#suiviProduction .contentUiView {
  overflow-x: auto;
  position: absolute;
  top: 35px;
  bottom: 0;
  right: 0;
  left: 0;
  height: auto;
  width: auto;
}
#suiviProduction .contentUiView .toolbox-action-table {
  width: 50px;
}
#suiviProduction .contentUiView .bootstrap-calendar {
  display: inline-block;
}
#suiviProduction .contentUiView .btn-transparent {
  padding: 0px;
  background: transparent;
  border: none;
}
#suiviProduction .contentUiView .btn-transparent:hover {
  color: #f2dede;
}
#suiviProduction .contentUiView .btn-datepicker {
  margin: 1px;
}
#suiviProduction .text-button {
  padding: 10px;
}
#suiviProduction .ngTableInit {
  width: auto;
}
#suiviProduction table {
  height: 100%;
  font-size: 12px;
  margin: auto;
}
#suiviProduction table .th-prf {
  width: 4em;
}
#suiviProduction table .td-prf {
  width: 4em;
}
#suiviProduction table .th-checkbox {
  width: 15px;
}
#suiviProduction table .fixed {
  top: 0;
  position: fixed;
  width: auto;
  display: none;
  border: none;
}
#suiviProduction table .fa-smile-o {
  color: green;
}
#suiviProduction table .fa-frown-o {
  color: red;
}
#suiviProduction table td .fa-sun-o {
  color: red;
}
#suiviProduction table td .fa-umbrella {
  color: blue;
}
#suiviProduction table td button {
  display: inline-block;
}
#suiviProduction table input[type=text] {
  margin: auto;
}
#suiviProduction table .ui-widget-calendar {
  width: 3em;
}
#suiviProduction .align {
  padding: 0px 100px;
}
#suiviProduction .margin-panel {
  margin: 20px auto;
  width: 98%;
  font-size: 0.8em!important;
}
#suiviProduction .margin-panel-affichage {
  margin: 20px auto;
  width: 98%;
  font-size: 0.8em !important;
}
#suiviProduction .inlineBlock {
  display: inline-block;
}
#suiviProduction .panel-heading {
  padding: 5px 15px;
}
#suiviProduction .selectedTableRow {
  color: #f08a00;
  background-color: #fbe3bf;
}
#suiviProduction .body-modal .form-group-align label {
  width: 8em !important;
}
#suiviProduction .content-btn-modification {
  height: 40px;
}
#suiviProduction .content-btn-modification .btn-group {
  float: right;
  padding: 0px 10px;
}
#suiviProduction .information-panel {
  padding: 10px;
  margin-bottom: 30px;
}
#suiviProduction .ngTableInit .btn-group {
  float: left;
  padding: 2px 5px;
}
#suiviProduction .td-disabled {
  background-color: #eee;
}
#suiviProduction .modal-choix-projet {
  margin-bottom: 230px;
}
#suiviProduction .modal-choix-projet button {
  height: 200px;
}
#suiviProduction #toolbar button {
  padding: 0;
  width: 25px;
  height: 25px;
}

#vueGenerale {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#vueGenerale .contentUiView {
  overflow-x: auto;
  position: absolute;
  top: 35px;
  bottom: 0;
  right: 0;
  left: 0;
  height: auto;
  width: auto;
}
#vueGenerale .contentUiView .toolbox-action-table {
  width: 50px;
}
#vueGenerale .contentUiView .bootstrap-calendar {
  display: inline-block;
}
#vueGenerale .contentUiView .btn-transparent {
  padding: 0px;
  background: transparent;
  border: none;
}
#vueGenerale .contentUiView .btn-transparent:hover {
  color: #f2dede;
}
#vueGenerale .contentUiView .btn-datepicker {
  margin: 1px;
}
#vueGenerale .text-button {
  padding: 10px;
}
#vueGenerale .ngTableInit {
  width: auto;
}
#vueGenerale table {
  height: 100%;
  width: 100%;
  font-size: 12px;
  margin: auto;
}
#vueGenerale table .th-prf {
  width: 4em;
}
#vueGenerale table .td-prf {
  width: 4em;
}
#vueGenerale table .th-checkbox {
  width: 15px;
}
#vueGenerale table .fixed {
  top: 0;
  position: fixed;
  width: auto;
  display: none;
  border: none;
}
#vueGenerale table .fa-smile-o {
  color: green;
}
#vueGenerale table .fa-frown-o {
  color: red;
}
#vueGenerale table td .fa-sun-o {
  color: red;
}
#vueGenerale table td .fa-umbrella {
  color: blue;
}
#vueGenerale table td button {
  display: inline-block;
}
#vueGenerale table input[type=text] {
  margin: auto;
}
#vueGenerale table .ui-widget-calendar {
  width: 3em;
}
#vueGenerale .align {
  padding: 0px 100px;
}
#vueGenerale .margin-panel {
  margin: 20px auto;
  width: 98%;
  font-size: 0.8em !important;
}
#vueGenerale .margin-panel-affichage {
  margin: 20px auto;
  width: 98%;
  font-size: 0.8em !important;
}
#vueGenerale .inlineBlock {
  display: inline-block;
}
#vueGenerale .panel-heading {
  padding: 5px 15px;
}
#vueGenerale .selectedTableRow {
  color: #f08a00;
  background-color: #fbe3bf;
}
#vueGenerale .body-modal .form-group-align label {
  width: 8em !important;
}
#vueGenerale .content-btn-modification {
  height: 40px;
}
#vueGenerale .content-btn-modification .btn-group {
  float: right;
  padding: 0px 10px;
}
#vueGenerale .information-panel {
  padding: 10px;
  margin-bottom: 30px;
}
#vueGenerale .ngTableInit .btn-group {
  float: left;
  padding: 2px 5px;
}
#vueGenerale .td-disabled {
  background-color: #eee;
}
#vueGenerale .modal-choix-projet {
  margin-bottom: 230px;
}
#vueGenerale .modal-choix-projet button {
  height: 200px;
}
#vueGenerale #toolbar button {
  padding: 0;
  width: 25px;
  height: 25px;
}

html {
  overflow: hidden;
}
body {
  overflow: hidden;
  margin: 0;
}
.visible {
  display: block !important;
}
.hide {
  display: none !important;
}
.toolbox-action-right .tool-item ul {
  z-index: 2500;
  left: -120px;
  list-style-type: none;
}
.toolbox-action-right .tool-item ul li {
  display: block;
}
.toolbox-action-right .tool-item ul li label {
  float: left;
}
#aboutDialog #logoEfizion {
  height: 49px;
  background: url("/Images/specific/header_logo.png") no-repeat center center;
}
#aboutDialog .version {
  text-align: right;
}
#aboutDialog .support {
  text-align: center;
}
#aboutDialog .support a {
  outline: none;
}
#page {
  padding-left: 45px;
  height: 100%;
  transition: all .4s ease 0s;
}
#page #sidebar {
  margin-left: -150px;
  left: -55px;
  width: 250px;
  position: absolute;
  height: 100%;
  z-index: 99;
  transition: all .4s ease 0s;
  background: #eee;
  box-sizing: border-box;
}
#page #sidebar header {
  position: relative;
  background-color: transparent;
  /*background-image: url('/Images/specific/header_logo.png');
			background-repeat: no-repeat;
			background-position: -5px center;*/
  height: 40px;
  background-color: white;
  cursor: pointer;
}
#page #sidebar header:before {
  content: " ";
  position: absolute;
  width: 250px;
  z-index: 25;
  background-repeat: no-repeat;
  height: 50px;
  background-size: contain;
}
#page #sidebar header i {
  transition: all .4s ease 0s;
  position: absolute;
  z-index: 26;
  top: 10px;
  right: 10px;
  /*margin: 10px;*/
  font-size: 16px;
  background-color: #aaa;
  color: white;
  height: 15px;
  width: 15px;
  padding: 7px 5px 3px 5px;
}
#page #sidebar header i:hover {
  background-color: #3262a1;
}
#page #sidebar .header-bar {
  height: 27px;
  line-height: 27px;
  vertical-align: middle;
  margin-right: -5px;
  /*border-bottom: 1px solid #beb8b8;*/
  /*background: linear-gradient(to bottom, @headerBarFrom 14%,@headerBarTo 100%);*/
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #B6B6B6 100%);
  /*linear-gradient(to bottom, #d0cbcb 14%, #e9e5e5 100%);*/
}
#page #sidebar .header-bar .nomPrenom {
  display: block;
  height: 27px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#page #sidebar .header-bar > ul {
  color: #333;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page #sidebar .header-bar > ul > li {
  border-right-color: #beb8b8;
  border-right-style: solid;
  border-right-width: 1px;
  cursor: pointer;
  display: block;
  float: left;
  height: 26px;
  list-style-type: none;
  min-width: 40px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 41px;
}
#page #sidebar .header-bar > ul > li > a {
  display: block;
  float: left;
  color: #333;
  cursor: pointer;
  height: 26px;
  width: 40px;
  text-align: center;
  transition: all .4s ease 0s;
}
#page #sidebar .header-bar > ul > li > ul {
  cursor: default;
  position: absolute;
  border: 1px solid #beb8b8;
  background-color: #fff;
  top: 26px;
  margin: 0;
  padding: 2px 6px 2px 21px;
  list-style-type: circle;
  /*margin-left: -108px;*/
  width: 120px;
  display: none;
  text-align: left;
  z-index: 1000;
}
#page #sidebar .header-bar > ul > li > ul > li {
  font-size: 11px;
  margin: 5px 0;
  padding: 0;
  line-height: normal;
  height: auto;
  cursor: default;
  list-style-type: circle;
  float: none;
}
#page #sidebar .header-bar > ul > li > ul > li:hover {
  cursor: pointer;
}
#page #sidebar .header-bar > ul > li:hover {
  /*@headerBarHoverFrom: darken(@headerBarFrom, 25%);
						background: linear-gradient(to bottom, @headerBarHoverFrom 0%, @headerBarTo 93%);*/
  background: linear-gradient(to bottom, #a79f9f 0, #e2dfdf 93%);
}
#page #sidebar .header-bar > ul > li:hover ul {
  display: block;
}
#page #sidebar .header-bar span {
  font-size: 11px;
  padding-left: 5px;
}
#page #sidebar #menu {
  font-size: 11px;
  overflow: auto;
  bottom: 0;
  top: 67px;
  right: 0;
  left: 0;
  position: absolute;
}
#page #sidebar #menu ul {
  padding: 0 0 0 0;
  margin: 0;
  /*-webkit-transition:all linear 0.5s;
				transition:all linear 0.5s;
				opacity:1;*/
}
#page #sidebar #menu ul li {
  list-style-type: none;
  /*li {
						display: block;
						height: 25px;
						line-height: 25px;
						vertical-align: middle;
						position:relative;
						transition: all .4s ease 0s;
						border-left: 0 solid red;
						&:hover{
							border-left-width: 10px;
							transition: all .4s ease 0s;
						}

						a{
							position:absolute;
							left:10px;
							height: 25px;
						}
					}*/
}
#page #sidebar #menu ul li .flag {
  width: 0;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  transition: width 0.4s ease 0s, background-color 0.4s ease 0s;
}
#page #sidebar #menu ul li:first-child a {
  border-top-width: 0;
}
#page #sidebar #menu ul li a {
  display: block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  padding-left: 10px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #aaa;
}
#page #sidebar #menu ul li a.active .flag,
#page #sidebar #menu ul li a:hover .flag {
  width: 10px;
}
#page #sidebar #menu ul li a.ui-widget-header .flag {
  display: none;
}
#page #sidebar #menu ul li li a {
  padding-left: 20px;
}
#page #sidebar #menu ul li li li a {
  padding-left: 40px;
}
#page #sidebar #menu ul.ng-hide-add,
#page #sidebar #menu ul.ng-hide-remove {
  transition: 0.5s linear all;
  /* remember to add this */
  display: block !important;
  opacity: 1;
  line-height: 25px;
}
#page #sidebar #menu ul.ng-hide {
  opacity: 0;
  line-height: 0;
}
#page #sidebar #menu > ul {
  padding: 0 0 0 0;
}
#page #sidebar #menu > ul > li > a {
  height: 30px;
  line-height: 30px;
}
#page #main {
  padding-left: 0;
  margin-left: 0;
  width: 100%;
  height: auto;
  background: white;
  font-size: 11px;
}
#page #main .navigation {
  float: right;
  height: 40px;
  line-height: 40px;
  position: relative;
  vertical-align: middle;
  width: 40px;
  cursor: pointer;
  text-align: center;
  background: #ccc;
}
#page #main .navigation:hover {
  background: #eee;
}
#page #main .navigation:hover > ul {
  display: block;
  z-index: 1200;
}
#page #main .navigation > ul {
  display: none;
  position: absolute;
  right: -1px;
  cursor: default;
  border: 1px solid #beb8b8;
  background-color: #fff;
  margin: 0;
  padding: 2px 10px 2px 10px;
  text-align: left;
  z-index: 1000;
  list-style-type: none;
  max-height: 450px;
  width: 190px;
  overflow: auto;
}
#page #main .navigation > ul > li {
  /*direction: rtl;*/
  cursor: pointer;
  line-height: 20px;
  /*width: 170px;*/
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
}
#page #main .navigation > ul > li.tab-hidden {
  font-style: italic;
  color: #aaa;
}
#page #main .navigation > ul > li.tab-hidden:hover {
  color: #f08a00;
}
#page #main .navigation > ul > li.active {
  font-weight: bold;
}
#page #main #tabs {
  background: #aaa;
  height: 30px;
  padding-top: 10px;
  overflow: hidden;
}
#page #main #tabs ul {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  position: relative;
}
#page #main #tabs li.tab {
  list-style-type: none;
  display: inline-block;
  padding: 0 10px 0 10px;
  margin: 0 5px;
  cursor: pointer;
  background: #eee;
  border-top: 5px solid #d2d2d2;
  transition: all .4s ease 0s;
  white-space: nowrap;
  max-width: 220px;
}
#page #main #tabs li.tab span {
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 5px;
  display: inline-block;
}
#page #main #tabs li.tab.active {
  background: #d2d2d2;
}
#page #main #tabs li.tab:last-child {
  margin-right: 30px;
}
#page #main #tabs li.tab i {
  /*display:none;*/
  /*visibility:hidden;*/
  opacity: 0;
  white-space: nowrap;
  /*float: right;*/
  display: inline-block;
  line-height: 25px;
  vertical-align: middle;
  /*display: block;*/
  width: 0;
  transition: width 400ms, opacity 400ms;
  height: 25px;
  text-align: center;
  overflow: hidden;
}
#page #main #tabs li.tab i.fa-spin {
  opacity: 1;
  width: 15px;
}
#page #main #tabs li.tab i.close:hover {
  color: #cd0a0a;
}
#page #main #tabs li.tab i.refresh:hover {
  color: #428bca;
}
#page #main #tabs li.tab:hover {
  border-top: 5px solid #3262a1;
}
#page #main #tabs li.tab:hover i {
  /*visibility:visible;*/
  opacity: 1;
  width: 15px;
  /*display:block;*/
}
#page #main #tabs li.tab.ng-enter,
#page #main #tabs li.tab.ng-leave {
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
#page #main #tabs li.tab.ng-leave.ng-leave-active,
#page #main #tabs li.tab.ng-enter {
  opacity: 0;
  max-width: 0;
}
#page #main #tabs li.tab.ng-enter.ng-enter-active,
#page #main #tabs li.tab.animate-leave {
  opacity: 1;
  max-width: 220px;
}
#page #main #content {
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #B6B6B6 100%);
  /*linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #B6B6B6 100%)*/
  /*background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%);*/
  background-size: 100% 27px;
  background-repeat: no-repeat;
  min-height: 27px;
  position: relative;
  line-height: normal;
}
#page #main #content iframe {
  width: 100%;
  border: 0;
}
#page #main #content .overlay {
  z-index: 100;
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #b6b6b6 100%), #eee;
  /*url('http://i.stack.imgur.com/tQTRW.gif');*/
  background-size: 100% 27px, auto auto;
  background-repeat: no-repeat, repeat;
  /*background: #eee linear-gradient(to bottom, @headerBarFrom 14%,@headerBarTo 94%, #B6B6B6 100%);*/
  /*background: #eee linear-gradient(to bottom, @headerBarFrom 14%,@headerBarTo 100%);*/
  /*background: red;*/
  /*background-size: 100% 27px;
				background-repeat: no-repeat;*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s linear,visibility 0s linear 0.5s;
}
#page #main #content .overlay.shown {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
#page:not(.active) #menu {
  bottom: 0;
}
#page.active {
  padding-left: 250px;
}
#page.active #sidebar {
  left: 150px;
}
.ngTableInit {
  width: 50%;
  font-size: 14px;
}
.ngTableInit table {
  border: 2px solid #ddd;
}
.ngTableInit table .numberCase {
  text-align: right;
}
.ngTableInit table .table-striped-column:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.ngTableInit table thead tr th {
  position: relative;
  background: none;
  font-weight: bold;
}
.bootstrap-calendar {
  width: 200px;
}
.bootstrap-calendar th {
  line-height: initial;
}
.toolBoxUiView {
  height: 26px;
  line-height: 13px;
}
.toolBoxUiView .toolbox-action {
  float: right;
}
.toolBoxUiView .toolbox-filtres:hover > .dropdown-menu {
  display: block;
}
.toolBoxUiView ul.toolbox-filtres {
  float: left;
  text-align: left;
  height: auto;
  width: auto;
  display: block;
}
.toolBoxUiView .toolbox-filtres .dropdown-menu {
  display: none;
}
.toolBoxUiView .toolbox-filtres .dropdown-menu li {
  width: 100%;
  margin: auto;
  padding: 2px 5px;
  width: 110%;
}
.toolBoxUiView .toolbox-filtres .dropdown-menu li label {
  font-size: 0.8em;
}
.toolBoxUiView .toolbox-filtres .dropdown-menu li label:hover {
  cursor: pointer;
}
.toolBoxUiView .toolbox-filtres .dropdown-menu li:hover {
  background-color: #ddd;
  cursor: pointer;
}
.toolBoxUiView ul {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  display: inline-block;
}
.toolBoxUiView ul li {
  display: inline-block;
}
.toolBoxUiView ul .tool-item {
  float: left;
  border-left: 1px solid #beb8b8;
  display: block;
  min-width: 40px;
  text-align: center;
  padding: 0;
  height: 26px;
  position: relative;
  cursor: pointer;
}
.toolBoxUiView ul .tool-item div label {
  margin-bottom: 0px;
}
.toolBoxUiView ul .tool-item div select.ui-widget {
  background: white;
}
.toolBoxUiView ul .gradient {
  border-bottom: none;
}
@media screen and (min-width: 1281px) {
  .contentUiView {
    font-size: 14px!important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
  .contentUiView {
    font-size: 12px!important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .contentUiView {
    font-size: 10px!important;
  }
}
@media screen and (max-width: 767px) {
  .contentUiView {
    font-size: 10px!important;
  }
}
.contentUiView {
  height: 1670px;
  width: 100%;
  font-size: 14px;
  overflow-x: scroll;
  /*.form-group{
		label{
			font-size : 0.8em;
		}
	}*/
  /* when hiding the picture */
  /* when showing the picture */
}
.contentUiView .fixedFiltres {
  width: 90%;
  position: fixed;
  padding: 12px;
  background-color: white;
  z-index: 300;
  margin-left: 0px;
  margin-right: 0px;
}
.contentUiView #scrollable-area {
  height: 150px;
  overflow-y: scroll;
  /* <-- here is what is important*/
}
.contentUiView table {
  width: 100%;
}
.contentUiView thead {
  background: #fff;
}
.contentUiView .animate.ng-enter,
.contentUiView .animate.ng-leave {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.contentUiView .roll.ng-enter {
  animation-name: rollIn;
}
.contentUiView .roll.ng-leave {
  animation-name: rollOut;
}
.contentUiView .form-group-align {
  /*display:inline-block;*/
  margin: 10px 20px;
  /*.label-filtre{
			 padding:10px 5px;
			 width:8em;
			 font-size:1em;
		}
		.label-filtre-modal{
			 padding:10px 5px;
			 font-size:0.8em;
			 width:12em;
		}*/
}
.contentUiView .form-group-align .ui-widget {
  width: 12em;
}
.contentUiView .form-group-align .input-filtre-modal {
  width: 12em;
}
.contentUiView .form-group-align label {
  width: 8em;
  font-size: 0.8em;
}
.contentUiView .ng-hide-add {
  animation: 0.5s fadeOut ease;
}
.contentUiView .ng-hide-remove {
  animation: 1s fadeIn ease;
}
#columns {
  overflow: auto;
}
#filters {
  overflow: auto;
}
#commentaires,
#descriptif {
  display: block;
  padding: 5px 15px;
}
#commentaires h1,
#descriptif h1 {
  font-size: 1.9em;
  font-weight: bold;
}
#commentaires h2,
#descriptif h2 {
  font-size: 1.7em;
  font-weight: bold;
}
#commentaires h3,
#descriptif h3 {
  font-size: 1.6em;
  font-weight: normal;
}
#commentaires p,
#descriptif p {
  font-size: 1.4em;
}

html {
  overflow: hidden;
}
body {
  overflow: hidden;
  margin: 0;
}
#aboutDialog #logoEfizion {
  height: 49px;
  background: url("/Images/specific/header_logo.png") no-repeat center center;
}
#aboutDialog .version {
  text-align: right;
}
#aboutDialog .support {
  text-align: center;
}
#aboutDialog .support a {
  outline: none;
}
#page {
  padding-left: 45px;
  height: 100%;
  transition: all .4s ease 0s;
}
#page #sidebar {
  margin-left: -150px;
  left: -55px;
  width: 250px;
  position: absolute;
  height: 100%;
  z-index: 99;
  transition: all .4s ease 0s;
  background: #eee;
  box-sizing: border-box;
}
#page #sidebar header {
  position: relative;
  background-color: transparent;
  /*background-image: url('/Images/specific/header_logo.png');
			background-repeat: no-repeat;
			background-position: -5px center;*/
  height: 40px;
  background-color: white;
  cursor: pointer;
}
#page #sidebar header:before {
  content: " ";
  position: absolute;
  width: 250px;
  z-index: 25;
  background-repeat: no-repeat;
  height: 50px;
  background-size: contain;
}
#page #sidebar header i {
  transition: all .4s ease 0s;
  position: absolute;
  z-index: 26;
  top: 10px;
  right: 10px;
  /*margin: 10px;*/
  font-size: 16px;
  background-color: #aaa;
  color: white;
  height: 25px;
  width: 25px;
  padding: 7px 5px 3px 5px;
}
#page #sidebar header i:hover {
  background-color: #3262a1;
}
#page #sidebar .header-bar {
  height: 27px;
  line-height: 27px;
  vertical-align: middle;
  margin-right: -5px;
  /*border-bottom: 1px solid #beb8b8;*/
  /*background: linear-gradient(to bottom, @headerBarFrom 14%,@headerBarTo 100%);*/
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #B6B6B6 100%);
  /*linear-gradient(to bottom, #d0cbcb 14%, #e9e5e5 100%);*/
}
#page #sidebar .header-bar.right > ul > li > ul {
  right: 0;
}
#page #sidebar .header-bar > ul {
  color: #333;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page #sidebar .header-bar > ul > li {
  border-right-color: #beb8b8;
  border-right-style: solid;
  border-right-width: 1px;
  cursor: pointer;
  display: block;
  float: left;
  height: 26px;
  list-style-type: none;
  min-width: 40px;
  padding: 0;
  position: relative;
  text-align: center;
  min-width: 41px;
}
#page #sidebar .header-bar > ul > li > a {
  display: block;
  float: left;
  color: #333;
  cursor: pointer;
  height: 26px;
  width: 40px;
  text-align: center;
  transition: all .4s ease 0s;
}
#page #sidebar .header-bar > ul > li > a i {
  font-size: 13px;
  line-height: 26px;
  vertical-align: middle;
  margin: 1px 0 0 0;
}
#page #sidebar .header-bar > ul > li > ul {
  cursor: default;
  position: absolute;
  border: 1px solid #beb8b8;
  background-color: #fff;
  top: 26px;
  padding: 2px 0;
  list-style-type: none;
  min-width: 160px;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s 0.1s;
  text-align: left;
  z-index: 1000;
}
#page #sidebar .header-bar > ul > li > ul > li {
  font-size: 11px;
  line-height: 30px;
  vertical-align: middle;
  height: auto;
  cursor: default;
  list-style-type: none;
  float: none;
  white-space: nowrap;
}
#page #sidebar .header-bar > ul > li > ul > li > a {
  display: block;
}
#page #sidebar .header-bar > ul > li > ul > li > a i {
  line-height: 30px;
  vertical-align: middle;
}
#page #sidebar .header-bar > ul > li > ul > li > a:not(.row) {
  padding: 0 12px;
}
#page #sidebar .header-bar > ul > li > ul > li.title {
  font-size: 14px;
  cursor: default;
  padding: 0 12px;
  font-weight: 600;
}
#page #sidebar .header-bar > ul > li > ul > li.title:hover {
  background-color: inherit;
  cursor: default;
}
#page #sidebar .header-bar > ul > li > ul > li:hover {
  cursor: pointer;
  background: #e2dfdf;
}
#page #sidebar .header-bar > ul > li > ul > li .badge {
  margin: 5px 0;
}
#page #sidebar .header-bar > ul > li:hover {
  /*@headerBarHoverFrom: darken(@headerBarFrom, 25%);
				background: linear-gradient(to bottom, @headerBarHoverFrom 0%, @headerBarTo 93%);*/
  background: linear-gradient(to bottom, #a79f9f 0, #e2dfdf 93%);
}
#page #sidebar .header-bar > ul > li:hover ul {
  visibility: visible;
  transition-delay: 0s;
  opacity: 1;
}
#page #sidebar .header-bar span {
  font-size: 11px;
  padding-left: 5px;
}
#page #sidebar #menu {
  font-size: 11px;
  overflow: auto;
  bottom: 0;
  top: 67px;
  right: 0;
  left: 0;
  position: absolute;
}
#page #sidebar #menu ul {
  padding: 0 0 0 0;
  margin: 0;
  /*-webkit-transition:all linear 0.5s;
				transition:all linear 0.5s;
				opacity:1;*/
}
#page #sidebar #menu ul li {
  list-style-type: none;
  /*li {
						display: block;
						height: 25px;
						line-height: 25px;
						vertical-align: middle;
						position:relative;
						transition: all .4s ease 0s;
						border-left: 0 solid red;
						&:hover{
							border-left-width: 10px;
							transition: all .4s ease 0s;
						}

						a{
							position:absolute;
							left:10px;
							height: 25px;
						}
					}*/
}
#page #sidebar #menu ul li .flag {
  width: 0;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  transition: width 0.4s ease 0s, background-color 0.4s ease 0s;
}
#page #sidebar #menu ul li:first-child a {
  border-top-width: 0;
}
#page #sidebar #menu ul li a {
  display: block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  padding-left: 10px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #aaa;
}
#page #sidebar #menu ul li a i {
  margin-left: 0;
}
#page #sidebar #menu ul li a.active .flag,
#page #sidebar #menu ul li a:hover .flag {
  width: 10px;
}
#page #sidebar #menu ul li a.ui-widget-header .flag {
  display: none;
}
#page #sidebar #menu ul li a.ui-widget-header {
  font-weight: bold;
  text-transform: uppercase;
}
#page #sidebar #menu ul li a.ui-widget-lvl1 {
  font-weight: bold;
}
#page #sidebar #menu ul li li a {
  padding-left: 30px;
}
#page #sidebar #menu ul li li li a {
  padding-left: 60px;
}
#page #sidebar #menu ul.ng-hide-add,
#page #sidebar #menu ul.ng-hide-remove {
  transition: 0.5s linear all;
  /* remember to add this */
  display: block !important;
  opacity: 1;
  line-height: 25px;
}
#page #sidebar #menu ul.ng-hide {
  opacity: 0;
  line-height: 0;
}
#page #sidebar #menu > ul {
  padding: 0 0 0 0;
}
#page #sidebar #menu > ul > li > a {
  height: 30px;
  line-height: 30px;
}
#page #main {
  padding-left: 0;
  margin-left: 0;
  width: 100%;
  height: auto;
  background: white;
  font-size: 11px;
}
#page #main .navigation {
  float: right;
  height: 40px;
  line-height: 40px;
  position: relative;
  vertical-align: middle;
  width: 40px;
  cursor: pointer;
  text-align: center;
  background: #ccc;
}
#page #main .navigation:hover {
  background: #eee;
}
#page #main .navigation:hover > ul {
  display: block;
  z-index: 1200;
}
#page #main .navigation > ul {
  display: none;
  position: absolute;
  right: -1px;
  cursor: default;
  border: 1px solid #beb8b8;
  background-color: #fff;
  margin: 0;
  padding: 2px 10px 2px 10px;
  text-align: left;
  z-index: 1000;
  list-style-type: none;
  max-height: 450px;
  width: 190px;
  overflow: auto;
}
#page #main .navigation > ul > li {
  /*direction: rtl;*/
  cursor: pointer;
  line-height: 20px;
  /*width: 170px;*/
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
}
#page #main .navigation > ul > li.hidden {
  font-style: italic;
  color: #aaa;
}
#page #main .navigation > ul > li.hidden:hover {
  color: #f08a00;
}
#page #main .navigation > ul > li.active {
  font-weight: bold;
}
#page #main #tabs {
  background: #aaa;
  height: 40px;
  padding-top: 10px;
  overflow: hidden;
}
#page #main #tabs ul {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  position: relative;
}
#page #main #tabs li.tab {
  list-style-type: none;
  display: inline-block;
  padding: 0 10px 0 10px;
  margin: 0 5px;
  cursor: pointer;
  background: #eee;
  border-top: 5px solid #d2d2d2;
  transition: all .4s ease 0s;
  white-space: nowrap;
  max-width: 220px;
}
#page #main #tabs li.tab span {
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 5px;
  display: inline-block;
}
#page #main #tabs li.tab.active {
  background: #d2d2d2;
}
#page #main #tabs li.tab:last-child {
  margin-right: 30px;
}
#page #main #tabs li.tab i {
  /*display:none;*/
  /*visibility:hidden;*/
  opacity: 0;
  white-space: nowrap;
  /*float: right;*/
  display: inline-block;
  line-height: 25px;
  vertical-align: middle;
  /*display: block;*/
  width: 0;
  transition: width 400ms, opacity 400ms;
  height: 25px;
  text-align: center;
  overflow: hidden;
}
#page #main #tabs li.tab i.fa-spin {
  opacity: 1;
  width: 15px;
}
#page #main #tabs li.tab i.fa-close:hover {
  color: #cd0a0a;
}
#page #main #tabs li.tab i.refresh:hover {
  color: #428bca;
}
#page #main #tabs li.tab:hover {
  border-top: 5px solid #3262a1;
}
#page #main #tabs li.tab:hover i {
  /*visibility:visible;*/
  opacity: 1;
  width: 15px;
  /*display:block;*/
}
#page #main #tabs li.tab.ng-enter,
#page #main #tabs li.tab.ng-leave {
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
#page #main #tabs li.tab.ng-leave.ng-leave-active,
#page #main #tabs li.tab.ng-enter {
  opacity: 0;
  max-width: 0;
}
#page #main #tabs li.tab.ng-enter.ng-enter-active,
#page #main #tabs li.tab.animate-leave {
  opacity: 1;
  max-width: 220px;
}
#page #main #content {
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #B6B6B6 100%);
  /*linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #B6B6B6 100%)*/
  /*background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%);*/
  background-size: 100% 27px;
  background-repeat: no-repeat;
  min-height: 27px;
  position: relative;
}
#page #main #content iframe {
  width: 100%;
  border: 0;
}
#page #main #content .overlay {
  z-index: 100;
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #b6b6b6 100%), #eee;
  /*url('http://i.stack.imgur.com/tQTRW.gif');*/
  background-size: 100% 27px, auto auto;
  background-repeat: no-repeat, repeat;
  /*background: #eee linear-gradient(to bottom, @headerBarFrom 14%,@headerBarTo 94%, #B6B6B6 100%);*/
  /*background: #eee linear-gradient(to bottom, @headerBarFrom 14%,@headerBarTo 100%);*/
  /*background: red;*/
  /*background-size: 100% 27px;
				background-repeat: no-repeat;*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s linear,visibility 0s linear 0.5s;
}
#page #main #content .overlay.shown {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
#page:not(.active) #menu {
  bottom: 0;
}
#page.active {
  padding-left: 250px;
}
#page.active #sidebar {
  left: 150px;
}
/*.ui-widget-header{
	
	@headerTopColor:  lighten(@color3, 15%);

	background:linear-gradient(to bottom, @headerTopColor 0%, @color3 100%);
}*/

h1 {
  font-size: 1.5em;
  color: #1F769F;
}
h2 {
  font-size: 1.25em;
  color: #7C8897;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #7C8897;
}
h4 {
  font-weight: bold;
}
h4,
h5,
h6 {
  font-size: 0.8em;
  color: #7C8897;
}
.underlineTitle {
  border-bottom: 1px solid #777272;
  color: #777272;
}
a {
  color: #1f77a0;
  cursor: pointer;
}
a > i {
  color: black;
}
a:hover {
  color: #f08a00;
  text-decoration: none;
}
a:hover > i {
  color: #f08a00;
}
a,
.link {
  text-decoration: none;
  color: #333;
}
a i,
.link i {
  margin-left: 5px;
}
a:hover,
.link:hover {
  color: #f08a00;
}
.link {
  cursor: pointer !important;
}
.failureNotification,
.alert {
  color: #cd0a0a;
}
.alert {
  font-weight: bold;
}
.barreOutils .separeteur {
  background-color: #1f76a1;
}
.inputNonEditable {
  color: #7C8897 !important;
}
input {
  border: 1px solid #A9A9A9;
}
body {
  /*background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%);*/
  /*background-size: 100% 27px;*/
  background: transparent;
  background-repeat: no-repeat;
  /*color: #7C8897;*/
}
body .widgetPanel .widget {
  background: #F2F2F4;
}
#RightPane,
#LeftPane {
  border: solid 1px #ccc;
}
.gradient {
  filter: none;
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 100%);
  border-bottom: 1px solid #b6b6b6;
}
hr {
  background-color: #ccc;
}
.gradiantBackground {
  background-image: url('/Images/bg_overlay_login.png'), linear-gradient(to bottom, #98aad3 0%, #d7ddec 100%);
  background-repeat: no-repeat, repeat;
  background-size: 80% auto, 100% 80%;
  background-position: 0 80%, 0 0;
}
.logoCompany {
  background: url('/Images/specific/header_logo.png') center center no-repeat;
  width: 198px;
  height: 60px;
}
#header {
  border-bottom: 1px solid #ccc;
  background: #fff url('../Images/specific/header_bg.png') right no-repeat;
}
#header .espaceWeb {
  color: #4d8bc7;
}
#header .identifiant {
  color: #3a4d6b;
}
.headerIframe,
.widgetPanel .widget {
  /*background: #d0cbcb;
    background: -moz-linear-gradient(top, #d0cbcb 14%, #e9e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#d0cbcb), color-stop(100%,#e9e5e5));
    background: -webkit-linear-gradient(top, #d0cbcb 14%,#e9e5e5 100%);
    background: -o-linear-gradient(top, #d0cbcb 14%,#e9e5e5 100%);
    background: -ms-linear-gradient(top, #d0cbcb 14%,#e9e5e5 100%);
    background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cbcb', endColorstr='#e9e5e5',GradientType=0 );*/
  /*background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 100%);*/
}
.headerIframe {
  height: 26px;
  /*border-bottom: 1px solid #beb8b8;*/
}
.headerIframe a,
.tool-container,
.tool-container a {
  color: #333333;
  text-decoration: none;
}
#filArianne a:hover {
  color: #333333;
  text-decoration: underline;
}
.breadCrumb,
.barreOutils {
  background: transparent;
}
/*.widgetPanel {
    & > div {
        fieldset {
            border-color: #217ba6;
        }
    }
}*/
#footer {
  background-color: #beb8b8;
  color: #FFF;
}
fieldset {
  border: 1px solid #ccc;
}
.inputSeparator {
  border-bottom: 1px solid #dddddd;
}
.ui-tabs-vertical  > .ui-tabs-nav,
.inner-tabs-menu  > .ui-tabs-nav {
  background-color: #e9edf1 !important;
}
.ui-tabs-vertical  > .ui-tabs-nav  > li,
.inner-tabs-menu  > .ui-tabs-nav  > li {
  background-image: none !important;
  background-color: #e9edf1;
}
.ui-tabs-vertical > .ui-tabs-nav > li:last-child {
  border-bottom: solid 1px #ccc !important;
}
.ui-tabs-vertical  > .ui-tabs-nav,
.ui-tabs-vertical  > .ui-tabs-nav  > li.ui-tabs-selected,
.ui-tabs-vertical  > .ui-tabs-nav  > li.ui-state-hover,
.inner-tabs-menu  > .ui-tabs-nav {
  border-color: #ccc !important;
}
.ui-tabs-vertical  > .ui-tabs-nav  > li.ui-tabs-active,
.inner-tabs-menu  > .ui-tabs-nav  > li.ui-tabs-active {
  border-color: inherit !important;
  background-color: #fff !important;
}
.table-bicolor th {
  color: #1F769F;
  background: #CAE5F8;
}
.table-bicolor td {
  background: #E4E0E0;
  color: #1F769F;
}
.table-bicolor tr:hover td {
  background: #C3BDBD;
}
#accordion > h3 {
  border: 1px solid #7c8897;
  background: #217ba6 url('../Lib/jQueryUI/Images/ui-bg_highlight-soft_100_217ba6_1x100.png') 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}
#accordion h3 > span.ui-icon {
  background-image: url('../Lib/jQueryUI/Images/ui-icons_ffffff_256x240.png');
}
#accordion h3 > a {
  text-decoration: none;
  color: #fff;
}
.ui-row-ltr.ui-state-hover,
.ui-row-ltr.ui-state-highlight {
  border: 1px solid #ccc;
  font-weight: normal;
}

.contextMenu li {
  padding-right: 4px;
  padding-left: 4px;
}
.contextMenu li a {
  cursor: default;
  padding: 1px 0;
  width: 100%;
}
.contextMenu li a span {
  margin: 0 4px 0 0;
}
.contextMenu li.hover {
  color: #FFF;
  background-color: #FFF;
}
.contextMenu li.hover a {
  background-color: #FFF;
}

*:focus {
  outline: none;
}
form {
  border: 0;
}
fieldset {
  padding: 10px 0;
  margin: 15px 0 10px 0;
  position: relative;
}
fieldset legend {
  width: 100%;
  height: 17px;
  line-height: 17px;
  padding: 0;
  text-align: center;
}
fieldset .dynamicLegend {
  text-align: center;
  margin: -1px 0 0 -1px;
  padding: 0;
  position: relative;
  height: 16px;
  line-height: 16px;
}
fieldset .legendButtons {
  position: absolute;
  top: 1px;
  right: 2px;
}
fieldset .legendButtons span.ui-icon {
  background-image: url("../../Images/icones/legend-ui-icons.png");
}
fieldset.minimalist {
  margin: 0 5px 15px;
  padding: 10px;
  border-width: 0 0 1px 0;
}
fieldset.minimalist legend {
  padding: 0 5px;
  color: inherit;
}
.labelTextarea {
  vertical-align: top;
}
input,
select,
textarea {
  padding: 0 2px;
  margin-top: 0;
  font-size: 1em;
  box-sizing: border-box;
  height: 18px;
}
select {
  padding-right: 0;
}
input[type=text],
input[type=password],
input[type=reset],
textarea {
  width: 12em;
  /*  70% pour prendre en compte le label présent dans l'input avant | Valeur d'origine : 12em */
  /*white-space: nowrap !important;*/
}
#compteTiers {
  width: 50%;
  white-space: nowrap;
}
textarea {
  height: 120px;
  resize: none !important;
}
textarea.little {
  height: 60px;
}
input[type=checkbox],
input[type=radio] {
  border: none;
  margin: 0;
  height: auto !important;
}
.input input[type=checkbox],
.input input[type=radio],
.ui-multiselect-checkboxes input[type=checkbox] {
  margin-right: 3px !important;
  margin-top: 2px;
}
.UpdateProgress {
  width: 180px;
  height: auto;
  background: white url(/Images/loader.gif) no-repeat;
  background-position: 8px 7px;
  position: absolute;
  border: 1px solid #ccc;
  padding: 5px 5px 5px 30px;
  font-size: 12pt;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -85px;
  line-height: 20px;
  box-shadow: 3px 3px 6px #968e8e;
}
fieldset .legendButtons span,
fieldset .legendButtons img {
  cursor: pointer;
  margin-left: 3px;
  margin-top: -1px;
  display: block;
  float: left;
  height: 16px;
  width: 16px;
}
.validationSummary {
  z-index: 99;
  padding: 3px 0 5px 0;
  clear: both;
  position: relative;
}
.validationSummary .ui-icon {
  display: inline-block;
  vertical-align: sub;
  margin-left: 5px;
  margin-right: 3px;
}
.validationSummary .ui-icon-close {
  cursor: pointer;
  right: 0;
  position: absolute;
}
.validationSummary ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
.validationSummary .messageCloseButton {
  position: absolute;
  right: 5px;
  top: 4px;
  cursor: pointer;
}
.field-validation-valid {
  display: none !important;
}
.validation-summary-valid {
  display: none;
}
label.field-required:after {
  content: ' *';
}
.alertForm.ui-state-error,
.field-validation-error .ui-state-error {
  border: 0;
  background: transparent;
  cursor: help;
}
.alertForm.ui-state-error span.ui-icon,
.field-validation-error .ui-state-error span.ui-icon {
  display: inline-block;
  vertical-align: top;
}
td.ui-state-error {
  padding: 1px 3px;
}
.inputNonEditable {
  background: none !important;
  border: none !important;
  padding-left: 0;
}
.inputNonEditable span.ui-icon {
  display: none;
}
.inputNonEditable.ui-state-disabled {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.input label,
.input  > span:first-child {
  padding: 0;
  width: 12em;
  cursor: default;
  vertical-align: top;
  display: inline-block;
}
.input label,
.input  > span,
.input  > a {
  line-height: 18px;
}
.input > span {
  display: inline-block;
  cursor: default;
  max-width: calc(85%);
  max-width: -webkit-calc(85%);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.ui-datepicker-trigger {
  cursor: pointer;
  width: 18px;
  height: 18px;
  margin-bottom: -5px;
  margin-left: 2px;
}
.jqgrow {
  line-height: 20px;
}
.jqgrow td.edit-cell {
  border-top: 0;
}
.jqgrow input:disabled {
  background-color: transparent;
  border: none;
}
.jqgrow select,
.jqgrow input {
  height: 20px;
}
.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-pg-selbox {
  width: auto;
  height: 18px !important;
}
.ui-jqdialog-content input.FormElement {
  padding: 1px 3px !important;
  width: 15em;
}
input.ui-button,
button.ui-button {
  height: 18px;
  padding: 0 10px !important;
  width: auto;
  vertical-align: top;
}
.EditTable td textarea {
  width: 15em;
}
.actionGridCell {
  display: inline-block;
  cursor: pointer;
}
div.col2gauche {
  float: left;
  width: 48%;
  padding-left: 0.8%;
  padding-right: 0.8%;
  border-right: 1px solid #ccc;
  margin: 10px 0;
}
div.col2droite {
  float: left;
  width: 48%;
  margin: 10px 0 10px -1px;
  padding-left: 1%;
  border-left: 1px solid #ccc;
}
div.col3gauche {
  float: left;
  width: 31%;
  margin: 10px 0;
  padding-right: 1%;
  border-right: 1px solid #ccc;
}
div.col3centre {
  float: left;
  width: 31%;
  padding-left: 1%;
  padding-right: 1%;
  margin: 10px 0 10px -1px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
div.col3droite {
  float: left;
  width: 31%;
  padding-left: 1%;
  margin: 10px 0 10px -1px;
  border-left: 1px solid #ccc;
}
div.colcentre {
  float: left;
  width: 100%;
  padding-left: 1%;
  margin: 10px 0 10px -1px;
  border-left: 1px solid #ccc;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}
#dialogLoupeSearch > input {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  z-index: 80;
}
.btnLoupe {
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 1px 0 -1px 3px;
  vertical-align: top;
}
.loupeListe {
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.loupeListe li {
  display: block;
  list-style: none;
  margin-left: 2px;
  line-height: 16px;
}
.loupeListe li span {
  display: inline-block;
  margin-bottom: -3px;
  height: 15px;
  width: 15px;
  cursor: pointer;
  margin-left: -2px;
}
.loupeListe li input {
  background: none !important;
  border: none !important;
  height: 16px;
  min-width: 50px;
}
.commentaireDevis {
  border-width: 0 0 1px 0;
  position: relative;
}
.commentaireDevis textarea {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 5px;
  padding: 3px 0;
  border: 0;
  width: 100% !important;
  resize: none;
  overflow: hidden;
  line-height: 12px;
  /*height: auto!important;*/
}
#GrdAppreciation ul.radioButtonList {
  list-style-type: none;
  margin-top: 0;
}
#GrdAppreciation ul.radioButtonList li {
  display: inline-block;
}
#GrdAppreciation span {
  display: inline-block;
  width: 12em;
}
#GrdAppreciation li span {
  text-align: center;
}
.ui-button-text-only .ui-button-text {
  padding: 1px 5px !important;
}
.ui-widget-header {
  /* FILTRES */
  /* DATEPICKERS */
}
.ui-widget-header .ui-multiselect-filter {
  color: #7c8897;
}
.ui-widget-header .ui-datepicker-title {
  color: white;
}
.ui-widget-header .ui-datepicker-title select {
  color: #7c8897;
}
.fa-male:before {
  color: #3162A0;
}
.fa-industry:before {
  color: #F08A00;
}

/* THEME */
/* STYLE */
.headerIframe {
  height: 26px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.tool-container,
.tool-container-2 {
  height: auto;
  min-height: 26px;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2000;
  /*background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%);*/
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #b6b6b6 100%);
  border-bottom: 1px solid #beb8b8;
}
.tool-container .left,
.tool-container-2 .left {
  float: left;
  /*ul{
            padding: 0;
            margin: 0;
            border-left: 1px solid #beb8b8;

            li{
                padding: 0;
                margin: 0;
                list-style: none;
                width:40px;
                height:26px;
                display:inline-block;
                cursor:pointer;
                text-align:center;
                border-right: 1px solid #beb8b8;

                i{
                    line-height:26px;
                    font-size:15px;
                    vertical-align:middle;
                }

                &:hover{
                    background: #a79f9f;
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a79f9f), color-stop(93%, #e2dfdf));
                    background: -moz-linear-gradient(top, #a79f9f 0%, #e2dfdf 93%);
                    background: -ms-linear-gradient(top, #a79f9f 0%, #e2dfdf 93%);
                    background: linear-gradient(to bottom, #a79f9f 0%, #e2dfdf 93%);
                    background: url(data:image/svg+xml;
                    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3OWY5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2UyZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a79f9f', endColorstr='#e2dfdf',GradientType=0 );
                }
            }
        }*/
}
.tool-container .right,
.tool-container-2 .right {
  float: right;
}
.tool-container .tool-item,
.tool-container .tool-item {
  float: left;
  border-left: 1px solid #beb8b8;
}
.tool-items {
  height: 100%;
}
.tool-items ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
}
.tool-item {
  display: block;
  min-width: 40px;
  text-align: center;
  padding: 0;
  height: 26px;
  position: relative;
  cursor: pointer;
}
.tool-item i.fa {
  line-height: 25px;
  vertical-align: middle;
}
.tool-item a {
  width: 100%;
  height: 100%;
}
.tool-item > a {
  display: block;
}
.tool-item > div > * {
  vertical-align: middle;
}
.tool-item > div > label {
  line-height: 27px;
  vertical-align: middle;
}
.tool-item ul {
  z-index: 1000;
  cursor: default;
  position: absolute;
  border: 1px solid #beb8b8;
  background-color: white;
  top: 26px;
  margin: 0;
  padding: 2px 21px 2px 6px;
  list-style-type: circle;
  width: 120px;
  display: none;
  text-align: right;
}
.tool-item ul li {
  margin: 5px 0;
  padding: 0;
  cursor: default;
  list-style-type: circle;
  float: none;
  direction: rtl;
}
.tool-item ul li a {
  display: block;
  cursor: pointer;
}
.tool-item ul li a:hover {
  color: #1f76a1;
}
.tool-item [class^="icon-"] {
  margin-top: 6px;
}
.tool-item:last-child {
  border-right: none;
  border-bottom: none;
}
.tool-item:hover,
.tool-item.selected {
  background: #a79f9f;
  background: linear-gradient(to bottom, #a79f9f 0%, #e2dfdf 93%);
  background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3OWY5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2UyZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a79f9f', endColorstr='#e2dfdf', GradientType=0);
}
.tool-item.noHover:hover {
  background: inherit !important;
}
[class^="icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url('/Images/icones/toolbar-icons.png');
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.icon-glass {
  background-position: 0 0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-share {
  background-position: -120px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -96px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
  width: 16px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
.icon-shopping-cart {
  background-position: -360px -120px;
}
.icon-folder-close {
  background-position: -384px -120px;
}
.icon-folder-open {
  background-position: -408px -120px;
  width: 16px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}
.icon-hdd {
  background-position: 0 -144px;
}
.icon-bullhorn {
  background-position: -24px -144px;
}
.icon-bell {
  background-position: -48px -144px;
}
.icon-certificate {
  background-position: -72px -144px;
}
.icon-thumbs-up {
  background-position: -96px -144px;
}
.icon-thumbs-down {
  background-position: -120px -144px;
}
.icon-hand-right {
  background-position: -144px -144px;
}
.icon-hand-left {
  background-position: -168px -144px;
}
.icon-hand-up {
  background-position: -192px -144px;
}
.icon-hand-down {
  background-position: -216px -144px;
}
.icon-circle-arrow-right {
  background-position: -240px -144px;
}
.icon-circle-arrow-left {
  background-position: -264px -144px;
}
.icon-circle-arrow-up {
  background-position: -288px -144px;
}
.icon-circle-arrow-down {
  background-position: -312px -144px;
}
.icon-globe {
  background-position: -336px -144px;
}
.icon-wrench {
  background-position: -360px -144px;
}
.icon-tasks {
  background-position: -384px -144px;
}
.icon-filter {
  background-position: -408px -144px;
}
.icon-briefcase {
  background-position: -432px -144px;
}
.icon-fullscreen {
  background-position: -456px -144px;
}
.header-bar {
  height: 27px;
  line-height: 27px;
  vertical-align: middle;
  margin-right: -5px;
  /*border-bottom: 1px solid #beb8b8;*/
  /*background: linear-gradient(to bottom, @headerBarFrom 14%,@headerBarTo 100%);*/
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #B6B6B6 100%);
  /*linear-gradient(to bottom, #d0cbcb 14%, #e9e5e5 100%);*/
}
.header-bar.right > ul > li > ul {
  right: 0;
}
.header-bar.right > div > ul > li > ul {
  right: 0;
}
.header-bar > div > ul {
  color: #333;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.header-bar > div > ul > li {
  border-right-color: #beb8b8;
  border-right-style: solid;
  border-right-width: 1px;
  cursor: pointer;
  display: block;
  float: left;
  height: 26px;
  list-style-type: none;
  min-width: 40px;
  padding: 0;
  position: relative;
  text-align: center;
  min-width: 41px;
}
.header-bar > div > ul > li .ui-multiselect {
  margin: 4px 0;
}
.header-bar > div > ul > li > a {
  display: block;
  float: left;
  color: #333;
  cursor: pointer;
  height: 26px;
  width: 40px;
  text-align: center;
  transition: all .4s ease 0s;
}
.header-bar > div > ul > li > a i {
  font-size: 13px;
  line-height: 26px;
  vertical-align: middle;
  margin: 1px 0 0 0;
}
.header-bar > div > ul > li > ul {
  cursor: default;
  position: absolute;
  border: 1px solid #beb8b8;
  background-color: #fff;
  top: 26px;
  padding: 2px 0;
  list-style-type: none;
  min-width: 180px;
  visibility: hidden;
  transition: 0.2s 0.1s;
  opacity: 0;
  text-align: left;
  z-index: 1000;
}
.header-bar > div > ul > li > ul > li {
  font-size: 11px;
  line-height: 30px;
  vertical-align: middle;
  height: auto;
  cursor: default;
  list-style-type: none;
  float: none;
  white-space: nowrap;
}
.header-bar > div > ul > li > ul > li > a {
  display: block;
}
.header-bar > div > ul > li > ul > li > a:not(.row) {
  padding: 0 12px;
}
.header-bar > div > ul > li > ul > li > a i {
  line-height: 30px;
  vertical-align: middle;
}
.header-bar > div > ul > li > ul > li.title {
  font-size: 14px;
  cursor: default;
  padding: 0 12px;
  font-weight: 600;
}
.header-bar > div > ul > li > ul > li.title:hover {
  background-color: inherit;
  cursor: default;
}
.header-bar > div > ul > li > ul > li:hover {
  cursor: pointer;
  background: #e2dfdf;
}
.header-bar > div > ul > li > ul > li > .badge {
  margin: 5px 0 5px 5px;
}
.header-bar > div > ul > li:not(.noHover):hover {
  background: linear-gradient(to bottom, #a79f9f 0, #e2dfdf 93%);
}
.header-bar > div > ul > li:not(.noHover):hover ul {
  visibility: visible;
  transition-delay: 0s;
  opacity: 1;
}
.header-bar > ul {
  color: #333;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.header-bar > ul > li {
  border-right-color: #beb8b8;
  border-right-style: solid;
  border-right-width: 1px;
  cursor: pointer;
  display: block;
  float: left;
  height: 26px;
  list-style-type: none;
  min-width: 40px;
  padding: 0;
  position: relative;
  text-align: center;
  min-width: 41px;
}
.header-bar > ul > li .ui-multiselect {
  margin: 4px 0;
}
.header-bar > ul > li > a {
  display: block;
  float: left;
  color: #333;
  cursor: pointer;
  height: 26px;
  width: 40px;
  text-align: center;
  transition: all .4s ease 0s;
}
.header-bar > ul > li > a i {
  font-size: 13px;
  line-height: 26px;
  vertical-align: middle;
  margin: 1px 0 0 0;
}
.header-bar > ul > li > ul {
  cursor: default;
  position: absolute;
  border: 1px solid #beb8b8;
  background-color: #fff;
  top: 26px;
  padding: 2px 0;
  list-style-type: none;
  min-width: 180px;
  visibility: hidden;
  transition: 0.2s 0.1s;
  opacity: 0;
  text-align: left;
  z-index: 1000;
}
.header-bar > ul > li > ul > li {
  font-size: 11px;
  line-height: 30px;
  vertical-align: middle;
  height: auto;
  cursor: default;
  list-style-type: none;
  float: none;
  white-space: nowrap;
}
.header-bar > ul > li > ul > li > a {
  display: block;
}
.header-bar > ul > li > ul > li > a:not(.row) {
  padding: 0 12px;
}
.header-bar > ul > li > ul > li > a i {
  line-height: 30px;
  vertical-align: middle;
}
.header-bar > ul > li > ul > li.title {
  font-size: 14px;
  cursor: default;
  padding: 0 12px;
  font-weight: 600;
}
.header-bar > ul > li > ul > li.title:hover {
  background-color: inherit;
  cursor: default;
}
.header-bar > ul > li > ul > li:hover {
  cursor: pointer;
  background: #e2dfdf;
}
.header-bar > ul > li > ul > li > .badge {
  margin: 5px 0 5px 5px;
}
.header-bar > ul > li:not(.noHover):hover {
  background: linear-gradient(to bottom, #a79f9f 0, #e2dfdf 93%);
}
.header-bar > ul > li:not(.noHover):hover ul {
  visibility: visible;
  transition-delay: 0s;
  opacity: 1;
}
.header-bar span {
  font-size: 11px;
  padding-left: 5px;
}
/*.ui-tabs-nav{
    display:none;
}*/
/**TEMPP*/
html[ng-app] {
  overflow: hidden;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: visible;
}
.ui-jqgrid:not(.noResize) {
  border-left: none !important;
  border-right: none !important;
}
body.iframeBody {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
  /*overflow-x: hidden;
    overflow-y: auto;*/
  width: 100%;
}
#loading-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3000;
  background-color: white;
}
#loading-overlay .tool-container {
  z-index: 3000;
}
#loading-overlay .logo-loader {
  height: 100%;
  padding-top: 15%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#loading-overlay .loader {
  width: 1em;
  height: 1em;
  font-size: 150px;
  position: relative;
  display: block;
  margin: auto;
}
#loading-overlay .loader-container {
  width: 100%;
  text-align: center;
}
#loading-overlay .loader:before,
#loading-overlay .loader:after {
  content: "";
  top: 0;
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  border-width: 0.5em;
  border-style: double;
  border-color: transparent;
  box-sizing: border-box;
  border-radius: 1em;
  animation: spin 1s infinite;
}
#loading-overlay .loader:after {
  left: 0;
  border-left-color: #eee;
}
#loading-overlay .loader:before {
  right: 0;
  border-right-color: #eee;
  animation-delay: -0.25s;
}
@media (max-width: 225px), (max-height: 225px) {
  .loader {
    font-size: 75px !important;
  }
}
@keyframes spin {
  from {
    transform: rotate(360deg);
  }
}
.espacecontenu {
  height: 100%;
  position: relative;
}
.espacecontenu .ui-tabs {
  border: 0;
}
.espacecontenu .ui-tabs ul.ui-tabs-nav {
  background: none;
  border-width: 0 0 1px 0;
}
.espacecontenu table.generalTable {
  margin: 10px 0;
  width: 100%;
  border-collapse: collapse;
}
.espacecontenu table.generalTable th {
  text-align: center;
  height: 23px;
  padding: 4px 5px;
  border: 1px solid;
}
.espacecontenu table.generalTable td {
  padding: 6px;
  border: 1px solid;
}
.espacecontenu caption h2 {
  margin-bottom: 1px;
}
/*.espacecontenu{
    overflow:hidden;
}*/
.contentIframe {
  padding-top: 27px;
  margin-top: 0;
  height: 100%!important;
  /*overflow-x:hidden;
    overflow-y:auto;*/
}
a > i {
  margin: 2px;
}
hr {
  padding: 0;
  margin: 0;
  border: 0;
  height: 1px;
}
.custom-tooltip-styling {
  display: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: default;
}
.ui-pg-div {
  line-height: 18px;
}
.iconJqGridRow {
  margin: 0 1px -3px 0;
  display: inline-block;
}
.jqgrow > td input[type='checkbox'] {
  vertical-align: text-top;
}
.subgridDetails {
  padding: 5px;
}
.subgridDetails > div {
  float: left;
}
.subgridDetails > div > div {
  padding-bottom: 2px;
}
.subgridDetails span.labelSubGrid {
  vertical-align: top;
  font-weight: bold;
}
.subgridDetails div:last-child {
  clear: both;
  float: none;
}
.subgridDetails .iconSubGrid {
  cursor: pointer;
  display: inline-block;
  margin-top: -2px;
  vertical-align: top;
}
.subgrid-data table {
  width: 100%;
}
.tableMontants {
  text-align: center;
  border-collapse: collapse;
}
.tableMontants td.ui-state-default {
  background: none !important;
}
.tableMontants input {
  height: 14px;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  text-align: center;
  vertical-align: top;
  width: 99% !important;
  cursor: text;
}
.tableMontants td,
.tableMontants th {
  height: 14px;
  width: 110px;
}
.tableFormated {
  border-collapse: collapse;
}
.tableFormated td,
.tableFormated th {
  height: 14px;
  width: 110px;
  max-width: 350px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.gridViewCompetences > tbody > tr {
  width: 50%;
  float: left;
}
.gridViewCompetences > tbody > tr:nth-child(3n+0) {
  clear: both;
}
.wAuto {
  width: auto !important;
}
.w1 {
  width: 1em !important;
}
.w2 {
  width: 2em !important;
}
.w3 {
  width: 3em !important;
}
.w4 {
  width: 4em !important;
}
.w5 {
  width: 5em !important;
}
.w6 {
  width: 6em !important;
}
.w7 {
  width: 7em !important;
}
.w8 {
  width: 8em !important;
}
.w9 {
  width: 9em !important;
}
.w10 {
  width: 10em !important;
}
.w11 {
  width: 11em !important;
}
.w12 {
  width: 12em !important;
}
.w13 {
  width: 13em !important;
}
.w14 {
  width: 14em !important;
}
.w15 {
  width: 15em !important;
}
.w16 {
  width: 16em !important;
}
.w17 {
  width: 17em !important;
}
.w18 {
  width: 18em !important;
}
.w19 {
  width: 19em !important;
}
.w20 {
  width: 20em !important;
}
.w21 {
  width: 21em !important;
}
.w22 {
  width: 22em !important;
}
.w23 {
  width: 23em !important;
}
.w24 {
  width: 24em !important;
}
.w25 {
  width: 25em !important;
}
.w26 {
  width: 26em !important;
}
.w27 {
  width: 27em !important;
}
.w28 {
  width: 28em !important;
}
.w29 {
  width: 29em !important;
}
.w30 {
  width: 30em !important;
}
.w32 {
  width: 32em !important;
}
.w34 {
  width: 34em !important;
}
.w36 {
  width: 36em !important;
}
.w50 {
  width: 50em !important;
}
.wp5 {
  width: 5% !important;
}
.wp10 {
  width: 10% !important;
}
.wp20 {
  width: 20% !important;
}
.wp30 {
  width: 30% !important;
}
.wp40 {
  width: 40% !important;
}
.wp50 {
  width: 50% !important;
}
.wp60 {
  width: 60% !important;
}
.wp70 {
  width: 70% !important;
}
.wp80 {
  width: 80% !important;
}
.wp90 {
  width: 90% !important;
}
.wp95 {
  width: 95% !important;
}
.wp100 {
  width: 100% !important;
}
.hp100 {
  height: 100%;
}
.pointer {
  cursor: pointer !important;
}
.lineHeight18 {
  line-height: 18px;
}
.paddingRight15 {
  padding-right: 15px;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.text-align-justify {
  text-align: justify;
}
div.input {
  padding: 4px 8px 4px 8px;
}
div.smallinput {
  padding: 2px 8px 2px 8px;
}
a.noUnderline {
  text-decoration: none !important;
}
.clear {
  clear: both;
}
.float {
  float: left;
}
.right {
  float: right;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.bold {
  font-weight: bold;
}
.helpCursor {
  cursor: help;
}
.invisible {
  display: none;
  visibility: visible;
}
.textContent {
  margin: 0 15px;
}
.autoMargin {
  margin-left: auto;
  margin-right: auto;
}
.verticalMiddle {
  vertical-align: middle;
}
.verticalTop {
  vertical-align: top;
}
.inline {
  display: inline-block;
}
.historyPanel {
  width: 95%;
  margin: 8px auto;
  background-color: #E9EDF1;
  line-height: 18px;
  padding: 0 5px;
  font-size: 11px;
  border-radius: 5px;
}
.noBackground {
  background: none !important;
}
.noOverflow {
  overflow: hidden;
}
.noMargin {
  margin: 0 !important;
}
.puceOrange {
  background: url('/Images/Star_Orange.png');
}
.puceVerte {
  background: url('/Images/Star_Green.png');
}
.puce {
  margin: 2px 0 -14px 4px;
  display: inline-block;
  vertical-align: top;
  height: 14px;
  width: 14px;
}
.underlineTitle {
  margin-top: 0;
  margin-bottom: 5px;
  padding-bottom: 2px;
  display: block;
  width: 150px;
  font-weight: bold;
}
.ui-tabs-vertical {
  width: 100%;
  padding: 0;
}
.ui-tabs-vertical > .ui-tabs-nav {
  position: fixed;
  right: 0;
  width: 168px;
  border-width: 0 0 0 1px !important;
  padding-right: 10px;
}
.ui-tabs-vertical > .ui-tabs-nav > li:first-child {
  border-top: 0 !important;
  margin-top: -2px;
}
.ui-tabs-vertical > .ui-tabs-nav > li {
  clear: left;
  width: 100%;
  height: 22px;
  border-left: 0 !important;
  border-bottom-width: 0;
  margin: 0 10px 0 -2px;
  padding-right: 2px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ui-tabs-vertical > .ui-tabs-nav > li > a {
  display: block;
  margin-left: -5px;
  width: 100%;
}
.ui-tabs-vertical > .ui-tabs-nav > li.ui-tabs-active {
  margin-left: -3px;
  padding-right: 3px;
}
.ui-tabs-vertical > .ui-tabs-panel {
  padding: 0;
  float: left;
  border-width: 0;
}
.ui-tabs-vertical.tabs-left > .ui-tabs-nav {
  position: fixed;
  left: 0;
  width: 168px;
  border-width: 0 1px 0 0 !important;
  padding-right: 10px;
}
.ui-tabs-vertical.tabs-left > .ui-tabs-panel {
  padding: 0;
  float: right;
  border-width: 0;
}
.bodyError {
  /*background-color: #E9EDF1;*/
}
.errorPannel {
  padding: 20px;
  position: absolute;
  width: 440px;
  height: 180px;
  left: 50%;
  margin-left: -240px;
  top: 50%;
  margin-top: -140px;
  border: 1px solid #636363;
  background-color: #E9EDF1;
  border-radius: 7px;
  text-align: center;
  color: #636363;
}
.errorPannel img {
  margin-left: 50px;
  float: left;
}
.errorPannel .errorCode {
  margin: 0;
  float: left;
  margin-left: 25px;
  -webkit-text-shadow: 1px 3px 3px #CFCFCF;
  text-shadow: 1px 3px 3px #CFCFCF;
  font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
  font-size: 4.8em;
  letter-spacing: .2em;
  line-height: 1.3em;
}
.errorPannel .errorText {
  padding-top: 20px;
  clear: both;
  font-size: 18px;
  font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
  margin-bottom: 10px;
}
#logoTiers {
  margin-left: 135px;
  margin-top: 5px;
}
.widgetPanel {
  position: relative;
  margin: 0 0.9%;
  padding: 0;
  float: left;
  width: 48%;
  min-height: 250px;
  /*padding-bottom: 50px;*/
  height: inherit;
}
.widgetPanel > div {
  width: 100%;
  margin-top: 20px;
  border: 1px solid transparent;
}
.widgetPanel > div fieldset {
  border-style: solid;
  border-width: 1px;
  margin: 0;
  padding: 0;
}
.widgetPanel > div fieldset p.dynamicLegend {
  border-width: 1px 0;
  cursor: move;
}
.widgetPanel > div fieldset div.widget {
  min-height: 75px;
  color: black;
}
.widgetPanel .widget h2 {
  text-align: center;
  color: #999;
  margin: 5px auto;
}
.widgetPanel .widget-moved {
  border: 1px dashed;
}
.widgetTable tr > th {
  padding-bottom: 6px;
  text-align: left;
}
.widgetTable tr > td {
  padding: 6px 0;
  line-height: 16px;
}
.widgetTable tr > td .longField {
  height: 16px;
  max-width: 150px;
  overflow: hidden;
  display: block;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.imagesGallery {
  margin: 10px;
}
.imagesGallery tr {
  min-width: 100px;
}
.imagesGallery .thumb .deleteLink {
  position: absolute;
  top: 2px;
  right: 2px;
  color: white;
  text-align: center;
  background-color: black;
  width: 16px;
  height: 16px;
  opacity: 0.8;
  line-height: 16px;
}
.imagesGallery .thumb > a.image {
  border: 2px solid;
  border-radius: 2px;
  width: 96px;
  height: 96px;
  display: block;
}
.imagesGallery .thumb a.image img {
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.imagesGallery .thumb,
.imagesGallery tr {
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
}
.lightbox {
  margin-top: -30px;
}
a.entity-link {
  border-bottom: 1px dashed #1f77a0;
}
.ui-jqgrid .ui-jqgrid-htable th div {
  height: 22px;
  line-height: 22px;
}
.ui-jqgrid .ui-icon-asc {
  margin-top: 0;
  background-position: 1px -16px;
}
.ui-jqgrid .ui-icon-desc {
  margin-top: 8px;
}
.ui-jqgrid-container.standalone {
  margin: 8px;
}
.invisible {
  visibility: visible !important;
}
h1 {
  font-size: 1.5em;
  color: #1F769F;
}
h2 {
  font-size: 1.25em;
  color: #7C8897;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #7C8897;
}
h4 {
  font-weight: bold;
}
h4,
h5,
h6 {
  font-size: 0.8em;
  color: #7C8897;
}
.underlineTitle {
  border-bottom: 1px solid #777272;
  color: #777272;
}
a {
  color: #1f77a0;
  cursor: pointer;
}
a > i {
  color: black;
}
a:hover {
  color: #f08a00;
  text-decoration: none;
}
a:hover > i {
  color: #f08a00;
}
a,
.link {
  text-decoration: none;
  color: #333;
}
a i,
.link i {
  margin-left: 5px;
}
a:hover,
.link:hover {
  color: #f08a00;
}
.link {
  cursor: pointer !important;
}
.failureNotification,
.alert {
  color: #cd0a0a;
}
.alert {
  font-weight: bold;
}
.barreOutils .separeteur {
  background-color: #1f76a1;
}
.inputNonEditable {
  color: #7C8897 !important;
}
input {
  border: 1px solid #A9A9A9;
}
body {
  /*background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%);*/
  /*background-size: 100% 27px;*/
  background: transparent;
  background-repeat: no-repeat;
  /*color: #7C8897;*/
}
body .widgetPanel .widget {
  background: #F2F2F4;
}
#RightPane,
#LeftPane {
  border: solid 1px #ccc;
}
.gradient {
  filter: none;
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 100%);
  border-bottom: 1px solid #b6b6b6;
}
hr {
  background-color: #ccc;
}
.gradiantBackground {
  background-image: url('/Images/bg_overlay_login.png'), linear-gradient(to bottom, #98aad3 0%, #d7ddec 100%);
  background-repeat: no-repeat, repeat;
  background-size: 80% auto, 100% 80%;
  background-position: 0 80%, 0 0;
}
.logoCompany {
  background: url('/Images/specific/header_logo.png') center center no-repeat;
  width: 198px;
  height: 60px;
}
#header {
  border-bottom: 1px solid #ccc;
  background: #fff url('../Images/specific/header_bg.png') right no-repeat;
}
#header .espaceWeb {
  color: #4d8bc7;
}
#header .identifiant {
  color: #3a4d6b;
}
.headerIframe,
.widgetPanel .widget {
  /*background: #d0cbcb;
    background: -moz-linear-gradient(top, #d0cbcb 14%, #e9e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#d0cbcb), color-stop(100%,#e9e5e5));
    background: -webkit-linear-gradient(top, #d0cbcb 14%,#e9e5e5 100%);
    background: -o-linear-gradient(top, #d0cbcb 14%,#e9e5e5 100%);
    background: -ms-linear-gradient(top, #d0cbcb 14%,#e9e5e5 100%);
    background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cbcb', endColorstr='#e9e5e5',GradientType=0 );*/
  /*background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 100%);*/
}
.headerIframe {
  height: 26px;
  /*border-bottom: 1px solid #beb8b8;*/
}
.headerIframe a,
.tool-container,
.tool-container a {
  color: #333333;
  text-decoration: none;
}
#filArianne a:hover {
  color: #333333;
  text-decoration: underline;
}
.breadCrumb,
.barreOutils {
  background: transparent;
}
/*.widgetPanel {
    & > div {
        fieldset {
            border-color: #217ba6;
        }
    }
}*/
#footer {
  background-color: #beb8b8;
  color: #FFF;
}
fieldset {
  border: 1px solid #ccc;
}
.inputSeparator {
  border-bottom: 1px solid #dddddd;
}
.ui-tabs-vertical  > .ui-tabs-nav,
.inner-tabs-menu  > .ui-tabs-nav {
  background-color: #e9edf1 !important;
}
.ui-tabs-vertical  > .ui-tabs-nav  > li,
.inner-tabs-menu  > .ui-tabs-nav  > li {
  background-image: none !important;
  background-color: #e9edf1;
}
.ui-tabs-vertical > .ui-tabs-nav > li:last-child {
  border-bottom: solid 1px #ccc !important;
}
.ui-tabs-vertical  > .ui-tabs-nav,
.ui-tabs-vertical  > .ui-tabs-nav  > li.ui-tabs-selected,
.ui-tabs-vertical  > .ui-tabs-nav  > li.ui-state-hover,
.inner-tabs-menu  > .ui-tabs-nav {
  border-color: #ccc !important;
}
.ui-tabs-vertical  > .ui-tabs-nav  > li.ui-tabs-active,
.inner-tabs-menu  > .ui-tabs-nav  > li.ui-tabs-active {
  border-color: inherit !important;
  background-color: #fff !important;
}
.table-bicolor th {
  color: #1F769F;
  background: #CAE5F8;
}
.table-bicolor td {
  background: #E4E0E0;
  color: #1F769F;
}
.table-bicolor tr:hover td {
  background: #C3BDBD;
}
#accordion > h3 {
  border: 1px solid #7c8897;
  background: #217ba6 url('../Lib/jQueryUI/Images/ui-bg_highlight-soft_100_217ba6_1x100.png') 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}
#accordion h3 > span.ui-icon {
  background-image: url('../Lib/jQueryUI/Images/ui-icons_ffffff_256x240.png');
}
#accordion h3 > a {
  text-decoration: none;
  color: #fff;
}
.ui-row-ltr.ui-state-hover,
.ui-row-ltr.ui-state-highlight {
  border: 1px solid #ccc;
  font-weight: normal;
}
.upload-actions {
  display: inline-block;
  line-height: 18px;
}
.upload-form {
  position: relative;
  z-index: 100;
  padding: 4px 15px 4px 0;
  height: 80px;
}
.upload-form .filelist {
  clear: both;
  margin-top: 4px;
}
.upload-form .addedFile {
  position: relative;
  display: block;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 5px;
  padding: 0 0 0 25px;
  height: 30px;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 30px;
  color: #646464;
  background: #E9EDF1 url(../Images/file.png) no-repeat 5px center;
  border-radius: 3px;
}
.upload-form a.removeFile {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: 10px;
  right: 10px;
  background: url(../Images/remove-file.png);
}
.upload-form .ui-progressbar {
  overflow: visible;
  height: 6px;
  cursor: pointer;
  background: #242424;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
}
.upload-form .ui-progressbar-value {
  overflow: visible;
  height: 4px;
}
.upload-form span.progressTooltip {
  position: absolute;
  display: block;
  width: 36px;
  height: 14px;
  padding: 5px 0 4px 0;
  top: 10px;
  right: -18px;
  font-family: sans-serif;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  font-size: 11px;
  color: #242424;
  background: transparent url(../Images/tooltipProgress.png) no-repeat;
}
.upload-form .ui-progressbar,
.upload-form .ui-progressbar-value {
  position: relative;
  border-radius: 1px;
  margin: 0;
}
*:focus {
  outline: none;
}
form {
  border: 0;
}
fieldset {
  padding: 10px 0;
  margin: 15px 0 10px 0;
  position: relative;
}
fieldset legend {
  width: 100%;
  height: 17px;
  line-height: 17px;
  padding: 0;
  text-align: center;
}
fieldset .dynamicLegend {
  text-align: center;
  margin: -1px 0 0 -1px;
  padding: 0;
  position: relative;
  height: 16px;
  line-height: 16px;
}
fieldset .legendButtons {
  position: absolute;
  top: 1px;
  right: 2px;
}
fieldset .legendButtons span.ui-icon {
  background-image: url("../../Images/icones/legend-ui-icons.png");
}
fieldset.minimalist {
  margin: 0 5px 15px;
  padding: 10px;
  border-width: 0 0 1px 0;
}
fieldset.minimalist legend {
  padding: 0 5px;
  color: inherit;
}
.labelTextarea {
  vertical-align: top;
}
input,
select,
textarea {
  padding: 0 2px;
  margin-top: 0;
  font-size: 1em;
  box-sizing: border-box;
  height: 18px;
}
select {
  padding-right: 0;
}
input[type=text],
input[type=password],
input[type=reset],
textarea {
  width: 12em;
  /*  70% pour prendre en compte le label présent dans l'input avant | Valeur d'origine : 12em */
  /*white-space: nowrap !important;*/
}
#compteTiers {
  width: 50%;
  white-space: nowrap;
}
textarea {
  height: 120px;
  resize: none !important;
}
textarea.little {
  height: 60px;
}
input[type=checkbox],
input[type=radio] {
  border: none;
  margin: 0;
  height: auto !important;
}
.input input[type=checkbox],
.input input[type=radio],
.ui-multiselect-checkboxes input[type=checkbox] {
  margin-right: 3px !important;
  margin-top: 2px;
}
.UpdateProgress {
  width: 180px;
  height: auto;
  background: white url(/Images/loader.gif) no-repeat;
  background-position: 8px 7px;
  position: absolute;
  border: 1px solid #ccc;
  padding: 5px 5px 5px 30px;
  font-size: 12pt;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -85px;
  line-height: 20px;
  box-shadow: 3px 3px 6px #968e8e;
}
fieldset .legendButtons span,
fieldset .legendButtons img {
  cursor: pointer;
  margin-left: 3px;
  margin-top: -1px;
  display: block;
  float: left;
  height: 16px;
  width: 16px;
}
.validationSummary {
  z-index: 99;
  padding: 3px 0 5px 0;
  clear: both;
  position: relative;
}
.validationSummary .ui-icon {
  display: inline-block;
  vertical-align: sub;
  margin-left: 5px;
  margin-right: 3px;
}
.validationSummary .ui-icon-close {
  cursor: pointer;
  right: 0;
  position: absolute;
}
.validationSummary ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
.validationSummary .messageCloseButton {
  position: absolute;
  right: 5px;
  top: 4px;
  cursor: pointer;
}
.field-validation-valid {
  display: none !important;
}
.validation-summary-valid {
  display: none;
}
label.field-required:after {
  content: ' *';
}
.alertForm.ui-state-error,
.field-validation-error .ui-state-error {
  border: 0;
  background: transparent;
  cursor: help;
}
.alertForm.ui-state-error span.ui-icon,
.field-validation-error .ui-state-error span.ui-icon {
  display: inline-block;
  vertical-align: top;
}
td.ui-state-error {
  padding: 1px 3px;
}
.inputNonEditable {
  background: none !important;
  border: none !important;
  padding-left: 0;
}
.inputNonEditable span.ui-icon {
  display: none;
}
.inputNonEditable.ui-state-disabled {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.input label,
.input  > span:first-child {
  padding: 0;
  width: 12em;
  cursor: default;
  vertical-align: top;
  display: inline-block;
}
.input label,
.input  > span,
.input  > a {
  line-height: 18px;
}
.input > span {
  display: inline-block;
  cursor: default;
  max-width: calc(85%);
  max-width: -webkit-calc(85%);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.ui-datepicker-trigger {
  cursor: pointer;
  width: 18px;
  height: 18px;
  margin-bottom: -5px;
  margin-left: 2px;
}
.jqgrow {
  line-height: 20px;
}
.jqgrow td.edit-cell {
  border-top: 0;
}
.jqgrow input:disabled {
  background-color: transparent;
  border: none;
}
.jqgrow select,
.jqgrow input {
  height: 20px;
}
.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-pg-selbox {
  width: auto;
  height: 18px !important;
}
.ui-jqdialog-content input.FormElement {
  padding: 1px 3px !important;
  width: 15em;
}
input.ui-button,
button.ui-button {
  height: 18px;
  padding: 0 10px !important;
  width: auto;
  vertical-align: top;
}
.EditTable td textarea {
  width: 15em;
}
.actionGridCell {
  display: inline-block;
  cursor: pointer;
}
div.col2gauche {
  float: left;
  width: 48%;
  padding-left: 0.8%;
  padding-right: 0.8%;
  border-right: 1px solid #ccc;
  margin: 10px 0;
}
div.col2droite {
  float: left;
  width: 48%;
  margin: 10px 0 10px -1px;
  padding-left: 1%;
  border-left: 1px solid #ccc;
}
div.col3gauche {
  float: left;
  width: 31%;
  margin: 10px 0;
  padding-right: 1%;
  border-right: 1px solid #ccc;
}
div.col3centre {
  float: left;
  width: 31%;
  padding-left: 1%;
  padding-right: 1%;
  margin: 10px 0 10px -1px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
div.col3droite {
  float: left;
  width: 31%;
  padding-left: 1%;
  margin: 10px 0 10px -1px;
  border-left: 1px solid #ccc;
}
div.colcentre {
  float: left;
  width: 100%;
  padding-left: 1%;
  margin: 10px 0 10px -1px;
  border-left: 1px solid #ccc;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}
#dialogLoupeSearch > input {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  z-index: 80;
}
.btnLoupe {
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 1px 0 -1px 3px;
  vertical-align: top;
}
.loupeListe {
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.loupeListe li {
  display: block;
  list-style: none;
  margin-left: 2px;
  line-height: 16px;
}
.loupeListe li span {
  display: inline-block;
  margin-bottom: -3px;
  height: 15px;
  width: 15px;
  cursor: pointer;
  margin-left: -2px;
}
.loupeListe li input {
  background: none !important;
  border: none !important;
  height: 16px;
  min-width: 50px;
}
.commentaireDevis {
  border-width: 0 0 1px 0;
  position: relative;
}
.commentaireDevis textarea {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 5px;
  padding: 3px 0;
  border: 0;
  width: 100% !important;
  resize: none;
  overflow: hidden;
  line-height: 12px;
  /*height: auto!important;*/
}
#GrdAppreciation ul.radioButtonList {
  list-style-type: none;
  margin-top: 0;
}
#GrdAppreciation ul.radioButtonList li {
  display: inline-block;
}
#GrdAppreciation span {
  display: inline-block;
  width: 12em;
}
#GrdAppreciation li span {
  text-align: center;
}
.ui-button-text-only .ui-button-text {
  padding: 1px 5px !important;
}
.ui-widget-header {
  /* FILTRES */
  /* DATEPICKERS */
}
.ui-widget-header .ui-multiselect-filter {
  color: #7c8897;
}
.ui-widget-header .ui-datepicker-title {
  color: white;
}
.ui-widget-header .ui-datepicker-title select {
  color: #7c8897;
}
.fa-male:before {
  color: #3162A0;
}
.fa-industry:before {
  color: #F08A00;
}
.progressbar {
  display: inline-block;
  box-sizing: border-box;
  width: 100px;
  height: 13px;
  margin-right: 10px;
  border-radius: 15px;
  background: #333;
  background: linear-gradient(#2d2d2d, #444);
  border: none;
  padding: 3px 3px 2px 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  /* Couleur de la barre dans IE10 */
  color: #09c;
}
.progressbar span {
  display: block;
  border-radius: 15px;
  height: 8px;
  text-indent: 105%;
  background: #09c;
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), linear-gradient(rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 60%), #09c;
  background-size: 300px 20px,auto,auto;
  background-position: -300px 0, top, top;
  background-position: top right,top,top;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.8) inset, 0 0 2px black;
  transition: width 1.6s linear;
}
.contextMenu li {
  padding-right: 4px;
  padding-left: 4px;
}
.contextMenu li a {
  cursor: default;
  padding: 1px 0;
  width: 100%;
}
.contextMenu li a span {
  margin: 0 4px 0 0;
}
.contextMenu li.hover {
  color: #FFF;
  background-color: #FFF;
}
.contextMenu li.hover a {
  background-color: #FFF;
}

.progressbar {
  display: inline-block;
  box-sizing: border-box;
  width: 100px;
  height: 13px;
  margin-right: 10px;
  border-radius: 15px;
  background: #333;
  background: linear-gradient(#2d2d2d, #444);
  border: none;
  padding: 3px 3px 2px 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  /* Couleur de la barre dans IE10 */
  color: #09c;
}
.progressbar span {
  display: block;
  border-radius: 15px;
  height: 8px;
  text-indent: 105%;
  background: #09c;
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), linear-gradient(rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 60%), #09c;
  background-size: 300px 20px,auto,auto;
  background-position: -300px 0, top, top;
  background-position: top right,top,top;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.8) inset, 0 0 2px black;
  transition: width 1.6s linear;
}

/*.ui-tabs-nav{
    display:none;
}*/
/**TEMPP*/
html[ng-app] {
  overflow: hidden;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: visible;
}
.ui-jqgrid:not(.noResize) {
  border-left: none !important;
  border-right: none !important;
}
body.iframeBody {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
  /*overflow-x: hidden;
    overflow-y: auto;*/
  width: 100%;
}
#loading-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3000;
  background-color: white;
}
#loading-overlay .tool-container {
  z-index: 3000;
}
#loading-overlay .logo-loader {
  height: 100%;
  padding-top: 15%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#loading-overlay .loader {
  width: 1em;
  height: 1em;
  font-size: 150px;
  position: relative;
  display: block;
  margin: auto;
}
#loading-overlay .loader-container {
  width: 100%;
  text-align: center;
}
#loading-overlay .loader:before,
#loading-overlay .loader:after {
  content: "";
  top: 0;
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  border-width: 0.5em;
  border-style: double;
  border-color: transparent;
  box-sizing: border-box;
  border-radius: 1em;
  animation: spin 1s infinite;
}
#loading-overlay .loader:after {
  left: 0;
  border-left-color: #eee;
}
#loading-overlay .loader:before {
  right: 0;
  border-right-color: #eee;
  animation-delay: -0.25s;
}
@media (max-width: 225px), (max-height: 225px) {
  .loader {
    font-size: 75px !important;
  }
}
@keyframes spin {
  from {
    transform: rotate(360deg);
  }
}
.espacecontenu {
  height: 100%;
  position: relative;
}
.espacecontenu .ui-tabs {
  border: 0;
}
.espacecontenu .ui-tabs ul.ui-tabs-nav {
  background: none;
  border-width: 0 0 1px 0;
}
.espacecontenu table.generalTable {
  margin: 10px 0;
  width: 100%;
  border-collapse: collapse;
}
.espacecontenu table.generalTable th {
  text-align: center;
  height: 23px;
  padding: 4px 5px;
  border: 1px solid;
}
.espacecontenu table.generalTable td {
  padding: 6px;
  border: 1px solid;
}
.espacecontenu caption h2 {
  margin-bottom: 1px;
}
/*.espacecontenu{
    overflow:hidden;
}*/
.contentIframe {
  padding-top: 27px;
  margin-top: 0;
  height: 100%!important;
  /*overflow-x:hidden;
    overflow-y:auto;*/
}
a > i {
  margin: 2px;
}
hr {
  padding: 0;
  margin: 0;
  border: 0;
  height: 1px;
}
.custom-tooltip-styling {
  display: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: default;
}
.ui-pg-div {
  line-height: 18px;
}
.iconJqGridRow {
  margin: 0 1px -3px 0;
  display: inline-block;
}
.jqgrow > td input[type='checkbox'] {
  vertical-align: text-top;
}
.subgridDetails {
  padding: 5px;
}
.subgridDetails > div {
  float: left;
}
.subgridDetails > div > div {
  padding-bottom: 2px;
}
.subgridDetails span.labelSubGrid {
  vertical-align: top;
  font-weight: bold;
}
.subgridDetails div:last-child {
  clear: both;
  float: none;
}
.subgridDetails .iconSubGrid {
  cursor: pointer;
  display: inline-block;
  margin-top: -2px;
  vertical-align: top;
}
.subgrid-data table {
  width: 100%;
}
.tableMontants {
  text-align: center;
  border-collapse: collapse;
}
.tableMontants td.ui-state-default {
  background: none !important;
}
.tableMontants input {
  height: 14px;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  text-align: center;
  vertical-align: top;
  width: 99% !important;
  cursor: text;
}
.tableMontants td,
.tableMontants th {
  height: 14px;
  width: 110px;
}
.tableFormated {
  border-collapse: collapse;
}
.tableFormated td,
.tableFormated th {
  height: 14px;
  width: 110px;
  max-width: 350px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.gridViewCompetences > tbody > tr {
  width: 50%;
  float: left;
}
.gridViewCompetences > tbody > tr:nth-child(3n+0) {
  clear: both;
}
.wAuto {
  width: auto !important;
}
.w1 {
  width: 1em !important;
}
.w2 {
  width: 2em !important;
}
.w3 {
  width: 3em !important;
}
.w4 {
  width: 4em !important;
}
.w5 {
  width: 5em !important;
}
.w6 {
  width: 6em !important;
}
.w7 {
  width: 7em !important;
}
.w8 {
  width: 8em !important;
}
.w9 {
  width: 9em !important;
}
.w10 {
  width: 10em !important;
}
.w11 {
  width: 11em !important;
}
.w12 {
  width: 12em !important;
}
.w13 {
  width: 13em !important;
}
.w14 {
  width: 14em !important;
}
.w15 {
  width: 15em !important;
}
.w16 {
  width: 16em !important;
}
.w17 {
  width: 17em !important;
}
.w18 {
  width: 18em !important;
}
.w19 {
  width: 19em !important;
}
.w20 {
  width: 20em !important;
}
.w21 {
  width: 21em !important;
}
.w22 {
  width: 22em !important;
}
.w23 {
  width: 23em !important;
}
.w24 {
  width: 24em !important;
}
.w25 {
  width: 25em !important;
}
.w26 {
  width: 26em !important;
}
.w27 {
  width: 27em !important;
}
.w28 {
  width: 28em !important;
}
.w29 {
  width: 29em !important;
}
.w30 {
  width: 30em !important;
}
.w32 {
  width: 32em !important;
}
.w34 {
  width: 34em !important;
}
.w36 {
  width: 36em !important;
}
.w50 {
  width: 50em !important;
}
.wp5 {
  width: 5% !important;
}
.wp10 {
  width: 10% !important;
}
.wp20 {
  width: 20% !important;
}
.wp30 {
  width: 30% !important;
}
.wp40 {
  width: 40% !important;
}
.wp50 {
  width: 50% !important;
}
.wp60 {
  width: 60% !important;
}
.wp70 {
  width: 70% !important;
}
.wp80 {
  width: 80% !important;
}
.wp90 {
  width: 90% !important;
}
.wp95 {
  width: 95% !important;
}
.wp100 {
  width: 100% !important;
}
.hp100 {
  height: 100%;
}
.pointer {
  cursor: pointer !important;
}
.lineHeight18 {
  line-height: 18px;
}
.paddingRight15 {
  padding-right: 15px;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.text-align-justify {
  text-align: justify;
}
div.input {
  padding: 4px 8px 4px 8px;
}
div.smallinput {
  padding: 2px 8px 2px 8px;
}
a.noUnderline {
  text-decoration: none !important;
}
.clear {
  clear: both;
}
.float {
  float: left;
}
.right {
  float: right;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.bold {
  font-weight: bold;
}
.helpCursor {
  cursor: help;
}
.invisible {
  display: none;
  visibility: visible;
}
.textContent {
  margin: 0 15px;
}
.autoMargin {
  margin-left: auto;
  margin-right: auto;
}
.verticalMiddle {
  vertical-align: middle;
}
.verticalTop {
  vertical-align: top;
}
.inline {
  display: inline-block;
}
.historyPanel {
  width: 95%;
  margin: 8px auto;
  background-color: #E9EDF1;
  line-height: 18px;
  padding: 0 5px;
  font-size: 11px;
  border-radius: 5px;
}
.noBackground {
  background: none !important;
}
.noOverflow {
  overflow: hidden;
}
.noMargin {
  margin: 0 !important;
}
.puceOrange {
  background: url('/Images/Star_Orange.png');
}
.puceVerte {
  background: url('/Images/Star_Green.png');
}
.puce {
  margin: 2px 0 -14px 4px;
  display: inline-block;
  vertical-align: top;
  height: 14px;
  width: 14px;
}
.underlineTitle {
  margin-top: 0;
  margin-bottom: 5px;
  padding-bottom: 2px;
  display: block;
  width: 150px;
  font-weight: bold;
}
.ui-tabs-vertical {
  width: 100%;
  padding: 0;
}
.ui-tabs-vertical > .ui-tabs-nav {
  position: fixed;
  right: 0;
  width: 168px;
  border-width: 0 0 0 1px !important;
  padding-right: 10px;
}
.ui-tabs-vertical > .ui-tabs-nav > li:first-child {
  border-top: 0 !important;
  margin-top: -2px;
}
.ui-tabs-vertical > .ui-tabs-nav > li {
  clear: left;
  width: 100%;
  height: 22px;
  border-left: 0 !important;
  border-bottom-width: 0;
  margin: 0 10px 0 -2px;
  padding-right: 2px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ui-tabs-vertical > .ui-tabs-nav > li > a {
  display: block;
  margin-left: -5px;
  width: 100%;
}
.ui-tabs-vertical > .ui-tabs-nav > li.ui-tabs-active {
  margin-left: -3px;
  padding-right: 3px;
}
.ui-tabs-vertical > .ui-tabs-panel {
  padding: 0;
  float: left;
  border-width: 0;
}
.ui-tabs-vertical.tabs-left > .ui-tabs-nav {
  position: fixed;
  left: 0;
  width: 168px;
  border-width: 0 1px 0 0 !important;
  padding-right: 10px;
}
.ui-tabs-vertical.tabs-left > .ui-tabs-panel {
  padding: 0;
  float: right;
  border-width: 0;
}
.bodyError {
  /*background-color: #E9EDF1;*/
}
.errorPannel {
  padding: 20px;
  position: absolute;
  width: 440px;
  height: 180px;
  left: 50%;
  margin-left: -240px;
  top: 50%;
  margin-top: -140px;
  border: 1px solid #636363;
  background-color: #E9EDF1;
  border-radius: 7px;
  text-align: center;
  color: #636363;
}
.errorPannel img {
  margin-left: 50px;
  float: left;
}
.errorPannel .errorCode {
  margin: 0;
  float: left;
  margin-left: 25px;
  -webkit-text-shadow: 1px 3px 3px #CFCFCF;
  text-shadow: 1px 3px 3px #CFCFCF;
  font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
  font-size: 4.8em;
  letter-spacing: .2em;
  line-height: 1.3em;
}
.errorPannel .errorText {
  padding-top: 20px;
  clear: both;
  font-size: 18px;
  font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
  margin-bottom: 10px;
}
#logoTiers {
  margin-left: 135px;
  margin-top: 5px;
}
.widgetPanel {
  position: relative;
  margin: 0 0.9%;
  padding: 0;
  float: left;
  width: 48%;
  min-height: 250px;
  /*padding-bottom: 50px;*/
  height: inherit;
}
.widgetPanel > div {
  width: 100%;
  margin-top: 20px;
  border: 1px solid transparent;
}
.widgetPanel > div fieldset {
  border-style: solid;
  border-width: 1px;
  margin: 0;
  padding: 0;
}
.widgetPanel > div fieldset p.dynamicLegend {
  border-width: 1px 0;
  cursor: move;
}
.widgetPanel > div fieldset div.widget {
  min-height: 75px;
  color: black;
}
.widgetPanel .widget h2 {
  text-align: center;
  color: #999;
  margin: 5px auto;
}
.widgetPanel .widget-moved {
  border: 1px dashed;
}
.widgetTable tr > th {
  padding-bottom: 6px;
  text-align: left;
}
.widgetTable tr > td {
  padding: 6px 0;
  line-height: 16px;
}
.widgetTable tr > td .longField {
  height: 16px;
  max-width: 150px;
  overflow: hidden;
  display: block;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.imagesGallery {
  margin: 10px;
}
.imagesGallery tr {
  min-width: 100px;
}
.imagesGallery .thumb .deleteLink {
  position: absolute;
  top: 2px;
  right: 2px;
  color: white;
  text-align: center;
  background-color: black;
  width: 16px;
  height: 16px;
  opacity: 0.8;
  line-height: 16px;
}
.imagesGallery .thumb > a.image {
  border: 2px solid;
  border-radius: 2px;
  width: 96px;
  height: 96px;
  display: block;
}
.imagesGallery .thumb a.image img {
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.imagesGallery .thumb,
.imagesGallery tr {
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
}
.lightbox {
  margin-top: -30px;
}
a.entity-link {
  border-bottom: 1px dashed #1f77a0;
}
.ui-jqgrid .ui-jqgrid-htable th div {
  height: 22px;
  line-height: 22px;
}
.ui-jqgrid .ui-icon-asc {
  margin-top: 0;
  background-position: 1px -16px;
}
.ui-jqgrid .ui-icon-desc {
  margin-top: 8px;
}
.ui-jqgrid-container.standalone {
  margin: 8px;
}
.invisible {
  visibility: visible !important;
}

.headerIframe {
  height: 26px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.tool-container,
.tool-container-2 {
  height: auto;
  min-height: 26px;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2000;
  /*background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%);*/
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #b6b6b6 100%);
  border-bottom: 1px solid #beb8b8;
}
.tool-container .left,
.tool-container-2 .left {
  float: left;
  /*ul{
            padding: 0;
            margin: 0;
            border-left: 1px solid #beb8b8;

            li{
                padding: 0;
                margin: 0;
                list-style: none;
                width:40px;
                height:26px;
                display:inline-block;
                cursor:pointer;
                text-align:center;
                border-right: 1px solid #beb8b8;

                i{
                    line-height:26px;
                    font-size:15px;
                    vertical-align:middle;
                }

                &:hover{
                    background: #a79f9f;
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a79f9f), color-stop(93%, #e2dfdf));
                    background: -moz-linear-gradient(top, #a79f9f 0%, #e2dfdf 93%);
                    background: -ms-linear-gradient(top, #a79f9f 0%, #e2dfdf 93%);
                    background: linear-gradient(to bottom, #a79f9f 0%, #e2dfdf 93%);
                    background: url(data:image/svg+xml;
                    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3OWY5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2UyZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a79f9f', endColorstr='#e2dfdf',GradientType=0 );
                }
            }
        }*/
}
.tool-container .right,
.tool-container-2 .right {
  float: right;
}
.tool-container .tool-item,
.tool-container .tool-item {
  float: left;
  border-left: 1px solid #beb8b8;
}
.tool-items {
  height: 100%;
}
.tool-items ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
}
.tool-item {
  display: block;
  min-width: 40px;
  text-align: center;
  padding: 0;
  height: 26px;
  position: relative;
  cursor: pointer;
}
.tool-item i.fa {
  line-height: 25px;
  vertical-align: middle;
}
.tool-item a {
  width: 100%;
  height: 100%;
}
.tool-item > a {
  display: block;
}
.tool-item > div > * {
  vertical-align: middle;
}
.tool-item > div > label {
  line-height: 27px;
  vertical-align: middle;
}
.tool-item ul {
  z-index: 1000;
  cursor: default;
  position: absolute;
  border: 1px solid #beb8b8;
  background-color: white;
  top: 26px;
  margin: 0;
  padding: 2px 21px 2px 6px;
  list-style-type: circle;
  width: 120px;
  display: none;
  text-align: right;
}
.tool-item ul li {
  margin: 5px 0;
  padding: 0;
  cursor: default;
  list-style-type: circle;
  float: none;
  direction: rtl;
}
.tool-item ul li a {
  display: block;
  cursor: pointer;
}
.tool-item ul li a:hover {
  color: #1f76a1;
}
.tool-item [class^="icon-"] {
  margin-top: 6px;
}
.tool-item:last-child {
  border-right: none;
  border-bottom: none;
}
.tool-item:hover,
.tool-item.selected {
  background: #a79f9f;
  background: linear-gradient(to bottom, #a79f9f 0%, #e2dfdf 93%);
  background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3OWY5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iI2UyZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a79f9f', endColorstr='#e2dfdf', GradientType=0);
}
.tool-item.noHover:hover {
  background: inherit !important;
}
[class^="icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url('/Images/icones/toolbar-icons.png');
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.icon-glass {
  background-position: 0 0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-share {
  background-position: -120px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -96px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
  width: 16px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
.icon-shopping-cart {
  background-position: -360px -120px;
}
.icon-folder-close {
  background-position: -384px -120px;
}
.icon-folder-open {
  background-position: -408px -120px;
  width: 16px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}
.icon-hdd {
  background-position: 0 -144px;
}
.icon-bullhorn {
  background-position: -24px -144px;
}
.icon-bell {
  background-position: -48px -144px;
}
.icon-certificate {
  background-position: -72px -144px;
}
.icon-thumbs-up {
  background-position: -96px -144px;
}
.icon-thumbs-down {
  background-position: -120px -144px;
}
.icon-hand-right {
  background-position: -144px -144px;
}
.icon-hand-left {
  background-position: -168px -144px;
}
.icon-hand-up {
  background-position: -192px -144px;
}
.icon-hand-down {
  background-position: -216px -144px;
}
.icon-circle-arrow-right {
  background-position: -240px -144px;
}
.icon-circle-arrow-left {
  background-position: -264px -144px;
}
.icon-circle-arrow-up {
  background-position: -288px -144px;
}
.icon-circle-arrow-down {
  background-position: -312px -144px;
}
.icon-globe {
  background-position: -336px -144px;
}
.icon-wrench {
  background-position: -360px -144px;
}
.icon-tasks {
  background-position: -384px -144px;
}
.icon-filter {
  background-position: -408px -144px;
}
.icon-briefcase {
  background-position: -432px -144px;
}
.icon-fullscreen {
  background-position: -456px -144px;
}
.header-bar {
  height: 27px;
  line-height: 27px;
  vertical-align: middle;
  margin-right: -5px;
  /*border-bottom: 1px solid #beb8b8;*/
  /*background: linear-gradient(to bottom, @headerBarFrom 14%,@headerBarTo 100%);*/
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 94%, #B6B6B6 100%);
  /*linear-gradient(to bottom, #d0cbcb 14%, #e9e5e5 100%);*/
}
.header-bar.right > ul > li > ul {
  right: 0;
}
.header-bar.right > div > ul > li > ul {
  right: 0;
}
.header-bar > div > ul {
  color: #333;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.header-bar > div > ul > li {
  border-right-color: #beb8b8;
  border-right-style: solid;
  border-right-width: 1px;
  cursor: pointer;
  display: block;
  float: left;
  height: 26px;
  list-style-type: none;
  min-width: 40px;
  padding: 0;
  position: relative;
  text-align: center;
  min-width: 41px;
}
.header-bar > div > ul > li .ui-multiselect {
  margin: 4px 0;
}
.header-bar > div > ul > li > a {
  display: block;
  float: left;
  color: #333;
  cursor: pointer;
  height: 26px;
  width: 40px;
  text-align: center;
  transition: all .4s ease 0s;
}
.header-bar > div > ul > li > a i {
  font-size: 13px;
  line-height: 26px;
  vertical-align: middle;
  margin: 1px 0 0 0;
}
.header-bar > div > ul > li > ul {
  cursor: default;
  position: absolute;
  border: 1px solid #beb8b8;
  background-color: #fff;
  top: 26px;
  padding: 2px 0;
  list-style-type: none;
  min-width: 180px;
  visibility: hidden;
  transition: 0.2s 0.1s;
  opacity: 0;
  text-align: left;
  z-index: 1000;
}
.header-bar > div > ul > li > ul > li {
  font-size: 11px;
  line-height: 30px;
  vertical-align: middle;
  height: auto;
  cursor: default;
  list-style-type: none;
  float: none;
  white-space: nowrap;
}
.header-bar > div > ul > li > ul > li > a {
  display: block;
}
.header-bar > div > ul > li > ul > li > a:not(.row) {
  padding: 0 12px;
}
.header-bar > div > ul > li > ul > li > a i {
  line-height: 30px;
  vertical-align: middle;
}
.header-bar > div > ul > li > ul > li.title {
  font-size: 14px;
  cursor: default;
  padding: 0 12px;
  font-weight: 600;
}
.header-bar > div > ul > li > ul > li.title:hover {
  background-color: inherit;
  cursor: default;
}
.header-bar > div > ul > li > ul > li:hover {
  cursor: pointer;
  background: #e2dfdf;
}
.header-bar > div > ul > li > ul > li > .badge {
  margin: 5px 0 5px 5px;
}
.header-bar > div > ul > li:not(.noHover):hover {
  background: linear-gradient(to bottom, #a79f9f 0, #e2dfdf 93%);
}
.header-bar > div > ul > li:not(.noHover):hover ul {
  visibility: visible;
  transition-delay: 0s;
  opacity: 1;
}
.header-bar > ul {
  color: #333;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.header-bar > ul > li {
  border-right-color: #beb8b8;
  border-right-style: solid;
  border-right-width: 1px;
  cursor: pointer;
  display: block;
  float: left;
  height: 26px;
  list-style-type: none;
  min-width: 40px;
  padding: 0;
  position: relative;
  text-align: center;
  min-width: 41px;
}
.header-bar > ul > li .ui-multiselect {
  margin: 4px 0;
}
.header-bar > ul > li > a {
  display: block;
  float: left;
  color: #333;
  cursor: pointer;
  height: 26px;
  width: 40px;
  text-align: center;
  transition: all .4s ease 0s;
}
.header-bar > ul > li > a i {
  font-size: 13px;
  line-height: 26px;
  vertical-align: middle;
  margin: 1px 0 0 0;
}
.header-bar > ul > li > ul {
  cursor: default;
  position: absolute;
  border: 1px solid #beb8b8;
  background-color: #fff;
  top: 26px;
  padding: 2px 0;
  list-style-type: none;
  min-width: 180px;
  visibility: hidden;
  transition: 0.2s 0.1s;
  opacity: 0;
  text-align: left;
  z-index: 1000;
}
.header-bar > ul > li > ul > li {
  font-size: 11px;
  line-height: 30px;
  vertical-align: middle;
  height: auto;
  cursor: default;
  list-style-type: none;
  float: none;
  white-space: nowrap;
}
.header-bar > ul > li > ul > li > a {
  display: block;
}
.header-bar > ul > li > ul > li > a:not(.row) {
  padding: 0 12px;
}
.header-bar > ul > li > ul > li > a i {
  line-height: 30px;
  vertical-align: middle;
}
.header-bar > ul > li > ul > li.title {
  font-size: 14px;
  cursor: default;
  padding: 0 12px;
  font-weight: 600;
}
.header-bar > ul > li > ul > li.title:hover {
  background-color: inherit;
  cursor: default;
}
.header-bar > ul > li > ul > li:hover {
  cursor: pointer;
  background: #e2dfdf;
}
.header-bar > ul > li > ul > li > .badge {
  margin: 5px 0 5px 5px;
}
.header-bar > ul > li:not(.noHover):hover {
  background: linear-gradient(to bottom, #a79f9f 0, #e2dfdf 93%);
}
.header-bar > ul > li:not(.noHover):hover ul {
  visibility: visible;
  transition-delay: 0s;
  opacity: 1;
}
.header-bar span {
  font-size: 11px;
  padding-left: 5px;
}

.upload-actions {
  display: inline-block;
  line-height: 18px;
}
.upload-form {
  position: relative;
  z-index: 100;
  padding: 4px 15px 4px 0;
  height: 80px;
}
.upload-form .filelist {
  clear: both;
  margin-top: 4px;
}
.upload-form .addedFile {
  position: relative;
  display: block;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 5px;
  padding: 0 0 0 25px;
  height: 30px;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 30px;
  color: #646464;
  background: #E9EDF1 url(../Images/file.png) no-repeat 5px center;
  border-radius: 3px;
}
.upload-form a.removeFile {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: 10px;
  right: 10px;
  background: url(../Images/remove-file.png);
}
.upload-form .ui-progressbar {
  overflow: visible;
  height: 6px;
  cursor: pointer;
  background: #242424;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
}
.upload-form .ui-progressbar-value {
  overflow: visible;
  height: 4px;
}
.upload-form span.progressTooltip {
  position: absolute;
  display: block;
  width: 36px;
  height: 14px;
  padding: 5px 0 4px 0;
  top: 10px;
  right: -18px;
  font-family: sans-serif;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  font-size: 11px;
  color: #242424;
  background: transparent url(../Images/tooltipProgress.png) no-repeat;
}
.upload-form .ui-progressbar,
.upload-form .ui-progressbar-value {
  position: relative;
  border-radius: 1px;
  margin: 0;
}

/* LOGIN */
body {
  background-position: 0 60px;
  font-family: Arial, Helvetica, sans-serif;
}
.login {
  text-align: center;
  position: absolute;
  width: 400px;
  height: 250px;
  left: 50%;
  margin-left: -200px;
  top: 10%;
  /*margin-top: -125px;*/
  border: 1px solid #424242;
  background-color: #FFF;
}
.login label {
  text-align: left;
}
.darkbanner {
  background: none repeat scroll 0 0 #424242;
  margin: 20px 0 0 -18px;
  padding: 8px 10px 10px 40px;
  position: relative;
  width: 300px;
}
.darkbanner img {
  float: left;
  width: 25px;
  margin-right: 10px;
  margin-top: 2px;
}
.darkbanner h2 {
  color: #FFFFFF;
  display: block;
  padding-left: 15px;
  margin-top: 4px;
  margin-bottom: 0;
}
.darkbannerwrap {
  height: 10px;
  margin-left: -18px;
  margin-bottom: 15px;
  position: relative;
  width: 18px;
}
.loginButton {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px 6px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  margin-top: 15px;
  height: auto;
  width: auto;
}
.loginButton:hover {
  background-color: #111111;
  color: #FFFFFF;
}
.loginButton:active {
  background-color: #000;
}
.login .failureNotification ul {
  margin: -25px 0 10px;
  color: red;
  text-align: left;
}
.login input[type=text],
.login input[type=password] {
  height: 22px;
  font-size: 12px;
}
.login .input span {
  font-size: 12px;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: sub;
}
.header {
  position: absolute;
  top: 0;
  right: 0;
  /*width:@full-logo-width;
    height:@full-logo-height;*/
  /*background: url(@full-logo-url) no-repeat;*/
  background-size: contain;
}

/* THEME */
/* STYLE */
h1 {
  font-size: 1.5em;
  color: #1F769F;
}
h2 {
  font-size: 1.25em;
  color: #7C8897;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #7C8897;
}
h4 {
  font-weight: bold;
}
h4,
h5,
h6 {
  font-size: 0.8em;
  color: #7C8897;
}
.underlineTitle {
  border-bottom: 1px solid #777272;
  color: #777272;
}
a {
  color: #1f77a0;
  cursor: pointer;
}
a > i {
  color: black;
}
a:hover {
  color: #f08a00;
  text-decoration: none;
}
a:hover > i {
  color: #f08a00;
}
a,
.link {
  text-decoration: none;
  color: #333;
}
a i,
.link i {
  margin-left: 5px;
}
a:hover,
.link:hover {
  color: #f08a00;
}
.link {
  cursor: pointer !important;
}
.failureNotification,
.alert {
  color: #cd0a0a;
}
.alert {
  font-weight: bold;
}
.barreOutils .separeteur {
  background-color: #1f76a1;
}
.inputNonEditable {
  color: #7C8897 !important;
}
input {
  border: 1px solid #A9A9A9;
}
body {
  /*background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%);*/
  /*background-size: 100% 27px;*/
  background: transparent;
  background-repeat: no-repeat;
  /*color: #7C8897;*/
}
body .widgetPanel .widget {
  background: #F2F2F4;
}
#RightPane,
#LeftPane {
  border: solid 1px #ccc;
}
.gradient {
  filter: none;
  background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 100%);
  border-bottom: 1px solid #b6b6b6;
}
hr {
  background-color: #ccc;
}
.gradiantBackground {
  background-image: url('/Images/bg_overlay_login.png'), linear-gradient(to bottom, #98aad3 0%, #d7ddec 100%);
  background-repeat: no-repeat, repeat;
  background-size: 80% auto, 100% 80%;
  background-position: 0 80%, 0 0;
}
.logoCompany {
  background: url('/Images/specific/header_logo.png') center center no-repeat;
  width: 198px;
  height: 60px;
}
#header {
  border-bottom: 1px solid #ccc;
  background: #fff url('../Images/specific/header_bg.png') right no-repeat;
}
#header .espaceWeb {
  color: #4d8bc7;
}
#header .identifiant {
  color: #3a4d6b;
}
.headerIframe,
.widgetPanel .widget {
  /*background: #d0cbcb;
    background: -moz-linear-gradient(top, #d0cbcb 14%, #e9e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#d0cbcb), color-stop(100%,#e9e5e5));
    background: -webkit-linear-gradient(top, #d0cbcb 14%,#e9e5e5 100%);
    background: -o-linear-gradient(top, #d0cbcb 14%,#e9e5e5 100%);
    background: -ms-linear-gradient(top, #d0cbcb 14%,#e9e5e5 100%);
    background: linear-gradient(to bottom, #d0cbcb 14%,#e9e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cbcb', endColorstr='#e9e5e5',GradientType=0 );*/
  /*background: linear-gradient(to bottom, #d2d2d2 14%, #e6e6e6 100%);*/
}
.headerIframe {
  height: 26px;
  /*border-bottom: 1px solid #beb8b8;*/
}
.headerIframe a,
.tool-container,
.tool-container a {
  color: #333333;
  text-decoration: none;
}
#filArianne a:hover {
  color: #333333;
  text-decoration: underline;
}
.breadCrumb,
.barreOutils {
  background: transparent;
}
/*.widgetPanel {
    & > div {
        fieldset {
            border-color: #217ba6;
        }
    }
}*/
#footer {
  background-color: #beb8b8;
  color: #FFF;
}
fieldset {
  border: 1px solid #ccc;
}
.inputSeparator {
  border-bottom: 1px solid #dddddd;
}
.ui-tabs-vertical  > .ui-tabs-nav,
.inner-tabs-menu  > .ui-tabs-nav {
  background-color: #e9edf1 !important;
}
.ui-tabs-vertical  > .ui-tabs-nav  > li,
.inner-tabs-menu  > .ui-tabs-nav  > li {
  background-image: none !important;
  background-color: #e9edf1;
}
.ui-tabs-vertical > .ui-tabs-nav > li:last-child {
  border-bottom: solid 1px #ccc !important;
}
.ui-tabs-vertical  > .ui-tabs-nav,
.ui-tabs-vertical  > .ui-tabs-nav  > li.ui-tabs-selected,
.ui-tabs-vertical  > .ui-tabs-nav  > li.ui-state-hover,
.inner-tabs-menu  > .ui-tabs-nav {
  border-color: #ccc !important;
}
.ui-tabs-vertical  > .ui-tabs-nav  > li.ui-tabs-active,
.inner-tabs-menu  > .ui-tabs-nav  > li.ui-tabs-active {
  border-color: inherit !important;
  background-color: #fff !important;
}
.table-bicolor th {
  color: #1F769F;
  background: #CAE5F8;
}
.table-bicolor td {
  background: #E4E0E0;
  color: #1F769F;
}
.table-bicolor tr:hover td {
  background: #C3BDBD;
}
#accordion > h3 {
  border: 1px solid #7c8897;
  background: #217ba6 url('../Lib/jQueryUI/Images/ui-bg_highlight-soft_100_217ba6_1x100.png') 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}
#accordion h3 > span.ui-icon {
  background-image: url('../Lib/jQueryUI/Images/ui-icons_ffffff_256x240.png');
}
#accordion h3 > a {
  text-decoration: none;
  color: #fff;
}
.ui-row-ltr.ui-state-hover,
.ui-row-ltr.ui-state-highlight {
  border: 1px solid #ccc;
  font-weight: normal;
}
/*.ui-tabs-nav{
    display:none;
}*/
/**TEMPP*/
html[ng-app] {
  overflow: hidden;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: visible;
}
.ui-jqgrid:not(.noResize) {
  border-left: none !important;
  border-right: none !important;
}
body.iframeBody {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
  /*overflow-x: hidden;
    overflow-y: auto;*/
  width: 100%;
}
#loading-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3000;
  background-color: white;
}
#loading-overlay .tool-container {
  z-index: 3000;
}
#loading-overlay .logo-loader {
  height: 100%;
  padding-top: 15%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#loading-overlay .loader {
  width: 1em;
  height: 1em;
  font-size: 150px;
  position: relative;
  display: block;
  margin: auto;
}
#loading-overlay .loader-container {
  width: 100%;
  text-align: center;
}
#loading-overlay .loader:before,
#loading-overlay .loader:after {
  content: "";
  top: 0;
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  border-width: 0.5em;
  border-style: double;
  border-color: transparent;
  box-sizing: border-box;
  border-radius: 1em;
  animation: spin 1s infinite;
}
#loading-overlay .loader:after {
  left: 0;
  border-left-color: #eee;
}
#loading-overlay .loader:before {
  right: 0;
  border-right-color: #eee;
  animation-delay: -0.25s;
}
@media (max-width: 225px), (max-height: 225px) {
  .loader {
    font-size: 75px !important;
  }
}
@keyframes spin {
  from {
    transform: rotate(360deg);
  }
}
.espacecontenu {
  height: 100%;
  position: relative;
}
.espacecontenu .ui-tabs {
  border: 0;
}
.espacecontenu .ui-tabs ul.ui-tabs-nav {
  background: none;
  border-width: 0 0 1px 0;
}
.espacecontenu table.generalTable {
  margin: 10px 0;
  width: 100%;
  border-collapse: collapse;
}
.espacecontenu table.generalTable th {
  text-align: center;
  height: 23px;
  padding: 4px 5px;
  border: 1px solid;
}
.espacecontenu table.generalTable td {
  padding: 6px;
  border: 1px solid;
}
.espacecontenu caption h2 {
  margin-bottom: 1px;
}
/*.espacecontenu{
    overflow:hidden;
}*/
.contentIframe {
  padding-top: 27px;
  margin-top: 0;
  height: 100%!important;
  /*overflow-x:hidden;
    overflow-y:auto;*/
}
a > i {
  margin: 2px;
}
hr {
  padding: 0;
  margin: 0;
  border: 0;
  height: 1px;
}
.custom-tooltip-styling {
  display: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: default;
}
.ui-pg-div {
  line-height: 18px;
}
.iconJqGridRow {
  margin: 0 1px -3px 0;
  display: inline-block;
}
.jqgrow > td input[type='checkbox'] {
  vertical-align: text-top;
}
.subgridDetails {
  padding: 5px;
}
.subgridDetails > div {
  float: left;
}
.subgridDetails > div > div {
  padding-bottom: 2px;
}
.subgridDetails span.labelSubGrid {
  vertical-align: top;
  font-weight: bold;
}
.subgridDetails div:last-child {
  clear: both;
  float: none;
}
.subgridDetails .iconSubGrid {
  cursor: pointer;
  display: inline-block;
  margin-top: -2px;
  vertical-align: top;
}
.subgrid-data table {
  width: 100%;
}
.tableMontants {
  text-align: center;
  border-collapse: collapse;
}
.tableMontants td.ui-state-default {
  background: none !important;
}
.tableMontants input {
  height: 14px;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  text-align: center;
  vertical-align: top;
  width: 99% !important;
  cursor: text;
}
.tableMontants td,
.tableMontants th {
  height: 14px;
  width: 110px;
}
.tableFormated {
  border-collapse: collapse;
}
.tableFormated td,
.tableFormated th {
  height: 14px;
  width: 110px;
  max-width: 350px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.gridViewCompetences > tbody > tr {
  width: 50%;
  float: left;
}
.gridViewCompetences > tbody > tr:nth-child(3n+0) {
  clear: both;
}
.wAuto {
  width: auto !important;
}
.w1 {
  width: 1em !important;
}
.w2 {
  width: 2em !important;
}
.w3 {
  width: 3em !important;
}
.w4 {
  width: 4em !important;
}
.w5 {
  width: 5em !important;
}
.w6 {
  width: 6em !important;
}
.w7 {
  width: 7em !important;
}
.w8 {
  width: 8em !important;
}
.w9 {
  width: 9em !important;
}
.w10 {
  width: 10em !important;
}
.w11 {
  width: 11em !important;
}
.w12 {
  width: 12em !important;
}
.w13 {
  width: 13em !important;
}
.w14 {
  width: 14em !important;
}
.w15 {
  width: 15em !important;
}
.w16 {
  width: 16em !important;
}
.w17 {
  width: 17em !important;
}
.w18 {
  width: 18em !important;
}
.w19 {
  width: 19em !important;
}
.w20 {
  width: 20em !important;
}
.w21 {
  width: 21em !important;
}
.w22 {
  width: 22em !important;
}
.w23 {
  width: 23em !important;
}
.w24 {
  width: 24em !important;
}
.w25 {
  width: 25em !important;
}
.w26 {
  width: 26em !important;
}
.w27 {
  width: 27em !important;
}
.w28 {
  width: 28em !important;
}
.w29 {
  width: 29em !important;
}
.w30 {
  width: 30em !important;
}
.w32 {
  width: 32em !important;
}
.w34 {
  width: 34em !important;
}
.w36 {
  width: 36em !important;
}
.w50 {
  width: 50em !important;
}
.wp5 {
  width: 5% !important;
}
.wp10 {
  width: 10% !important;
}
.wp20 {
  width: 20% !important;
}
.wp30 {
  width: 30% !important;
}
.wp40 {
  width: 40% !important;
}
.wp50 {
  width: 50% !important;
}
.wp60 {
  width: 60% !important;
}
.wp70 {
  width: 70% !important;
}
.wp80 {
  width: 80% !important;
}
.wp90 {
  width: 90% !important;
}
.wp95 {
  width: 95% !important;
}
.wp100 {
  width: 100% !important;
}
.hp100 {
  height: 100%;
}
.pointer {
  cursor: pointer !important;
}
.lineHeight18 {
  line-height: 18px;
}
.paddingRight15 {
  padding-right: 15px;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.text-align-justify {
  text-align: justify;
}
div.input {
  padding: 4px 8px 4px 8px;
}
div.smallinput {
  padding: 2px 8px 2px 8px;
}
a.noUnderline {
  text-decoration: none !important;
}
.clear {
  clear: both;
}
.float {
  float: left;
}
.right {
  float: right;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.bold {
  font-weight: bold;
}
.helpCursor {
  cursor: help;
}
.invisible {
  display: none;
  visibility: visible;
}
.textContent {
  margin: 0 15px;
}
.autoMargin {
  margin-left: auto;
  margin-right: auto;
}
.verticalMiddle {
  vertical-align: middle;
}
.verticalTop {
  vertical-align: top;
}
.inline {
  display: inline-block;
}
.historyPanel {
  width: 95%;
  margin: 8px auto;
  background-color: #E9EDF1;
  line-height: 18px;
  padding: 0 5px;
  font-size: 11px;
  border-radius: 5px;
}
.noBackground {
  background: none !important;
}
.noOverflow {
  overflow: hidden;
}
.noMargin {
  margin: 0 !important;
}
.puceOrange {
  background: url('/Images/Star_Orange.png');
}
.puceVerte {
  background: url('/Images/Star_Green.png');
}
.puce {
  margin: 2px 0 -14px 4px;
  display: inline-block;
  vertical-align: top;
  height: 14px;
  width: 14px;
}
.underlineTitle {
  margin-top: 0;
  margin-bottom: 5px;
  padding-bottom: 2px;
  display: block;
  width: 150px;
  font-weight: bold;
}
.ui-tabs-vertical {
  width: 100%;
  padding: 0;
}
.ui-tabs-vertical > .ui-tabs-nav {
  position: fixed;
  right: 0;
  width: 168px;
  border-width: 0 0 0 1px !important;
  padding-right: 10px;
}
.ui-tabs-vertical > .ui-tabs-nav > li:first-child {
  border-top: 0 !important;
  margin-top: -2px;
}
.ui-tabs-vertical > .ui-tabs-nav > li {
  clear: left;
  width: 100%;
  height: 22px;
  border-left: 0 !important;
  border-bottom-width: 0;
  margin: 0 10px 0 -2px;
  padding-right: 2px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ui-tabs-vertical > .ui-tabs-nav > li > a {
  display: block;
  margin-left: -5px;
  width: 100%;
}
.ui-tabs-vertical > .ui-tabs-nav > li.ui-tabs-active {
  margin-left: -3px;
  padding-right: 3px;
}
.ui-tabs-vertical > .ui-tabs-panel {
  padding: 0;
  float: left;
  border-width: 0;
}
.ui-tabs-vertical.tabs-left > .ui-tabs-nav {
  position: fixed;
  left: 0;
  width: 168px;
  border-width: 0 1px 0 0 !important;
  padding-right: 10px;
}
.ui-tabs-vertical.tabs-left > .ui-tabs-panel {
  padding: 0;
  float: right;
  border-width: 0;
}
.bodyError {
  /*background-color: #E9EDF1;*/
}
.errorPannel {
  padding: 20px;
  position: absolute;
  width: 440px;
  height: 180px;
  left: 50%;
  margin-left: -240px;
  top: 50%;
  margin-top: -140px;
  border: 1px solid #636363;
  background-color: #E9EDF1;
  border-radius: 7px;
  text-align: center;
  color: #636363;
}
.errorPannel img {
  margin-left: 50px;
  float: left;
}
.errorPannel .errorCode {
  margin: 0;
  float: left;
  margin-left: 25px;
  -webkit-text-shadow: 1px 3px 3px #CFCFCF;
  text-shadow: 1px 3px 3px #CFCFCF;
  font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
  font-size: 4.8em;
  letter-spacing: .2em;
  line-height: 1.3em;
}
.errorPannel .errorText {
  padding-top: 20px;
  clear: both;
  font-size: 18px;
  font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
  margin-bottom: 10px;
}
#logoTiers {
  margin-left: 135px;
  margin-top: 5px;
}
.widgetPanel {
  position: relative;
  margin: 0 0.9%;
  padding: 0;
  float: left;
  width: 48%;
  min-height: 250px;
  /*padding-bottom: 50px;*/
  height: inherit;
}
.widgetPanel > div {
  width: 100%;
  margin-top: 20px;
  border: 1px solid transparent;
}
.widgetPanel > div fieldset {
  border-style: solid;
  border-width: 1px;
  margin: 0;
  padding: 0;
}
.widgetPanel > div fieldset p.dynamicLegend {
  border-width: 1px 0;
  cursor: move;
}
.widgetPanel > div fieldset div.widget {
  min-height: 75px;
  color: black;
}
.widgetPanel .widget h2 {
  text-align: center;
  color: #999;
  margin: 5px auto;
}
.widgetPanel .widget-moved {
  border: 1px dashed;
}
.widgetTable tr > th {
  padding-bottom: 6px;
  text-align: left;
}
.widgetTable tr > td {
  padding: 6px 0;
  line-height: 16px;
}
.widgetTable tr > td .longField {
  height: 16px;
  max-width: 150px;
  overflow: hidden;
  display: block;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.imagesGallery {
  margin: 10px;
}
.imagesGallery tr {
  min-width: 100px;
}
.imagesGallery .thumb .deleteLink {
  position: absolute;
  top: 2px;
  right: 2px;
  color: white;
  text-align: center;
  background-color: black;
  width: 16px;
  height: 16px;
  opacity: 0.8;
  line-height: 16px;
}
.imagesGallery .thumb > a.image {
  border: 2px solid;
  border-radius: 2px;
  width: 96px;
  height: 96px;
  display: block;
}
.imagesGallery .thumb a.image img {
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.imagesGallery .thumb,
.imagesGallery tr {
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
}
.lightbox {
  margin-top: -30px;
}
a.entity-link {
  border-bottom: 1px dashed #1f77a0;
}
.ui-jqgrid .ui-jqgrid-htable th div {
  height: 22px;
  line-height: 22px;
}
.ui-jqgrid .ui-icon-asc {
  margin-top: 0;
  background-position: 1px -16px;
}
.ui-jqgrid .ui-icon-desc {
  margin-top: 8px;
}
.ui-jqgrid-container.standalone {
  margin: 8px;
}
.invisible {
  visibility: visible !important;
}
/* LOGIN */
body {
  background-position: 0 60px;
  font-family: Arial, Helvetica, sans-serif;
}
.login {
  text-align: center;
  position: absolute;
  width: 400px;
  height: 250px;
  left: 50%;
  margin-left: -200px;
  top: 10%;
  /*margin-top: -125px;*/
  border: 1px solid #424242;
  background-color: #FFF;
}
.login label {
  text-align: left;
}
.darkbanner {
  background: none repeat scroll 0 0 #424242;
  margin: 20px 0 0 -18px;
  padding: 8px 10px 10px 40px;
  position: relative;
  width: 300px;
}
.darkbanner img {
  float: left;
  width: 25px;
  margin-right: 10px;
  margin-top: 2px;
}
.darkbanner h2 {
  color: #FFFFFF;
  display: block;
  padding-left: 15px;
  margin-top: 4px;
  margin-bottom: 0;
}
.darkbannerwrap {
  height: 10px;
  margin-left: -18px;
  margin-bottom: 15px;
  position: relative;
  width: 18px;
}
.loginButton {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px 6px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  margin-top: 15px;
  height: auto;
  width: auto;
}
.loginButton:hover {
  background-color: #111111;
  color: #FFFFFF;
}
.loginButton:active {
  background-color: #000;
}
.login .failureNotification ul {
  margin: -25px 0 10px;
  color: red;
  text-align: left;
}
.login input[type=text],
.login input[type=password] {
  height: 22px;
  font-size: 12px;
}
.login .input span {
  font-size: 12px;
  cursor: pointer;
  margin-left: 5px;
  display: inline-block;
  vertical-align: sub;
}
.header {
  position: absolute;
  top: 0;
  right: 0;
  /*width:@full-logo-width;
    height:@full-logo-height;*/
  /*background: url(@full-logo-url) no-repeat;*/
  background-size: contain;
}
*:focus {
  outline: none;
}
form {
  border: 0;
}
fieldset {
  padding: 10px 0;
  margin: 15px 0 10px 0;
  position: relative;
}
fieldset legend {
  width: 100%;
  height: 17px;
  line-height: 17px;
  padding: 0;
  text-align: center;
}
fieldset .dynamicLegend {
  text-align: center;
  margin: -1px 0 0 -1px;
  padding: 0;
  position: relative;
  height: 16px;
  line-height: 16px;
}
fieldset .legendButtons {
  position: absolute;
  top: 1px;
  right: 2px;
}
fieldset .legendButtons span.ui-icon {
  background-image: url("../../Images/icones/legend-ui-icons.png");
}
fieldset.minimalist {
  margin: 0 5px 15px;
  padding: 10px;
  border-width: 0 0 1px 0;
}
fieldset.minimalist legend {
  padding: 0 5px;
  color: inherit;
}
.labelTextarea {
  vertical-align: top;
}
input,
select,
textarea {
  padding: 0 2px;
  margin-top: 0;
  font-size: 1em;
  box-sizing: border-box;
  height: 18px;
}
select {
  padding-right: 0;
}
input[type=text],
input[type=password],
input[type=reset],
textarea {
  width: 12em;
  /*  70% pour prendre en compte le label présent dans l'input avant | Valeur d'origine : 12em */
  /*white-space: nowrap !important;*/
}
#compteTiers {
  width: 50%;
  white-space: nowrap;
}
textarea {
  height: 120px;
  resize: none !important;
}
textarea.little {
  height: 60px;
}
input[type=checkbox],
input[type=radio] {
  border: none;
  margin: 0;
  height: auto !important;
}
.input input[type=checkbox],
.input input[type=radio],
.ui-multiselect-checkboxes input[type=checkbox] {
  margin-right: 3px !important;
  margin-top: 2px;
}
.UpdateProgress {
  width: 180px;
  height: auto;
  background: white url(/Images/loader.gif) no-repeat;
  background-position: 8px 7px;
  position: absolute;
  border: 1px solid #ccc;
  padding: 5px 5px 5px 30px;
  font-size: 12pt;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -85px;
  line-height: 20px;
  box-shadow: 3px 3px 6px #968e8e;
}
fieldset .legendButtons span,
fieldset .legendButtons img {
  cursor: pointer;
  margin-left: 3px;
  margin-top: -1px;
  display: block;
  float: left;
  height: 16px;
  width: 16px;
}
.validationSummary {
  z-index: 99;
  padding: 3px 0 5px 0;
  clear: both;
  position: relative;
}
.validationSummary .ui-icon {
  display: inline-block;
  vertical-align: sub;
  margin-left: 5px;
  margin-right: 3px;
}
.validationSummary .ui-icon-close {
  cursor: pointer;
  right: 0;
  position: absolute;
}
.validationSummary ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
.validationSummary .messageCloseButton {
  position: absolute;
  right: 5px;
  top: 4px;
  cursor: pointer;
}
.field-validation-valid {
  display: none !important;
}
.validation-summary-valid {
  display: none;
}
label.field-required:after {
  content: ' *';
}
.alertForm.ui-state-error,
.field-validation-error .ui-state-error {
  border: 0;
  background: transparent;
  cursor: help;
}
.alertForm.ui-state-error span.ui-icon,
.field-validation-error .ui-state-error span.ui-icon {
  display: inline-block;
  vertical-align: top;
}
td.ui-state-error {
  padding: 1px 3px;
}
.inputNonEditable {
  background: none !important;
  border: none !important;
  padding-left: 0;
}
.inputNonEditable span.ui-icon {
  display: none;
}
.inputNonEditable.ui-state-disabled {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.input label,
.input  > span:first-child {
  padding: 0;
  width: 12em;
  cursor: default;
  vertical-align: top;
  display: inline-block;
}
.input label,
.input  > span,
.input  > a {
  line-height: 18px;
}
.input > span {
  display: inline-block;
  cursor: default;
  max-width: calc(85%);
  max-width: -webkit-calc(85%);
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.ui-datepicker-trigger {
  cursor: pointer;
  width: 18px;
  height: 18px;
  margin-bottom: -5px;
  margin-left: 2px;
}
.jqgrow {
  line-height: 20px;
}
.jqgrow td.edit-cell {
  border-top: 0;
}
.jqgrow input:disabled {
  background-color: transparent;
  border: none;
}
.jqgrow select,
.jqgrow input {
  height: 20px;
}
.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-pg-selbox {
  width: auto;
  height: 18px !important;
}
.ui-jqdialog-content input.FormElement {
  padding: 1px 3px !important;
  width: 15em;
}
input.ui-button,
button.ui-button {
  height: 18px;
  padding: 0 10px !important;
  width: auto;
  vertical-align: top;
}
.EditTable td textarea {
  width: 15em;
}
.actionGridCell {
  display: inline-block;
  cursor: pointer;
}
div.col2gauche {
  float: left;
  width: 48%;
  padding-left: 0.8%;
  padding-right: 0.8%;
  border-right: 1px solid #ccc;
  margin: 10px 0;
}
div.col2droite {
  float: left;
  width: 48%;
  margin: 10px 0 10px -1px;
  padding-left: 1%;
  border-left: 1px solid #ccc;
}
div.col3gauche {
  float: left;
  width: 31%;
  margin: 10px 0;
  padding-right: 1%;
  border-right: 1px solid #ccc;
}
div.col3centre {
  float: left;
  width: 31%;
  padding-left: 1%;
  padding-right: 1%;
  margin: 10px 0 10px -1px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
div.col3droite {
  float: left;
  width: 31%;
  padding-left: 1%;
  margin: 10px 0 10px -1px;
  border-left: 1px solid #ccc;
}
div.colcentre {
  float: left;
  width: 100%;
  padding-left: 1%;
  margin: 10px 0 10px -1px;
  border-left: 1px solid #ccc;
}
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}
#dialogLoupeSearch > input {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  z-index: 80;
}
.btnLoupe {
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 1px 0 -1px 3px;
  vertical-align: top;
}
.loupeListe {
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.loupeListe li {
  display: block;
  list-style: none;
  margin-left: 2px;
  line-height: 16px;
}
.loupeListe li span {
  display: inline-block;
  margin-bottom: -3px;
  height: 15px;
  width: 15px;
  cursor: pointer;
  margin-left: -2px;
}
.loupeListe li input {
  background: none !important;
  border: none !important;
  height: 16px;
  min-width: 50px;
}
.commentaireDevis {
  border-width: 0 0 1px 0;
  position: relative;
}
.commentaireDevis textarea {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 5px;
  padding: 3px 0;
  border: 0;
  width: 100% !important;
  resize: none;
  overflow: hidden;
  line-height: 12px;
  /*height: auto!important;*/
}
#GrdAppreciation ul.radioButtonList {
  list-style-type: none;
  margin-top: 0;
}
#GrdAppreciation ul.radioButtonList li {
  display: inline-block;
}
#GrdAppreciation span {
  display: inline-block;
  width: 12em;
}
#GrdAppreciation li span {
  text-align: center;
}
.ui-button-text-only .ui-button-text {
  padding: 1px 5px !important;
}
.ui-widget-header {
  /* FILTRES */
  /* DATEPICKERS */
}
.ui-widget-header .ui-multiselect-filter {
  color: #7c8897;
}
.ui-widget-header .ui-datepicker-title {
  color: white;
}
.ui-widget-header .ui-datepicker-title select {
  color: #7c8897;
}
.fa-male:before {
  color: #3162A0;
}
.fa-industry:before {
  color: #F08A00;
}

.ui-autocomplete {
  z-index: 101;
}
span.fa-question-circle {
  line-height: 1.4;
}
/*Fa sort in th*/
.fa-th-right {
  padding-left: 5px;
}
#GridHistorique tbody th:hover {
  cursor: pointer;
  opacity: 0.8;
}
/*Ui Dialog */
.ui-dialog {
  font-size: 0.85em !important;
}
/*Glyphicon -> Font Awesome*/
.col-sm-text {
  width: 4%;
  padding-left: 0px;
  padding-right: 0px;
}
.filter-two-date input {
  width: 70%;
}
/*DropZone*/
.well {
  background-color: #e3f2fd;
  border: 1px solid #bbdefb;
  padding: 15px;
}
.well .dropzone {
  border: none;
}
.well .dropzone .dz-message {
  font: normal normal normal 1.6em FontAwesome;
  color: #1976d2;
}
.well .dropzone .dz-message:before {
  content: "\f16b";
  margin-right: 0.5em;
}
.well .dropzone .dz-remove {
  margin-top: 0.5em;
  font: normal normal normal 1.1em FontAwesome;
  color: #e53935;
}
.well .dropzone .dz-remove:before {
  content: "\f014";
  margin-right: 0.3em;
}
.well .dropzone .dz-remove:hover {
  color: #c62828;
  text-decoration: none;
}
/*Load Flags*/
.iti-flag {
  background-image: url("images/flags.png") !important;
}
/*Helpers*/
.lh-reset {
  line-height: 0;
}
.text-wrap {
  white-space: initial;
}
/*Popover custom bootstrap*/
.popover .popover-inner .popover-content p i.red {
  color: #f44336;
}
.popover .popover-inner .popover-content p i.green {
  color: #8bc34a;
}
.popover .popover-inner .popover-content p i.initial {
  color: #607d8b;
}
.popover .popover-inner .popover-content p i.fa-right {
  margin-right: 0.5em !important;
  font-size: 1.2em !important;
  position: initial !important;
  margin-left: 0 !important;
}
/*Panel barre de progression*/
.container-event {
  width: 100%;
  margin-top: 5em;
  margin-bottom: 5em;
  margin-left: 0;
  margin-right: 0;
}
.container-event .event-bar {
  margin-bottom: 6em;
}
.container-acteur .container {
  width: 100%;
}
.container-acteur .container .row .search-input {
  font-size: 1em;
  float: right;
}
.container-acteur .container .row .search-input input {
  height: 34px;
  padding: 6px 12px;
  font-size: 1em;
  width: auto;
}
.container-acteur .container .row .btn-group {
  margin-bottom: 1em;
  width: 100%;
}
.container-acteur .container .row .btn-group .btn-toolbox {
  border: 3px solid white;
  border-radius: 5px !important;
  color: #FFF;
  font-weight: 600;
  height: 3em;
  font-size: 1em;
}
.container-acteur .container .row .btn-group .btn-toolbox.blue {
  /*900*/
  background-color: #2196f3;
}
.container-acteur .container .row .btn-group .btn-toolbox.blue:hover {
  /*800*/
  background-color: #42a5f5;
}
.container-acteur .container .row .btn-group .btn-toolbox.blue.active {
  /*700*/
  background-color: #64b5f6;
}
.container-acteur .container .row .btn-group .btn-toolbox.blue.active:hover {
  /*800*/
  background-color: #42a5f5;
}
.container-acteur .container .row .btn-group .btn-toolbox.amber {
  background-color: #ffc107;
}
.container-acteur .container .row .btn-group .btn-toolbox.amber:hover {
  background-color: #ffca28;
}
.container-acteur .container .row .btn-group .btn-toolbox.amber.active {
  background-color: #ffd54f;
}
.container-acteur .container .row .btn-group .btn-toolbox.amber.active:hover {
  background-color: #ffca28;
}
.container-acteur .container .row .btn-group .btn-toolbox.red {
  background-color: #f44336;
}
.container-acteur .container .row .btn-group .btn-toolbox.red:hover {
  background-color: #ef5350;
}
.container-acteur .container .row .btn-group .btn-toolbox.red.active {
  background-color: #e57373;
}
.container-acteur .container .row .btn-group .btn-toolbox.red.active:hover {
  background-color: #ef5350;
}
.container-acteur .container .row .btn-group .btn-toolbox.green {
  background-color: #4caf50;
}
.container-acteur .container .row .btn-group .btn-toolbox.green:hover {
  background-color: #66bb6a;
}
.container-acteur .container .row .btn-group .btn-toolbox.green.active {
  background-color: #81c784;
}
.container-acteur .container .row .btn-group .btn-toolbox.green.active:hover {
  background-color: #66bb6a;
}
/*Toolbox button*/
.container-historique {
  overflow-y: hidden;
}
.container-historique .container-fluid .row .search-input {
  font-size: 1em;
  float: right;
}
.container-historique .container-fluid .row .search-input input {
  height: 34px;
  padding: 6px 12px;
  font-size: 1em;
  width: auto;
}
.container-historique .container-fluid .row .btn-group {
  margin-bottom: 1em;
}
.container-historique .container-fluid .row .btn-group .btn-toolbox {
  background-color: #01579B;
  border: 3px solid white;
  border-radius: 5px !important;
  color: #FFF;
  font-weight: 600;
  height: 3em;
  font-size: 1em;
}
.container-historique .container-fluid .row .btn-group .btn-toolbox i {
  margin-right: 0.5em;
}
.container-historique .container-fluid .row .btn-group .btn-toolbox:hover {
  background-color: #0277BD;
}
.container-historique .container-fluid .row .btn-group .btn-toolbox.active {
  background-color: #0288D1;
}
.container-historique .container-fluid .row .btn-group .btn-toolbox.active:hover {
  background-color: #0277BD;
}
/*TimeLine*/
.timeline-div {
  overflow-y: auto;
  max-height: 50em;
  margin-top: 1em;
}
.timeline-div .timeline-panel-content {
  padding: 0;
}
.timeline-div .timeline-panel-content timeline-heading .timeline-heading h2 {
  padding: 0.6em;
  color: white;
  font-size: 1.1em;
  font-weight: 600;
  margin: 0;
}
.timeline-div .timeline-panel-content timeline-heading .timeline-heading h2.red {
  background-color: #e57373;
}
.timeline-div .timeline-panel-content timeline-heading .timeline-heading h2.amber {
  background-color: #ffd54f;
}
.timeline-div .timeline-panel-content timeline-heading .timeline-heading h2.green {
  background-color: #81c784;
}
.timeline-div .timeline-panel-content timeline-heading .timeline-heading h2.blue {
  background-color: #64b5f6;
}
.timeline-div .timeline-panel-content timeline-heading .timeline-heading h2.teal {
  background-color: #4db6ac;
}
.timeline-div .timeline-panel-content timeline-heading .timeline-heading h2.purple {
  background-color: #ba68c8;
}
.timeline-div .timeline-panel-content .timeline-panel-body {
  padding: 1em;
}
.timeline-div .timeline-panel p {
  color: #607d8b;
}
.timeline-div .timeline-panel p.highlight {
  font-weight: 500;
}
.timeline-div timeline-badge.red {
  background-color: #e57373;
}
.timeline-div timeline-badge.amber {
  background-color: #ffd54f;
}
.timeline-div timeline-badge.green {
  background-color: #81c784;
}
.timeline-div timeline-badge.blue {
  background-color: #64b5f6;
}
.timeline-div timeline-badge.teal {
  background-color: #4db6ac;
}
.timeline-div timeline-badge.purple {
  background-color: #ba68c8;
}
.timeline-div small i {
  margin-right: 0.5em;
}
/*Panel Template Filter*/
.container-fluid .panel-filter {
  width: auto;
  height: auto;
  border: 1px solid #ECEFF1;
  border-radius: 2px;
  background-color: transparent;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  font-size: 0.9em;
  margin-bottom: 2em;
}
.container-fluid .panel-filter .panel-filter-title {
  padding: 0.8em;
  background-color: #FFF;
  font-size: 1.4em;
  font-weight: 600;
}
.container-fluid .panel-filter .panel-filter-title i {
  margin-right: 0.5em;
}
.container-fluid .panel-filter .panel-filter-body {
  width: 100%;
  padding: 0.5em;
  background-color: #F8F9FA;
}
.container-fluid .panel-filter .panel-filter-body .form-group {
  z-index: 9999;
}
/*Template CardView*/
.container-fluid .card-view {
  width: auto;
  height: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid #ECEFF1;
  border-radius: 2px;
  background-color: transparent;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
.container-fluid .card-view .card-view-title {
  padding: 0.7em;
  font-size: 1em;
  font-weight: 600;
  color: #FFF;
}
.container-fluid .card-view .card-view-title.red {
  background-color: #E57373;
}
.container-fluid .card-view .card-view-title.purple {
  background-color: #BA68C8;
}
.container-fluid .card-view .card-view-title.pink {
  background-color: #F06292;
}
.container-fluid .card-view .card-view-title.deep-purple {
  background-color: #9575CD;
}
.container-fluid .card-view .card-view-title.indigo {
  background-color: #7986CB;
}
.container-fluid .card-view .card-view-title.blue {
  background-color: #64B5F6;
}
.container-fluid .card-view .card-view-title.cyan {
  background-color: #4DD0E1;
}
.container-fluid .card-view .card-view-title.teal {
  background-color: #4DB6AC;
}
.container-fluid .card-view .card-view-title.green {
  background-color: #81C784;
}
.container-fluid .card-view .card-view-title.light-green {
  background-color: #AED581;
}
.container-fluid .card-view .card-view-title.lime {
  background-color: #DCE775;
}
.container-fluid .card-view .card-view-title.yellow {
  background-color: #FFF176;
}
.container-fluid .card-view .card-view-title.amber {
  background-color: #FFD54F;
}
.container-fluid .card-view .card-view-title.orange {
  background-color: #FFB74D;
}
.container-fluid .card-view .card-view-title.deep-orange {
  background-color: #FF8A65;
}
.container-fluid .card-view .card-view-title.brown {
  background-color: #A1887F;
}
.container-fluid .card-view .card-view-title.grey {
  background-color: #E0E0E0;
}
.container-fluid .card-view .card-view-title.blue-grey {
  background-color: #90A4AE;
}
.container-fluid .card-view .card-view-title div input {
  display: inline-block;
}
.container-fluid .card-view .card-view-title i {
  font-size: 1.3em;
  float: right;
}
.container-fluid .card-view .card-view-title i:hover {
  cursor: pointer;
}
.container-fluid .card-view .card-view-body {
  width: 100%;
  padding: 0.5em 1em;
  background-color: #F8F9FA;
}
.container-fluid .card-view .card-view-body div {
  padding-bottom: 0.3em;
}
.container-fluid .card-view .card-view-body .intl-tel-input .input-tel {
  padding: 0;
  padding-left: 44px;
}
.container-fluid .card-view .card-view-body i {
  margin-right: 1em;
  color: #607D8B;
}
.container-fluid .card-view .card-view-body .card-view-role {
  font-weight: 600;
  font-size: 1em;
  padding: 0.5em 0;
}
.container-fluid .card-view .card-view-body .row {
  padding: 0.25em;
}
/*Panel Template Soft*/
.container-fluid .panel-soft {
  width: auto;
  height: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid #ECEFF1;
  border-radius: 2px;
  background-color: transparent;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
.container-fluid .panel-soft .panel-soft-title {
  padding: 16px;
  background-color: #FFF;
  font-size: 1.3em;
  font-weight: 600;
}
.container-fluid .panel-soft .panel-soft-title i {
  margin-right: 7px;
}
.container-fluid .panel-soft .panel-soft-body {
  width: 100%;
  padding: 20px;
  background-color: #F8F9FA;
}
.container-fluid .panel-soft .panel-soft-body .row {
  padding: 0.25em;
}
.container-fluid .panel-soft .panel-soft-body .row div.col-md-4 {
  padding: .25em;
}
/*Panel template kpi*/
.container-fluid .panel-kpi {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 6.7em;
  padding: 1.4em;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.container-fluid .panel-kpi .panel-body-kpi {
  margin: auto;
  width: 100%;
}
.container-fluid .panel-kpi .big-text {
  font-weight: 700;
  font-size: 2.5em;
  line-height: 1em;
  color: #FFF;
}
.container-fluid .panel-kpi.green {
  background-color: #66BB6A;
}
.container-fluid .panel-kpi.red {
  background-color: #EF5350;
}
.container-fluid .panel-kpi.yellow {
  background-color: #FFCA28;
}
.container-fluid .panel-kpi .pull-left {
  float: left;
}
.container-fluid .panel-kpi .pull-left .badge-circle {
  display: inline-block;
  height: 4em;
  width: 4em;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}
.container-fluid .panel-kpi .pull-left .badge-circle.green {
  background-color: #43A047;
}
.container-fluid .panel-kpi .pull-left .badge-circle.yellow {
  background-color: #FFB300;
}
.container-fluid .panel-kpi .pull-left .badge-circle.red {
  background-color: #E53935;
}
.container-fluid .panel-kpi .pull-left .badge-circle i {
  font-size: .75em;
  line-height: 2.1em;
}
.container-fluid .panel-kpi .pull-left .daily-stat-left {
  margin-right: 1em;
}
.container-fluid .panel-kpi .panel-stat {
  width: auto;
  height: auto;
  font-size: 2em;
}
.container-fluid .panel-kpi .panel-title {
  width: auto;
  height: auto;
  color: #FFF;
  margin-left: 0.5em;
}
.container-fluid .panel-kpi .panel-title span {
  opacity: 0.9;
  font-size: 0.95em;
}
.container-fluid .panel-kpi .panel-comment {
  display: block;
  width: auto;
  height: auto;
  margin-top: 0.4em;
}
.container-fluid .panel-kpi .panel-comment span {
  color: #FFF;
  opacity: 0.8;
}
/*Panel chart template*/
.panel-charts {
  margin-top: 2em;
  border: 1px solid #ECEFF1;
  border-radius: 2px;
  background-color: transparent;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
.panel-charts .title-panel-charts {
  padding: 16px;
  background-color: #FFF;
  font-size: 1.3em;
  font-weight: 400;
}
.panel-charts .title-panel-charts i {
  margin-right: 7px;
}
.panel-charts .panel-charts-body {
  padding: 20px;
  background-color: #f8f9fa;
}
/* dropdown template*/
dropdown {
  display: block;
  width: auto;
}
dropdown > div {
  float: left;
  width: 100%;
}
dropdown > div > div.dropdown-display {
  float: left;
  width: 100%;
  background: white;
  height: 40px;
  cursor: pointer;
  border: solid 1px #DDD;
  box-sizing: border-box;
}
dropdown > div > div.dropdown-display > * {
  float: left;
  height: 100%;
  height: 40px;
  line-height: 40px !important;
  display: inline-block;
  vertical-align: middle;
}
dropdown > div > div.dropdown-display > span {
  font-size: 14px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding-right: 34px;
  padding-left: 10px;
}
dropdown > div > div.dropdown-display > span.placeholder {
  color: #AAA;
}
dropdown > div > div.dropdown-display > i {
  position: relative;
  width: 14px;
  margin-left: -24px;
  font-size: 1.125em;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
}
dropdown > div > div.dropdown-list {
  float: left;
  position: relative;
  width: 100%;
  transform: scale(1, 0);
  transition: transform ease 250ms;
}
dropdown > div > div.dropdown-list > div {
  position: absolute;
  width: 100%;
  z-index: 2;
  cursor: pointer;
  background: white;
}
dropdown > div > div.dropdown-list > div > div {
  float: left;
  width: 100%;
  padding: 0 10px;
  font-size: 14px;
  box-sizing: border-box;
  border: solid 1px #DDD;
  border-top: none;
}
dropdown > div > div.dropdown-list > div > div:hover {
  background: #F0F0F0;
}
dropdown > div > div.dropdown-list > div > div.selected {
  background: #2875C7;
  color: white;
}
dropdown > div > div.dropdown-list > div > div > * {
  height: 40px;
  line-height: 40px !important;
  display: inline-block;
  vertical-align: middle;
}
dropdown > div > div.dropdown-list > div > div > span {
  float: left;
  width: 100%;
  position: relative;
  padding-right: 30px;
  box-sizing: border-box;
  color: inherit;
}
dropdown > div > div.dropdown-list > div > div > i {
  float: left;
  width: 20px;
  margin-left: -20px;
  display: none;
}
dropdown > div > div.dropdown-list > div > div.selected > i {
  display: inline-block;
}
dropdown > div.show > div.dropdown-list {
  transform: scale(1, 1);
}
.angular-ui-tree-withouthandle {
  text-decoration: none;
  font-weight: bold;
  box-sizing: border-box;
  min-height: 20px;
  line-height: 20px;
}
.tree-node-panel {
  border: 1px solid #dae2ea;
  background: #f8faff;
  color: #7c9eb2;
  margin: 5px;
  padding: 5px;
}
.tree-node-panel-light {
  border: 1px solid #cfd8dc;
  color: #78909c;
  margin: 5px;
  padding: 5px;
}
.container-none {
  margin-top: 15em;
}
.container-none p {
  text-align: center;
  font-size: 1.7em;
  margin-bottom: 1em;
  color: #607d8b;
}
.container-none div {
  width: 250px;
  margin: auto;
}
.container-none div button {
  width: 250px;
  font-size: 1.2em;
  height: 4em;
}
.container-none .inlineDiv {
  width: 510px;
  margin: auto;
}
.container-none .inlineDiv button {
  display: inline-block;
  font-size: 1em;
}
.modal-center {
  margin: 300px auto;
}
.modal-sm {
  width: 400px !important;
}
/*.bootstrap-calendar{
		display:inline-block;
	}

	.btn-transparent{
		padding:0px;
		background:transparent;
		border:none;
		&:hover{
		color:#f2dede;
		background:none;
		}
	}

	.btn-datepicker{
		margin:5px;
	}*/
.ng-table-counts {
  margin: 20px 0px;
}
/*Ng-Table Loading container*/
.loading-container {
  position: relative;
}
.loading-container .loading:before,
.loading-container .loading:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 50px;
  min-width: 50px;
}
.loading-container .loading:before {
  background-color: white;
  opacity: 0.5;
}
/*Glyphicon to Font Awesome*/
.glyphicon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.caret {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  border: 0;
  margin: 0;
  vertical-align: initial;
  margin-right: 10px;
  margin-top: 2px;
  position: absolute;
  right: 2px;
  color: black;
}
.caret:before {
  content: "\f0d7";
}
.glyphicon-ok:before {
  content: "\f00c";
}
.glyphicon-chevron-left:before {
  content: "\f053";
}
.glyphicon-chevron-right:before {
  content: "\f054";
}
.glyphicon-remove:before {
  content: "\f00d";
}
/*Bootstrap Components Customizable*/
/*Input Error*/
input.ng-invalid {
  border: 1px solid #a94442;
}
/*Div Getter*/
div.control-label {
  text-align: left !important;
}
a:focus {
  outline: initial;
  outline-offset: 0px;
}
/*Template Generique Bootstrap ToolBox*/
.toolBoxUiView .form-group {
  margin-top: 3px;
}
.toolBoxUiView .form-group select {
  width: 10em;
  height: 20px;
  font-size: 1em;
  padding: 1.5px 3px;
}
/*Template Generique Bootstrap Content*/
/*Table*/
/*Components*/
/*Modal Général*/
/*Modal Filtres*/
/*Général + Filtres*/
/*Right Menu*/
.content-right-menu {
  padding-right: 30px;
  transition: all .4s ease 0s;
}
.content-right-menu.active {
  padding-right: 200px;
}
.nav > li > a {
  padding: 10px 0px !important;
}
.navmenu {
  width: 30px !important;
  transition: all .4s ease 0s;
}
.navmenu h1 {
  font-size: 15px;
}
.navmenu .navmenu-brand {
  margin: 0px;
}
.navmenu ul li a i {
  text-align: center;
  margin: 0;
  font-size: 12px;
}
.navmenu header {
  padding: 10px 0px;
  text-align: center;
}
.navmenu header .fa:hover {
  color: #d9534f;
  cursor: pointer;
}
.navmenu header .fa-times {
  float: right;
}
.navmenu .fa-right-menu {
  width: 30px;
}
.navmenu.active {
  width: 200px !important;
}
.navmenu.active .fa-right-menu {
  width: 30px;
}
.navmenu-fixed-right {
  top: 67px !important;
}
.modal-header h2 {
  font-size: 1.15em;
}
.modal-header button.close {
  margin-top: -1em;
}
.modal-sm .modal-content .modal-body input {
  width: 12em !important;
}
.contentUiView {
  /*Général*/
  /*Dropdown*/
  /*Input with button*/
  /*.stick-to-bottom{
                background-color:red;
                overflow:auto;
            }*/
  /*Modal général*/
  /*table*/
}
.contentUiView .col-sm-7 {
  padding-left: 0;
}
.contentUiView .dropdown-toggle {
  height: 25px;
  color: #999;
  padding: 0 5px;
  width: 13.3em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  text-align: left;
}
.contentUiView .dropdown-multiselect .dropdown-menu {
  width: 13.3em;
  overflow: auto !important;
  max-height: 200px;
}
.contentUiView .dropdown-multiselect .dropdown-menu .divider {
  margin: 3px 0;
}
.contentUiView .dropdown-multiselect .dropdown-menu li:first-child {
  width: 50%;
  display: inline-block;
}
.contentUiView .dropdown-multiselect .dropdown-menu li:first-child a {
  padding: 4px;
  font-size: 0.90em;
}
.contentUiView .dropdown-multiselect .dropdown-menu li:nth-child(2) {
  display: inline-block;
  width: 50%;
}
.contentUiView .dropdown-multiselect .dropdown-menu li:nth-child(2) a {
  padding: 4px;
  font-size: 0.90em;
}
.contentUiView input[type=text] {
  width: 14em;
  height: 25px;
  padding: 3px 6px;
  font-size: 0.95em;
}
.contentUiView input[type=number] {
  width: 14em;
  height: 25px;
  padding: 3px 6px;
  font-size: 0.95em;
}
.contentUiView .autocomplete {
  width: 14em;
  font-size: 0.95em;
  margin-top: 2px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.contentUiView .autocomplete .suggestion-list .suggestion-item {
  font-size: 0.95em;
}
.contentUiView tags-input .host {
  width: 70%;
  margin: 0;
}
.contentUiView tags-input .tags {
  width: 14em;
  padding: 3px 6px;
  font-size: 0.95em;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  white-space: nowrap;
  transition: max-height 0.5s ease-in;
  overflow: hidden;
  max-height: 25px;
}
.contentUiView tags-input .tags.focused {
  max-height: 300px;
}
.contentUiView tags-input .tags .input {
  height: 15px;
  font-size: 0.95em;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  padding: 0;
  margin: 1px;
}
.contentUiView tags-input .tags .tag-item {
  height: 15px;
  padding: 0 5px;
  font-size: 0.93em;
  line-height: initial;
  background: #428bca;
  color: white;
  border: none;
}
.contentUiView tags-input .tags .tag-item .remove-button {
  color: white;
  margin: 0;
}
.contentUiView .input-group {
  width: 14em;
  height: 25px;
  font-size: 0.95em;
}
.contentUiView .input-group input {
  padding-right: 0;
  width: 12.7em;
}
.contentUiView .input-group .input-group-btn {
  display: inline-block;
}
.contentUiView .input-group .input-group-btn button {
  height: 25px;
  padding: 3px 6px;
  line-height: 12.5px;
}
.contentUiView .input-group .input-group-btn button .fa {
  font-size: 0.95em;
}
.contentUiView select {
  width: 14em;
  height: 25px;
  font-size: 0.95em;
  padding: 3px 6px;
}
.contentUiView label {
  font-size: 0.95em;
}
.contentUiView .modal-body {
  /*Input with button*/
  /*Modal Filtres*/
}
.contentUiView .modal-body input[type=text] {
  width: 15em;
  height: 25px;
  padding: 3px 6px;
  font-size: 0.95em;
}
.contentUiView .modal-body input[type=number] {
  width: 15em;
  height: 25px;
  padding: 3px 6px;
  font-size: 0.95em;
}
.contentUiView .modal-body .input-group {
  width: 15em;
  height: 25px;
  font-size: 0.95em;
}
.contentUiView .modal-body .input-group input {
  padding-right: 0;
}
.contentUiView .modal-body .input-group .input-group-btn {
  display: inline-block;
}
.contentUiView .modal-body .input-group .input-group-btn button {
  height: 25px;
  padding: 3px 6px;
  line-height: 12.5px;
}
.contentUiView .modal-body .input-group .input-group-btn button .fa {
  font-size: 0.95em;
}
.contentUiView .modal-body select {
  width: 15em;
  height: 25px;
  font-size: 0.95em;
  padding: 3px 6px;
}
.contentUiView .modal-body label {
  font-size: 0.95em;
}
.contentUiView .modal-body .filters {
  padding: 20px;
  /*Input with button*/
}
.contentUiView .modal-body .filters input[type=text] {
  width: 12em;
  height: 25px;
  padding: 3px 6px;
  font-size: 0.95em;
}
.contentUiView .modal-body .filters input[type=number] {
  width: 12em;
  height: 25px;
  padding: 3px 6px;
  font-size: 0.95em;
}
.contentUiView .modal-body .filters .input-group {
  width: 12em;
  height: 25px;
  font-size: 0.95em;
}
.contentUiView .modal-body .filters .input-group input {
  padding-right: 0;
}
.contentUiView .modal-body .filters .input-group .input-group-btn {
  display: inline-block;
}
.contentUiView .modal-body .filters .input-group .input-group-btn button {
  height: 25px;
  padding: 3px 6px;
  line-height: 12.5px;
}
.contentUiView .modal-body .filters .input-group .input-group-btn button .fa {
  font-size: 0.95em;
}
.contentUiView .modal-body .filters select {
  width: 12em;
  height: 25px;
  font-size: 0.95em;
  padding: 3px 6px;
}
.contentUiView .modal-body .filters label {
  font-size: 0.95em;
}
.contentUiView .table-hover tbody tr {
  cursor: initial;
}
.contentUiView table thead tr th {
  font-size: 1em;
}
.contentUiView table tbody tr td {
  font-size: 0.95em;
}
.contentUiView table tbody tr td input[type=text] {
  width: 14em;
  height: 22px;
  padding: 3px 6px;
  font-size: 0.95em;
}
.contentUiView table tbody tr td input[type=number] {
  width: 14em;
  height: 22px;
  padding: 3px 6px;
  font-size: 0.95em;
}
/*Directive date-picker*/
date-picker {
  padding-left: 0 !important;
}
date-picker .input-group-btn {
  width: initial;
}
date-picker .input-group-btn button {
  height: 25px;
  padding: 3px 6px;
  line-height: 12.5px;
}
/*Agenda customization*/
.fc-event:hover {
  cursor: pointer;
}
/*body .ui-jqgrid:not(.noResize) .ui-jqgrid-bdiv{
    overflow-x:inherit;
}*/
/*body .ui-jqgrid.noResize .ui-jqgrid-bdiv{
    overflow:inherit;
}*/
.contextMenu .fa {
  margin-left: 0;
}
.large-label {
  width: 27em!important;
}


/* DEFAULTS */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

a {
    cursor: pointer;
    text-decoration: none;
}

body#principalBody {
    overflow: hidden;
    width: 100%;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
}

#footer {
    line-height: 25px;
    z-index: 10;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* MENU */
<<<<<<< .mine



.menupicto{
    clear:both;
  margin-right: 10px;
    float: right;
 
}
 
.navblocright{
    float: right;
    width:230px;
    background-image: url(/Images/specific/header_logo.png);
    width: 115px;
    height: 32px;
    background-position-y: center;
    background-position-x: right;
    background-size: contain;
    background-repeat:no-repeat;
}


.navblocrightnomPrenom{
     margin-top: 30px;
    text-align: center;
}
#LeftPane {
    border-left-width: 0;
    padding: 2px 2px 0 0;
}

    #LeftPane .ui-jqgrid {
        padding: 0;
        border: 0;
    }

        #LeftPane .ui-jqgrid .ui-jqgrid-titlebar {
            padding: 5px 0 5px 10px;
            border-bottom-width: 1px;
        }

        #LeftPane .ui-jqgrid span {
            cursor: default;
            margin-top: 1px;
        }

        #LeftPane .ui-jqgrid tr.ui-row-ltr td {
            border-right: 0;
            line-height: 18px;
        }

    #LeftPane #accordion .ui-accordion .ui-accordion-content {
        padding: 0 !important;
    }

    #LeftPane div.ui-widget-content {
        border: none !important;
        padding: 0;
        margin: 0;
    }

#accordion h3.ui-state-hover, #accordion h3.ui-state-focus, #accordion h3.ui-state-active, #accordion h3.ui-state-default {
    border-width: 1px 0 !important;
}

#accordion h3:first-child {
    margin-top: 0 !important;
    border-top: none !important;
}

/* ESPACE CENTRAL */
iframe {
    width: 100%;
    height: 100%;
    position: relative;
    border: 0 none transparent !important;
}

#RightPane {
    padding: 2px 0 0 2px;
    overflow: hidden;
    border: 1px solid;
}

    #RightPane .user-menu {
        float: right;
        height: 25px;
        line-height: 25px;
        vertical-align: middle;
        padding-right: 10px;
        cursor: pointer;
    }


.user-dropdown {
    display: none;
    position: absolute;
    top: 30px;
    z-index: 200;
    right: 15px;
    background-color: white;
    border-radius: 10px;
    border: 1px solid #999;
    padding: 10px;
}

.user-dropdown-overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 199;
}

.user-dropdown a {
    display: block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    clear: both;
    cursor: pointer;
}

.user-dropdown img {
    height: 20px;
    margin: 5px 5px 5px 0;
    float: left;
}

#RightPane #tabs {
    padding: 0;
    border: 0;
    position: relative;
}

#tabs .ui-widget-header {
    border-width: 0 0 1px 0;
}

#tabs ul.ui-tabs-nav {
    padding-top: 0 !important;
    height: 27px;
}

    #tabs ul.ui-tabs-nav li {
        position: relative;
    }

#tabs .ui-tabs-close {
    display: none;
    position: absolute;
    /*margin: 0 3px;*/
    top: 3px;
    right: 0;
    z-index: 800;
    width: 16px;
    height: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
}

#tabs ul.ui-tabs-nav li:hover .ui-tabs-close {
    display: inline-block;
}

#tabs ul.ui-tabs-nav li > a {
    max-width: 152px;
    display: inline-block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#tabs li a {
    padding-right: 20px;
}

#tabs li.ui-tabs-active .ui-tabs-close {
    display: inline-block;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: pointer !important;
}

/* BOUTON DIALOG */
.ui-button-text-only .ui-button-text {
    padding: 1px 10px !important;
}

#txtPageActive {
    background: none;
    width: 300px;
    font-size: 9px;
}

.dynamicRequired label:first-child::after{
    content:" *" !important;
    /*color: red !important;*/
}
.border-right {
  border-right: groove;
  padding-right: 4px;
  padding-left: 4px;
}
/*Panel template kpi*/
.panelStats .container-fluid .panel-kpi {
  width: 100%;
  height: 5.5em;
  padding: 0.4em;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.panelStats .container-fluid .panel-kpi .big-text {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 0.5em;
  color: #FFF;
}
.panelStats .container-fluid .panel-kpi.green {
  background-color: #66BB6A;
}
.panelStats .container-fluid .panel-kpi.red {
  background-color: #EF5350;
}
.panelStats .container-fluid .panel-kpi.yellow {
  background-color: #FFCA28;
}
.panelStats .container-fluid .panel-kpi .pull-left {
  float: left;
}
.panelStats .container-fluid .panel-kpi .pull-left .badge-circle {
  display: inline-block;
  height: 2em;
  width: 2em;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}
.panelStats .container-fluid .panel-kpi .pull-left .badge-circle.green {
  background-color: #43A047;
}
.panelStats .container-fluid .panel-kpi .pull-left .badge-circle.yellow {
  background-color: #FFB300;
}
.panelStats .container-fluid .panel-kpi .pull-left .badge-circle.red {
  background-color: #E53935;
}
.panelStats .container-fluid .panel-kpi .pull-left .badge-circle i {
  font-size: .75em;
  line-height: 2.1em;
}
.panelStats .container-fluid .panel-kpi .pull-left .daily-stat-left {
  margin-right: 1em;
}
.panelStats .container-fluid .panel-kpi .panel-stat {
  width: auto;
  height: auto;
  font-size: 1em;
}
.panelStats .container-fluid .panel-kpi .panel-title {
  width: auto;
  height: auto;
  color: #FFF;
  margin-left: 0.5em;
  padding-top: 3px;
}
.panelStats .container-fluid .panel-kpi .panel-title span {
  opacity: 0.9;
  font-size: 0.95em;
}
.panelStats .container-fluid .panel-kpi .panel-comment {
  display: block;
  width: auto;
  height: auto;
  margin-top: 0.4em;
}
.panelStats .container-fluid .panel-kpi .panel-comment span {
  color: #FFF;
  opacity: 0.8;
}

li#query li.title {
  font-size: 11px !important;
  font-weight: 400;
}
li#query .panel {
  margin-top: 5px;
  margin-bottom: 12px;
}
li#query .panel tr {
  cursor: pointer;
}
li#query tr.selected {
  background-color: #fbe3bf !important;
}
li#query i.selected {
  color: #f08a00 !important;
}

/* HEADER */
#header {
    height: 60px;
    width: 100%;
    z-index: 1000;
}

#header .logoCompany {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

#header .menuImage {
    float: left;
    margin: 0;
    padding: 2px 0 0 10px;
    position: relative;
}

#header .menuImage table td {
    padding: 3px 6px;
    text-align: left;
}

#header .menuImage table td img {
    margin: 0 1px 0 8px;
    vertical-align: sub;
    height: 19px;
}

#header .connection {
    float: left;
    margin: 0;
    padding: 10px 10px 10px 5px;
    position: relative;
}

#header .espaceWeb {
    cursor: text;
    font-size: 20px;
    padding-top: 5px;
    text-decoration: none; 
}

#header .identifiant {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

#menuHeader {
    float: left;
    position: relative;
    padding-top: 15px;
    padding-left: 20px;
}

#menuHeader img {
    vertical-align: middle;
    margin-left: 10px;
}
/* LOGIN */
body {
    background-position: 0 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.login {
    text-align: center;
    position: absolute;
    width: 400px;
    height: 250px;
    left: 50%;
    margin-left: -200px;
    top: 10%;
    /*margin-top: -125px;*/
    border: 1px solid #424242;
    background-color: #FFF;
}

.login label {
    text-align: left;
}

.darkbanner {
    background: none repeat scroll 0 0 #424242;
    margin: 20px 0 0 -18px;
    padding: 8px 10px 10px 40px;
    position: relative;
    width: 300px
}

.darkbanner img {
    float: left;
    width: 25px;
    margin-right: 10px;
    margin-top: 2px;
}

.darkbanner h2 {
    color: #FFFFFF;
    display: block;
    padding-left: 15px;
    margin-top: 4px;
    margin-bottom: 0;
}

.darkbannerwrap {
    height: 10px;
    margin-left: -18px;
    margin-bottom: 15px;
    position: relative;
    width: 18px;
}

.loginButton {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    margin-top: 15px;
    height: auto;
    width: auto;
}

.loginButton:hover {
    background-color: #111111;
    color: #FFFFFF;
}

.loginButton:active {
    background-color: #000;    
}

.login .failureNotification ul {
    margin: -25px 0 10px;
    color: red;
    text-align: left;
}

.login input[type=text], .login input[type=password] {
    height: 22px;
    font-size: 12px;
}

.login .input span {
    font-size: 12px;
    cursor: pointer;
    margin-left: 5px;
    display: inline-block;
    vertical-align: sub;
}
/* Grille planning */
#GridPlanning {
    margin-bottom: 1px;
    text-align: center;
    width: 100%;
}

#GridPlanning tr th, #GridPlanning tr:last-child {
    height: 20px;
    background-color: #C0C0C0;
    color: #000;
    font-weight: bold;
}

#GridPlanning tr th, #GridPlanning td {
    margin: 0;
    padding: 0;
}

#GridPlanning th:first-child, #GridPlanning th:nth-child(2), #GridPlanning th:nth-child(3) {
    min-width: 100px !important;
}

#GridPlanning tr th:last-child {
   min-width: 50px !important;
}

#GridPlanning tr th:nth-child(n+4) {
   width: 30px !important;
}

#GridPlanning td {
    height: 15px;
}

#GridPlanning tr td div {
    width: 30px;
    height: 15px;
    line-height: 15px;
    border: none !important;
}

#GridPlanning tr.Day td {
    background-color: #CCC;
}

/* Update progress */
#UpdateProgress {
    width: 100%;
    top: 54px;
    position: absolute;
}

#UpdateProgress div {
    padding: 3px 5px;
    margin: auto;
    width: 200px;
    color: black;
    position: absolute;
    bottom: 0;
    font-weight: bold;
}

/* Formulaire d'édtion */
#editionForm input[type="checkbox"], #editionForm input[type="radio"] {
    margin-right: 5px;
}

#labelPeriode label, .labelInclure label {
    width: 6em;
}

#periode_matin {
    margin-left: 2px;
}

#typeEventList span {
    display: block;
    border: 1px solid #ccc;
    width: 15em;
    padding-left: 2px;
    line-height: 6px;
    border-bottom: none;
}

#typeEventList span:last-child {
    border-bottom: 1px solid #cccccc;
}

/* fonts */
/* corner radius */
/* header / toolbar */
/*slide range*/
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*shadow*/
/*border bottom jqgrid*/
/*BOUTONS*/
/*widget*/
/*modal synchro*/
body.akt2017 {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*LOADER*/
  /*FIN LOADER*/
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
  /*icons*/
  /*tab*/
  /*fin tab*/
  /*sidebar*/
  /*header*/
  /*champs obligatoire*/
  /*classe générique*/
  /*fin classes générique*/
  /*buttons*/
  /*button.ui-button-text-only{
            .btn-vert;
        }*/
  /*alerts*/
  /*style input*/
  /*suppression de la bar de séparation entre les col*/
  /*div.col2gaucheContact{
            width: 35% !important;
        }
        div.col2droiteContact div label{
            width: 8em !important;
        }*/
  /*slide range*/
  /*jqgrid*/
  /*fin jqgrid*/
  /*modal*/
  /*fin modal*/
  /*widget accueil*/
  /*#tabs{
            li.tab{
                &.active{
                    border-top: 2px solid @bar-color-active !important;
                }
                &:hover{
                    border-top: 2px solid @bar-color-hover !important;
                }
            }
        }*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
}
body.akt2017 body:first-line {
  color: red !important;
}
body.akt2017 .pop {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url('../Images/loader-perso.gif') 50% 50% no-repeat;
}
body.akt2017 .pop2 {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url('../Images/Rolling.gif') 50% 50% no-repeat;
}
body.akt2017 body.loading {
  overflow: hidden;
}
body.akt2017 body.loading .pop .pop2 .modalRapport {
  display: block;
}
body.akt2017 #infoMouvements table td {
  padding: 5px !important;
}
body.akt2017 #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.akt2017 #conteneurEntier > * {
  width: 100%;
}
body.akt2017 #conteneurEntier > img:first-of-type {
  display: none;
}
body.akt2017 #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.akt2017 #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.akt2017 .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.akt2017 .closebtn:hover {
  color: black;
}
body.akt2017 .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.akt2017 .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.akt2017 #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.akt2017 #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.akt2017 #submitOk:hover {
  background: #357ebd !important;
}
body.akt2017 .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                .modalRapport{
                    &:before{
                        display:none;
                    }
                }
            }*/
}
body.akt2017 .btn-close:hover {
  color: #919191;
}
body.akt2017 #modalRapport {
  display: none;
}
body.akt2017 .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.akt2017 .modalRapport:target:before {
  display: block;
}
body.akt2017 .modalRapport:target .ModalDialog {
  top: 20%;
}
body.akt2017 .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.akt2017 .contenuModalRppt {
  padding: 20px;
}
body.akt2017 .modal-header,
body.akt2017 .footerModalRppt {
  padding: 10px 20px;
}
body.akt2017 .modal-header {
  border-bottom: #eee solid 1px;
}
body.akt2017 .modal-header h2 {
  font-size: 20px;
}
body.akt2017 .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.akt2017 .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.akt2017 .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.akt2017 .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.akt2017 .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.akt2017 .identityModule td {
  border: 0;
}
body.akt2017 .tableauIdentity {
  width: 480px;
}
body.akt2017 .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.akt2017 .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.akt2017 .identityModule #donnees {
  font-size: 12px;
}
body.akt2017 .identiteModule td {
  padding: 3px;
}
body.akt2017 .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.akt2017 .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.akt2017 .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.akt2017 .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.akt2017 .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.akt2017 .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.akt2017 .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.akt2017 .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.akt2017 .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.akt2017 .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.akt2017 .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.akt2017 .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.akt2017 .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.akt2017 .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.akt2017 .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.akt2017 .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.akt2017 .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.akt2017 .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.akt2017 .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.akt2017 .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.akt2017 .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.akt2017 .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.akt2017 .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.akt2017 .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.akt2017 .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.akt2017 .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.akt2017 .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.akt2017 .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.akt2017 .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.akt2017 .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.akt2017 .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.akt2017 .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.akt2017 .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.akt2017 .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.akt2017 .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.akt2017 .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.akt2017 .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.akt2017 .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.akt2017 .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.akt2017 .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.akt2017 .lienPDF:hover {
  text-decoration: none;
}
body.akt2017 .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.akt2017 .lienCommander:hover {
  text-decoration: none;
}
body.akt2017 .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.akt2017 .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.akt2017 .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.akt2017 .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.akt2017 .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.akt2017 .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.akt2017 .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.akt2017 .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.akt2017 .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.akt2017 .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.akt2017 .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.akt2017 .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.akt2017 .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.akt2017 .lienPlusInfo:hover {
  text-decoration: none;
}
body.akt2017 .lienPDF:link,
body.akt2017 lienPDF:visited,
body.akt2017 lienPDF:hover,
body.akt2017 lienPDF:active {
  text-decoration: underline;
}
body.akt2017 .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.akt2017 .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.akt2017 .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.akt2017 .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.akt2017 .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.akt2017 .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.akt2017 .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.akt2017 .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.akt2017 .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.akt2017 .menupicto {
  clear: both;
  margin-right: 10px;
  float: right;
  max-height: 20px !important;
}
body.akt2017 .iconakt2017 {
  background-size: cover !important;
  height: 20px;
  width: 20px;
}
body.akt2017 .CRM {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/customer-relationship-management.png') !important;
}
body.akt2017 .Immeuble {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Skyscrapers_50px.png') !important;
}
body.akt2017 .Immeuble2 {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8-Business.png') !important;
}
body.akt2017 .Chart {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Doughnut_Chart_50px.png') !important;
}
body.akt2017 .LineChart {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Combo_Chart_50px.png') !important;
}
body.akt2017 .Annuaire {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Address_Book_2_50px.png') !important;
}
body.akt2017 .Contacts {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_User_Group_Man_Man_50px_1.png') !important;
}
body.akt2017 .Chat {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Communication_50px.png') !important;
}
body.akt2017 .Carte {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Point_Objects_50px.png') !important;
}
body.akt2017 .Business {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Business_50px.png') !important;
}
body.akt2017 .Euros {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Bank_Euro_50px.png') !important;
}
body.akt2017 .Find {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Find_User_Male_50px.png') !important;
}
body.akt2017 .Calendar {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Calendar_52px.png') !important;
}
body.akt2017 .Mail {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Mail_Contact_50px.png') !important;
}
body.akt2017 .Masse_Mail {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Send_Mass_Email_50px.png') !important;
}
body.akt2017 .News {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_News_64px.png') !important;
}
body.akt2017 .Contrats {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Agreement_50px.png') !important;
}
body.akt2017 .Resume {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Open_Resume_50px.png') !important;
}
body.akt2017 .Profile {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Profile_50px.png') !important;
}
body.akt2017 .Task {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Tasklist_48px.png') !important;
}
body.akt2017 .Price {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Euro_Price_Tag_50px.png') !important;
}
body.akt2017 .Estimate {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Estimates_50px.png') !important;
}
body.akt2017 .Order {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Purchase_Order_50px.png') !important;
}
body.akt2017 .Delivery {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_In_Transit_50px.png') !important;
}
body.akt2017 .Cash {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Cash_in_Hand_50px.png') !important;
}
body.akt2017 .Stock {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Hangar_50px.png') !important;
}
body.akt2017 .BarCode {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Barcode_50px.png') !important;
}
body.akt2017 .Trolley {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Move_by_Trolley_50px.png') !important;
}
body.akt2017 .Parameter {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8_Automatic_50px.png') !important;
}
body.akt2017 .Summary {
  background-size: cover !important;
  height: 20px;
  width: 20px;
  background-image: url('images/icons/icons8-Summary_List_Filled.png') !important;
}
body.akt2017 #tabs {
  background-color: white !important;
  padding: 0px !important;
}
body.akt2017 #page #main #tabs li.tab {
  margin: 0px !important;
  height: 40px !important;
  line-height: 35px !important;
  border-top: 0px;
  /*border-top: 0px;
            border-bottom: 3px solid #1f76a1;*/
  background-color: white;
  font-size: 16px !important;
  font-weight: 600 !important;
}
body.akt2017 #page #main #tabs li.tab span {
  line-height: 20px !important;
}
body.akt2017 #tabs li.tab.active {
  border: 2px !important;
  border-style: solid none none none !important;
  background-color: #eaedf2 !important;
}
body.akt2017 #tabs li.tab:hover {
  background-color: #eaedf2 !important;
  border: 2px #1f76a1 !important;
  border-style: solid none none none !important;
}
body.akt2017 #page #sidebar {
  background: #1b325c !important;
  color: white;
}
body.akt2017 #page #sidebar #menu ul li a {
  color: white;
  border-bottom: 0px !important;
}
body.akt2017 #menu > ul > li > a {
  background-color: #1b325c !important;
  color: white;
}
body.akt2017 .ui-widget-header {
  border: 0px !important;
}
body.akt2017 #menu > ul > li > ul > li > ul {
  background-color: #576887 !important;
  color: black;
}
body.akt2017 .tool-container {
  background: #eaedf2 !important;
  border-bottom: 0px !important;
  border-top: 2px solid #1f76a1 !important;
}
body.akt2017 .header-bar {
  background: none !important;
}
body.akt2017 .header-bar > ul > li:not(.noHover):hover {
  background: #1f76a1 !important;
}
body.akt2017 .header-bar > ul > li {
  border: 0px !important;
}
body.akt2017 .gradient {
  background: #eaedf2 !important;
}
body.akt2017 .tool-item:not(.gradient) {
  border: none;
  background: #eaedf2 !important;
}
body.akt2017 .tool-item:not(.gradient):hover {
  background: #1f76a1 !important;
  color: #f08a00 !important;
}
body.akt2017 .header-bar > div > ul > li:not(.noHover):hover {
  background: #1f76a1 !important;
  color: #f08a00 !important;
}
body.akt2017 .etoile::after {
  content: " * " !important;
  color: red !important;
}
body.akt2017 .btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
body.akt2017 .btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 .btn-violet:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 .btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 .btn-blanc:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 .btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 .btn-vert:hover {
  background-color: #4caf50 !important;
}
body.akt2017 .btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 .btn-rouge:hover {
  background-color: #f44336 !important;
}
body.akt2017 .txt-right {
  text-align: right;
}
body.akt2017 .txt-left {
  text-align: left;
}
body.akt2017 .txt-center {
  text-align: center;
}
body.akt2017 #btnRecherche_affaires {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche_affaires:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer_affaires {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer_affaires:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #btnRecherche {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #btnRecherche_commentaires {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche_commentaires:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer_commentaires {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer_commentaires:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #btnRecherche_campagnes {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche_campagnes:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer_campagnes {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer_campagnes:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #btnRecherche_taches {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche_taches:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer_taches {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer_taches:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #btnRecherche_devis {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche_devis:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer_devis {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer_devis:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #btnRecherche_commande {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche_commande:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer_commande {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer_commande:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #btnRecherche_facture {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche_facture:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer_facture {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer_facture:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #btnRecherche_reglement {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche_reglement:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer_reglement {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer_reglement:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #btnRecherche_contrats {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche_contrats:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer_contrats {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer_contrats:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #btnSaveContact {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnSaveContact:hover {
  background-color: #4caf50 !important;
}
body.akt2017 .col2droite input:last-of-type:not(.ui-autocomplete-input):not([type="checkbox"]):not(.hasDatepicker):not(.acceptInteger:not(.ui-loupe-input)) {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 .col2droite input:last-of-type:not(.ui-autocomplete-input):not([type="checkbox"]):not(.hasDatepicker):not(.acceptInteger:not(.ui-loupe-input)):hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #sData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #sData:hover {
  background-color: #4caf50 !important;
}
body.akt2017 #cData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #cData:hover {
  background-color: #f44336 !important;
}
body.akt2017 #btnSaveOtherAdresse {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnSaveOtherAdresse:hover {
  background-color: #4caf50 !important;
}
body.akt2017 #btnValiderEvent {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnValiderEvent:hover {
  background-color: #4caf50 !important;
}
body.akt2017 #btnRecherche_rapports {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRecherche_rapports:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 #btnEffacer_rapports {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacer_rapports:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 input[value="Valider"] {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 input[value="Valider"]:hover {
  background-color: #4caf50 !important;
}
body.akt2017 #btnRechercheBudget {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnRechercheBudget:hover {
  background-color: #4caf50 !important;
}
body.akt2017 #btnEffacerBudget {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 #btnEffacerBudget:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 input[name="ctl00$MainContent$ctl99"],
body.akt2017 input[name="ctl00$MainContent$ctl122"] {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 input[name="ctl00$MainContent$ctl99"]:hover,
body.akt2017 input[name="ctl00$MainContent$ctl122"]:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #creerCommande {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #creerCommande:hover {
  background-color: #4caf50 !important;
}
body.akt2017 input[name="ctl00$MainContent$ctl42"] {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 input[name="ctl00$MainContent$ctl42"]:hover {
  background-color: #f44336 !important;
}
body.akt2017 #btnAddTabCommande {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #btnAddTabCommande:hover {
  background-color: #4caf50 !important;
}
body.akt2017 #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.akt2017 #activerData:hover {
  background-color: #4caf50 !important;
}
body.akt2017 #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.akt2017 #desactiverData:hover {
  background-color: #f44336 !important;
}
body.akt2017 #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.akt2017 #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 input[value*="Retour"] {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 input[value*="Retour"]:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 input[value*="Créer"] {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 input[value*="Créer"]:hover {
  background-color: #4caf50 !important;
}
body.akt2017 input[value*="Ajouter"] {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 input[value*="Ajouter"]:hover {
  background-color: #9c27b0 !important;
}
body.akt2017 input[value*="Annuler"] {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 input[value*="Annuler"]:hover {
  background-color: #f44336 !important;
}
body.akt2017 input[value*="Enregistrer"] {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 input[value*="Enregistrer"]:hover {
  background-color: #4caf50 !important;
}
body.akt2017 input[value*="Fermer"] {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 2px !important;
  border: 1px solid #bdbdbd !important;
}
body.akt2017 input[value*="Fermer"]:hover {
  background-color: #bdbdbd !important;
}
body.akt2017 #blocAdd {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #blocAdd:hover {
  background-color: #4caf50 !important;
}
body.akt2017 #blocAdd + a {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 #blocAdd + a:hover {
  background-color: #f44336 !important;
}
body.akt2017 .selectSpe {
  width: 178px !important;
}
body.akt2017 .alertForm.ui-state-error {
  width: 100px;
  position: absolute;
}
body.akt2017 #vtrCpteTiers {
  top: 70px;
}
body.akt2017 .input {
  color: black !important;
  font-size: 13px !important;
}
body.akt2017 label {
  font-size: 13px !important;
}
body.akt2017 .input label,
body.akt2017 .input > span:first-child {
  width: 7.75em !important;
}
@media screen and (max-width: 1500px) {
  body.akt2017 {
    /*.ui-jqgrid{
                width:auto !important;
            }*/
  }
  body.akt2017 .input label,
  body.akt2017 .input > span:first-child {
    width: 8em !important;
  }
  body.akt2017 #contactNom,
  body.akt2017 #contactPrenom,
  body.akt2017 #contactDate_naissance {
    width: 50% !important;
  }
  body.akt2017 .teleph {
    width: 51% !important;
  }
  body.akt2017 #ctl00_MainContent_standard:not(.minimalist) {
    width: 51% !important;
  }
  body.akt2017 #ctl00_MainContent_fax {
    width: 51% !important;
  }
  body.akt2017 #tel_contact,
  body.akt2017 #gsm_contact,
  body.akt2017 #ctl00_MainContent_fax_contact,
  body.akt2017 #ctl00_MainContent_autreAdresse_standard,
  body.akt2017 #ctl00_MainContent_autreAdresse_fax,
  body.akt2017 #telRattachement,
  body.akt2017 #gsmRattachement,
  body.akt2017 #faxRattachement,
  body.akt2017 #telContact,
  body.akt2017 #gsmContact,
  body.akt2017 #telActivite,
  body.akt2017 #gsmActivite,
  body.akt2017 #faxActivite {
    width: 51% !important;
  }
  body.akt2017 .slide-range {
    font-size: 12px !important;
  }
  body.akt2017 .w5 {
    width: 5em !important;
  }
  body.akt2017 .ui-jqgrid tr.jqgrow td {
    white-space: inherit !important;
    font-size: 11px;
  }
  body.akt2017 .ui-jqgrid *:not(.ui-jqgrid-labels):not(i):not(.ui-jqgrid-pager):not(.progressbar):not(.rowhandler:first-child):not(.droppable) {
    width: auto;
  }
  body.akt2017 .input label,
  body.akt2017 .input,
  body.akt2017 span,
  body.akt2017 input,
  body.akt2017 label {
    font-size: 12px !important;
  }
  body.akt2017 #addTiersBtn {
    width: 20% !important;
    margin-left: 5px !important;
  }
  body.akt2017 div.col2gaucheContact {
    width: 35% !important;
  }
  body.akt2017 div.col2droiteContact div label {
    width: 7em !important;
  }
  body.akt2017 .ui-widget:not(.ui-jqgrid):not(.ui-dialog-titlebar-close):not(.ui-button):not(.ui-tabs-vertical):not(#agenda):not(.ui-dialog):not(#divInfos):not(#slider-range):not(#marge-slider-range):not(.slide-range):not(.ui-datepicker):not(.loupeListe):not(#nom_prospect_ori):not(#commentaire_commentaire):not(.libelle):not(textarea) {
    font-size: 12px !important;
  }
}
body.akt2017 #journee_real_prev {
  display: -ms-flexbox;
  display: flex;
}
body.akt2017 #journee_real_prev + div {
  display: -ms-flexbox;
  display: flex;
}
body.akt2017 .ui_tpicker_hour_slider {
  height: 10px !important;
  background: #1b325c !important;
}
body.akt2017 .ui_tpicker_minute_slider {
  height: 10px !important;
  background: #1b325c !important;
}
body.akt2017 .ui-widget:not(.ui-jqgrid):not(.ui-dialog-titlebar-close):not(.ui-button):not(.ui-tabs-vertical):not(#agenda):not(.ui-dialog):not(#divInfos):not(#slider-range):not(#marge-slider-range):not(.slide-range):not(.ui-datepicker):not(.loupeListe):not(#nom_prospect_ori):not(#commentaire_commentaire):not(.libelle):not(textarea) {
  margin-top: 0;
  box-sizing: border-box;
  height: 26px;
  width: 69%;
  font-size: 14px !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: .5rem .75rem;
  line-height: 1.25;
  color: #464a4c;
}
body.akt2017 .loupeListe {
  width: 50% !important;
  overflow: auto !important;
  padding: 6px !important;
  height: auto !important;
}
body.akt2017 .ui-autocomplete {
  height: auto !important;
  width: auto !important;
}
body.akt2017 .ui-autocomplete-input:not(#cp):not(#ville):not(#raisonsociale):not(#service):not(#contactNom):not(#serviceActivite) :not(#autreAdresse_cp):not(#autreAdresse_ville) {
  margin-top: 0;
  box-sizing: border-box;
  font-size: 14px !important;
  line-height: 1.25;
  width: 100% !important;
  padding: 0px !important;
  overflow: auto !important;
  height: 20px !important;
  padding: .5rem .75rem;
}
body.akt2017 .ui-multiselect-menu,
body.akt2017 .ui-multiselect-single {
  height: auto !important;
  color: black !important;
}
body.akt2017 .slide-range {
  width: 31% !important;
  text-align: right !important;
  height: 26px;
  font-size: 14px !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: .5rem .75rem;
  line-height: 1.25;
}
body.akt2017 textarea.little {
  width: 50% !important;
  height: 55px !important;
}
body.akt2017 textarea.libelle {
  width: 50% !important;
}
body.akt2017 textarea#Commentaire {
  height: 120px !important;
}
body.akt2017 .ui-datepicker {
  height: auto !important;
}
body.akt2017 .teleph {
  width: 59%;
}
body.akt2017 #ctl00_MainContent_standard:not(.minimalist) {
  width: 59%;
}
body.akt2017 #ctl00_MainContent_fax {
  width: 59%;
}
body.akt2017 #tel_contact,
body.akt2017 #gsm_contact,
body.akt2017 #ctl00_MainContent_fax_contact,
body.akt2017 #ctl00_MainContent_autreAdresse_standard,
body.akt2017 #ctl00_MainContent_autreAdresse_fax,
body.akt2017 #telRattachement,
body.akt2017 #gsmRattachement,
body.akt2017 #faxRattachement,
body.akt2017 #telContact,
body.akt2017 #gsmContact,
body.akt2017 #telActivite,
body.akt2017 #gsmActivite,
body.akt2017 #faxActivite {
  width: 59%;
}
body.akt2017 div.col2droite {
  border-left: none !important;
}
body.akt2017 div.col2gauche {
  border-right: none !important;
}
body.akt2017 .ui-widget:not(.ui-jqgrid) {
  border-radius: 2px !important;
}
body.akt2017 fieldset:not(.minimalist) {
  border-radius: 2px !important;
  overflow: hidden;
  border-color: #e8e8e8;
  box-shadow: 2px 2px 2px #9e9e9e !important;
}
body.akt2017 .dynamicLegend {
  line-height: 20px !important;
  font-size: 14px;
}
body.akt2017 fieldset div:first-child {
  font-size: 13px !important;
}
body.akt2017 .ui-slider-range {
  background: #1f76a1 !important;
}
body.akt2017 ui-jqgrid-htable {
  border-collapse: collapse !important;
}
body.akt2017 .ui-row-ltr.ui-state-highlight {
  border-bottom: 1px solid #BDBDBD !important;
}
body.akt2017 .ui-jqgrid tr.ui-row-ltr td {
  border-right-width: 0px !important;
  border-bottom: 1px solid #BDBDBD !important;
}
body.akt2017 .ui-jqgrid tr.jqgrow td {
  border-bottom: 1px solid #BDBDBD !important;
}
body.akt2017 .isSurveillance {
  background-size: cover !important;
  height: 15px;
  width: 15px;
  background-image: url('images/checked (2).png') !important;
  display: block;
  margin: 0 auto;
}
body.akt2017 .isNotSurveillance {
  background-size: cover !important;
  height: 15px;
  width: 15px;
  background-image: url('images/multiply (2).png') !important;
  display: block;
  margin: 0 auto;
}
body.akt2017 .ui-th-ltr {
  height: 40px;
  font-size: 12px;
  border-right-width: 0px !important;
  border-left-width: 0px !important;
  border-bottom: 1px solid #BDBDBD !important;
}
body.akt2017 .jqgrow {
  line-height: 30px;
  font-size: 12px;
  color: black;
}
body.akt2017 .ui-dialog {
  width: 550px !important;
}
body.akt2017 #boxRetourEdit {
  width: 550px !important;
  height: 265px !important;
}
body.akt2017 .ui-dialog-buttonset button:first-child {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 .ui-dialog-buttonset button:first-child:hover {
  background-color: #4caf50 !important;
}
body.akt2017 .ui-dialog-buttonset button:last-child {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 2px !important;
  border: none !important;
}
body.akt2017 .ui-dialog-buttonset button:last-child:hover {
  background-color: #f44336 !important;
}
body.akt2017 #dialogActivite,
body.akt2017 #dialogRelation {
  width: 1000px !important;
}
body.akt2017 #formActivite {
  width: 956px;
  height: auto;
}
body.akt2017 div[aria-describedby="dialogActivite"],
body.akt2017 div[aria-describedby="dialogRelation"] {
  width: 1000px !important;
}
body.akt2017 #boxRetour {
  width: 600px !important;
  height: 340px !important;
}
body.akt2017 div[aria-describedby="boxRetour"] {
  width: 600px !important;
  height: 440px !important;
}
body.akt2017 #addQuotePart {
  width: 64% !important;
}
body.akt2017 #dialogLoupe {
  width: 500px !important;
  height: 300px !important;
}
body.akt2017 #gbox_tableLoupe {
  width: 460px !important;
}
body.akt2017 #gview_tableLoupe {
  width: 460px !important;
}
body.akt2017 .ui-jqgrid-hdiv {
  width: 460px;
}
body.akt2017 table[aria-labelledby="gbox_tableLoupe"] {
  width: 460px !important;
}
body.akt2017 #tableLoupe_gdevi_libelle {
  width: 150px !important;
}
body.akt2017 #tableLoupe_gdevi_version {
  width: 141px !important;
}
body.akt2017 .ui-jqgrid-bdiv {
  height: 170px;
  width: 460px;
}
body.akt2017 #tableLoupe {
  width: 460px;
}
body.akt2017 #pagerTableLoupe_center {
  width: 287px;
}
body.akt2017 div[aria-describedby="editionDialog"] {
  height: auto;
  top: 129px;
  left: 560px;
  display: block;
  width: 550px !important;
}
body.akt2017 .plupload_filelist_header {
  margin-top: 50px !important;
}
body.akt2017 div[aria-describedby="dialogUpload"] {
  width: 650px !important;
}
body.akt2017 #dialogUpload {
  height: 315px !important;
}
body.akt2017 .plupload_content {
  top: 103px !important;
}
body.akt2017 .plupload_progress:not(.plupload_right) {
  float: none !important;
}
body.akt2017 div[dir="ltr"]:not(.cke):not(.ui-jqgrid):not(.ui-jqgrid-pager):not(#editmodgridMailsTypes):not(#editmodgrilleBanques):not(.ui-paging-info) {
  width: 435px !important;
}
body.akt2017 #editmodgrilleBanques {
  width: 530px !important;
}
body.akt2017 #rib_1 {
  width: 60px !important;
}
body.akt2017 #rib_2 {
  width: 60px !important;
}
body.akt2017 #rib_3 {
  width: 105px !important;
}
body.akt2017 #rib_4 {
  width: 35px !important;
}
body.akt2017 #iban_1 {
  width: 55px !important;
}
body.akt2017 #iban_2,
body.akt2017 #iban_3,
body.akt2017 #iban_4,
body.akt2017 #iban_5,
body.akt2017 #iban_6 {
  width: 50px !important;
}
body.akt2017 #iban_7 {
  width: 40px !important;
}
body.akt2017 .newTooltip {
  width: auto !important;
  height: auto !important;
  padding: 5px !important;
}
body.akt2017 #myJQueryPrompt {
  height: auto !important;
}
body.akt2017 .widget {
  background-color: #fdfdfd;
}
body.akt2017 #addTiersBloc {
  padding: 5px;
  display: inline-block;
  width: 100%;
}
body.akt2017 #addTiersAccueil {
  margin-left: 20px;
}
body.akt2017 #addTiersBtn {
  width: 100%;
  margin-left: 25px;
}
body.akt2017 .ui-widget-header:not(.ui-tabs-nav):not(.ng-scope):not(.ui-slider-range) {
  border-color: #e8e8e8;
  background: #e8e8e8;
  color: #000;
  font-weight: bold;
  text-align: left !important;
  padding-left: 10px !important;
  height: 25px !important;
}
body.akt2017 .ui-widget-header:not(.ui-tabs-nav):not(.ng-scope):not(.ui-slider-range) i,
body.akt2017 .ui-widget-header:not(.ui-tabs-nav):not(.ng-scope):not(.ui-slider-range) .ui-icon {
  color: #000 !important;
}
body.akt2017 .ui-widget-header:not(.ui-tabs-nav):not(.ng-scope):not(.ui-slider-range) i:hover,
body.akt2017 .ui-widget-header:not(.ui-tabs-nav):not(.ng-scope):not(.ui-slider-range) .ui-icon:hover {
  color: #000 !important;
}
body.akt2017 .ui-widget-header:not(.ui-tabs-nav):not(.ng-scope):not(.ui-slider-range):hover {
  color: #000;
}
body.akt2017 .ui-widget-header:not(.ui-tabs-nav):not(.ng-scope):not(.ui-slider-range):hover i {
  color: #000;
}
body.akt2017 .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.akt2017 .ui-panel {
  border-color: #e8e8e8;
  background: #e8e8e8;
  color: #000;
  font-weight: bold;
}
body.akt2017 .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.akt2017 .ui-panel i {
  color: #000;
}
body.akt2017 .ui-panel i:hover {
  color: #000;
}
body.akt2017 .ui-panel .highlight-text {
  color: #f08a00;
}
body.akt2017 .ui-panel:hover {
  color: #000;
}
body.akt2017 .ui-panel:hover i {
  color: #000;
}
body.akt2017 .ui-state-default:not(.btn-violet):not(.btn-rouge):not(.btn-vert),
body.akt2017 .ui-widget-content .ui-state-default,
body.akt2017 .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: white;
  font-weight: normal;
  color: black;
}
body.akt2017 .ui-state-default:not(.btn-violet):not(.btn-rouge):not(.btn-vert) i,
body.akt2017 .ui-widget-content .ui-state-default i,
body.akt2017 .ui-widget-header .ui-state-default i {
  color: #1f76a1;
}
body.akt2017 .ui-jqgrid-labels {
  background: white;
}
body.akt2017 .ui-state-hover,
body.akt2017 .ui-widget-content .ui-state-hover,
body.akt2017 .ui-widget-header .ui-state-hover,
body.akt2017 .ui-state-focus,
body.akt2017 .ui-widget-content .ui-state-focus,
body.akt2017 .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: black !important;
}
body.akt2017 .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.akt2017 .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.akt2017 .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.akt2017 .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.akt2017 .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.akt2017 .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #1f76a1;
}
body.akt2017 .ui-state-hover i,
body.akt2017 .ui-widget-content .ui-state-hover i,
body.akt2017 .ui-widget-header .ui-state-hover i,
body.akt2017 .ui-state-focus i,
body.akt2017 .ui-widget-content .ui-state-focus i,
body.akt2017 .ui-widget-header .ui-state-focus i {
  color: #1f76a1;
}
body.akt2017 .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.akt2017 a:hover {
  color: #f08a00;
  text-decoration: none;
}
body.akt2017 a:hover > i {
  color: #f08a00;
}
body.akt2017 a,
body.akt2017 .link {
  text-decoration: none;
  color: #333;
}
body.akt2017 a i,
body.akt2017 .link i {
  margin-left: 5px;
}
body.akt2017 a:hover,
body.akt2017 .link:hover {
  color: #f08a00;
}
body.akt2017 #page #sidebar {
  border-right: 2px solid #3262a1 !important;
}
body.akt2017 #page #sidebar header {
  background-color: #fff;
}
body.akt2017 #page #sidebar header:before {
  background-image: url("/Images/specific/header_logo.png");
  width: 230px;
  height: 50px;
  background-position-y: center;
  background-size: contain;
}
body.akt2017 .header-bar > ul > li > a.active {
  color: #1f76a1 !important;
}
body.akt2017 #menu li a .flag {
  background: #3262a1;
}
body.akt2017 #menu li a.active .flag {
  background: #1f76a1;
}
body.akt2017 #menu > ul > li > a {
  background-color: #e8e8e8;
}
body.akt2017 #menu > ul > li > ul > li > a {
  background-color: #0f1c33;
}
body.akt2017 .ui-row-ltr.ui-state-hover,
body.akt2017 .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #b3e5fc;
}
body.akt2017 .ui-datepicker-header .ui-state-hover {
  background-color: #e8e8e8;
  border: none;
}
body.akt2017 .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.akt2017 fieldset .legendButtons span.ui-icon {
  background-image: url(../Images/icones/legend-ui-icons.png) !important;
}
body.akt2017 #page #sidebar header i:hover {
  background-color: #3262a1 !important;
}
body.akt2017 .ui-state-active {
  border-color: #1f76a1 !important;
  background: #fff !important;
  color: #1f76a1 !important;
}
body.akt2017 .ui-state-active a,
body.akt2017 .ui-state-active a:link,
body.akt2017 .ui-state-active a:visited {
  color: #1f76a1;
}
body.akt2017 .ui-state-default a,
body.akt2017 .ui-state-default a:link,
body.akt2017 .ui-state-default a:visited {
  color: #1f76a1;
}
body.akt2017 .btnLoupe {
  color: #1f76a1;
}
body.akt2017 .btnLoupe:hover {
  color: #1f76a1;
}
body.akt2017 .fa-refresh:hover {
  color: #1f76a1 !important;
}
body.akt2017 .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.akt2017 .hasDatepicker + button:before {
  content: "\f073";
}
body.akt2017 .hasDatepicker + buttonimg {
  display: none;
}
body.akt2017 .hasDatepicker + button:hover {
  color: #1f76a1;
}
body.akt2017 .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.akt2017 .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.akt2017 .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.akt2017 .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #1f76a1;
}
body.akt2017 .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.akt2017 .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.akt2017 .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #1f76a1;
}
body.akt2017 .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
}
body.akt2017 .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.akt2017 .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #1f76a1;
  background: none;
}
body.akt2017 .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.akt2017 .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.akt2017 .ui-icon.ui-icon-asc:hover {
  color: #1f76a1;
  background: none;
  padding: 0px!important;
}
body.akt2017 .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.akt2017 .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.akt2017 .ui-icon.ui-icon-desc:hover {
  color: #1f76a1;
  background: none;
  padding: 0px;
}
body.akt2017 .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.akt2017 .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.akt2017 .ui-icon.ui-icon-search:hover {
  color: #1f76a1;
  background: none;
}
body.akt2017 .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.akt2017 .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.akt2017 .ui-icon.ui-icon-refresh:hover {
  color: #1f76a1;
  background: none;
}
body.akt2017 .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.akt2017 .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.akt2017 .ui-icon.ui-icon-seek-first:hover {
  color: #1f76a1;
  background: none;
}
body.akt2017 .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.akt2017 .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.akt2017 .ui-icon.ui-icon-seek-end:hover {
  color: #1f76a1;
  background: none;
}
body.akt2017 .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.akt2017 .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.akt2017 .ui-icon.ui-icon-seek-prev:hover {
  color: #1f76a1;
  background: none;
}
body.akt2017 .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.akt2017 .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.akt2017 .ui-icon.ui-icon-seek-next:hover {
  color: #1f76a1;
  background: none;
}
body.akt2017 .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.akt2017 .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.akt2017 .ui-icon.ui-icon-plus:hover {
  color: #1f76a1;
  background: none;
}
body.akt2017 .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.akt2017 .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.akt2017 .ui-icon.ui-icon-minus:hover {
  color: #1f76a1;
  background: none;
}


/**
 *  THEME ACB
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*BOUTONS*/
/*modal synchro*/
body.acb {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.acb .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.acb .slide-range {
  width: 50px;
}
body.acb fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #1b2350;
}
body.acb .ui-widget-header {
  border-color: #1b2350;
  background: #1b2350;
  color: #fff;
  font-weight: bold;
}
body.acb .ui-widget-header i,
body.acb .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.acb .ui-widget-header i:hover,
body.acb .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.acb .ui-widget-header:hover {
  color: #fff;
}
body.acb .ui-widget-header:hover i {
  color: #fff;
}
body.acb .timeline .click-hover:hover {
  color: #009fe3;
  cursor: pointer;
}
body.acb .ui-panel {
  border-color: #1b2350;
  background: #1b2350;
  color: #fff;
  font-weight: bold;
}
body.acb .ui-panel .click-hover:hover {
  color: #009fe3;
  cursor: pointer;
}
body.acb .ui-panel i {
  color: #fff;
}
body.acb .ui-panel i:hover {
  color: #fff;
}
body.acb .ui-panel .highlight-text {
  color: #009fe3;
}
body.acb .ui-panel:hover {
  color: #fff;
}
body.acb .ui-panel:hover i {
  color: #fff;
}
body.acb .ui-state-default,
body.acb .ui-widget-content .ui-state-default,
body.acb .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: linear-gradient(to top, #e1f0fb 0%, #d4eafa 90%);
  font-weight: normal;
  color: #1b2350;
}
body.acb .ui-state-default i,
body.acb .ui-widget-content .ui-state-default i,
body.acb .ui-widget-header .ui-state-default i {
  color: #1b2350;
}
body.acb .ui-jqgrid-labels {
  background: linear-gradient(to top, #e1f0fb 0%, #d4eafa 90%);
}
body.acb .ui-state-hover,
body.acb .ui-widget-content .ui-state-hover,
body.acb .ui-widget-header .ui-state-hover,
body.acb .ui-state-focus,
body.acb .ui-widget-content .ui-state-focus,
body.acb .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #009fe3;
}
body.acb .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.acb .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.acb .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.acb .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.acb .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.acb .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #009fe3;
}
body.acb .ui-state-hover i,
body.acb .ui-widget-content .ui-state-hover i,
body.acb .ui-widget-header .ui-state-hover i,
body.acb .ui-state-focus i,
body.acb .ui-widget-content .ui-state-focus i,
body.acb .ui-widget-header .ui-state-focus i {
  color: #009fe3;
}
body.acb .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.acb a:hover {
  color: #009fe3;
  text-decoration: none;
}
body.acb a:hover > i {
  color: #009fe3;
}
body.acb a,
body.acb .link {
  text-decoration: none;
  color: #333;
}
body.acb a i,
body.acb .link i {
  margin-left: 5px;
}
body.acb a:hover,
body.acb .link:hover {
  color: #009fe3;
}
body.acb #page #sidebar {
  border-right: 5px solid #01359C !important;
}
body.acb #page #sidebar header {
  background-color: #fff;
}
body.acb #page #sidebar header:before {
  background-image: url("images/acb/logo.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.acb .header-bar > ul > li > a.active {
  color: #133b87 !important;
}
body.acb #menu li a .flag {
  background: #009fe3;
}
body.acb #menu li a.active .flag {
  background: #133b87;
}
body.acb #menu > ul > li > a {
  background-color: #1b2350;
}
body.acb #tabs li.tab.active {
  border-top: 5px solid #133b87 !important;
}
body.acb #tabs li.tab:hover {
  border-top: 5px solid #009fe3 !important;
}
body.acb .ui-row-ltr.ui-state-hover,
body.acb .ui-row-ltr.ui-state-highlight {
  color: #009fe3;
  background: #d2e0f9 50% 50% repeat-x;
}
body.acb .ui-datepicker-header .ui-state-hover {
  background-color: #1b2350;
  border: none;
}
body.acb .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.acb fieldset .legendButtons span.ui-icon {
  background-image: url(../Images/icones/legend-ui-icons.png) !important;
}
body.acb #page #sidebar header i:hover {
  background-color: #009fe3 !important;
}
body.acb .ui-state-active {
  border-color: #ACADAD !important;
  background: #fff !important;
  color: #ACADAD !important;
}
body.acb .ui-state-active a,
body.acb .ui-state-active a:link,
body.acb .ui-state-active a:visited {
  color: #009fe3;
}
body.acb .ui-state-default a,
body.acb .ui-state-default a:link,
body.acb .ui-state-default a:visited {
  color: #1b2350;
}
body.acb .btnLoupe {
  color: #1b2350;
}
body.acb .btnLoupe:hover {
  color: #009fe3;
}
body.acb .fa-refresh:hover {
  color: #1b2350 !important;
}
body.acb .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.acb .hasDatepicker + button:before {
  content: "\f073";
}
body.acb .hasDatepicker + buttonimg {
  display: none;
}
body.acb .hasDatepicker + button:hover {
  color: #009fe3;
}
body.acb .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.acb .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.acb .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.acb .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #009fe3;
}
body.acb .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.acb .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.acb .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #009fe3;
}
body.acb .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.acb .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.acb .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #009fe3;
  background: none;
}
body.acb .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.acb .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.acb .ui-icon.ui-icon-asc:hover {
  color: #009fe3;
  background: none;
  padding: 0px !important;
}
body.acb .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.acb .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.acb .ui-icon.ui-icon-desc:hover {
  color: #009fe3;
  background: none;
  padding: 0px;
}
body.acb .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.acb .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.acb .ui-icon.ui-icon-search:hover {
  color: #009fe3;
  background: none;
}
body.acb .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.acb .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.acb .ui-icon.ui-icon-refresh:hover {
  color: #009fe3;
  background: none;
}
body.acb .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.acb .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.acb .ui-icon.ui-icon-seek-first:hover {
  color: #009fe3;
  background: none;
}
body.acb .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.acb .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.acb .ui-icon.ui-icon-seek-end:hover {
  color: #009fe3;
  background: none;
}
body.acb .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.acb .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.acb .ui-icon.ui-icon-seek-prev:hover {
  color: #009fe3;
  background: none;
}
body.acb .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.acb .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.acb .ui-icon.ui-icon-seek-next:hover {
  color: #009fe3;
  background: none;
}
body.acb .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.acb .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.acb .ui-icon.ui-icon-plus:hover {
  color: #009fe3;
  background: none;
}
body.acb .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1b2350;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.acb .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.acb .ui-icon.ui-icon-minus:hover {
  color: #009fe3;
  background: none;
}
body.acb #infoMouvements table td {
  padding: 5px !important;
}
body.acb #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.acb #conteneurEntier > * {
  width: 100%;
}
body.acb #conteneurEntier > img:first-of-type {
  display: none;
}
body.acb #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.acb #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.acb .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.acb .closebtn:hover {
  color: black;
}
body.acb .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.acb .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.acb #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.acb #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.acb #submitOk:hover {
  background: #357ebd !important;
}
body.acb .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.acb .btn-close:hover {
  color: #919191;
}
body.acb #modalRapport {
  display: none;
}
body.acb .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.acb .modalRapport:target:before {
  display: block;
}
body.acb .modalRapport:target .ModalDialog {
  top: 20%;
}
body.acb .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.acb .contenuModalRppt {
  padding: 20px;
}
body.acb .modal-header,
body.acb .footerModalRppt {
  padding: 10px 20px;
}
body.acb .modal-header {
  border-bottom: #eee solid 1px;
}
body.acb .modal-header h2 {
  font-size: 20px;
}
body.acb .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.acb .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.acb .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.acb .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.acb .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.acb .identityModule td {
  border: 0;
}
body.acb .tableauIdentity {
  width: 480px;
}
body.acb .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.acb .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.acb .identityModule #donnees {
  font-size: 12px;
}
body.acb .identiteModule td {
  padding: 3px;
}
body.acb .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.acb .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.acb .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.acb .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.acb .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.acb .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.acb .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.acb .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.acb .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.acb .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.acb .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.acb .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.acb .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.acb .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.acb .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.acb .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.acb .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.acb .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.acb .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.acb .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.acb .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.acb .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.acb .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.acb .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.acb .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.acb .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.acb .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.acb .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.acb .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.acb .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.acb .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.acb .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.acb .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.acb .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.acb .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.acb .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.acb .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.acb .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.acb .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.acb .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.acb .lienPDF:hover {
  text-decoration: none;
}
body.acb .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.acb .lienCommander:hover {
  text-decoration: none;
}
body.acb .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.acb .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.acb .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.acb .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.acb .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.acb .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.acb .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.acb .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.acb .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.acb .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.acb .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.acb .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.acb .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.acb .lienPlusInfo:hover {
  text-decoration: none;
}
body.acb .lienPDF:link,
body.acb lienPDF:visited,
body.acb lienPDF:hover,
body.acb lienPDF:active {
  text-decoration: underline;
}
body.acb .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.acb .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.acb .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.acb .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.acb .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.acb .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.acb .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.acb .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.acb .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.acb #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.acb #activerData:hover {
  background-color: #4caf50 !important;
}
body.acb #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.acb #desactiverData:hover {
  background-color: #f44336 !important;
}
body.acb #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.acb #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/* jqgrid */
/*Icon color reduce*/
/*BOUTONS*/
/*modal synchro*/
body.advalorem {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.advalorem .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.advalorem .slide-range {
  width: 50px;
}
body.advalorem fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #4D90A0;
}
body.advalorem .ui-widget-header {
  border-color: #4D90A0;
  background: #4D90A0;
  color: #fff;
  font-weight: bold;
}
body.advalorem .ui-widget-header i,
body.advalorem .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.advalorem .ui-widget-header i:hover,
body.advalorem .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.advalorem .ui-widget-header:hover {
  color: #fff;
}
body.advalorem .ui-widget-header:hover i {
  color: #fff;
}
body.advalorem .timeline .click-hover:hover {
  color: #1f76a1;
  cursor: pointer;
}
body.advalorem .ui-panel {
  border-color: #4D90A0;
  background: #4D90A0;
  color: #fff;
  font-weight: bold;
}
body.advalorem .ui-panel .click-hover:hover {
  color: #1f76a1;
  cursor: pointer;
}
body.advalorem .ui-panel i {
  color: #fff;
}
body.advalorem .ui-panel i:hover {
  color: #fff;
}
body.advalorem .ui-panel .highlight-text {
  color: #1f76a1;
}
body.advalorem .ui-panel:hover {
  color: #fff;
}
body.advalorem .ui-panel:hover i {
  color: #fff;
}
body.advalorem .ui-state-default,
body.advalorem .ui-widget-content .ui-state-default,
body.advalorem .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: linear-gradient(to top, #CFE1EF 0%, #d4eafa 90%);
  font-weight: normal;
  color: #1f76a1;
}
body.advalorem .ui-state-default i,
body.advalorem .ui-widget-content .ui-state-default i,
body.advalorem .ui-widget-header .ui-state-default i {
  color: #1f76a1;
}
body.advalorem .ui-jqgrid-labels {
  background: linear-gradient(to top, #CFE1EF 0%, #d4eafa 90%);
}
body.advalorem .ui-state-hover,
body.advalorem .ui-widget-content .ui-state-hover,
body.advalorem .ui-widget-header .ui-state-hover,
body.advalorem .ui-state-focus,
body.advalorem .ui-widget-content .ui-state-focus,
body.advalorem .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #1f76a1;
}
body.advalorem .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.advalorem .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.advalorem .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.advalorem .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.advalorem .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.advalorem .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #1f76a1;
}
body.advalorem .ui-state-hover i,
body.advalorem .ui-widget-content .ui-state-hover i,
body.advalorem .ui-widget-header .ui-state-hover i,
body.advalorem .ui-state-focus i,
body.advalorem .ui-widget-content .ui-state-focus i,
body.advalorem .ui-widget-header .ui-state-focus i {
  color: #1f76a1;
}
body.advalorem .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.advalorem a:hover {
  color: #46AED1;
  text-decoration: none;
}
body.advalorem a:hover > i {
  color: #46AED1;
}
body.advalorem a,
body.advalorem .link {
  text-decoration: none;
  color: #333;
}
body.advalorem a i,
body.advalorem .link i {
  margin-left: 5px;
}
body.advalorem a:hover,
body.advalorem .link:hover {
  color: #46AED1;
}
body.advalorem #page #sidebar {
  border-right: 5px solid #213F95 !important;
}
body.advalorem #page #sidebar header {
  background-color: #fff;
}
body.advalorem #page #sidebar header:before {
  background-image: url("images/advalorem/logo.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.advalorem .header-bar > ul > li > a.active {
  color: #1f76a1 !important;
}
body.advalorem #menu li a .flag {
  background: #213F95;
}
body.advalorem #menu li a.active .flag {
  background: #1f76a1;
}
body.advalorem #menu > ul > li > a {
  background-color: #4D90A0;
}
body.advalorem #tabs li.tab.active {
  border-top: 5px solid #1f76a1 !important;
}
body.advalorem #tabs li.tab:hover {
  border-top: 5px solid #213F95 !important;
}
body.advalorem .ui-row-ltr.ui-state-hover,
body.advalorem .ui-row-ltr.ui-state-highlight {
  color: #1f76a1;
  background: #d6ebf0 50% 50% repeat-x;
}
body.advalorem .ui-datepicker-header .ui-state-hover {
  background-color: #4D90A0;
  border: none;
}
body.advalorem .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.advalorem fieldset .legendButtons span.ui-icon {
  background-image: url(../Images/icones/legend-ui-icons.png) !important;
}
body.advalorem #page #sidebar header i:hover {
  background-color: #213F95 !important;
}
body.advalorem .ui-state-active {
  border-color: #1f76a1 !important;
  background: #fff !important;
  color: #1f76a1 !important;
}
body.advalorem .ui-state-active a,
body.advalorem .ui-state-active a:link,
body.advalorem .ui-state-active a:visited {
  color: #1f76a1;
}
body.advalorem .ui-state-default a,
body.advalorem .ui-state-default a:link,
body.advalorem .ui-state-default a:visited {
  color: #1f76a1;
}
body.advalorem .btnLoupe {
  color: #1f76a1;
}
body.advalorem .btnLoupe:hover {
  color: #1f76a1;
}
body.advalorem .fa-refresh:hover {
  color: #1f76a1 !important;
}
body.advalorem .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.advalorem .hasDatepicker + button:before {
  content: "\f073";
}
body.advalorem .hasDatepicker + buttonimg {
  display: none;
}
body.advalorem .hasDatepicker + button:hover {
  color: #1f76a1;
}
body.advalorem .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.advalorem .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.advalorem .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.advalorem .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #1f76a1;
}
body.advalorem .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.advalorem .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.advalorem .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #1f76a1;
}
body.advalorem .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.advalorem .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.advalorem .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #1f76a1;
  background: none;
}
body.advalorem .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.advalorem .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.advalorem .ui-icon.ui-icon-asc:hover {
  color: #1f76a1;
  background: none;
  padding: 0px !important;
}
body.advalorem .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.advalorem .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.advalorem .ui-icon.ui-icon-desc:hover {
  color: #1f76a1;
  background: none;
  padding: 0px;
}
body.advalorem .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.advalorem .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.advalorem .ui-icon.ui-icon-search:hover {
  color: #1f76a1;
  background: none;
}
body.advalorem .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.advalorem .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.advalorem .ui-icon.ui-icon-refresh:hover {
  color: #1f76a1;
  background: none;
}
body.advalorem .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.advalorem .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.advalorem .ui-icon.ui-icon-seek-first:hover {
  color: #1f76a1;
  background: none;
}
body.advalorem .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.advalorem .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.advalorem .ui-icon.ui-icon-seek-end:hover {
  color: #1f76a1;
  background: none;
}
body.advalorem .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.advalorem .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.advalorem .ui-icon.ui-icon-seek-prev:hover {
  color: #1f76a1;
  background: none;
}
body.advalorem .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.advalorem .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.advalorem .ui-icon.ui-icon-seek-next:hover {
  color: #1f76a1;
  background: none;
}
body.advalorem .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.advalorem .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.advalorem .ui-icon.ui-icon-plus:hover {
  color: #1f76a1;
  background: none;
}
body.advalorem .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.advalorem .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.advalorem .ui-icon.ui-icon-minus:hover {
  color: #1f76a1;
  background: none;
}
body.advalorem #infoMouvements table td {
  padding: 5px !important;
}
body.advalorem #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.advalorem #conteneurEntier > * {
  width: 100%;
}
body.advalorem #conteneurEntier > img:first-of-type {
  display: none;
}
body.advalorem #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.advalorem #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.advalorem .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.advalorem .closebtn:hover {
  color: black;
}
body.advalorem .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.advalorem .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.advalorem #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.advalorem #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.advalorem #submitOk:hover {
  background: #357ebd !important;
}
body.advalorem .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.advalorem .btn-close:hover {
  color: #919191;
}
body.advalorem #modalRapport {
  display: none;
}
body.advalorem .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.advalorem .modalRapport:target:before {
  display: block;
}
body.advalorem .modalRapport:target .ModalDialog {
  top: 20%;
}
body.advalorem .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.advalorem .contenuModalRppt {
  padding: 20px;
}
body.advalorem .modal-header,
body.advalorem .footerModalRppt {
  padding: 10px 20px;
}
body.advalorem .modal-header {
  border-bottom: #eee solid 1px;
}
body.advalorem .modal-header h2 {
  font-size: 20px;
}
body.advalorem .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.advalorem .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.advalorem .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.advalorem .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.advalorem .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.advalorem .identityModule td {
  border: 0;
}
body.advalorem .tableauIdentity {
  width: 480px;
}
body.advalorem .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.advalorem .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.advalorem .identityModule #donnees {
  font-size: 12px;
}
body.advalorem .identiteModule td {
  padding: 3px;
}
body.advalorem .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.advalorem .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.advalorem .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.advalorem .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.advalorem .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.advalorem .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.advalorem .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.advalorem .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.advalorem .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.advalorem .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.advalorem .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.advalorem .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.advalorem .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.advalorem .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.advalorem .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.advalorem .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.advalorem .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.advalorem .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.advalorem .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.advalorem .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.advalorem .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.advalorem .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.advalorem .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.advalorem .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.advalorem .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.advalorem .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.advalorem .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.advalorem .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.advalorem .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.advalorem .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.advalorem .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.advalorem .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.advalorem .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.advalorem .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.advalorem .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.advalorem .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.advalorem .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.advalorem .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.advalorem .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.advalorem .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.advalorem .lienPDF:hover {
  text-decoration: none;
}
body.advalorem .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.advalorem .lienCommander:hover {
  text-decoration: none;
}
body.advalorem .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.advalorem .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.advalorem .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.advalorem .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.advalorem .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.advalorem .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.advalorem .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.advalorem .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.advalorem .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.advalorem .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.advalorem .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.advalorem .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.advalorem .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.advalorem .lienPlusInfo:hover {
  text-decoration: none;
}
body.advalorem .lienPDF:link,
body.advalorem lienPDF:visited,
body.advalorem lienPDF:hover,
body.advalorem lienPDF:active {
  text-decoration: underline;
}
body.advalorem .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.advalorem .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.advalorem .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.advalorem .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.advalorem .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.advalorem .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.advalorem .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.advalorem .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.advalorem .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.advalorem #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.advalorem #activerData:hover {
  background-color: #4caf50 !important;
}
body.advalorem #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.advalorem #desactiverData:hover {
  background-color: #f44336 !important;
}
body.advalorem #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.advalorem #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME RESTORIA
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*Icon color jquery ui*/
/*BOUTONS*/
/*modal synchro*/
body.brake {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.brake .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.brake .slide-range {
  width: 50px;
}
body.brake fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: rgba(0, 105, 53, 0.9);
}
body.brake .ui-widget-header {
  border-color: rgba(0, 105, 53, 0.9);
  background: rgba(0, 105, 53, 0.9);
  color: #fff;
  font-weight: bold;
}
body.brake .ui-widget-header i,
body.brake .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.brake .ui-widget-header i:hover,
body.brake .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.brake .ui-widget-header:hover {
  color: #fff;
}
body.brake .ui-widget-header:hover i {
  color: #fff;
}
body.brake .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.brake .ui-panel {
  border-color: rgba(0, 105, 53, 0.9);
  background: rgba(0, 105, 53, 0.9);
  color: #fff;
  font-weight: bold;
}
body.brake .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.brake .ui-panel i {
  color: #fff;
}
body.brake .ui-panel i:hover {
  color: #fff;
}
body.brake .ui-panel .highlight-text {
  color: #f08a00;
}
body.brake .ui-panel:hover {
  color: #fff;
}
body.brake .ui-panel:hover i {
  color: #fff;
}
body.brake .ui-state-default,
body.brake .ui-widget-content .ui-state-default,
body.brake .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: rgba(132, 183, 26, 0.1);
  font-weight: normal;
  color: #000;
}
body.brake .ui-state-default i,
body.brake .ui-widget-content .ui-state-default i,
body.brake .ui-widget-header .ui-state-default i {
  color: rgba(0, 105, 53, 0.9);
}
body.brake .ui-jqgrid-labels {
  background: #fff;
}
body.brake .ui-state-hover,
body.brake .ui-widget-content .ui-state-hover,
body.brake .ui-widget-header .ui-state-hover,
body.brake .ui-state-focus,
body.brake .ui-widget-content .ui-state-focus,
body.brake .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: rgba(0, 105, 53, 0.9);
}
body.brake .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.brake .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.brake .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.brake .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.brake .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.brake .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: rgba(0, 105, 53, 0.9);
}
body.brake .ui-state-hover i,
body.brake .ui-widget-content .ui-state-hover i,
body.brake .ui-widget-header .ui-state-hover i,
body.brake .ui-state-focus i,
body.brake .ui-widget-content .ui-state-focus i,
body.brake .ui-widget-header .ui-state-focus i {
  color: rgba(0, 105, 53, 0.9);
}
body.brake .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.brake a:hover {
  color: rgba(0, 105, 53, 0.9);
  text-decoration: none;
}
body.brake a:hover > i {
  color: rgba(0, 105, 53, 0.9);
}
body.brake a,
body.brake .link {
  text-decoration: none;
  color: #333;
}
body.brake a i,
body.brake .link i {
  margin-left: 5px;
}
body.brake a:hover,
body.brake .link:hover {
  color: rgba(0, 105, 53, 0.9);
}
body.brake #page #sidebar {
  border-right: 5px solid rgba(0, 105, 53, 0.9) !important;
}
body.brake #page #sidebar header {
  background-color: #006935;
}
body.brake #page #sidebar header:before {
  background-image: url("images/brake/logo.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.brake .header-bar > ul > li > a.active {
  color: rgba(0, 105, 53, 0.9) !important;
}
body.brake #menu li a .flag {
  background: rgba(0, 105, 53, 0.9);
}
body.brake #menu li a.active .flag {
  background: rgba(0, 105, 53, 0.9);
}
body.brake #menu > ul > li > a {
  background-color: rgba(0, 105, 53, 0.9);
}
body.brake #tabs li.tab.active {
  border-top: 5px solid rgba(0, 105, 53, 0.9) !important;
}
body.brake #tabs li.tab:hover {
  border-top: 5px solid rgba(0, 105, 53, 0.9) !important;
}
body.brake .ui-row-ltr.ui-state-hover,
body.brake .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #fbe3bf 50% 50% repeat-x;
}
body.brake .ui-datepicker-header .ui-state-hover {
  background-color: rgba(0, 105, 53, 0.9);
  border: none;
}
body.brake .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.brake fieldset .legendButtons span.ui-icon {
  background-image: url(../Lib/jQueryUI/images/ui-icons_ffffff_256x240.png) !important;
}
body.brake #page #sidebar header i:hover {
  background-color: rgba(0, 105, 53, 0.9) !important;
}
body.brake .ui-state-active {
  border-color: rgba(0, 105, 53, 0.9) !important;
  background: #fff !important;
  color: rgba(0, 105, 53, 0.9) !important;
}
body.brake .ui-state-active a,
body.brake .ui-state-active a:link,
body.brake .ui-state-active a:visited {
  color: rgba(0, 105, 53, 0.9);
}
body.brake .ui-state-default a,
body.brake .ui-state-default a:link,
body.brake .ui-state-default a:visited {
  color: rgba(0, 105, 53, 0.9);
}
body.brake .btnLoupe {
  color: rgba(0, 105, 53, 0.9);
}
body.brake .btnLoupe:hover {
  color: rgba(0, 105, 53, 0.9);
}
body.brake .fa-refresh:hover {
  color: rgba(0, 105, 53, 0.9) !important;
}
body.brake .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.brake .hasDatepicker + button:before {
  content: "\f073";
}
body.brake .hasDatepicker + buttonimg {
  display: none;
}
body.brake .hasDatepicker + button:hover {
  color: rgba(0, 105, 53, 0.9);
}
body.brake .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.brake .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.brake .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.brake .ui-icon.ui-icon-circle-triangle-e:hover {
  color: rgba(0, 105, 53, 0.9);
}
body.brake .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.brake .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.brake .ui-icon.ui-icon-circle-triangle-w:hover {
  color: rgba(0, 105, 53, 0.9);
}
body.brake .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.brake .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.brake .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
}
body.brake .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.brake .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.brake .ui-icon.ui-icon-asc:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
  padding: 0px !important;
}
body.brake .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.brake .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.brake .ui-icon.ui-icon-desc:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
  padding: 0px;
}
body.brake .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.brake .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.brake .ui-icon.ui-icon-search:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
}
body.brake .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.brake .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.brake .ui-icon.ui-icon-refresh:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
}
body.brake .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.brake .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.brake .ui-icon.ui-icon-seek-first:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
}
body.brake .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.brake .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.brake .ui-icon.ui-icon-seek-end:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
}
body.brake .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.brake .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.brake .ui-icon.ui-icon-seek-prev:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
}
body.brake .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.brake .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.brake .ui-icon.ui-icon-seek-next:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
}
body.brake .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.brake .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.brake .ui-icon.ui-icon-plus:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
}
body.brake .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 105, 53, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.brake .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.brake .ui-icon.ui-icon-minus:hover {
  color: rgba(0, 105, 53, 0.9);
  background: none;
}
body.brake #infoMouvements table td {
  padding: 5px !important;
}
body.brake #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.brake #conteneurEntier > * {
  width: 100%;
}
body.brake #conteneurEntier > img:first-of-type {
  display: none;
}
body.brake #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.brake #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.brake .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.brake .closebtn:hover {
  color: black;
}
body.brake .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.brake .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.brake #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.brake #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.brake #submitOk:hover {
  background: #357ebd !important;
}
body.brake .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.brake .btn-close:hover {
  color: #919191;
}
body.brake #modalRapport {
  display: none;
}
body.brake .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.brake .modalRapport:target:before {
  display: block;
}
body.brake .modalRapport:target .ModalDialog {
  top: 20%;
}
body.brake .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.brake .contenuModalRppt {
  padding: 20px;
}
body.brake .modal-header,
body.brake .footerModalRppt {
  padding: 10px 20px;
}
body.brake .modal-header {
  border-bottom: #eee solid 1px;
}
body.brake .modal-header h2 {
  font-size: 20px;
}
body.brake .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.brake .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.brake .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.brake .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.brake .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.brake .identityModule td {
  border: 0;
}
body.brake .tableauIdentity {
  width: 480px;
}
body.brake .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.brake .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.brake .identityModule #donnees {
  font-size: 12px;
}
body.brake .identiteModule td {
  padding: 3px;
}
body.brake .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.brake .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.brake .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.brake .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.brake .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.brake .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.brake .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.brake .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.brake .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.brake .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.brake .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.brake .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.brake .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.brake .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.brake .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.brake .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.brake .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.brake .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.brake .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.brake .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.brake .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.brake .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.brake .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.brake .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.brake .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.brake .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.brake .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.brake .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.brake .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.brake .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.brake .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.brake .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.brake .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.brake .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.brake .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.brake .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.brake .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.brake .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.brake .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.brake .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.brake .lienPDF:hover {
  text-decoration: none;
}
body.brake .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.brake .lienCommander:hover {
  text-decoration: none;
}
body.brake .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.brake .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.brake .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.brake .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.brake .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.brake .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.brake .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.brake .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.brake .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.brake .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.brake .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.brake .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.brake .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.brake .lienPlusInfo:hover {
  text-decoration: none;
}
body.brake .lienPDF:link,
body.brake lienPDF:visited,
body.brake lienPDF:hover,
body.brake lienPDF:active {
  text-decoration: underline;
}
body.brake .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.brake .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.brake .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.brake .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.brake .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.brake .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.brake .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.brake .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.brake .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.brake #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.brake #activerData:hover {
  background-color: #4caf50 !important;
}
body.brake #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.brake #desactiverData:hover {
  background-color: #f44336 !important;
}
body.brake #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.brake #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME RESTORIA
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*Icon color jquery ui*/
/*BOUTONS*/
/*modal synchro*/
body.cedre {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.cedre .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.cedre .slide-range {
  width: 50px;
}
body.cedre fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: rgba(0, 76, 145, 0.9);
}
body.cedre .ui-widget-header {
  border-color: rgba(0, 76, 145, 0.9);
  background: rgba(0, 76, 145, 0.9);
  color: #fff;
  font-weight: bold;
}
body.cedre .ui-widget-header i,
body.cedre .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.cedre .ui-widget-header i:hover,
body.cedre .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.cedre .ui-widget-header:hover {
  color: #fff;
}
body.cedre .ui-widget-header:hover i {
  color: #fff;
}
body.cedre .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.cedre .ui-panel {
  border-color: rgba(0, 76, 145, 0.9);
  background: rgba(0, 76, 145, 0.9);
  color: #fff;
  font-weight: bold;
}
body.cedre .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.cedre .ui-panel i {
  color: #fff;
}
body.cedre .ui-panel i:hover {
  color: #fff;
}
body.cedre .ui-panel .highlight-text {
  color: #f08a00;
}
body.cedre .ui-panel:hover {
  color: #fff;
}
body.cedre .ui-panel:hover i {
  color: #fff;
}
body.cedre .ui-state-default,
body.cedre .ui-widget-content .ui-state-default,
body.cedre .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: rgba(0, 76, 145, 0.1);
  font-weight: normal;
  color: #000;
}
body.cedre .ui-state-default i,
body.cedre .ui-widget-content .ui-state-default i,
body.cedre .ui-widget-header .ui-state-default i {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre .ui-jqgrid-labels {
  background: #fff;
}
body.cedre .ui-state-hover,
body.cedre .ui-widget-content .ui-state-hover,
body.cedre .ui-widget-header .ui-state-hover,
body.cedre .ui-state-focus,
body.cedre .ui-widget-content .ui-state-focus,
body.cedre .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: rgba(150, 190, 17, 0.9);
}
body.cedre .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.cedre .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.cedre .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.cedre .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.cedre .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.cedre .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: rgba(0, 76, 145, 0.9);
}
body.cedre .ui-state-hover i,
body.cedre .ui-widget-content .ui-state-hover i,
body.cedre .ui-widget-header .ui-state-hover i,
body.cedre .ui-state-focus i,
body.cedre .ui-widget-content .ui-state-focus i,
body.cedre .ui-widget-header .ui-state-focus i {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.cedre a:hover {
  color: rgba(0, 76, 145, 0.9);
  text-decoration: none;
}
body.cedre a:hover > i {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre a,
body.cedre .link {
  text-decoration: none;
  color: #333;
}
body.cedre a i,
body.cedre .link i {
  margin-left: 5px;
}
body.cedre a:hover,
body.cedre .link:hover {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre #page #sidebar {
  border-right: 5px solid rgba(150, 190, 17, 0.9) !important;
}
body.cedre #page #sidebar header {
  background-color: #fff /*rgba(0, 76, 145  , 1 )*/;
}
body.cedre #page #sidebar header:before {
  background-image: url("images/cedre/logo.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.cedre .header-bar > ul > li > a.active {
  color: rgba(150, 190, 17, 0.9) !important;
}
body.cedre #menu li a .flag {
  background: rgba(150, 190, 17, 0.9);
}
body.cedre #menu li a.active .flag {
  background: rgba(150, 190, 17, 0.9);
}
body.cedre #menu > ul > li > a {
  background-color: rgba(0, 76, 145, 0.9);
}
body.cedre #tabs li.tab.active {
  border-top: 5px solid rgba(150, 190, 17, 0.9) !important;
}
body.cedre #tabs li.tab:hover {
  border-top: 5px solid rgba(150, 190, 17, 0.9) !important;
}
body.cedre .ui-row-ltr.ui-state-hover,
body.cedre .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #fbe3bf 50% 50% repeat-x;
}
body.cedre .ui-datepicker-header .ui-state-hover {
  background-color: rgba(0, 76, 145, 0.9);
  border: none;
}
body.cedre .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.cedre fieldset .legendButtons span.ui-icon {
  background-image: url(../Lib/jQueryUI/images/ui-icons_ffffff_256x240.png) !important;
}
body.cedre #page #sidebar header i:hover {
  background-color: rgba(150, 190, 17, 0.9) !important;
}
body.cedre .ui-state-active {
  border-color: rgba(0, 76, 145, 0.9) !important;
  background: #fff !important;
  color: rgba(0, 76, 145, 0.9) !important;
}
body.cedre .ui-state-active a,
body.cedre .ui-state-active a:link,
body.cedre .ui-state-active a:visited {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre .ui-state-default a,
body.cedre .ui-state-default a:link,
body.cedre .ui-state-default a:visited {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre .btnLoupe {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre .btnLoupe:hover {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre .fa-refresh:hover {
  color: rgba(0, 76, 145, 0.9) !important;
}
body.cedre .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.cedre .hasDatepicker + button:before {
  content: "\f073";
}
body.cedre .hasDatepicker + buttonimg {
  display: none;
}
body.cedre .hasDatepicker + button:hover {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.cedre .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.cedre .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.cedre .ui-icon.ui-icon-circle-triangle-e:hover {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.cedre .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.cedre .ui-icon.ui-icon-circle-triangle-w:hover {
  color: rgba(0, 76, 145, 0.9);
}
body.cedre .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.cedre .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.cedre .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
}
body.cedre .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.cedre .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.cedre .ui-icon.ui-icon-asc:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
  padding: 0px !important;
}
body.cedre .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.cedre .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.cedre .ui-icon.ui-icon-desc:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
  padding: 0px;
}
body.cedre .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.cedre .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.cedre .ui-icon.ui-icon-search:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
}
body.cedre .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.cedre .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.cedre .ui-icon.ui-icon-refresh:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
}
body.cedre .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.cedre .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.cedre .ui-icon.ui-icon-seek-first:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
}
body.cedre .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.cedre .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.cedre .ui-icon.ui-icon-seek-end:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
}
body.cedre .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.cedre .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.cedre .ui-icon.ui-icon-seek-prev:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
}
body.cedre .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.cedre .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.cedre .ui-icon.ui-icon-seek-next:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
}
body.cedre .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.cedre .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.cedre .ui-icon.ui-icon-plus:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
}
body.cedre .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 76, 145, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.cedre .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.cedre .ui-icon.ui-icon-minus:hover {
  color: rgba(0, 76, 145, 0.9);
  background: none;
}
body.cedre #infoMouvements table td {
  padding: 5px !important;
}
body.cedre #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.cedre #conteneurEntier > * {
  width: 100%;
}
body.cedre #conteneurEntier > img:first-of-type {
  display: none;
}
body.cedre #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.cedre #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.cedre .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.cedre .closebtn:hover {
  color: black;
}
body.cedre .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.cedre .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.cedre #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.cedre #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.cedre #submitOk:hover {
  background: #357ebd !important;
}
body.cedre .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.cedre .btn-close:hover {
  color: #919191;
}
body.cedre #modalRapport {
  display: none;
}
body.cedre .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.cedre .modalRapport:target:before {
  display: block;
}
body.cedre .modalRapport:target .ModalDialog {
  top: 20%;
}
body.cedre .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.cedre .contenuModalRppt {
  padding: 20px;
}
body.cedre .modal-header,
body.cedre .footerModalRppt {
  padding: 10px 20px;
}
body.cedre .modal-header {
  border-bottom: #eee solid 1px;
}
body.cedre .modal-header h2 {
  font-size: 20px;
}
body.cedre .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.cedre .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.cedre .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.cedre .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.cedre .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.cedre .identityModule td {
  border: 0;
}
body.cedre .tableauIdentity {
  width: 480px;
}
body.cedre .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.cedre .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.cedre .identityModule #donnees {
  font-size: 12px;
}
body.cedre .identiteModule td {
  padding: 3px;
}
body.cedre .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.cedre .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.cedre .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.cedre .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.cedre .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.cedre .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.cedre .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.cedre .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.cedre .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.cedre .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.cedre .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.cedre .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.cedre .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.cedre .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.cedre .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.cedre .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.cedre .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.cedre .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.cedre .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.cedre .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.cedre .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.cedre .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.cedre .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.cedre .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.cedre .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.cedre .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.cedre .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.cedre .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.cedre .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.cedre .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.cedre .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.cedre .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.cedre .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.cedre .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.cedre .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.cedre .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.cedre .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.cedre .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.cedre .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.cedre .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.cedre .lienPDF:hover {
  text-decoration: none;
}
body.cedre .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.cedre .lienCommander:hover {
  text-decoration: none;
}
body.cedre .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.cedre .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.cedre .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.cedre .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.cedre .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.cedre .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.cedre .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.cedre .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.cedre .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.cedre .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.cedre .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.cedre .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.cedre .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.cedre .lienPlusInfo:hover {
  text-decoration: none;
}
body.cedre .lienPDF:link,
body.cedre lienPDF:visited,
body.cedre lienPDF:hover,
body.cedre lienPDF:active {
  text-decoration: underline;
}
body.cedre .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.cedre .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.cedre .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.cedre .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.cedre .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.cedre .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.cedre .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.cedre .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.cedre .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.cedre #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.cedre #activerData:hover {
  background-color: #4caf50 !important;
}
body.cedre #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.cedre #desactiverData:hover {
  background-color: #f44336 !important;
}
body.cedre #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.cedre #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME DEFAMETAL
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*Icon color jquery ui*/
/*BOUTONS*/
/*modal synchro*/
body.defametal {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.defametal .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.defametal .slide-range {
  width: 50px;
}
body.defametal fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #0087B4;
}
body.defametal .ui-widget-header {
  border-color: #0087B4;
  background: #0087B4;
  color: #fff;
  font-weight: bold;
}
body.defametal .ui-widget-header i,
body.defametal .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.defametal .ui-widget-header i:hover,
body.defametal .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.defametal .ui-widget-header:hover {
  color: #fff;
}
body.defametal .ui-widget-header:hover i {
  color: #fff;
}
body.defametal .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.defametal .ui-panel {
  border-color: #0087B4;
  background: #0087B4;
  color: #fff;
  font-weight: bold;
}
body.defametal .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.defametal .ui-panel i {
  color: #fff;
}
body.defametal .ui-panel i:hover {
  color: #fff;
}
body.defametal .ui-panel .highlight-text {
  color: #f08a00;
}
body.defametal .ui-panel:hover {
  color: #fff;
}
body.defametal .ui-panel:hover i {
  color: #fff;
}
body.defametal .ui-state-default,
body.defametal .ui-widget-content .ui-state-default,
body.defametal .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: #fff;
  font-weight: normal;
  color: #000;
}
body.defametal .ui-state-default i,
body.defametal .ui-widget-content .ui-state-default i,
body.defametal .ui-widget-header .ui-state-default i {
  color: #0087B4;
}
body.defametal .ui-jqgrid-labels {
  background: #fff;
}
body.defametal .ui-state-hover,
body.defametal .ui-widget-content .ui-state-hover,
body.defametal .ui-widget-header .ui-state-hover,
body.defametal .ui-state-focus,
body.defametal .ui-widget-content .ui-state-focus,
body.defametal .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #26697F;
}
body.defametal .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.defametal .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.defametal .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.defametal .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.defametal .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.defametal .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #26697F;
}
body.defametal .ui-state-hover i,
body.defametal .ui-widget-content .ui-state-hover i,
body.defametal .ui-widget-header .ui-state-hover i,
body.defametal .ui-state-focus i,
body.defametal .ui-widget-content .ui-state-focus i,
body.defametal .ui-widget-header .ui-state-focus i {
  color: #26697F;
}
body.defametal .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.defametal a:hover {
  color: #26697F;
  text-decoration: none;
}
body.defametal a:hover > i {
  color: #26697F;
}
body.defametal a,
body.defametal .link {
  text-decoration: none;
  color: #333;
}
body.defametal a i,
body.defametal .link i {
  margin-left: 5px;
}
body.defametal a:hover,
body.defametal .link:hover {
  color: #26697F;
}
body.defametal #page #sidebar {
  border-right: 5px solid #26697F !important;
}
body.defametal #page #sidebar header {
  background-color: #fff;
}
body.defametal #page #sidebar header:before {
  background-image: url("images/defametal/logo_header_small.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.defametal .header-bar > ul > li > a.active {
  color: #0087B4 !important;
}
body.defametal #menu li a .flag {
  background: #26697F;
}
body.defametal #menu li a.active .flag {
  background: #0087B4;
}
body.defametal #menu > ul > li > a {
  background-color: #0087B4;
}
body.defametal #tabs li.tab.active {
  border-top: 5px solid #0087B4 !important;
}
body.defametal #tabs li.tab:hover {
  border-top: 5px solid #26697F !important;
}
body.defametal .ui-row-ltr.ui-state-hover,
body.defametal .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #fbe3bf 50% 50% repeat-x;
}
body.defametal .ui-datepicker-header .ui-state-hover {
  background-color: #0087B4;
  border: none;
}
body.defametal .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.defametal fieldset .legendButtons span.ui-icon {
  background-image: url(../Lib/jQueryUI/images/ui-icons_ffffff_256x240.png) !important;
}
body.defametal #page #sidebar header i:hover {
  background-color: #26697F !important;
}
body.defametal .ui-state-active {
  border-color: #26697F !important;
  background: #fff !important;
  color: #26697F !important;
}
body.defametal .ui-state-active a,
body.defametal .ui-state-active a:link,
body.defametal .ui-state-active a:visited {
  color: #26697F;
}
body.defametal .ui-state-default a,
body.defametal .ui-state-default a:link,
body.defametal .ui-state-default a:visited {
  color: #0087B4;
}
body.defametal .btnLoupe {
  color: #0087B4;
}
body.defametal .btnLoupe:hover {
  color: #26697F;
}
body.defametal .fa-refresh:hover {
  color: #0087B4 !important;
}
body.defametal .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.defametal .hasDatepicker + button:before {
  content: "\f073";
}
body.defametal .hasDatepicker + buttonimg {
  display: none;
}
body.defametal .hasDatepicker + button:hover {
  color: #26697F;
}
body.defametal .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.defametal .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.defametal .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.defametal .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #26697F;
}
body.defametal .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.defametal .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.defametal .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #26697F;
}
body.defametal .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.defametal .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.defametal .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #26697F;
  background: none;
}
body.defametal .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.defametal .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.defametal .ui-icon.ui-icon-asc:hover {
  color: #26697F;
  background: none;
  padding: 0px !important;
}
body.defametal .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.defametal .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.defametal .ui-icon.ui-icon-desc:hover {
  color: #26697F;
  background: none;
  padding: 0px;
}
body.defametal .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.defametal .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.defametal .ui-icon.ui-icon-search:hover {
  color: #26697F;
  background: none;
}
body.defametal .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.defametal .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.defametal .ui-icon.ui-icon-refresh:hover {
  color: #26697F;
  background: none;
}
body.defametal .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.defametal .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.defametal .ui-icon.ui-icon-seek-first:hover {
  color: #26697F;
  background: none;
}
body.defametal .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.defametal .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.defametal .ui-icon.ui-icon-seek-end:hover {
  color: #26697F;
  background: none;
}
body.defametal .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.defametal .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.defametal .ui-icon.ui-icon-seek-prev:hover {
  color: #26697F;
  background: none;
}
body.defametal .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.defametal .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.defametal .ui-icon.ui-icon-seek-next:hover {
  color: #26697F;
  background: none;
}
body.defametal .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.defametal .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.defametal .ui-icon.ui-icon-plus:hover {
  color: #26697F;
  background: none;
}
body.defametal .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0087B4;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.defametal .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.defametal .ui-icon.ui-icon-minus:hover {
  color: #26697F;
  background: none;
}
body.defametal #infoMouvements table td {
  padding: 5px !important;
}
body.defametal #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.defametal #conteneurEntier > * {
  width: 100%;
}
body.defametal #conteneurEntier > img:first-of-type {
  display: none;
}
body.defametal #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.defametal #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.defametal .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.defametal .closebtn:hover {
  color: black;
}
body.defametal .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.defametal .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.defametal #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.defametal #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.defametal #submitOk:hover {
  background: #357ebd !important;
}
body.defametal .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.defametal .btn-close:hover {
  color: #919191;
}
body.defametal #modalRapport {
  display: none;
}
body.defametal .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.defametal .modalRapport:target:before {
  display: block;
}
body.defametal .modalRapport:target .ModalDialog {
  top: 20%;
}
body.defametal .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.defametal .contenuModalRppt {
  padding: 20px;
}
body.defametal .modal-header,
body.defametal .footerModalRppt {
  padding: 10px 20px;
}
body.defametal .modal-header {
  border-bottom: #eee solid 1px;
}
body.defametal .modal-header h2 {
  font-size: 20px;
}
body.defametal .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.defametal .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.defametal .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.defametal .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.defametal .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.defametal .identityModule td {
  border: 0;
}
body.defametal .tableauIdentity {
  width: 480px;
}
body.defametal .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.defametal .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.defametal .identityModule #donnees {
  font-size: 12px;
}
body.defametal .identiteModule td {
  padding: 3px;
}
body.defametal .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.defametal .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.defametal .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.defametal .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.defametal .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.defametal .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.defametal .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.defametal .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.defametal .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.defametal .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.defametal .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.defametal .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.defametal .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.defametal .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.defametal .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.defametal .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.defametal .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.defametal .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.defametal .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.defametal .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.defametal .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.defametal .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.defametal .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.defametal .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.defametal .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.defametal .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.defametal .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.defametal .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.defametal .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.defametal .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.defametal .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.defametal .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.defametal .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.defametal .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.defametal .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.defametal .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.defametal .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.defametal .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.defametal .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.defametal .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.defametal .lienPDF:hover {
  text-decoration: none;
}
body.defametal .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.defametal .lienCommander:hover {
  text-decoration: none;
}
body.defametal .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.defametal .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.defametal .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.defametal .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.defametal .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.defametal .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.defametal .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.defametal .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.defametal .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.defametal .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.defametal .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.defametal .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.defametal .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.defametal .lienPlusInfo:hover {
  text-decoration: none;
}
body.defametal .lienPDF:link,
body.defametal lienPDF:visited,
body.defametal lienPDF:hover,
body.defametal lienPDF:active {
  text-decoration: underline;
}
body.defametal .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.defametal .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.defametal .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.defametal .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.defametal .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.defametal .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.defametal .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.defametal .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.defametal .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.defametal #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.defametal #activerData:hover {
  background-color: #4caf50 !important;
}
body.defametal #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.defametal #desactiverData:hover {
  background-color: #f44336 !important;
}
body.defametal #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.defametal #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*BOUTONS*/
/*modal synchro*/
body.default {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.default .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.default .slide-range {
  width: 50px;
}
body.default fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #217ba6;
}
body.default .ui-widget-header {
  border-color: #217ba6;
  background: #217ba6;
  color: #fff;
  font-weight: bold;
}
body.default .ui-widget-header i,
body.default .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.default .ui-widget-header i:hover,
body.default .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.default .ui-widget-header:hover {
  color: #fff;
}
body.default .ui-widget-header:hover i {
  color: #fff;
}
body.default .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.default .ui-panel {
  border-color: #217ba6;
  background: #217ba6;
  color: #fff;
  font-weight: bold;
}
body.default .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.default .ui-panel i {
  color: #fff;
}
body.default .ui-panel i:hover {
  color: #fff;
}
body.default .ui-panel .highlight-text {
  color: #f08a00;
}
body.default .ui-panel:hover {
  color: #fff;
}
body.default .ui-panel:hover i {
  color: #fff;
}
body.default .ui-state-default,
body.default .ui-widget-content .ui-state-default,
body.default .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: linear-gradient(to top, #e1f0fb 0%, #d4eafa 90%);
  font-weight: normal;
  color: #1f76a1;
}
body.default .ui-state-default i,
body.default .ui-widget-content .ui-state-default i,
body.default .ui-widget-header .ui-state-default i {
  color: #1f76a1;
}
body.default .ui-jqgrid-labels {
  background: linear-gradient(to top, #e1f0fb 0%, #d4eafa 90%);
}
body.default .ui-state-hover,
body.default .ui-widget-content .ui-state-hover,
body.default .ui-widget-header .ui-state-hover,
body.default .ui-state-focus,
body.default .ui-widget-content .ui-state-focus,
body.default .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #1f76a1;
}
body.default .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.default .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.default .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.default .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.default .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.default .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #1f76a1;
}
body.default .ui-state-hover i,
body.default .ui-widget-content .ui-state-hover i,
body.default .ui-widget-header .ui-state-hover i,
body.default .ui-state-focus i,
body.default .ui-widget-content .ui-state-focus i,
body.default .ui-widget-header .ui-state-focus i {
  color: #1f76a1;
}
body.default .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.default a:hover {
  color: #f08a00;
  text-decoration: none;
}
body.default a:hover > i {
  color: #f08a00;
}
body.default a,
body.default .link {
  text-decoration: none;
  color: #333;
}
body.default a i,
body.default .link i {
  margin-left: 5px;
}
body.default a:hover,
body.default .link:hover {
  color: #f08a00;
}
body.default #page #sidebar {
  border-right: 5px solid #3262a1 !important;
}
body.default #page #sidebar header {
  background-color: #fff;
}
body.default #page #sidebar header:before {
  background-image: url("/Images/specific/header_logo.png");
  width: 230px;
  height: 50px;
  background-position-y: center;
  background-size: contain;
}
body.default .header-bar > ul > li > a.active {
  color: #f08a00 !important;
}
body.default #menu li a .flag {
  background: #3262a1;
}
body.default #menu li a.active .flag {
  background: #f08a00;
}
body.default #menu > ul > li > a {
  background-color: #217ba6;
}
body.default #tabs li.tab.active {
  border-top: 5px solid #f08a00 !important;
}
body.default #tabs li.tab:hover {
  border-top: 5px solid #3262a1 !important;
}
body.default .ui-row-ltr.ui-state-hover,
body.default .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #fbe3bf 50% 50% repeat-x;
}
body.default .ui-datepicker-header .ui-state-hover {
  background-color: #217ba6;
  border: none;
}
body.default .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.default fieldset .legendButtons span.ui-icon {
  background-image: url(../Images/icones/legend-ui-icons.png) !important;
}
body.default #page #sidebar header i:hover {
  background-color: #3262a1 !important;
}
body.default .ui-state-active {
  border-color: #1f76a1 !important;
  background: #fff !important;
  color: #1f76a1 !important;
}
body.default .ui-state-active a,
body.default .ui-state-active a:link,
body.default .ui-state-active a:visited {
  color: #1f76a1;
}
body.default .ui-state-default a,
body.default .ui-state-default a:link,
body.default .ui-state-default a:visited {
  color: #1f76a1;
}
body.default .btnLoupe {
  color: #1f76a1;
}
body.default .btnLoupe:hover {
  color: #1f76a1;
}
body.default .fa-refresh:hover {
  color: #1f76a1 !important;
}
body.default .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.default .hasDatepicker + button:before {
  content: "\f073";
}
body.default .hasDatepicker + buttonimg {
  display: none;
}
body.default .hasDatepicker + button:hover {
  color: #1f76a1;
}
body.default .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.default .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.default .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.default .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #1f76a1;
}
body.default .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.default .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.default .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #1f76a1;
}
body.default .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.default .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.default .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #1f76a1;
  background: none;
}
body.default .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.default .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.default .ui-icon.ui-icon-asc:hover {
  color: #1f76a1;
  background: none;
  padding: 0px !important;
}
body.default .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.default .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.default .ui-icon.ui-icon-desc:hover {
  color: #1f76a1;
  background: none;
  padding: 0px;
}
body.default .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.default .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.default .ui-icon.ui-icon-search:hover {
  color: #1f76a1;
  background: none;
}
body.default .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.default .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.default .ui-icon.ui-icon-refresh:hover {
  color: #1f76a1;
  background: none;
}
body.default .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.default .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.default .ui-icon.ui-icon-seek-first:hover {
  color: #1f76a1;
  background: none;
}
body.default .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.default .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.default .ui-icon.ui-icon-seek-end:hover {
  color: #1f76a1;
  background: none;
}
body.default .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.default .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.default .ui-icon.ui-icon-seek-prev:hover {
  color: #1f76a1;
  background: none;
}
body.default .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.default .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.default .ui-icon.ui-icon-seek-next:hover {
  color: #1f76a1;
  background: none;
}
body.default .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.default .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.default .ui-icon.ui-icon-plus:hover {
  color: #1f76a1;
  background: none;
}
body.default .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1f76a1;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.default .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.default .ui-icon.ui-icon-minus:hover {
  color: #1f76a1;
  background: none;
}
body.default #infoMouvements table td {
  padding: 5px !important;
}
body.default #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.default #conteneurEntier > * {
  width: 100%;
}
body.default #conteneurEntier > img:first-of-type {
  display: none;
}
body.default #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.default #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.default .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.default .closebtn:hover {
  color: black;
}
body.default .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.default .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.default #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.default #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.default #submitOk:hover {
  background: #357ebd !important;
}
body.default .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.default .btn-close:hover {
  color: #919191;
}
body.default #modalRapport {
  display: none;
}
body.default .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.default .modalRapport:target:before {
  display: block;
}
body.default .modalRapport:target .ModalDialog {
  top: 20%;
}
body.default .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.default .contenuModalRppt {
  padding: 20px;
}
body.default .modal-header,
body.default .footerModalRppt {
  padding: 10px 20px;
}
body.default .modal-header {
  border-bottom: #eee solid 1px;
}
body.default .modal-header h2 {
  font-size: 20px;
}
body.default .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.default .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.default .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.default .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.default .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.default .identityModule td {
  border: 0;
}
body.default .tableauIdentity {
  width: 480px;
}
body.default .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.default .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.default .identityModule #donnees {
  font-size: 12px;
}
body.default .identiteModule td {
  padding: 3px;
}
body.default .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.default .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.default .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.default .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.default .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.default .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.default .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.default .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.default .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.default .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.default .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.default .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.default .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.default .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.default .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.default .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.default .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.default .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.default .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.default .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.default .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.default .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.default .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.default .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.default .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.default .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.default .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.default .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.default .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.default .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.default .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.default .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.default .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.default .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.default .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.default .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.default .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.default .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.default .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.default .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.default .lienPDF:hover {
  text-decoration: none;
}
body.default .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.default .lienCommander:hover {
  text-decoration: none;
}
body.default .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.default .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.default .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.default .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.default .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.default .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.default .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.default .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.default .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.default .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.default .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.default .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.default .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.default .lienPlusInfo:hover {
  text-decoration: none;
}
body.default .lienPDF:link,
body.default lienPDF:visited,
body.default lienPDF:hover,
body.default lienPDF:active {
  text-decoration: underline;
}
body.default .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.default .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.default .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.default .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.default .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.default .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.default .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.default .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.default .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.default #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.default #activerData:hover {
  background-color: #4caf50 !important;
}
body.default #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.default #desactiverData:hover {
  background-color: #f44336 !important;
}
body.default #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.default #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME EMC2
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*Icon color jquery ui*/
/*BOUTONS*/
/*modal synchro*/
body.emc2 {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.emc2 .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.emc2 .slide-range {
  width: 50px;
}
body.emc2 fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #0060a8;
}
body.emc2 .ui-widget-header {
  border-color: #0060a8;
  background: #0060a8;
  color: #fff;
  font-weight: bold;
}
body.emc2 .ui-widget-header i,
body.emc2 .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.emc2 .ui-widget-header i:hover,
body.emc2 .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.emc2 .ui-widget-header:hover {
  color: #fff;
}
body.emc2 .ui-widget-header:hover i {
  color: #fff;
}
body.emc2 .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.emc2 .ui-panel {
  border-color: #0060a8;
  background: #0060a8;
  color: #fff;
  font-weight: bold;
}
body.emc2 .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.emc2 .ui-panel i {
  color: #fff;
}
body.emc2 .ui-panel i:hover {
  color: #fff;
}
body.emc2 .ui-panel .highlight-text {
  color: #f08a00;
}
body.emc2 .ui-panel:hover {
  color: #fff;
}
body.emc2 .ui-panel:hover i {
  color: #fff;
}
body.emc2 .ui-state-default,
body.emc2 .ui-widget-content .ui-state-default,
body.emc2 .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: rgba(245, 156, 29, 0.1);
  font-weight: normal;
  color: #000;
}
body.emc2 .ui-state-default i,
body.emc2 .ui-widget-content .ui-state-default i,
body.emc2 .ui-widget-header .ui-state-default i {
  color: #0060a8;
}
body.emc2 .ui-jqgrid-labels {
  background: #fff;
}
body.emc2 .ui-state-hover,
body.emc2 .ui-widget-content .ui-state-hover,
body.emc2 .ui-widget-header .ui-state-hover,
body.emc2 .ui-state-focus,
body.emc2 .ui-widget-content .ui-state-focus,
body.emc2 .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #0060a8;
}
body.emc2 .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.emc2 .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.emc2 .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.emc2 .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.emc2 .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.emc2 .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #0060a8;
}
body.emc2 .ui-state-hover i,
body.emc2 .ui-widget-content .ui-state-hover i,
body.emc2 .ui-widget-header .ui-state-hover i,
body.emc2 .ui-state-focus i,
body.emc2 .ui-widget-content .ui-state-focus i,
body.emc2 .ui-widget-header .ui-state-focus i {
  color: #0060a8;
}
body.emc2 .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.emc2 a:hover {
  color: #008dc9;
  text-decoration: none;
}
body.emc2 a:hover > i {
  color: #008dc9;
}
body.emc2 a,
body.emc2 .link {
  text-decoration: none;
  color: #333;
}
body.emc2 a i,
body.emc2 .link i {
  margin-left: 5px;
}
body.emc2 a:hover,
body.emc2 .link:hover {
  color: #008dc9;
}
body.emc2 #page #sidebar {
  border-right: 5px solid #008dc9 !important;
}
body.emc2 #page #sidebar header {
  background-color: #fff;
}
body.emc2 #page #sidebar header:before {
  background-image: url("images/emc2/logo.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.emc2 .header-bar > ul > li > a.active {
  color: #0060a8 !important;
}
body.emc2 #menu li a .flag {
  background: #008dc9;
}
body.emc2 #menu li a.active .flag {
  background: #0060a8;
}
body.emc2 #menu > ul > li > a {
  background-color: #0060a8;
}
body.emc2 #tabs li.tab.active {
  border-top: 5px solid #0060a8 !important;
}
body.emc2 #tabs li.tab:hover {
  border-top: 5px solid #008dc9 !important;
}
body.emc2 .ui-row-ltr.ui-state-hover,
body.emc2 .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #fed12f 50% 50% repeat-x;
}
body.emc2 .ui-datepicker-header .ui-state-hover {
  background-color: #0060a8;
  border: none;
}
body.emc2 .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.emc2 fieldset .legendButtons span.ui-icon {
  background-image: url(../Lib/jQueryUI/images/ui-icons_ffffff_256x240.png) !important;
}
body.emc2 #page #sidebar header i:hover {
  background-color: #008dc9 !important;
}
body.emc2 .ui-state-active {
  border-color: #0060a8 !important;
  background: #fff !important;
  color: #0060a8 !important;
}
body.emc2 .ui-state-active a,
body.emc2 .ui-state-active a:link,
body.emc2 .ui-state-active a:visited {
  color: #0060a8;
}
body.emc2 .ui-state-default a,
body.emc2 .ui-state-default a:link,
body.emc2 .ui-state-default a:visited {
  color: #0060a8;
}
body.emc2 .btnLoupe {
  color: #0060a8;
}
body.emc2 .btnLoupe:hover {
  color: #0060a8;
}
body.emc2 .fa-refresh:hover {
  color: #0060a8 !important;
}
body.emc2 .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.emc2 .hasDatepicker + button:before {
  content: "\f073";
}
body.emc2 .hasDatepicker + buttonimg {
  display: none;
}
body.emc2 .hasDatepicker + button:hover {
  color: #0060a8;
}
body.emc2 .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.emc2 .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.emc2 .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.emc2 .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #0060a8;
}
body.emc2 .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.emc2 .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.emc2 .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #0060a8;
}
body.emc2 .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.emc2 .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.emc2 .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #0060a8;
  background: none;
}
body.emc2 .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.emc2 .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.emc2 .ui-icon.ui-icon-asc:hover {
  color: #0060a8;
  background: none;
  padding: 0px !important;
}
body.emc2 .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.emc2 .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.emc2 .ui-icon.ui-icon-desc:hover {
  color: #0060a8;
  background: none;
  padding: 0px;
}
body.emc2 .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.emc2 .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.emc2 .ui-icon.ui-icon-search:hover {
  color: #0060a8;
  background: none;
}
body.emc2 .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.emc2 .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.emc2 .ui-icon.ui-icon-refresh:hover {
  color: #0060a8;
  background: none;
}
body.emc2 .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.emc2 .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.emc2 .ui-icon.ui-icon-seek-first:hover {
  color: #0060a8;
  background: none;
}
body.emc2 .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.emc2 .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.emc2 .ui-icon.ui-icon-seek-end:hover {
  color: #0060a8;
  background: none;
}
body.emc2 .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.emc2 .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.emc2 .ui-icon.ui-icon-seek-prev:hover {
  color: #0060a8;
  background: none;
}
body.emc2 .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.emc2 .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.emc2 .ui-icon.ui-icon-seek-next:hover {
  color: #0060a8;
  background: none;
}
body.emc2 .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.emc2 .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.emc2 .ui-icon.ui-icon-plus:hover {
  color: #0060a8;
  background: none;
}
body.emc2 .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #0060a8;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.emc2 .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.emc2 .ui-icon.ui-icon-minus:hover {
  color: #0060a8;
  background: none;
}
body.emc2 #infoMouvements table td {
  padding: 5px !important;
}
body.emc2 #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.emc2 #conteneurEntier > * {
  width: 100%;
}
body.emc2 #conteneurEntier > img:first-of-type {
  display: none;
}
body.emc2 #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.emc2 #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.emc2 .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.emc2 .closebtn:hover {
  color: black;
}
body.emc2 .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.emc2 .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.emc2 #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.emc2 #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.emc2 #submitOk:hover {
  background: #357ebd !important;
}
body.emc2 .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.emc2 .btn-close:hover {
  color: #919191;
}
body.emc2 #modalRapport {
  display: none;
}
body.emc2 .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.emc2 .modalRapport:target:before {
  display: block;
}
body.emc2 .modalRapport:target .ModalDialog {
  top: 20%;
}
body.emc2 .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.emc2 .contenuModalRppt {
  padding: 20px;
}
body.emc2 .modal-header,
body.emc2 .footerModalRppt {
  padding: 10px 20px;
}
body.emc2 .modal-header {
  border-bottom: #eee solid 1px;
}
body.emc2 .modal-header h2 {
  font-size: 20px;
}
body.emc2 .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.emc2 .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.emc2 .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.emc2 .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.emc2 .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.emc2 .identityModule td {
  border: 0;
}
body.emc2 .tableauIdentity {
  width: 480px;
}
body.emc2 .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.emc2 .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.emc2 .identityModule #donnees {
  font-size: 12px;
}
body.emc2 .identiteModule td {
  padding: 3px;
}
body.emc2 .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.emc2 .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.emc2 .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.emc2 .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.emc2 .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.emc2 .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.emc2 .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.emc2 .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.emc2 .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.emc2 .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.emc2 .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.emc2 .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.emc2 .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.emc2 .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.emc2 .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.emc2 .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.emc2 .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.emc2 .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.emc2 .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.emc2 .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.emc2 .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.emc2 .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.emc2 .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.emc2 .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.emc2 .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.emc2 .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.emc2 .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.emc2 .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.emc2 .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.emc2 .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.emc2 .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.emc2 .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.emc2 .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.emc2 .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.emc2 .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.emc2 .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.emc2 .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.emc2 .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.emc2 .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.emc2 .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.emc2 .lienPDF:hover {
  text-decoration: none;
}
body.emc2 .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.emc2 .lienCommander:hover {
  text-decoration: none;
}
body.emc2 .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.emc2 .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.emc2 .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.emc2 .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.emc2 .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.emc2 .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.emc2 .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.emc2 .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.emc2 .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.emc2 .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.emc2 .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.emc2 .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.emc2 .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.emc2 .lienPlusInfo:hover {
  text-decoration: none;
}
body.emc2 .lienPDF:link,
body.emc2 lienPDF:visited,
body.emc2 lienPDF:hover,
body.emc2 lienPDF:active {
  text-decoration: underline;
}
body.emc2 .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.emc2 .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.emc2 .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.emc2 .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.emc2 .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.emc2 .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.emc2 .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.emc2 .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.emc2 .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.emc2 #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.emc2 #activerData:hover {
  background-color: #4caf50 !important;
}
body.emc2 #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.emc2 #desactiverData:hover {
  background-color: #f44336 !important;
}
body.emc2 #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.emc2 #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME ENPC
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*Icon color jquery ui*/
/*BOUTONS*/
/*modal synchro*/
body.enpc {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.enpc .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.enpc .slide-range {
  width: 50px;
}
body.enpc fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #321a32;
}
body.enpc .ui-widget-header {
  border-color: #321a32;
  background: #321a32;
  color: #fff;
  font-weight: bold;
}
body.enpc .ui-widget-header i,
body.enpc .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.enpc .ui-widget-header i:hover,
body.enpc .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.enpc .ui-widget-header:hover {
  color: #fff;
}
body.enpc .ui-widget-header:hover i {
  color: #fff;
}
body.enpc .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.enpc .ui-panel {
  border-color: #321a32;
  background: #321a32;
  color: #fff;
  font-weight: bold;
}
body.enpc .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.enpc .ui-panel i {
  color: #fff;
}
body.enpc .ui-panel i:hover {
  color: #fff;
}
body.enpc .ui-panel .highlight-text {
  color: #f08a00;
}
body.enpc .ui-panel:hover {
  color: #fff;
}
body.enpc .ui-panel:hover i {
  color: #fff;
}
body.enpc .ui-state-default,
body.enpc .ui-widget-content .ui-state-default,
body.enpc .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: rgba(245, 156, 29, 0.1);
  font-weight: normal;
  color: #000;
}
body.enpc .ui-state-default i,
body.enpc .ui-widget-content .ui-state-default i,
body.enpc .ui-widget-header .ui-state-default i {
  color: #321a32;
}
body.enpc .ui-jqgrid-labels {
  background: #fff;
}
body.enpc .ui-state-hover,
body.enpc .ui-widget-content .ui-state-hover,
body.enpc .ui-widget-header .ui-state-hover,
body.enpc .ui-state-focus,
body.enpc .ui-widget-content .ui-state-focus,
body.enpc .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #321a32;
}
body.enpc .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.enpc .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.enpc .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.enpc .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.enpc .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.enpc .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #321a32;
}
body.enpc .ui-state-hover i,
body.enpc .ui-widget-content .ui-state-hover i,
body.enpc .ui-widget-header .ui-state-hover i,
body.enpc .ui-state-focus i,
body.enpc .ui-widget-content .ui-state-focus i,
body.enpc .ui-widget-header .ui-state-focus i {
  color: #321a32;
}
body.enpc .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.enpc a:hover {
  color: #7b1d7e;
  text-decoration: none;
}
body.enpc a:hover > i {
  color: #7b1d7e;
}
body.enpc a,
body.enpc .link {
  text-decoration: none;
  color: #333;
}
body.enpc a i,
body.enpc .link i {
  margin-left: 5px;
}
body.enpc a:hover,
body.enpc .link:hover {
  color: #7b1d7e;
}
body.enpc #page #sidebar {
  border-right: 5px solid #7b1d7e !important;
}
body.enpc #page #sidebar header {
  background-color: #fff;
}
body.enpc #page #sidebar header:before {
  background-image: url("images/enpc/logo.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.enpc .header-bar > ul > li > a.active {
  color: #321a32 !important;
}
body.enpc #menu li a .flag {
  background: #7b1d7e;
}
body.enpc #menu li a.active .flag {
  background: #321a32;
}
body.enpc #menu > ul > li > a {
  background-color: #321a32;
}
body.enpc #tabs li.tab.active {
  border-top: 5px solid #321a32 !important;
}
body.enpc #tabs li.tab:hover {
  border-top: 5px solid #7b1d7e !important;
}
body.enpc .ui-row-ltr.ui-state-hover,
body.enpc .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #fbe3bf 50% 50% repeat-x;
}
body.enpc .ui-datepicker-header .ui-state-hover {
  background-color: #321a32;
  border: none;
}
body.enpc .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.enpc fieldset .legendButtons span.ui-icon {
  background-image: url(../Lib/jQueryUI/images/ui-icons_ffffff_256x240.png) !important;
}
body.enpc #page #sidebar header i:hover {
  background-color: #7b1d7e !important;
}
body.enpc .ui-state-active {
  border-color: #321a32 !important;
  background: #fff !important;
  color: #321a32 !important;
}
body.enpc .ui-state-active a,
body.enpc .ui-state-active a:link,
body.enpc .ui-state-active a:visited {
  color: #321a32;
}
body.enpc .ui-state-default a,
body.enpc .ui-state-default a:link,
body.enpc .ui-state-default a:visited {
  color: #321a32;
}
body.enpc .btnLoupe {
  color: #321a32;
}
body.enpc .btnLoupe:hover {
  color: #321a32;
}
body.enpc .fa-refresh:hover {
  color: #321a32 !important;
}
body.enpc .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.enpc .hasDatepicker + button:before {
  content: "\f073";
}
body.enpc .hasDatepicker + buttonimg {
  display: none;
}
body.enpc .hasDatepicker + button:hover {
  color: #321a32;
}
body.enpc .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.enpc .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.enpc .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.enpc .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #321a32;
}
body.enpc .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.enpc .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.enpc .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #321a32;
}
body.enpc .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.enpc .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.enpc .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #321a32;
  background: none;
}
body.enpc .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.enpc .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.enpc .ui-icon.ui-icon-asc:hover {
  color: #321a32;
  background: none;
  padding: 0px !important;
}
body.enpc .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.enpc .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.enpc .ui-icon.ui-icon-desc:hover {
  color: #321a32;
  background: none;
  padding: 0px;
}
body.enpc .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.enpc .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.enpc .ui-icon.ui-icon-search:hover {
  color: #321a32;
  background: none;
}
body.enpc .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.enpc .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.enpc .ui-icon.ui-icon-refresh:hover {
  color: #321a32;
  background: none;
}
body.enpc .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.enpc .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.enpc .ui-icon.ui-icon-seek-first:hover {
  color: #321a32;
  background: none;
}
body.enpc .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.enpc .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.enpc .ui-icon.ui-icon-seek-end:hover {
  color: #321a32;
  background: none;
}
body.enpc .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.enpc .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.enpc .ui-icon.ui-icon-seek-prev:hover {
  color: #321a32;
  background: none;
}
body.enpc .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.enpc .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.enpc .ui-icon.ui-icon-seek-next:hover {
  color: #321a32;
  background: none;
}
body.enpc .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.enpc .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.enpc .ui-icon.ui-icon-plus:hover {
  color: #321a32;
  background: none;
}
body.enpc .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #321a32;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.enpc .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.enpc .ui-icon.ui-icon-minus:hover {
  color: #321a32;
  background: none;
}
body.enpc #infoMouvements table td {
  padding: 5px !important;
}
body.enpc #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.enpc #conteneurEntier > * {
  width: 100%;
}
body.enpc #conteneurEntier > img:first-of-type {
  display: none;
}
body.enpc #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.enpc #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.enpc .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.enpc .closebtn:hover {
  color: black;
}
body.enpc .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.enpc .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.enpc #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.enpc #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.enpc #submitOk:hover {
  background: #357ebd !important;
}
body.enpc .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.enpc .btn-close:hover {
  color: #919191;
}
body.enpc #modalRapport {
  display: none;
}
body.enpc .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.enpc .modalRapport:target:before {
  display: block;
}
body.enpc .modalRapport:target .ModalDialog {
  top: 20%;
}
body.enpc .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.enpc .contenuModalRppt {
  padding: 20px;
}
body.enpc .modal-header,
body.enpc .footerModalRppt {
  padding: 10px 20px;
}
body.enpc .modal-header {
  border-bottom: #eee solid 1px;
}
body.enpc .modal-header h2 {
  font-size: 20px;
}
body.enpc .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.enpc .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.enpc .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.enpc .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.enpc .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.enpc .identityModule td {
  border: 0;
}
body.enpc .tableauIdentity {
  width: 480px;
}
body.enpc .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.enpc .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.enpc .identityModule #donnees {
  font-size: 12px;
}
body.enpc .identiteModule td {
  padding: 3px;
}
body.enpc .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.enpc .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.enpc .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.enpc .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.enpc .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.enpc .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.enpc .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.enpc .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.enpc .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.enpc .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.enpc .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.enpc .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.enpc .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.enpc .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.enpc .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.enpc .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.enpc .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.enpc .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.enpc .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.enpc .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.enpc .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.enpc .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.enpc .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.enpc .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.enpc .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.enpc .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.enpc .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.enpc .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.enpc .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.enpc .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.enpc .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.enpc .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.enpc .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.enpc .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.enpc .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.enpc .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.enpc .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.enpc .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.enpc .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.enpc .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.enpc .lienPDF:hover {
  text-decoration: none;
}
body.enpc .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.enpc .lienCommander:hover {
  text-decoration: none;
}
body.enpc .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.enpc .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.enpc .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.enpc .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.enpc .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.enpc .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.enpc .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.enpc .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.enpc .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.enpc .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.enpc .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.enpc .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.enpc .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.enpc .lienPlusInfo:hover {
  text-decoration: none;
}
body.enpc .lienPDF:link,
body.enpc lienPDF:visited,
body.enpc lienPDF:hover,
body.enpc lienPDF:active {
  text-decoration: underline;
}
body.enpc .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.enpc .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.enpc .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.enpc .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.enpc .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.enpc .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.enpc .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.enpc .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.enpc .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.enpc #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.enpc #activerData:hover {
  background-color: #4caf50 !important;
}
body.enpc #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.enpc #desactiverData:hover {
  background-color: #f44336 !important;
}
body.enpc #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.enpc #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME GCS
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*Icon color jquery ui*/
/*BOUTONS*/
/*modal synchro*/
body.gcs {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.gcs .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.gcs .slide-range {
  width: 50px;
}
body.gcs fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #de3e00;
}
body.gcs .ui-widget-header {
  border-color: #de3e00;
  background: rgba(222, 62, 0, 0.9);
  color: #fff;
  font-weight: bold;
}
body.gcs .ui-widget-header i,
body.gcs .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.gcs .ui-widget-header i:hover,
body.gcs .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.gcs .ui-widget-header:hover {
  color: #fff;
}
body.gcs .ui-widget-header:hover i {
  color: #fff;
}
body.gcs .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.gcs .ui-panel {
  border-color: #de3e00;
  background: rgba(222, 62, 0, 0.9);
  color: #fff;
  font-weight: bold;
}
body.gcs .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.gcs .ui-panel i {
  color: #fff;
}
body.gcs .ui-panel i:hover {
  color: #fff;
}
body.gcs .ui-panel .highlight-text {
  color: #f08a00;
}
body.gcs .ui-panel:hover {
  color: #fff;
}
body.gcs .ui-panel:hover i {
  color: #fff;
}
body.gcs .ui-state-default,
body.gcs .ui-widget-content .ui-state-default,
body.gcs .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: rgba(0, 166, 148, 0.1);
  font-weight: normal;
  color: #000;
}
body.gcs .ui-state-default i,
body.gcs .ui-widget-content .ui-state-default i,
body.gcs .ui-widget-header .ui-state-default i {
  color: rgba(222, 62, 0, 0.9);
}
body.gcs .ui-jqgrid-labels {
  background: #fff;
}
body.gcs .ui-state-hover,
body.gcs .ui-widget-content .ui-state-hover,
body.gcs .ui-widget-header .ui-state-hover,
body.gcs .ui-state-focus,
body.gcs .ui-widget-content .ui-state-focus,
body.gcs .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #de3e00;
}
body.gcs .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.gcs .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.gcs .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.gcs .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.gcs .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.gcs .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #de3e00;
}
body.gcs .ui-state-hover i,
body.gcs .ui-widget-content .ui-state-hover i,
body.gcs .ui-widget-header .ui-state-hover i,
body.gcs .ui-state-focus i,
body.gcs .ui-widget-content .ui-state-focus i,
body.gcs .ui-widget-header .ui-state-focus i {
  color: #de3e00;
}
body.gcs .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.gcs a:hover {
  color: rgba(222, 62, 0, 0.9);
  text-decoration: none;
}
body.gcs a:hover > i {
  color: rgba(222, 62, 0, 0.9);
}
body.gcs a,
body.gcs .link {
  text-decoration: none;
  color: #333;
}
body.gcs a i,
body.gcs .link i {
  margin-left: 5px;
}
body.gcs a:hover,
body.gcs .link:hover {
  color: rgba(222, 62, 0, 0.9);
}
body.gcs #page #sidebar {
  border-right: 5px solid #de3e00 !important;
}
body.gcs #page #sidebar header {
  background-color: #fff;
}
body.gcs #page #sidebar header:before {
  background-image: url("images/gcs/logo.jpg");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.gcs .header-bar > ul > li > a.active {
  color: rgba(222, 62, 0, 0.9) !important;
}
body.gcs #menu li a .flag {
  background: #de3e00;
}
body.gcs #menu li a.active .flag {
  background: rgba(222, 62, 0, 0.9);
}
body.gcs #menu > ul > li > a {
  background-color: rgba(222, 62, 0, 0.9);
}
body.gcs #tabs li.tab.active {
  border-top: 5px solid rgba(222, 62, 0, 0.9) !important;
}
body.gcs #tabs li.tab:hover {
  border-top: 5px solid #de3e00 !important;
}
body.gcs .ui-row-ltr.ui-state-hover,
body.gcs .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #fbe3bf 50% 50% repeat-x;
}
body.gcs .ui-datepicker-header .ui-state-hover {
  background-color: rgba(222, 62, 0, 0.9);
  border: none;
}
body.gcs .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.gcs fieldset .legendButtons span.ui-icon {
  background-image: url(../Lib/jQueryUI/images/ui-icons_ffffff_256x240.png) !important;
}
body.gcs #page #sidebar header i:hover {
  background-color: #de3e00 !important;
}
body.gcs .ui-state-active {
  border-color: rgba(222, 62, 0, 0.9) !important;
  background: #fff !important;
  color: rgba(222, 62, 0, 0.9) !important;
}
body.gcs .ui-state-active a,
body.gcs .ui-state-active a:link,
body.gcs .ui-state-active a:visited {
  color: #de3e00;
}
body.gcs .ui-state-default a,
body.gcs .ui-state-default a:link,
body.gcs .ui-state-default a:visited {
  color: rgba(222, 62, 0, 0.9);
}
body.gcs .btnLoupe {
  color: rgba(222, 62, 0, 0.9);
}
body.gcs .btnLoupe:hover {
  color: #de3e00;
}
body.gcs .fa-refresh:hover {
  color: rgba(222, 62, 0, 0.9) !important;
}
body.gcs .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.gcs .hasDatepicker + button:before {
  content: "\f073";
}
body.gcs .hasDatepicker + buttonimg {
  display: none;
}
body.gcs .hasDatepicker + button:hover {
  color: #de3e00;
}
body.gcs .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.gcs .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.gcs .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.gcs .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #de3e00;
}
body.gcs .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.gcs .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.gcs .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #de3e00;
}
body.gcs .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.gcs .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.gcs .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #de3e00;
  background: none;
}
body.gcs .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.gcs .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.gcs .ui-icon.ui-icon-asc:hover {
  color: #de3e00;
  background: none;
  padding: 0px !important;
}
body.gcs .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.gcs .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.gcs .ui-icon.ui-icon-desc:hover {
  color: #de3e00;
  background: none;
  padding: 0px;
}
body.gcs .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.gcs .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.gcs .ui-icon.ui-icon-search:hover {
  color: #de3e00;
  background: none;
}
body.gcs .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.gcs .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.gcs .ui-icon.ui-icon-refresh:hover {
  color: #de3e00;
  background: none;
}
body.gcs .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.gcs .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.gcs .ui-icon.ui-icon-seek-first:hover {
  color: #de3e00;
  background: none;
}
body.gcs .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.gcs .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.gcs .ui-icon.ui-icon-seek-end:hover {
  color: #de3e00;
  background: none;
}
body.gcs .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.gcs .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.gcs .ui-icon.ui-icon-seek-prev:hover {
  color: #de3e00;
  background: none;
}
body.gcs .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.gcs .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.gcs .ui-icon.ui-icon-seek-next:hover {
  color: #de3e00;
  background: none;
}
body.gcs .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.gcs .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.gcs .ui-icon.ui-icon-plus:hover {
  color: #de3e00;
  background: none;
}
body.gcs .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(222, 62, 0, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.gcs .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.gcs .ui-icon.ui-icon-minus:hover {
  color: #de3e00;
  background: none;
}
body.gcs #infoMouvements table td {
  padding: 5px !important;
}
body.gcs #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.gcs #conteneurEntier > * {
  width: 100%;
}
body.gcs #conteneurEntier > img:first-of-type {
  display: none;
}
body.gcs #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.gcs #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.gcs .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.gcs .closebtn:hover {
  color: black;
}
body.gcs .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.gcs .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.gcs #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.gcs #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.gcs #submitOk:hover {
  background: #357ebd !important;
}
body.gcs .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.gcs .btn-close:hover {
  color: #919191;
}
body.gcs #modalRapport {
  display: none;
}
body.gcs .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.gcs .modalRapport:target:before {
  display: block;
}
body.gcs .modalRapport:target .ModalDialog {
  top: 20%;
}
body.gcs .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.gcs .contenuModalRppt {
  padding: 20px;
}
body.gcs .modal-header,
body.gcs .footerModalRppt {
  padding: 10px 20px;
}
body.gcs .modal-header {
  border-bottom: #eee solid 1px;
}
body.gcs .modal-header h2 {
  font-size: 20px;
}
body.gcs .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.gcs .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.gcs .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.gcs .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.gcs .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.gcs .identityModule td {
  border: 0;
}
body.gcs .tableauIdentity {
  width: 480px;
}
body.gcs .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.gcs .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.gcs .identityModule #donnees {
  font-size: 12px;
}
body.gcs .identiteModule td {
  padding: 3px;
}
body.gcs .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.gcs .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.gcs .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.gcs .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.gcs .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.gcs .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.gcs .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.gcs .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.gcs .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.gcs .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.gcs .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.gcs .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.gcs .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.gcs .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.gcs .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.gcs .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.gcs .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.gcs .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.gcs .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.gcs .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.gcs .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.gcs .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.gcs .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.gcs .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.gcs .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.gcs .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.gcs .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.gcs .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.gcs .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.gcs .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.gcs .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.gcs .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.gcs .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.gcs .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.gcs .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.gcs .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.gcs .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.gcs .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.gcs .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.gcs .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.gcs .lienPDF:hover {
  text-decoration: none;
}
body.gcs .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.gcs .lienCommander:hover {
  text-decoration: none;
}
body.gcs .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.gcs .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.gcs .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.gcs .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.gcs .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.gcs .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.gcs .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.gcs .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.gcs .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.gcs .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.gcs .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.gcs .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.gcs .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.gcs .lienPlusInfo:hover {
  text-decoration: none;
}
body.gcs .lienPDF:link,
body.gcs lienPDF:visited,
body.gcs lienPDF:hover,
body.gcs lienPDF:active {
  text-decoration: underline;
}
body.gcs .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.gcs .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.gcs .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.gcs .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.gcs .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.gcs .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.gcs .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.gcs .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.gcs .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.gcs #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.gcs #activerData:hover {
  background-color: #4caf50 !important;
}
body.gcs #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.gcs #desactiverData:hover {
  background-color: #f44336 !important;
}
body.gcs #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.gcs #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME GRETA
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*BOUTONS*/
/*modal synchro*/
body.greta {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.greta .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.greta .slide-range {
  width: 50px;
}
body.greta fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #5881b7;
}
body.greta .ui-widget-header {
  border-color: #5881b7;
  background: #5881b7;
  color: #fff;
  font-weight: bold;
}
body.greta .ui-widget-header i,
body.greta .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.greta .ui-widget-header i:hover,
body.greta .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.greta .ui-widget-header:hover {
  color: #fff;
}
body.greta .ui-widget-header:hover i {
  color: #fff;
}
body.greta .timeline .click-hover:hover {
  color: #2a6f00;
  cursor: pointer;
}
body.greta .ui-panel {
  border-color: #5881b7;
  background: #5881b7;
  color: #fff;
  font-weight: bold;
}
body.greta .ui-panel .click-hover:hover {
  color: #2a6f00;
  cursor: pointer;
}
body.greta .ui-panel i {
  color: #fff;
}
body.greta .ui-panel i:hover {
  color: #fff;
}
body.greta .ui-panel .highlight-text {
  color: #2a6f00;
}
body.greta .ui-panel:hover {
  color: #fff;
}
body.greta .ui-panel:hover i {
  color: #fff;
}
body.greta .ui-state-default,
body.greta .ui-widget-content .ui-state-default,
body.greta .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: linear-gradient(to top, #e1f0fb 0%, #d4eafa 90%);
  font-weight: normal;
  color: #5881b7;
}
body.greta .ui-state-default i,
body.greta .ui-widget-content .ui-state-default i,
body.greta .ui-widget-header .ui-state-default i {
  color: #5881b7;
}
body.greta .ui-jqgrid-labels {
  background: linear-gradient(to top, #e1f0fb 0%, #d4eafa 90%);
}
body.greta .ui-state-hover,
body.greta .ui-widget-content .ui-state-hover,
body.greta .ui-widget-header .ui-state-hover,
body.greta .ui-state-focus,
body.greta .ui-widget-content .ui-state-focus,
body.greta .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #ACADAD;
}
body.greta .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.greta .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.greta .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.greta .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.greta .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.greta .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #ACADAD;
}
body.greta .ui-state-hover i,
body.greta .ui-widget-content .ui-state-hover i,
body.greta .ui-widget-header .ui-state-hover i,
body.greta .ui-state-focus i,
body.greta .ui-widget-content .ui-state-focus i,
body.greta .ui-widget-header .ui-state-focus i {
  color: #ACADAD;
}
body.greta .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.greta a:hover {
  color: #76bb4b;
  text-decoration: none;
}
body.greta a:hover > i {
  color: #76bb4b;
}
body.greta a,
body.greta .link {
  text-decoration: none;
  color: #333;
}
body.greta a i,
body.greta .link i {
  margin-left: 5px;
}
body.greta a:hover,
body.greta .link:hover {
  color: #76bb4b;
}
body.greta #page #sidebar {
  border-right: 5px solid #254e84 !important;
}
body.greta #page #sidebar header {
  background-color: #fff;
}
body.greta #page #sidebar header:before {
  background-image: url("images/greta/logo.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.greta .header-bar > ul > li > a.active {
  color: #76bb4b !important;
}
body.greta #menu li a .flag {
  background: #254e84;
}
body.greta #menu li a.active .flag {
  background: #76bb4b;
}
body.greta #menu > ul > li > a {
  background-color: #5881b7;
}
body.greta #tabs li.tab.active {
  border-top: 5px solid #76bb4b !important;
}
body.greta #tabs li.tab:hover {
  border-top: 5px solid #254e84 !important;
}
body.greta .ui-row-ltr.ui-state-hover,
body.greta .ui-row-ltr.ui-state-highlight {
  color: #2a6f00;
  background: #e3f1db 50% 50% repeat-x;
}
body.greta .ui-datepicker-header .ui-state-hover {
  background-color: #5881b7;
  border: none;
}
body.greta .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.greta fieldset .legendButtons span.ui-icon {
  background-image: url(../Images/icones/legend-ui-icons.png) !important;
}
body.greta #page #sidebar header i:hover {
  background-color: #254e84 !important;
}
body.greta .ui-state-active {
  border-color: #ACADAD !important;
  background: #fff !important;
  color: #ACADAD !important;
}
body.greta .ui-state-active a,
body.greta .ui-state-active a:link,
body.greta .ui-state-active a:visited {
  color: #ACADAD;
}
body.greta .ui-state-default a,
body.greta .ui-state-default a:link,
body.greta .ui-state-default a:visited {
  color: #5881b7;
}
body.greta .btnLoupe {
  color: #5881b7;
}
body.greta .btnLoupe:hover {
  color: #ACADAD;
}
body.greta .fa-refresh:hover {
  color: #5881b7 !important;
}
body.greta .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.greta .hasDatepicker + button:before {
  content: "\f073";
}
body.greta .hasDatepicker + buttonimg {
  display: none;
}
body.greta .hasDatepicker + button:hover {
  color: #ACADAD;
}
body.greta .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.greta .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.greta .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.greta .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #ACADAD;
}
body.greta .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.greta .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.greta .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #ACADAD;
}
body.greta .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.greta .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.greta .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #ACADAD;
  background: none;
}
body.greta .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.greta .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.greta .ui-icon.ui-icon-asc:hover {
  color: #ACADAD;
  background: none;
  padding: 0px !important;
}
body.greta .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.greta .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.greta .ui-icon.ui-icon-desc:hover {
  color: #ACADAD;
  background: none;
  padding: 0px;
}
body.greta .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.greta .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.greta .ui-icon.ui-icon-search:hover {
  color: #ACADAD;
  background: none;
}
body.greta .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.greta .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.greta .ui-icon.ui-icon-refresh:hover {
  color: #ACADAD;
  background: none;
}
body.greta .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.greta .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.greta .ui-icon.ui-icon-seek-first:hover {
  color: #ACADAD;
  background: none;
}
body.greta .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.greta .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.greta .ui-icon.ui-icon-seek-end:hover {
  color: #ACADAD;
  background: none;
}
body.greta .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.greta .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.greta .ui-icon.ui-icon-seek-prev:hover {
  color: #ACADAD;
  background: none;
}
body.greta .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.greta .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.greta .ui-icon.ui-icon-seek-next:hover {
  color: #ACADAD;
  background: none;
}
body.greta .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.greta .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.greta .ui-icon.ui-icon-plus:hover {
  color: #ACADAD;
  background: none;
}
body.greta .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #5881b7;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.greta .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.greta .ui-icon.ui-icon-minus:hover {
  color: #ACADAD;
  background: none;
}
body.greta #infoMouvements table td {
  padding: 5px !important;
}
body.greta #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.greta #conteneurEntier > * {
  width: 100%;
}
body.greta #conteneurEntier > img:first-of-type {
  display: none;
}
body.greta #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.greta #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.greta .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.greta .closebtn:hover {
  color: black;
}
body.greta .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.greta .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.greta #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.greta #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.greta #submitOk:hover {
  background: #357ebd !important;
}
body.greta .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.greta .btn-close:hover {
  color: #919191;
}
body.greta #modalRapport {
  display: none;
}
body.greta .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.greta .modalRapport:target:before {
  display: block;
}
body.greta .modalRapport:target .ModalDialog {
  top: 20%;
}
body.greta .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.greta .contenuModalRppt {
  padding: 20px;
}
body.greta .modal-header,
body.greta .footerModalRppt {
  padding: 10px 20px;
}
body.greta .modal-header {
  border-bottom: #eee solid 1px;
}
body.greta .modal-header h2 {
  font-size: 20px;
}
body.greta .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.greta .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.greta .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.greta .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.greta .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.greta .identityModule td {
  border: 0;
}
body.greta .tableauIdentity {
  width: 480px;
}
body.greta .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.greta .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.greta .identityModule #donnees {
  font-size: 12px;
}
body.greta .identiteModule td {
  padding: 3px;
}
body.greta .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.greta .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.greta .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.greta .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.greta .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.greta .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.greta .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.greta .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.greta .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.greta .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.greta .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.greta .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.greta .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.greta .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.greta .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.greta .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.greta .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.greta .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.greta .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.greta .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.greta .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.greta .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.greta .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.greta .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.greta .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.greta .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.greta .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.greta .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.greta .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.greta .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.greta .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.greta .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.greta .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.greta .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.greta .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.greta .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.greta .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.greta .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.greta .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.greta .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.greta .lienPDF:hover {
  text-decoration: none;
}
body.greta .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.greta .lienCommander:hover {
  text-decoration: none;
}
body.greta .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.greta .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.greta .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.greta .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.greta .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.greta .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.greta .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.greta .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.greta .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.greta .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.greta .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.greta .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.greta .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.greta .lienPlusInfo:hover {
  text-decoration: none;
}
body.greta .lienPDF:link,
body.greta lienPDF:visited,
body.greta lienPDF:hover,
body.greta lienPDF:active {
  text-decoration: underline;
}
body.greta .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.greta .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.greta .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.greta .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.greta .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.greta .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.greta .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.greta .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.greta .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.greta #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.greta #activerData:hover {
  background-color: #4caf50 !important;
}
body.greta #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.greta #desactiverData:hover {
  background-color: #f44336 !important;
}
body.greta #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.greta #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME INFOPARTNER
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/* jqgrid */
/*Icon color reduce*/
/*BOUTONS*/
/*modal synchro*/
body.infopartner {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.infopartner .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.infopartner .slide-range {
  width: 50px;
}
body.infopartner fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #2173C0;
}
body.infopartner .ui-widget-header {
  border-color: #2173C0;
  background: #245B8E;
  color: #fff;
  font-weight: bold;
}
body.infopartner .ui-widget-header i,
body.infopartner .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.infopartner .ui-widget-header i:hover,
body.infopartner .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.infopartner .ui-widget-header:hover {
  color: #fff;
}
body.infopartner .ui-widget-header:hover i {
  color: #fff;
}
body.infopartner .timeline .click-hover:hover {
  color: #E10005;
  cursor: pointer;
}
body.infopartner .ui-panel {
  border-color: #2173C0;
  background: #245B8E;
  color: #fff;
  font-weight: bold;
}
body.infopartner .ui-panel .click-hover:hover {
  color: #E10005;
  cursor: pointer;
}
body.infopartner .ui-panel i {
  color: #fff;
}
body.infopartner .ui-panel i:hover {
  color: #fff;
}
body.infopartner .ui-panel .highlight-text {
  color: #E10005;
}
body.infopartner .ui-panel:hover {
  color: #fff;
}
body.infopartner .ui-panel:hover i {
  color: #fff;
}
body.infopartner .ui-state-default,
body.infopartner .ui-widget-content .ui-state-default,
body.infopartner .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: linear-gradient(to top, #e1f0fb 0%, #d4eafa 90%);
  font-weight: normal;
  color: #174876;
}
body.infopartner .ui-state-default i,
body.infopartner .ui-widget-content .ui-state-default i,
body.infopartner .ui-widget-header .ui-state-default i {
  color: #174876;
}
body.infopartner .ui-jqgrid-labels {
  background: linear-gradient(to top, #e1f0fb 0%, #d4eafa 90%);
}
body.infopartner .ui-state-hover,
body.infopartner .ui-widget-content .ui-state-hover,
body.infopartner .ui-widget-header .ui-state-hover,
body.infopartner .ui-state-focus,
body.infopartner .ui-widget-content .ui-state-focus,
body.infopartner .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #1f76a1;
}
body.infopartner .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.infopartner .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.infopartner .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.infopartner .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.infopartner .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.infopartner .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #1f76a1;
}
body.infopartner .ui-state-hover i,
body.infopartner .ui-widget-content .ui-state-hover i,
body.infopartner .ui-widget-header .ui-state-hover i,
body.infopartner .ui-state-focus i,
body.infopartner .ui-widget-content .ui-state-focus i,
body.infopartner .ui-widget-header .ui-state-focus i {
  color: #1f76a1;
}
body.infopartner .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.infopartner a:hover {
  color: #E10005;
  text-decoration: none;
}
body.infopartner a:hover > i {
  color: #E10005;
}
body.infopartner a,
body.infopartner .link {
  text-decoration: none;
  color: #333;
}
body.infopartner a i,
body.infopartner .link i {
  margin-left: 5px;
}
body.infopartner a:hover,
body.infopartner .link:hover {
  color: #E10005;
}
body.infopartner #page #sidebar {
  border-right: 5px solid #193B5C !important;
}
body.infopartner #page #sidebar header {
  background-color: #fff;
}
body.infopartner #page #sidebar header:before {
  background-image: url("images/infopartner/logo_small.png");
  width: 245px;
  height: 40px;
  background-position-y: initial;
  background-size: contain;
}
body.infopartner .header-bar > ul > li > a.active {
  color: #E10005 !important;
}
body.infopartner #menu li a .flag {
  background: #193B5C;
}
body.infopartner #menu li a.active .flag {
  background: #E10005;
}
body.infopartner #menu > ul > li > a {
  background-color: #245B8E;
}
body.infopartner #tabs li.tab.active {
  border-top: 5px solid #E10005 !important;
}
body.infopartner #tabs li.tab:hover {
  border-top: 5px solid #193B5C !important;
}
body.infopartner .ui-row-ltr.ui-state-hover,
body.infopartner .ui-row-ltr.ui-state-highlight {
  color: #E10005;
  background: #FFE6E0 50% 50% repeat-x;
}
body.infopartner .ui-datepicker-header .ui-state-hover {
  background-color: #245B8E;
  border: none;
}
body.infopartner .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.infopartner fieldset .legendButtons span.ui-icon {
  background-image: url(../Images/icones/legend-ui-icons.png) !important;
}
body.infopartner #page #sidebar header i:hover {
  background-color: #193B5C !important;
}
body.infopartner .ui-state-active {
  border-color: #1f76a1 !important;
  background: #fff !important;
  color: #1f76a1 !important;
}
body.infopartner .ui-state-active a,
body.infopartner .ui-state-active a:link,
body.infopartner .ui-state-active a:visited {
  color: #1f76a1;
}
body.infopartner .ui-state-default a,
body.infopartner .ui-state-default a:link,
body.infopartner .ui-state-default a:visited {
  color: #174876;
}
body.infopartner .btnLoupe {
  color: #174876;
}
body.infopartner .btnLoupe:hover {
  color: #1f76a1;
}
body.infopartner .fa-refresh:hover {
  color: #174876 !important;
}
body.infopartner .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.infopartner .hasDatepicker + button:before {
  content: "\f073";
}
body.infopartner .hasDatepicker + buttonimg {
  display: none;
}
body.infopartner .hasDatepicker + button:hover {
  color: #1f76a1;
}
body.infopartner .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.infopartner .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.infopartner .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.infopartner .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #1f76a1;
}
body.infopartner .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.infopartner .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.infopartner .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #1f76a1;
}
body.infopartner .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.infopartner .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.infopartner .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #1f76a1;
  background: none;
}
body.infopartner .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.infopartner .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.infopartner .ui-icon.ui-icon-asc:hover {
  color: #1f76a1;
  background: none;
  padding: 0px !important;
}
body.infopartner .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.infopartner .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.infopartner .ui-icon.ui-icon-desc:hover {
  color: #1f76a1;
  background: none;
  padding: 0px;
}
body.infopartner .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.infopartner .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.infopartner .ui-icon.ui-icon-search:hover {
  color: #1f76a1;
  background: none;
}
body.infopartner .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.infopartner .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.infopartner .ui-icon.ui-icon-refresh:hover {
  color: #1f76a1;
  background: none;
}
body.infopartner .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.infopartner .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.infopartner .ui-icon.ui-icon-seek-first:hover {
  color: #1f76a1;
  background: none;
}
body.infopartner .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.infopartner .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.infopartner .ui-icon.ui-icon-seek-end:hover {
  color: #1f76a1;
  background: none;
}
body.infopartner .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.infopartner .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.infopartner .ui-icon.ui-icon-seek-prev:hover {
  color: #1f76a1;
  background: none;
}
body.infopartner .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.infopartner .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.infopartner .ui-icon.ui-icon-seek-next:hover {
  color: #1f76a1;
  background: none;
}
body.infopartner .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.infopartner .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.infopartner .ui-icon.ui-icon-plus:hover {
  color: #1f76a1;
  background: none;
}
body.infopartner .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #174876;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.infopartner .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.infopartner .ui-icon.ui-icon-minus:hover {
  color: #1f76a1;
  background: none;
}
body.infopartner #infoMouvements table td {
  padding: 5px !important;
}
body.infopartner #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.infopartner #conteneurEntier > * {
  width: 100%;
}
body.infopartner #conteneurEntier > img:first-of-type {
  display: none;
}
body.infopartner #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.infopartner #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.infopartner .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.infopartner .closebtn:hover {
  color: black;
}
body.infopartner .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.infopartner .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.infopartner #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.infopartner #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.infopartner #submitOk:hover {
  background: #357ebd !important;
}
body.infopartner .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.infopartner .btn-close:hover {
  color: #919191;
}
body.infopartner #modalRapport {
  display: none;
}
body.infopartner .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.infopartner .modalRapport:target:before {
  display: block;
}
body.infopartner .modalRapport:target .ModalDialog {
  top: 20%;
}
body.infopartner .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.infopartner .contenuModalRppt {
  padding: 20px;
}
body.infopartner .modal-header,
body.infopartner .footerModalRppt {
  padding: 10px 20px;
}
body.infopartner .modal-header {
  border-bottom: #eee solid 1px;
}
body.infopartner .modal-header h2 {
  font-size: 20px;
}
body.infopartner .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.infopartner .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.infopartner .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.infopartner .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.infopartner .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.infopartner .identityModule td {
  border: 0;
}
body.infopartner .tableauIdentity {
  width: 480px;
}
body.infopartner .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.infopartner .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.infopartner .identityModule #donnees {
  font-size: 12px;
}
body.infopartner .identiteModule td {
  padding: 3px;
}
body.infopartner .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.infopartner .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.infopartner .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.infopartner .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.infopartner .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.infopartner .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.infopartner .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.infopartner .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.infopartner .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.infopartner .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.infopartner .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.infopartner .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.infopartner .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.infopartner .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.infopartner .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.infopartner .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.infopartner .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.infopartner .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.infopartner .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.infopartner .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.infopartner .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.infopartner .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.infopartner .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.infopartner .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.infopartner .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.infopartner .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.infopartner .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.infopartner .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.infopartner .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.infopartner .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.infopartner .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.infopartner .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.infopartner .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.infopartner .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.infopartner .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.infopartner .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.infopartner .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.infopartner .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.infopartner .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.infopartner .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.infopartner .lienPDF:hover {
  text-decoration: none;
}
body.infopartner .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.infopartner .lienCommander:hover {
  text-decoration: none;
}
body.infopartner .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.infopartner .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.infopartner .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.infopartner .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.infopartner .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.infopartner .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.infopartner .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.infopartner .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.infopartner .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.infopartner .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.infopartner .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.infopartner .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.infopartner .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.infopartner .lienPlusInfo:hover {
  text-decoration: none;
}
body.infopartner .lienPDF:link,
body.infopartner lienPDF:visited,
body.infopartner lienPDF:hover,
body.infopartner lienPDF:active {
  text-decoration: underline;
}
body.infopartner .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.infopartner .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.infopartner .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.infopartner .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.infopartner .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.infopartner .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.infopartner .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.infopartner .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.infopartner .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.infopartner #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.infopartner #activerData:hover {
  background-color: #4caf50 !important;
}
body.infopartner #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.infopartner #desactiverData:hover {
  background-color: #f44336 !important;
}
body.infopartner #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.infopartner #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME LASAT
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*BOUTONS*/
/*modal synchro*/
body.lasat {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.lasat .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.lasat .slide-range {
  width: 50px;
}
body.lasat fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #1A4EB5;
}
body.lasat .ui-widget-header {
  border-color: #1A4EB5;
  background: #1A4EB5;
  color: #fff;
  font-weight: bold;
}
body.lasat .ui-widget-header i,
body.lasat .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.lasat .ui-widget-header i:hover,
body.lasat .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.lasat .ui-widget-header:hover {
  color: #fff;
}
body.lasat .ui-widget-header:hover i {
  color: #fff;
}
body.lasat .timeline .click-hover:hover {
  color: #588A00;
  cursor: pointer;
}
body.lasat .ui-panel {
  border-color: #1A4EB5;
  background: #1A4EB5;
  color: #fff;
  font-weight: bold;
}
body.lasat .ui-panel .click-hover:hover {
  color: #588A00;
  cursor: pointer;
}
body.lasat .ui-panel i {
  color: #fff;
}
body.lasat .ui-panel i:hover {
  color: #fff;
}
body.lasat .ui-panel .highlight-text {
  color: #588A00;
}
body.lasat .ui-panel:hover {
  color: #fff;
}
body.lasat .ui-panel:hover i {
  color: #fff;
}
body.lasat .ui-state-default,
body.lasat .ui-widget-content .ui-state-default,
body.lasat .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: linear-gradient(to top, #e1f0fb 0%, #d4eafa 90%);
  font-weight: normal;
  color: #1A4EB5;
}
body.lasat .ui-state-default i,
body.lasat .ui-widget-content .ui-state-default i,
body.lasat .ui-widget-header .ui-state-default i {
  color: #1A4EB5;
}
body.lasat .ui-jqgrid-labels {
  background: linear-gradient(to top, #e1f0fb 0%, #d4eafa 90%);
}
body.lasat .ui-state-hover,
body.lasat .ui-widget-content .ui-state-hover,
body.lasat .ui-widget-header .ui-state-hover,
body.lasat .ui-state-focus,
body.lasat .ui-widget-content .ui-state-focus,
body.lasat .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #ACADAD;
}
body.lasat .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.lasat .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.lasat .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.lasat .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.lasat .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.lasat .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #ACADAD;
}
body.lasat .ui-state-hover i,
body.lasat .ui-widget-content .ui-state-hover i,
body.lasat .ui-widget-header .ui-state-hover i,
body.lasat .ui-state-focus i,
body.lasat .ui-widget-content .ui-state-focus i,
body.lasat .ui-widget-header .ui-state-focus i {
  color: #ACADAD;
}
body.lasat .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.lasat a:hover {
  color: #8BBD00;
  text-decoration: none;
}
body.lasat a:hover > i {
  color: #8BBD00;
}
body.lasat a,
body.lasat .link {
  text-decoration: none;
  color: #333;
}
body.lasat a i,
body.lasat .link i {
  margin-left: 5px;
}
body.lasat a:hover,
body.lasat .link:hover {
  color: #8BBD00;
}
body.lasat #page #sidebar {
  border-right: 5px solid #01359C !important;
}
body.lasat #page #sidebar header {
  background-color: #fff;
}
body.lasat #page #sidebar header:before {
  background-image: url("images/lasat/logo_small.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.lasat .header-bar > ul > li > a.active {
  color: #8BBD00 !important;
}
body.lasat #menu li a .flag {
  background: #01359C;
}
body.lasat #menu li a.active .flag {
  background: #8BBD00;
}
body.lasat #menu > ul > li > a {
  background-color: #1A4EB5;
}
body.lasat #tabs li.tab.active {
  border-top: 5px solid #8BBD00 !important;
}
body.lasat #tabs li.tab:hover {
  border-top: 5px solid #01359C !important;
}
body.lasat .ui-row-ltr.ui-state-hover,
body.lasat .ui-row-ltr.ui-state-highlight {
  color: #588A00;
  background: #e4f2c0 50% 50% repeat-x;
}
body.lasat .ui-datepicker-header .ui-state-hover {
  background-color: #1A4EB5;
  border: none;
}
body.lasat .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.lasat fieldset .legendButtons span.ui-icon {
  background-image: url(../Images/icones/legend-ui-icons.png) !important;
}
body.lasat #page #sidebar header i:hover {
  background-color: #01359C !important;
}
body.lasat .ui-state-active {
  border-color: #ACADAD !important;
  background: #fff !important;
  color: #ACADAD !important;
}
body.lasat .ui-state-active a,
body.lasat .ui-state-active a:link,
body.lasat .ui-state-active a:visited {
  color: #ACADAD;
}
body.lasat .ui-state-default a,
body.lasat .ui-state-default a:link,
body.lasat .ui-state-default a:visited {
  color: #1A4EB5;
}
body.lasat .btnLoupe {
  color: #1A4EB5;
}
body.lasat .btnLoupe:hover {
  color: #ACADAD;
}
body.lasat .fa-refresh:hover {
  color: #1A4EB5 !important;
}
body.lasat .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.lasat .hasDatepicker + button:before {
  content: "\f073";
}
body.lasat .hasDatepicker + buttonimg {
  display: none;
}
body.lasat .hasDatepicker + button:hover {
  color: #ACADAD;
}
body.lasat .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.lasat .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.lasat .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.lasat .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #ACADAD;
}
body.lasat .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.lasat .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.lasat .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #ACADAD;
}
body.lasat .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.lasat .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.lasat .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #ACADAD;
  background: none;
}
body.lasat .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.lasat .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.lasat .ui-icon.ui-icon-asc:hover {
  color: #ACADAD;
  background: none;
  padding: 0px !important;
}
body.lasat .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.lasat .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.lasat .ui-icon.ui-icon-desc:hover {
  color: #ACADAD;
  background: none;
  padding: 0px;
}
body.lasat .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.lasat .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.lasat .ui-icon.ui-icon-search:hover {
  color: #ACADAD;
  background: none;
}
body.lasat .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.lasat .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.lasat .ui-icon.ui-icon-refresh:hover {
  color: #ACADAD;
  background: none;
}
body.lasat .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.lasat .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.lasat .ui-icon.ui-icon-seek-first:hover {
  color: #ACADAD;
  background: none;
}
body.lasat .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.lasat .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.lasat .ui-icon.ui-icon-seek-end:hover {
  color: #ACADAD;
  background: none;
}
body.lasat .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.lasat .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.lasat .ui-icon.ui-icon-seek-prev:hover {
  color: #ACADAD;
  background: none;
}
body.lasat .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.lasat .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.lasat .ui-icon.ui-icon-seek-next:hover {
  color: #ACADAD;
  background: none;
}
body.lasat .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.lasat .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.lasat .ui-icon.ui-icon-plus:hover {
  color: #ACADAD;
  background: none;
}
body.lasat .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #1A4EB5;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.lasat .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.lasat .ui-icon.ui-icon-minus:hover {
  color: #ACADAD;
  background: none;
}
body.lasat #infoMouvements table td {
  padding: 5px !important;
}
body.lasat #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.lasat #conteneurEntier > * {
  width: 100%;
}
body.lasat #conteneurEntier > img:first-of-type {
  display: none;
}
body.lasat #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.lasat #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.lasat .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.lasat .closebtn:hover {
  color: black;
}
body.lasat .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.lasat .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.lasat #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.lasat #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.lasat #submitOk:hover {
  background: #357ebd !important;
}
body.lasat .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.lasat .btn-close:hover {
  color: #919191;
}
body.lasat #modalRapport {
  display: none;
}
body.lasat .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.lasat .modalRapport:target:before {
  display: block;
}
body.lasat .modalRapport:target .ModalDialog {
  top: 20%;
}
body.lasat .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.lasat .contenuModalRppt {
  padding: 20px;
}
body.lasat .modal-header,
body.lasat .footerModalRppt {
  padding: 10px 20px;
}
body.lasat .modal-header {
  border-bottom: #eee solid 1px;
}
body.lasat .modal-header h2 {
  font-size: 20px;
}
body.lasat .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.lasat .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.lasat .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.lasat .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.lasat .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.lasat .identityModule td {
  border: 0;
}
body.lasat .tableauIdentity {
  width: 480px;
}
body.lasat .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.lasat .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.lasat .identityModule #donnees {
  font-size: 12px;
}
body.lasat .identiteModule td {
  padding: 3px;
}
body.lasat .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.lasat .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.lasat .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.lasat .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.lasat .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.lasat .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.lasat .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.lasat .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.lasat .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.lasat .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.lasat .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.lasat .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.lasat .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.lasat .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.lasat .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.lasat .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.lasat .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.lasat .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.lasat .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.lasat .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.lasat .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.lasat .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.lasat .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.lasat .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.lasat .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.lasat .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.lasat .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.lasat .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.lasat .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.lasat .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.lasat .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.lasat .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.lasat .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.lasat .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.lasat .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.lasat .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.lasat .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.lasat .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.lasat .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.lasat .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.lasat .lienPDF:hover {
  text-decoration: none;
}
body.lasat .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.lasat .lienCommander:hover {
  text-decoration: none;
}
body.lasat .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.lasat .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.lasat .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.lasat .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.lasat .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.lasat .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.lasat .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.lasat .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.lasat .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.lasat .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.lasat .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.lasat .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.lasat .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.lasat .lienPlusInfo:hover {
  text-decoration: none;
}
body.lasat .lienPDF:link,
body.lasat lienPDF:visited,
body.lasat lienPDF:hover,
body.lasat lienPDF:active {
  text-decoration: underline;
}
body.lasat .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.lasat .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.lasat .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.lasat .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.lasat .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.lasat .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.lasat .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.lasat .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.lasat .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.lasat #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.lasat #activerData:hover {
  background-color: #4caf50 !important;
}
body.lasat #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.lasat #desactiverData:hover {
  background-color: #f44336 !important;
}
body.lasat #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.lasat #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME PEDUZZI
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*Icon color jquery ui*/
/*BOUTONS*/
/*modal synchro*/
body.peduzzi {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.peduzzi .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.peduzzi .slide-range {
  width: 50px;
}
body.peduzzi fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #CC181F;
}
body.peduzzi .ui-widget-header {
  border-color: #CC181F;
  background: #CC181F;
  color: #fff;
  font-weight: bold;
}
body.peduzzi .ui-widget-header i,
body.peduzzi .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.peduzzi .ui-widget-header i:hover,
body.peduzzi .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.peduzzi .ui-widget-header:hover {
  color: #fff;
}
body.peduzzi .ui-widget-header:hover i {
  color: #fff;
}
body.peduzzi .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.peduzzi .ui-panel {
  border-color: #CC181F;
  background: #CC181F;
  color: #fff;
  font-weight: bold;
}
body.peduzzi .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.peduzzi .ui-panel i {
  color: #fff;
}
body.peduzzi .ui-panel i:hover {
  color: #fff;
}
body.peduzzi .ui-panel .highlight-text {
  color: #f08a00;
}
body.peduzzi .ui-panel:hover {
  color: #fff;
}
body.peduzzi .ui-panel:hover i {
  color: #fff;
}
body.peduzzi .ui-state-default,
body.peduzzi .ui-widget-content .ui-state-default,
body.peduzzi .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: #FFF;
  font-weight: normal;
  color: #000;
}
body.peduzzi .ui-state-default i,
body.peduzzi .ui-widget-content .ui-state-default i,
body.peduzzi .ui-widget-header .ui-state-default i {
  color: #CC181F;
}
body.peduzzi .ui-jqgrid-labels {
  background: #FFF;
}
body.peduzzi .ui-state-hover,
body.peduzzi .ui-widget-content .ui-state-hover,
body.peduzzi .ui-widget-header .ui-state-hover,
body.peduzzi .ui-state-focus,
body.peduzzi .ui-widget-content .ui-state-focus,
body.peduzzi .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #971217;
}
body.peduzzi .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.peduzzi .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.peduzzi .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.peduzzi .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.peduzzi .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.peduzzi .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #971217;
}
body.peduzzi .ui-state-hover i,
body.peduzzi .ui-widget-content .ui-state-hover i,
body.peduzzi .ui-widget-header .ui-state-hover i,
body.peduzzi .ui-state-focus i,
body.peduzzi .ui-widget-content .ui-state-focus i,
body.peduzzi .ui-widget-header .ui-state-focus i {
  color: #971217;
}
body.peduzzi .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.peduzzi a:hover {
  color: #971217;
  text-decoration: none;
}
body.peduzzi a:hover > i {
  color: #971217;
}
body.peduzzi a,
body.peduzzi .link {
  text-decoration: none;
  color: #333;
}
body.peduzzi a i,
body.peduzzi .link i {
  margin-left: 5px;
}
body.peduzzi a:hover,
body.peduzzi .link:hover {
  color: #971217;
}
body.peduzzi #page #sidebar {
  border-right: 5px solid #971217 !important;
}
body.peduzzi #page #sidebar header {
  background-color: #fff;
}
body.peduzzi #page #sidebar header:before {
  background-image: url("images/peduzzi/logo.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.peduzzi .header-bar > ul > li > a.active {
  color: #CC181F !important;
}
body.peduzzi #menu li a .flag {
  background: #971217;
}
body.peduzzi #menu li a.active .flag {
  background: #CC181F;
}
body.peduzzi #menu > ul > li > a {
  background-color: #CC181F;
}
body.peduzzi #tabs li.tab.active {
  border-top: 5px solid #CC181F !important;
}
body.peduzzi #tabs li.tab:hover {
  border-top: 5px solid #971217 !important;
}
body.peduzzi .ui-row-ltr.ui-state-hover,
body.peduzzi .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #fbe3bf 50% 50% repeat-x;
}
body.peduzzi .ui-datepicker-header .ui-state-hover {
  background-color: #CC181F;
  border: none;
}
body.peduzzi .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.peduzzi fieldset .legendButtons span.ui-icon {
  background-image: url(../Lib/jQueryUI/images/ui-icons_ffffff_256x240.png) !important;
}
body.peduzzi #page #sidebar header i:hover {
  background-color: #971217 !important;
}
body.peduzzi .ui-state-active {
  border-color: #971217 !important;
  background: #fff !important;
  color: #971217 !important;
}
body.peduzzi .ui-state-active a,
body.peduzzi .ui-state-active a:link,
body.peduzzi .ui-state-active a:visited {
  color: #971217;
}
body.peduzzi .ui-state-default a,
body.peduzzi .ui-state-default a:link,
body.peduzzi .ui-state-default a:visited {
  color: #CC181F;
}
body.peduzzi .btnLoupe {
  color: #CC181F;
}
body.peduzzi .btnLoupe:hover {
  color: #971217;
}
body.peduzzi .fa-refresh:hover {
  color: #CC181F !important;
}
body.peduzzi .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.peduzzi .hasDatepicker + button:before {
  content: "\f073";
}
body.peduzzi .hasDatepicker + buttonimg {
  display: none;
}
body.peduzzi .hasDatepicker + button:hover {
  color: #971217;
}
body.peduzzi .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.peduzzi .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.peduzzi .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.peduzzi .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #971217;
}
body.peduzzi .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.peduzzi .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.peduzzi .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #971217;
}
body.peduzzi .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.peduzzi .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.peduzzi .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #971217;
  background: none;
}
body.peduzzi .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.peduzzi .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.peduzzi .ui-icon.ui-icon-asc:hover {
  color: #971217;
  background: none;
  padding: 0px !important;
}
body.peduzzi .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.peduzzi .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.peduzzi .ui-icon.ui-icon-desc:hover {
  color: #971217;
  background: none;
  padding: 0px;
}
body.peduzzi .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.peduzzi .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.peduzzi .ui-icon.ui-icon-search:hover {
  color: #971217;
  background: none;
}
body.peduzzi .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.peduzzi .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.peduzzi .ui-icon.ui-icon-refresh:hover {
  color: #971217;
  background: none;
}
body.peduzzi .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.peduzzi .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.peduzzi .ui-icon.ui-icon-seek-first:hover {
  color: #971217;
  background: none;
}
body.peduzzi .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.peduzzi .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.peduzzi .ui-icon.ui-icon-seek-end:hover {
  color: #971217;
  background: none;
}
body.peduzzi .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.peduzzi .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.peduzzi .ui-icon.ui-icon-seek-prev:hover {
  color: #971217;
  background: none;
}
body.peduzzi .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.peduzzi .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.peduzzi .ui-icon.ui-icon-seek-next:hover {
  color: #971217;
  background: none;
}
body.peduzzi .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.peduzzi .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.peduzzi .ui-icon.ui-icon-plus:hover {
  color: #971217;
  background: none;
}
body.peduzzi .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #CC181F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.peduzzi .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.peduzzi .ui-icon.ui-icon-minus:hover {
  color: #971217;
  background: none;
}
body.peduzzi #infoMouvements table td {
  padding: 5px !important;
}
body.peduzzi #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.peduzzi #conteneurEntier > * {
  width: 100%;
}
body.peduzzi #conteneurEntier > img:first-of-type {
  display: none;
}
body.peduzzi #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.peduzzi #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.peduzzi .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.peduzzi .closebtn:hover {
  color: black;
}
body.peduzzi .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.peduzzi .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.peduzzi #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.peduzzi #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.peduzzi #submitOk:hover {
  background: #357ebd !important;
}
body.peduzzi .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.peduzzi .btn-close:hover {
  color: #919191;
}
body.peduzzi #modalRapport {
  display: none;
}
body.peduzzi .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.peduzzi .modalRapport:target:before {
  display: block;
}
body.peduzzi .modalRapport:target .ModalDialog {
  top: 20%;
}
body.peduzzi .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.peduzzi .contenuModalRppt {
  padding: 20px;
}
body.peduzzi .modal-header,
body.peduzzi .footerModalRppt {
  padding: 10px 20px;
}
body.peduzzi .modal-header {
  border-bottom: #eee solid 1px;
}
body.peduzzi .modal-header h2 {
  font-size: 20px;
}
body.peduzzi .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.peduzzi .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.peduzzi .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.peduzzi .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.peduzzi .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.peduzzi .identityModule td {
  border: 0;
}
body.peduzzi .tableauIdentity {
  width: 480px;
}
body.peduzzi .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.peduzzi .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.peduzzi .identityModule #donnees {
  font-size: 12px;
}
body.peduzzi .identiteModule td {
  padding: 3px;
}
body.peduzzi .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.peduzzi .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.peduzzi .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.peduzzi .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.peduzzi .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.peduzzi .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.peduzzi .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.peduzzi .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.peduzzi .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.peduzzi .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.peduzzi .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.peduzzi .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.peduzzi .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.peduzzi .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.peduzzi .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.peduzzi .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.peduzzi .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.peduzzi .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.peduzzi .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.peduzzi .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.peduzzi .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.peduzzi .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.peduzzi .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.peduzzi .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.peduzzi .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.peduzzi .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.peduzzi .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.peduzzi .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.peduzzi .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.peduzzi .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.peduzzi .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.peduzzi .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.peduzzi .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.peduzzi .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.peduzzi .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.peduzzi .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.peduzzi .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.peduzzi .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.peduzzi .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.peduzzi .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.peduzzi .lienPDF:hover {
  text-decoration: none;
}
body.peduzzi .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.peduzzi .lienCommander:hover {
  text-decoration: none;
}
body.peduzzi .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.peduzzi .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.peduzzi .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.peduzzi .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.peduzzi .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.peduzzi .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.peduzzi .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.peduzzi .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.peduzzi .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.peduzzi .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.peduzzi .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.peduzzi .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.peduzzi .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.peduzzi .lienPlusInfo:hover {
  text-decoration: none;
}
body.peduzzi .lienPDF:link,
body.peduzzi lienPDF:visited,
body.peduzzi lienPDF:hover,
body.peduzzi lienPDF:active {
  text-decoration: underline;
}
body.peduzzi .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.peduzzi .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.peduzzi .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.peduzzi .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.peduzzi .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.peduzzi .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.peduzzi .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.peduzzi .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.peduzzi .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.peduzzi #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.peduzzi #activerData:hover {
  background-color: #4caf50 !important;
}
body.peduzzi #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.peduzzi #desactiverData:hover {
  background-color: #f44336 !important;
}
body.peduzzi #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.peduzzi #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME RESTORIA
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*Icon color jquery ui*/
/*BOUTONS*/
/*modal synchro*/
body.restoria {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.restoria .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.restoria .slide-range {
  width: 50px;
}
body.restoria fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: #80151F;
}
body.restoria .ui-widget-header {
  border-color: #80151F;
  background: #80151F;
  color: #fff;
  font-weight: bold;
}
body.restoria .ui-widget-header i,
body.restoria .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.restoria .ui-widget-header i:hover,
body.restoria .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.restoria .ui-widget-header:hover {
  color: #fff;
}
body.restoria .ui-widget-header:hover i {
  color: #fff;
}
body.restoria .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.restoria .ui-panel {
  border-color: #80151F;
  background: #80151F;
  color: #fff;
  font-weight: bold;
}
body.restoria .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.restoria .ui-panel i {
  color: #fff;
}
body.restoria .ui-panel i:hover {
  color: #fff;
}
body.restoria .ui-panel .highlight-text {
  color: #f08a00;
}
body.restoria .ui-panel:hover {
  color: #fff;
}
body.restoria .ui-panel:hover i {
  color: #fff;
}
body.restoria .ui-state-default,
body.restoria .ui-widget-content .ui-state-default,
body.restoria .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: rgba(127, 21, 31, 0.1);
  font-weight: normal;
  color: #000;
}
body.restoria .ui-state-default i,
body.restoria .ui-widget-content .ui-state-default i,
body.restoria .ui-widget-header .ui-state-default i {
  color: #80151F;
}
body.restoria .ui-jqgrid-labels {
  background: #fff;
}
body.restoria .ui-state-hover,
body.restoria .ui-widget-content .ui-state-hover,
body.restoria .ui-widget-header .ui-state-hover,
body.restoria .ui-state-focus,
body.restoria .ui-widget-content .ui-state-focus,
body.restoria .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: #971217;
}
body.restoria .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.restoria .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.restoria .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.restoria .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.restoria .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.restoria .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: #971217;
}
body.restoria .ui-state-hover i,
body.restoria .ui-widget-content .ui-state-hover i,
body.restoria .ui-widget-header .ui-state-hover i,
body.restoria .ui-state-focus i,
body.restoria .ui-widget-content .ui-state-focus i,
body.restoria .ui-widget-header .ui-state-focus i {
  color: #971217;
}
body.restoria .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.restoria a:hover {
  color: #971217;
  text-decoration: none;
}
body.restoria a:hover > i {
  color: #971217;
}
body.restoria a,
body.restoria .link {
  text-decoration: none;
  color: #333;
}
body.restoria a i,
body.restoria .link i {
  margin-left: 5px;
}
body.restoria a:hover,
body.restoria .link:hover {
  color: #971217;
}
body.restoria #page #sidebar {
  border-right: 5px solid #971217 !important;
}
body.restoria #page #sidebar header {
  background-color: #fff;
}
body.restoria #page #sidebar header:before {
  background-image: url("images/restoria/logo.jpg");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.restoria .header-bar > ul > li > a.active {
  color: #CC181F !important;
}
body.restoria #menu li a .flag {
  background: #971217;
}
body.restoria #menu li a.active .flag {
  background: #CC181F;
}
body.restoria #menu > ul > li > a {
  background-color: #80151F;
}
body.restoria #tabs li.tab.active {
  border-top: 5px solid #CC181F !important;
}
body.restoria #tabs li.tab:hover {
  border-top: 5px solid #971217 !important;
}
body.restoria .ui-row-ltr.ui-state-hover,
body.restoria .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #fbe3bf 50% 50% repeat-x;
}
body.restoria .ui-datepicker-header .ui-state-hover {
  background-color: #80151F;
  border: none;
}
body.restoria .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.restoria fieldset .legendButtons span.ui-icon {
  background-image: url(../Lib/jQueryUI/images/ui-icons_ffffff_256x240.png) !important;
}
body.restoria #page #sidebar header i:hover {
  background-color: #971217 !important;
}
body.restoria .ui-state-active {
  border-color: #971217 !important;
  background: #fff !important;
  color: #971217 !important;
}
body.restoria .ui-state-active a,
body.restoria .ui-state-active a:link,
body.restoria .ui-state-active a:visited {
  color: #971217;
}
body.restoria .ui-state-default a,
body.restoria .ui-state-default a:link,
body.restoria .ui-state-default a:visited {
  color: #80151F;
}
body.restoria .btnLoupe {
  color: #80151F;
}
body.restoria .btnLoupe:hover {
  color: #971217;
}
body.restoria .fa-refresh:hover {
  color: #80151F !important;
}
body.restoria .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.restoria .hasDatepicker + button:before {
  content: "\f073";
}
body.restoria .hasDatepicker + buttonimg {
  display: none;
}
body.restoria .hasDatepicker + button:hover {
  color: #971217;
}
body.restoria .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.restoria .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.restoria .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.restoria .ui-icon.ui-icon-circle-triangle-e:hover {
  color: #971217;
}
body.restoria .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.restoria .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.restoria .ui-icon.ui-icon-circle-triangle-w:hover {
  color: #971217;
}
body.restoria .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.restoria .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.restoria .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: #971217;
  background: none;
}
body.restoria .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.restoria .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.restoria .ui-icon.ui-icon-asc:hover {
  color: #971217;
  background: none;
  padding: 0px !important;
}
body.restoria .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.restoria .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.restoria .ui-icon.ui-icon-desc:hover {
  color: #971217;
  background: none;
  padding: 0px;
}
body.restoria .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.restoria .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.restoria .ui-icon.ui-icon-search:hover {
  color: #971217;
  background: none;
}
body.restoria .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.restoria .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.restoria .ui-icon.ui-icon-refresh:hover {
  color: #971217;
  background: none;
}
body.restoria .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.restoria .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.restoria .ui-icon.ui-icon-seek-first:hover {
  color: #971217;
  background: none;
}
body.restoria .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.restoria .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.restoria .ui-icon.ui-icon-seek-end:hover {
  color: #971217;
  background: none;
}
body.restoria .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.restoria .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.restoria .ui-icon.ui-icon-seek-prev:hover {
  color: #971217;
  background: none;
}
body.restoria .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.restoria .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.restoria .ui-icon.ui-icon-seek-next:hover {
  color: #971217;
  background: none;
}
body.restoria .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.restoria .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.restoria .ui-icon.ui-icon-plus:hover {
  color: #971217;
  background: none;
}
body.restoria .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: #80151F;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.restoria .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.restoria .ui-icon.ui-icon-minus:hover {
  color: #971217;
  background: none;
}
body.restoria #infoMouvements table td {
  padding: 5px !important;
}
body.restoria #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.restoria #conteneurEntier > * {
  width: 100%;
}
body.restoria #conteneurEntier > img:first-of-type {
  display: none;
}
body.restoria #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.restoria #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.restoria .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.restoria .closebtn:hover {
  color: black;
}
body.restoria .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.restoria .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.restoria #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.restoria #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.restoria #submitOk:hover {
  background: #357ebd !important;
}
body.restoria .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.restoria .btn-close:hover {
  color: #919191;
}
body.restoria #modalRapport {
  display: none;
}
body.restoria .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.restoria .modalRapport:target:before {
  display: block;
}
body.restoria .modalRapport:target .ModalDialog {
  top: 20%;
}
body.restoria .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.restoria .contenuModalRppt {
  padding: 20px;
}
body.restoria .modal-header,
body.restoria .footerModalRppt {
  padding: 10px 20px;
}
body.restoria .modal-header {
  border-bottom: #eee solid 1px;
}
body.restoria .modal-header h2 {
  font-size: 20px;
}
body.restoria .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.restoria .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.restoria .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.restoria .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.restoria .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.restoria .identityModule td {
  border: 0;
}
body.restoria .tableauIdentity {
  width: 480px;
}
body.restoria .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.restoria .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.restoria .identityModule #donnees {
  font-size: 12px;
}
body.restoria .identiteModule td {
  padding: 3px;
}
body.restoria .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.restoria .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.restoria .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.restoria .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.restoria .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.restoria .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.restoria .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.restoria .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.restoria .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.restoria .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.restoria .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.restoria .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.restoria .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.restoria .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.restoria .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.restoria .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.restoria .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.restoria .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.restoria .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.restoria .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.restoria .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.restoria .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.restoria .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.restoria .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.restoria .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.restoria .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.restoria .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.restoria .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.restoria .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.restoria .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.restoria .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.restoria .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.restoria .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.restoria .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.restoria .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.restoria .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.restoria .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.restoria .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.restoria .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.restoria .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.restoria .lienPDF:hover {
  text-decoration: none;
}
body.restoria .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.restoria .lienCommander:hover {
  text-decoration: none;
}
body.restoria .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.restoria .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.restoria .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.restoria .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.restoria .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.restoria .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.restoria .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.restoria .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.restoria .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.restoria .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.restoria .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.restoria .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.restoria .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.restoria .lienPlusInfo:hover {
  text-decoration: none;
}
body.restoria .lienPDF:link,
body.restoria lienPDF:visited,
body.restoria lienPDF:hover,
body.restoria lienPDF:active {
  text-decoration: underline;
}
body.restoria .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.restoria .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.restoria .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.restoria .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.restoria .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.restoria .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.restoria .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.restoria .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.restoria .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.restoria #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.restoria #activerData:hover {
  background-color: #4caf50 !important;
}
body.restoria #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.restoria #desactiverData:hover {
  background-color: #f44336 !important;
}
body.restoria #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.restoria #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}

/**
 *  THEME RESTORIA
 */
/* fonts */
/* corner radius */
/* header / toolbar */
/* content */
/* clickable : default state */
/* clickable : hover state */
/* clickable : active state */
/* highlight */
/* error */
/*Combobox current active state*/
/* modal screen for overlays */
/* drop shadows */
/* logo */
/* links */
/* navigation bar */
/*jqgrid*/
/*Icon color reduce*/
/*Icon color jquery ui*/
/*BOUTONS*/
/*modal synchro*/
body.sbi {
  font-family: Arial, Helvetica, sans-serif !important;
  /*font-weight: @font-weight !important;
        font-size: @font-size !important;*/
  /*Lien actif menu droit tiers*/
  /*Lien non active menu droit tiers*/
  /*Font Awesome Loupe (Jqgrid modification) Ajout dans loupeSearch.js*/
  /*Font Awesome Calendar (Jqgrid modification)*/
  /*Font Awesome Icon reset*/
  /*Font Awesome ajout des icones précédent et suivant*/
  /*Font Awesome ajout icones combobox*/
  /*Font Awesome ajout des icones jQGrid ascendant et descendant*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid search*/
  /*Font Awesome ajout des icones jQGrid navigation*/
  /*Font Awesome ajout des icones jQGrid Details */
  /*PROTECTEL*/
  /*FIN PROTECTEL*/
}
body.sbi .ui-widget:not(.ui-jqgrid) {
  border-radius: 4px !important;
}
body.sbi .slide-range {
  width: 50px;
}
body.sbi fieldset:not(.minimalist) {
  border-radius: 4px !important;
  overflow: hidden;
  border-color: rgba(0, 138, 203, 0.9);
}
body.sbi .ui-widget-header {
  border-color: rgba(0, 138, 203, 0.9);
  background: rgba(0, 138, 203, 0.9);
  color: #fff;
  font-weight: bold;
}
body.sbi .ui-widget-header i,
body.sbi .ui-widget-header .ui-icon {
  color: #fff !important;
}
body.sbi .ui-widget-header i:hover,
body.sbi .ui-widget-header .ui-icon:hover {
  color: #fff !important;
}
body.sbi .ui-widget-header:hover {
  color: #fff;
}
body.sbi .ui-widget-header:hover i {
  color: #fff;
}
body.sbi .timeline .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.sbi .ui-panel {
  border-color: rgba(0, 138, 203, 0.9);
  background: rgba(0, 138, 203, 0.9);
  color: #fff;
  font-weight: bold;
}
body.sbi .ui-panel .click-hover:hover {
  color: #f08a00;
  cursor: pointer;
}
body.sbi .ui-panel i {
  color: #fff;
}
body.sbi .ui-panel i:hover {
  color: #fff;
}
body.sbi .ui-panel .highlight-text {
  color: #f08a00;
}
body.sbi .ui-panel:hover {
  color: #fff;
}
body.sbi .ui-panel:hover i {
  color: #fff;
}
body.sbi .ui-state-default,
body.sbi .ui-widget-content .ui-state-default,
body.sbi .ui-widget-header .ui-state-default {
  border-color: #ccc;
  background: rgba(132, 183, 26, 0.1);
  font-weight: normal;
  color: #000;
}
body.sbi .ui-state-default i,
body.sbi .ui-widget-content .ui-state-default i,
body.sbi .ui-widget-header .ui-state-default i {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi .ui-jqgrid-labels {
  background: #fff;
}
body.sbi .ui-state-hover,
body.sbi .ui-widget-content .ui-state-hover,
body.sbi .ui-widget-header .ui-state-hover,
body.sbi .ui-state-focus,
body.sbi .ui-widget-content .ui-state-focus,
body.sbi .ui-widget-header .ui-state-focus {
  background: #FFF;
  font-weight: normal;
  color: rgba(0, 138, 203, 0.9);
}
body.sbi .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.sbi .ui-widget-content .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.sbi .ui-widget-header .ui-state-hover:not(.ui-th-column):not(.ui-row-ltr),
body.sbi .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.sbi .ui-widget-content .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr),
body.sbi .ui-widget-header .ui-state-focus:not(.ui-th-column):not(.ui-row-ltr) {
  border-color: rgba(0, 138, 203, 0.9);
}
body.sbi .ui-state-hover i,
body.sbi .ui-widget-content .ui-state-hover i,
body.sbi .ui-widget-header .ui-state-hover i,
body.sbi .ui-state-focus i,
body.sbi .ui-widget-content .ui-state-focus i,
body.sbi .ui-widget-header .ui-state-focus i {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi .ui-pg-button:hover {
  border: none !important;
  padding: 1px !important;
}
body.sbi a:hover {
  color: rgba(0, 138, 203, 0.9);
  text-decoration: none;
}
body.sbi a:hover > i {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi a,
body.sbi .link {
  text-decoration: none;
  color: #333;
}
body.sbi a i,
body.sbi .link i {
  margin-left: 5px;
}
body.sbi a:hover,
body.sbi .link:hover {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi #page #sidebar {
  border-right: 5px solid rgba(0, 138, 203, 0.9) !important;
}
body.sbi #page #sidebar header {
  background-color: #008ACB;
}
body.sbi #page #sidebar header:before {
  background-image: url("images/sbi/logo.png");
  width: 230px;
  height: 40px;
  background-position-y: center;
  background-size: contain;
}
body.sbi .header-bar > ul > li > a.active {
  color: rgba(0, 138, 203, 0.9) !important;
}
body.sbi #menu li a .flag {
  background: rgba(0, 138, 203, 0.9);
}
body.sbi #menu li a.active .flag {
  background: rgba(0, 138, 203, 0.9);
}
body.sbi #menu > ul > li > a {
  background-color: rgba(0, 138, 203, 0.9);
}
body.sbi #tabs li.tab.active {
  border-top: 5px solid rgba(0, 138, 203, 0.9) !important;
}
body.sbi #tabs li.tab:hover {
  border-top: 5px solid rgba(0, 138, 203, 0.9) !important;
}
body.sbi .ui-row-ltr.ui-state-hover,
body.sbi .ui-row-ltr.ui-state-highlight {
  color: #f08a00;
  background: #fbe3bf 50% 50% repeat-x;
}
body.sbi .ui-datepicker-header .ui-state-hover {
  background-color: rgba(0, 138, 203, 0.9);
  border: none;
}
body.sbi .ui-datepicker-header .ui-icon {
  left: 0;
  top: 10px;
}
body.sbi fieldset .legendButtons span.ui-icon {
  background-image: url(../Lib/jQueryUI/images/ui-icons_ffffff_256x240.png) !important;
}
body.sbi #page #sidebar header i:hover {
  background-color: rgba(0, 138, 203, 0.9) !important;
}
body.sbi .ui-state-active {
  border-color: rgba(0, 138, 203, 0.9) !important;
  background: #fff !important;
  color: rgba(0, 138, 203, 0.9) !important;
}
body.sbi .ui-state-active a,
body.sbi .ui-state-active a:link,
body.sbi .ui-state-active a:visited {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi .ui-state-default a,
body.sbi .ui-state-default a:link,
body.sbi .ui-state-default a:visited {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi .btnLoupe {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi .btnLoupe:hover {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi .fa-refresh:hover {
  color: rgba(0, 138, 203, 0.9) !important;
}
body.sbi .hasDatepicker + button {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: none;
  background: none;
  border: none;
}
body.sbi .hasDatepicker + button:before {
  content: "\f073";
}
body.sbi .hasDatepicker + buttonimg {
  display: none;
}
body.sbi .hasDatepicker + button:hover {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi .ui-icon {
  text-indent: 0px;
  text-align: center;
}
body.sbi .ui-icon.ui-icon-circle-triangle-e {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.sbi .ui-icon.ui-icon-circle-triangle-e:before {
  content: "\f0a9";
}
body.sbi .ui-icon.ui-icon-circle-triangle-e:hover {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi .ui-icon.ui-icon-circle-triangle-w {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: -30% !important;
}
body.sbi .ui-icon.ui-icon-circle-triangle-w:before {
  content: "\f0a8";
}
body.sbi .ui-icon.ui-icon-circle-triangle-w:hover {
  color: rgba(0, 138, 203, 0.9);
}
body.sbi .ui-icon.ui-icon-triangle-2-n-s {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 3px !important;
}
body.sbi .ui-icon.ui-icon-triangle-2-n-s:before {
  content: "\f0dc";
}
body.sbi .ui-icon.ui-icon-triangle-2-n-s:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
}
body.sbi .ui-icon.ui-icon-asc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.sbi .ui-icon.ui-icon-asc:before {
  content: "\f0de";
}
body.sbi .ui-icon.ui-icon-asc:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
  padding: 0px !important;
}
body.sbi .ui-icon.ui-icon-desc {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.sbi .ui-icon.ui-icon-desc:before {
  content: "\f0dd";
}
body.sbi .ui-icon.ui-icon-desc:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
  padding: 0px;
}
body.sbi .ui-icon.ui-icon-search {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.sbi .ui-icon.ui-icon-search:before {
  content: "\f002";
}
body.sbi .ui-icon.ui-icon-search:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
}
body.sbi .ui-icon.ui-icon-refresh {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.sbi .ui-icon.ui-icon-refresh:before {
  content: "\f021";
}
body.sbi .ui-icon.ui-icon-refresh:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
}
body.sbi .ui-icon.ui-icon-seek-first {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.sbi .ui-icon.ui-icon-seek-first:before {
  content: "\f048";
}
body.sbi .ui-icon.ui-icon-seek-first:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
}
body.sbi .ui-icon.ui-icon-seek-end {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.sbi .ui-icon.ui-icon-seek-end:before {
  content: "\f051";
}
body.sbi .ui-icon.ui-icon-seek-end:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
}
body.sbi .ui-icon.ui-icon-seek-prev {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.sbi .ui-icon.ui-icon-seek-prev:before {
  content: "\f04a";
}
body.sbi .ui-icon.ui-icon-seek-prev:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
}
body.sbi .ui-icon.ui-icon-seek-next {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.sbi .ui-icon.ui-icon-seek-next:before {
  content: "\f04e";
}
body.sbi .ui-icon.ui-icon-seek-next:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
}
body.sbi .ui-icon.ui-icon-plus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.sbi .ui-icon.ui-icon-plus:before {
  content: "\f067";
}
body.sbi .ui-icon.ui-icon-plus:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
}
body.sbi .ui-icon.ui-icon-minus {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  margin: 0px;
  vertical-align: top;
  color: rgba(0, 138, 203, 0.9);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  border: none;
  margin-top: 6px !important;
}
body.sbi .ui-icon.ui-icon-minus:before {
  content: "\f068";
}
body.sbi .ui-icon.ui-icon-minus:hover {
  color: rgba(0, 138, 203, 0.9);
  background: none;
}
body.sbi #infoMouvements table td {
  padding: 5px !important;
}
body.sbi #conteneurEntier {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 2%;
  margin-bottom: 2%;
}
body.sbi #conteneurEntier > * {
  width: 100%;
}
body.sbi #conteneurEntier > img:first-of-type {
  display: none;
}
body.sbi #InfoRapport {
  display: table;
  padding: 10px 20px;
  background-color: #1b325c;
  color: white;
  margin: 20px;
  width: 95%;
}
body.sbi #zoneInfo {
  padding: 10px 0px;
  display: table-cell;
  text-align: left;
}
body.sbi .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  display: table-cell;
  text-align: right;
}
body.sbi .closebtn:hover {
  color: black;
}
body.sbi .actuBtn {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  color: white;
  font-weight: bold;
  float: right;
  display: table-cell;
  text-align: center;
}
body.sbi .actuBtn:hover {
  background-color: #4caf50 !important;
}
body.sbi #contenuModalRppt table td {
  padding: 5px;
  border-bottom: 1px solid white !important;
}
body.sbi #submitOk {
  background: #428bca !important;
  border: #357ebd solid 1px !important;
  border-radius: 3px !important;
  color: #fff !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 15px !important;
  text-decoration: none !important;
  text-align: center !important;
  min-width: 60px !important;
  position: relative !important;
  height: 35px !important;
}
body.sbi #submitOk:hover {
  background: #357ebd !important;
}
body.sbi .btn-close {
  color: #aaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  /*&:target{
                    .modalRapport{
                        &:before{
                            display:none;
                        }
                    }
                }*/
}
body.sbi .btn-close:hover {
  color: #919191;
}
body.sbi #modalRapport {
  display: none;
}
body.sbi .modalRapport:before {
  content: " ";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2110;
}
body.sbi .modalRapport:target:before {
  display: block;
}
body.sbi .modalRapport:target .ModalDialog {
  top: 20%;
}
body.sbi .ModalDialog {
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;
  margin-left: -200px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2111;
  width: 550px;
  margin: auto;
  height: 550px;
  overflow: auto;
}
body.sbi .contenuModalRppt {
  padding: 20px;
}
body.sbi .modal-header,
body.sbi .footerModalRppt {
  padding: 10px 20px;
}
body.sbi .modal-header {
  border-bottom: #eee solid 1px;
}
body.sbi .modal-header h2 {
  font-size: 20px;
}
body.sbi .footerModalRppt {
  border-top: #eee solid 1px;
  text-align: right;
}
body.sbi .titlePaiements {
  background-color: #3d71a8;
  color: white;
  width: 620px;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
body.sbi .parametres {
  font-size: 18px;
  font-weight: bold;
}
body.sbi .identityModule {
  width: 620px;
  font-size: 20px;
  border: 1px solid #3d71a8;
  background-color: #f0f4fd;
  padding: 0px;
  margin: 0px;
}
body.sbi .identityModule #titre {
  background-color: #3d71a8;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.sbi .identityModule td {
  border: 0;
}
body.sbi .tableauIdentity {
  width: 480px;
}
body.sbi .tableauIdentity td {
  padding-top: 2px;
  padding-bottom: 2px;
}
body.sbi .identityModule #soustitre {
  font-weight: bold;
  vertical-align: top;
  font-size: 12px;
  width: 160px;
  text-align: right;
  padding-right: 5px;
}
body.sbi .identityModule #donnees {
  font-size: 12px;
}
body.sbi .identiteModule td {
  padding: 3px;
}
body.sbi .scoreOrange {
  background-color: #ffb522;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.sbi .scoreOrange .scoreClair {
  background-color: #ffdc9c;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.sbi .scoreOrange .colorDateMAJ {
  color: #ff9200;
  font-weight: bold;
  font-size: 14px;
}
body.sbi .scoreGreen {
  background-color: #90bc29;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.sbi .scoreGreen .scoreClair {
  background-color: #e0ecce;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.sbi .scoreGreen .colorDateMAJ {
  color: green;
  font-weight: bold;
  font-size: 14px;
}
body.sbi .scoreBlack {
  background-color: #222222;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.sbi .scoreBlack .scoreClair {
  background-color: #999999;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.sbi .scoreBlack .colorDateMAJ {
  color: white;
  font-weight: bold;
  font-size: 14px;
}
body.sbi .scoreYellow {
  background-color: #ffcc00;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.sbi .scoreYellow .scoreClair {
  background-color: #ffefb1;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.sbi .scoreYellow .colorDateMAJ {
  color: #efac00;
  font-weight: bold;
  font-size: 14px;
}
body.sbi .scoreRed {
  background-color: #f83e2b;
  font-size: 18px;
  padding: 5px;
  font-weight: bold;
  color: white;
  width: 130px;
  vertical-align: top;
}
body.sbi .scoreRed .scoreClair {
  background-color: #ffbfb6;
  font-size: 12px;
  padding: 5px;
  font-weight: bold;
  color: black;
  width: 110px;
  vertical-align: top;
  margin-top: 20px;
}
body.sbi .scoreRed .colorDateMAJ {
  color: red;
  font-weight: bold;
  font-size: 14px;
}
body.sbi .legendeNoir {
  background-color: black;
  height: 20px;
  width: 35px;
  float: left;
}
body.sbi .legendeRed {
  background-color: #ee1c01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 70px;
}
body.sbi .legendeOrangeFonce {
  background-color: #ff7b01;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.sbi .legendeOrangeClair {
  background-color: #f7b200;
  height: 20px;
  width: 35px;
  float: left;
  clear: both;
}
body.sbi .legendeVert {
  background-color: #90bc29;
  height: 20px;
  width: 35px;
  float: left;
  margin-left: 20px;
}
body.sbi .caracteristiqueEntreprise {
  width: 620px;
  font-size: 16px;
  border: 1px solid #5e498f;
  background-color: #5e498f;
  padding: 0px;
  margin: 0px;
  color: white;
}
body.sbi .caracteristiqueEntreprise #title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}
body.sbi .caracteristiqueEntreprise #sousTitre {
  font-size: 12px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.sbi .caracteristiqueEntreprise #sousTitre2 {
  font-size: 11px;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.sbi .caracteristiqueEntreprise #sousTitreTypeBilan {
  font-weight: bold;
  font-size: 11px;
  width: 15px;
  color: black;
  vertical-align: top;
}
body.sbi .caracteristiqueEntreprise #donneesBilan {
  font-size: 11px;
  width: 70px;
  padding-right: 10px;
  vertical-align: top;
}
body.sbi .caracteristiqueEntreprise #comment {
  font-size: 10px;
  color: black;
  width: 200px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}
body.sbi .caracteristiqueEntreprise .pair {
  background-color: #f2eefd;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #4d387b;
}
body.sbi .caracteristiqueEntreprise .impair {
  background-color: white;
  font-size: 12px;
  color: #4d387b;
}
body.sbi .titreBilanGris {
  background-color: #cccccc;
  font-size: 12px;
}
body.sbi .sousTitreBilanGris {
  background-color: #dfdfdf;
  font-size: 12px;
  color: #4d387b;
  font-weight: bold;
}
body.sbi .caracteristiqueEntreprise #donnees {
  padding-top: 3px;
  padding-bottom: 3px;
}
body.sbi .TraitGris {
  /*background-color:#5e498f;*/
  border-top: 1px solid #cccccc;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1px;
  height: 10px;
}
body.sbi .TraitViolet {
  /*background-color:#5e498f;*/
  border-top: 1px solid #5e498f;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-size: 1px;
  height: 10px;
}
body.sbi .titreDirigeant {
  color: #5e498f;
  font-weight: bold;
  margin-left: 10px;
  margin-top: 7px;
}
body.sbi .detailsLigne {
  padding-left: 30px;
  padding-right: 30px;
  font-weight: normal;
  font-size: 11px;
  color: black;
}
body.sbi .exception {
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid red;
}
body.sbi .exception #titre {
  background-color: red;
  width: 620px;
  font-size: 20px;
  font-weight: bold;
  border: 0;
  height: 30px;
}
body.sbi .exception td {
  background-color: white;
  width: 620px;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  padding: 5px;
}
body.sbi .lienPDF {
  color: black;
  font-size: 16px;
  font-weight: bold;
}
body.sbi .lienPDF:hover {
  text-decoration: none;
}
body.sbi .lienCommander {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
body.sbi .lienCommander:hover {
  text-decoration: none;
}
body.sbi .surveillance {
  background-color: #4186be;
  border: 2px solid #3176ae;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 629px;
  font-size: 16px;
  font-family: verdana,arial;
}
body.sbi .surveillanceAdresse {
  background-color: #cccccc;
  color: black;
  padding: 5px;
  width: 619px;
  font-size: 10px;
  font-family: verdana,arial;
}
body.sbi .surveillanceAdresseIntitule {
  font-weight: bold;
  font-size: 11px;
  font-family: verdana,arial;
  width: 80px;
  text-align: right;
}
body.sbi .surveillanceAdresseContenu {
  font-size: 11px;
  font-family: verdana,arial;
}
body.sbi .evenement {
  background-color: #555555;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.sbi .evenementOrange {
  background-color: #ff8822;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.sbi .evenementRed {
  background-color: red;
  color: white;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  width: 619px;
  font-size: 14px;
  font-family: verdana,arial;
}
body.sbi .tableHolding {
  border: 1px solid black;
  border-collapse: collapse;
  width: 629px;
}
body.sbi .tableHolding td {
  border: 1px solid black;
  border-collapse: collapse;
}
body.sbi .tableauDir {
  border: 1px solid black;
  background-color: #eeeeee;
  width: 629px;
}
body.sbi .tableauDirOrange {
  border: 1px solid #ff8822;
  background-color: #eeeeee;
  width: 629px;
}
body.sbi .tableauDirRed {
  border: 1px solid red;
  background-color: #eeeeee;
  width: 629px;
}
body.sbi .lienPlusInfo {
  color: white;
  font-size: 12px;
  font-weight: bold;
  display: none !important;
}
body.sbi .lienPlusInfo:hover {
  text-decoration: none;
}
body.sbi .lienPDF:link,
body.sbi lienPDF:visited,
body.sbi lienPDF:hover,
body.sbi lienPDF:active {
  text-decoration: underline;
}
body.sbi .titreEllikab {
  width: 750px;
  height: 25px;
  font-size: 22px;
  border: 0;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 8px 0px 0px 8px;
  background: #00afef;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00afef 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
}
body.sbi .tableEllikab {
  width: 750px;
  border: 0;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
body.sbi .tableEllikab #titre {
  width: 250px;
  vertical-align: top;
  padding-left: 20px;
}
body.sbi .tableEllikab #sousTitre {
  font-size: 15px;
  color: black;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
}
body.sbi .tableEllikab ul {
  margin: 5px 0 0 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
body.sbi .tableEllikab li {
  list-style-type: square;
  color: #00afef;
  font-size: 20px;
}
body.sbi .tableEllikab #functionEllikab {
  color: #000;
  font-size: 15px;
  color: black;
  font-weight: bold;
}
body.sbi .tableEllikab #nbrEtablissement {
  font-weight: bold;
}
body.sbi .titreMentionsObservations {
  padding-bottom: 10px;
  padding-top: 10px;
}
body.sbi #activerData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  margin: 20px !important;
  float: left;
}
body.sbi #activerData:hover {
  background-color: #4caf50 !important;
}
body.sbi #desactiverData {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 20px !important;
  width: auto !important;
  float: left;
}
body.sbi #desactiverData:hover {
  background-color: #f44336 !important;
}
body.sbi #synchroInfo {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
  width: auto !important;
  float: right;
  margin: 20px !important;
}
body.sbi #synchroInfo:hover {
  background-color: #9c27b0 !important;
}
.btn-norm {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
}
.btn-violet {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #7b1fa2 !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-violet:hover {
  background-color: #9c27b0 !important;
}
.btn-blanc {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: white !important;
  color: black !important;
  border-radius: 4px !important;
  border: 1px solid #bdbdbd !important;
}
.btn-blanc:hover {
  background-color: #bdbdbd !important;
}
.btn-vert {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #388e3c !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-vert:hover {
  background-color: #4caf50 !important;
}
.btn-rouge {
  height: 34px !important;
  width: 150px !important;
  padding: 6px !important;
  font-size: 14px !important;
  background: #d32f2f !important;
  color: white !important;
  border-radius: 4px !important;
  border: none !important;
}
.btn-rouge:hover {
  background-color: #f44336 !important;
}


body > form {
    height: 100%;
}

/* INSCRIPTION */
.inscription {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: #E6E9ED;
}

.inscription #topContent {
    height: 128px;
    background: url(../Images/specific/campagne_logo.png) no-repeat left;
}

.inscription #topTitle {
    color: #3262A1;
    width: 685px;
    text-align: center;
    float: right;
    padding-top: 25px;
}

.inscription .ruban {
    background: #3262A1;
    text-align: center;
    color: white;
    padding: 5px;
    font-size: 1.3em;
}

.inscription .main-form {
    background: #E6E9ED;
    position: relative;
    padding: 15px;
}

.inscription .question {
    padding-right: 10px;
    min-height: 28px;
    padding: 10px 1%;
    width: 98%;
    margin-bottom: 1em;
    border: 1px solid #3262A1;
    background: #fafeff;
    clear: both;
    overflow: hidden;
    position: relative;
}

.inscription .question > div.float {
    float: left;
    width: 50%;
}

.inscription .question label, .inscription .question .inlineBlock {
    min-width: 90px;
    width: auto;
    display: inline-block;
    margin-left: 12px;
    color: #3262A1;
    font-family: 'Times New Roman';
    font-size: medium;
    font-weight: bold;
}

.inscription .asterisk {
    color: red;
}

.inscription input, .inscription select {
    padding: 3px;
    border: 1px solid #3262A1;
    border-radius: 5px;
    width: 200px;
    box-shadow: 1px 1px 2px #838383 inset;
    margin-right: 10px;
    background-color: #E6E9ED;
}

.inscription input[type=checkbox] {
    box-shadow: none;
}

.inscription select {
    height: 24px;
    width: 208px;
}

.inscription .submit-form {
    width: 100%;
    text-align: center;
}

.inscription .submit-form input {
    background-color: #3262A1;
    cursor: pointer;
    color: white;
    width: 120px;
    box-shadow: 2px 2px 2px #838383;
}

.inscription .inputNonEditable {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

/*# sourceMappingURL=app.css.map*/