@charset "UTF-8";
/* Normalisation de l'apparence des elements pour eviter les divergences d'affichage entre les navigateurs
***************************************************************************************************/
/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,
p, blockquote, th, td {
  margin: 0;
  padding: 0; }

/* normalise les tailles de polices pour les en-tetes */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

/* Supprime list-style pour les listes */
ol, ul {
  list-style: none; }

/* Normalise les styles et graisses de fontes: font-style et font-weight sont "normal" */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

/* Supprime les bordures dans les tableaux */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Supprime les bordures dans les elements fieldset et img */
fieldset, img {
  border: 0; }

/* Aligne le texte a gauche dans caption et th */
caption, th {
  text-align: left; }

/* Supprime les apostrophes doubles (guillemets anglais) autour du q */
q:before, q:after {
  content: ''; }

/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block; }

/* Couleurs principales de l'application */
/* Bandeau de navigation */
/* Couleur etat */
body {
  font: 62.5%/1.6 Arial, "sans-serif";
  font-size: 14px; }

a {
  color: black; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
.ui-datatable input[type="text"],
.ui-datatable input[type="email"],
.ui-datatable input[type="tel"],
.ui-dialog input[type="text"],
.ui-dialog input[type="password"],
.ui-dialog input[type="email"],
.ui-dialog input[type="tel"],
.field-text textarea {
  box-sizing: border-box;
  width: 230px;
  padding: 11px 20px;
  border: 1px solid gainsboro;
  background-color: white;
  font-size: 14px;
  outline: none; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  .ui-datatable input[type="text"]:focus,
  .ui-datatable input[type="email"]:focus,
  .ui-datatable input[type="tel"]:focus,
  .ui-dialog input[type="text"]:focus,
  .ui-dialog input[type="password"]:focus,
  .ui-dialog input[type="email"]:focus,
  .ui-dialog input[type="tel"]:focus,
  .field-text textarea:focus {
    border-color: #006a4e; }
  input[type="text"] + label,
  input[type="password"] + label,
  input[type="email"] + label,
  input[type="tel"] + label,
  .ui-datatable input[type="text"] + label,
  .ui-datatable input[type="email"] + label,
  .ui-datatable input[type="tel"] + label,
  .ui-dialog input[type="text"] + label,
  .ui-dialog input[type="password"] + label,
  .ui-dialog input[type="email"] + label,
  .ui-dialog input[type="tel"] + label,
  .field-text textarea + label {
    margin-left: 5px; }

/* *************************************************************
 *
 * Surcharge du style accordion de PrimeFaces
 *
 * *************************************************************/
.ui-accordion {
  /* *************************************************************
	 * Header
	 * *************************************************************/ }
  .ui-accordion .ui-accordion-header {
    color: white; }

.header {
  top: 0;
  bottom: 0;
  left: 0;
  width: 220px;
  background-color: #e4e6e4;
  min-height: 100vh; }

.l-image-Logo {
  width: 200px;
  margin: 30px 10px; }

.navigation-item {
  position: relative;
  display: block;
  border-left: 4px solid transparent;
  padding: 10px 5px 10px 40px;
  background-position: 20px center;
  background-repeat: no-repeat;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold; }
  .navigation-item:before {
    position: absolute;
    left: 8px;
    top: 3px;
    color: #056629;
    font-size: 22px;
    font-family: "streamline-filled-in" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none; }

.navigation-item-active {
  border-left-color: #87c400;
  background-color: white;
  border-top: 1px solid rgba(0, 0, 0, 0.3); }

.navigation-item-accueil:before {
  content: "\e3be"; }

.navigation-item-dossiers:before {
  content: "\e28c"; }

.navigation-item-tirages:before {
  content: "\e3fe"; }

.navigation-item-remboursements:before {
  content: "\e409"; }

.navigation-item-courriers:before {
  content: "\e124"; }

.navigation-item-statistiques:before {
  content: "\e26e"; }

.navigation-item-communications:before {
  content: "\e0c8"; }

.navigation-item-aides:before {
  content: "\e451"; }

.navigation-item-faq:before {
  content: "\e338"; }

.navigation-item-parametrage-national:before {
  content: "\e312"; }

.navigation-item-parametrage-cr:before {
  content: "\e313"; }

.navigation-item-videoSE:before {
  content: "\e107"; }

.navigation-item-quiz:before {
  content: "\e332"; }

.navigation-item-parametrage-fa:before {
  content: "\e5bc"; }

.navigation-item-title {
  padding: 0 20px 0 13px;
  margin: 10px 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-weight: bold; }

.navigation-item-separator {
  position: relative;
  display: block;
  height: 0;
  width: calc(100% - 20px);
  margin: 20px 10px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.navigation-logout {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.navigation-caisse-popin {
  width: 600px; }
  .navigation-caisse-popin .navigation-caisse-popin-numerocr {
    width: 60px; }

.navigation-logout-identity {
  display: block;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  font-weight: bold; }

.navigation-logout-role {
  display: block;
  text-align: center;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold; }

.navigation-logout-entity {
  display: block;
  text-align: center;
  font-size: 11px !important;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold; }

.navigation-logout-button {
  display: block;
  width: calc(100% - 40px);
  padding: 8px 10px;
  border: 2px solid #ed7f0a;
  margin: 10px 20px 20px;
  background-color: transparent;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  font-weight: bold;
  cursor: pointer; }

.button,
.ui-button.button,
.ui-dialog.ui-dialog .button,
.filters .button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 160px;
  padding: 6px 20px;
  border-radius: 5px;
  color: white;
  background-color: #87c400;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  text-align: center; }
  .button + .button,
  .ui-button.button + .button,
  .ui-dialog.ui-dialog .button + .button,
  .filters .button + .button, .button +
  .ui-button.button,
  .ui-button.button +
  .ui-button.button,
  .ui-dialog.ui-dialog .button +
  .ui-button.button,
  .filters .button +
  .ui-button.button, .button +
  .ui-dialog.ui-dialog .button,
  .ui-button.button +
  .ui-dialog.ui-dialog .button,
  .ui-dialog.ui-dialog .button +
  .ui-dialog.ui-dialog .button,
  .filters .button +
  .ui-dialog.ui-dialog .button, .button +
  .filters .button,
  .ui-button.button +
  .filters .button,
  .ui-dialog.ui-dialog .button +
  .filters .button,
  .filters .button +
  .filters .button {
    margin-left: 20px; }
  .button .ui-button-text,
  .ui-button.button .ui-button-text,
  .ui-dialog.ui-dialog .button .ui-button-text,
  .filters .button .ui-button-text {
    color: white; }
  .button.button-dark-green,
  .ui-button.button.button-dark-green,
  .ui-dialog.ui-dialog .button.button-dark-green,
  .filters .button.button-dark-green {
    color: white;
    background-color: #056629; }

.filters .button-add {
  padding-left: 48px;
  background: #87c400 url("#{resource['images/icon-ajouter.png']}") 20px center no-repeat; }

.button-secondary,
.ui-dialog.ui-dialog .button-secondary,
.filters .button-secondary {
  color: black;
  background-color: #ebebeb; }
  .button-secondary .ui-button-text,
  .ui-dialog.ui-dialog .button-secondary .ui-button-text,
  .filters .button-secondary .ui-button-text {
    color: black; }

.button-delete,
.filters .button-delete {
  color: white;
  background-color: #ed7f0a !important; }

.button-disable.button-disable.button-disable {
  border: 1px solid #b4b4b4;
  color: #b4b4b4;
  background-color: white; }

.icon-btn.icon-btn {
  margin-left: 0;
  border: none;
  padding: 0;
  background: none;
  background-color: white; }
  .icon-btn.icon-btn .ui-button-text.ui-c {
    display: none; }
  .icon-btn.icon-btn:before {
    font-family: streamline-filled-in;
    font-weight: normal !important; }
  .icon-btn.icon-btn:hover {
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer; }

.button-on-input {
  float: right;
  margin: 8px;
  text-decoration: none; }

.icon-btn.icon-btn.icon-add {
  margin-left: 20px; }

.icon-add:before {
  content: "\e2ab";
  font-size: 30px;
  color: #87c400; }

.icon-delete:before {
  content: "\e2c2";
  font-size: 24px;
  color: #cd0a0a; }

.onebutton-filter-datatable .ui-button-text.ui-button-text {
  padding: 5px !important; }

.ui-dialog.ui-dialog {
  border: none;
  /* ********************************************************************
	 * Gestion des marges
	 * ******************************************************************* */
  padding: 20px; }
  .ui-dialog.ui-dialog .field-section-title,
  .ui-dialog.ui-dialog .field-text {
    margin: 10px 0; }
  .ui-dialog.ui-dialog .l-buttons {
    margin: 10px 0 0 0; }
  .ui-dialog.ui-dialog .ui-dialog-titlebar {
    padding: 0 0 20px 0; }
  .ui-dialog.ui-dialog .fields > * {
    margin-right: 20px; }
  .ui-dialog.ui-dialog .fields > :last-child {
    margin-right: 0; }
  .ui-dialog.ui-dialog .ui-dialog-content {
    padding: 0; }
  .ui-dialog.ui-dialog .table-inline th:first-child,
  .ui-dialog.ui-dialog .table-inline td:first-child {
    padding-left: 40px; }
  .ui-dialog.ui-dialog .table-inline th:last-child,
  .ui-dialog.ui-dialog .table-inline td:last-child {
    padding-right: 40px; }
  .ui-dialog.ui-dialog .ui-widget-header {
    background: none;
    color: #006a4e;
    font-weight: normal;
    font-size: 18px; }
  .ui-dialog.ui-dialog .ui-dialog-buttonpane {
    margin: 20px 40px;
    padding: 10px 0 0 0;
    text-align: right; }
    .ui-dialog.ui-dialog .ui-dialog-buttonpane > * {
      margin: 0; }
  .ui-dialog.ui-dialog .ui-dialog-content {
    padding: 0; }
  .ui-dialog.ui-dialog .ui-state-highlight,
  .ui-dialog.ui-dialog .ui-widget-content .ui-state-highlight,
  .ui-dialog.ui-dialog .ui-widget-header .ui-state-highlight {
    background: rgba(135, 196, 0, 0.5);
    color: black;
    text-shadow: none; }
  .ui-dialog.ui-dialog tr.ui-state-hover.ui-state-hover {
    background: rgba(135, 196, 0, 0.3); }

.ui-confirm-dialog.ui-dialog .ui-confirm-dialog-severity.ui-icon-alert {
  display: none; }

.ui-confirm-dialog.ui-dialog .ui-dialog-content {
  padding: 0 40px; }

.table-count {
  margin: 0 20px 10px; }

.table {
  margin-bottom: 60px; }
  .table .ui-datatable table {
    width: 100%; }
    .table .ui-datatable table th:first-child, .table .ui-datatable table td:first-child {
      padding-left: 20px; }
    .table .ui-datatable table th {
      color: white;
      background-color: #87c400;
      text-align: left; }
      .table .ui-datatable table th input {
        margin: 0px; }
  .table .ui-datatable-column-button {
    min-width: 24px; }
  .table .ui-datatable-tablewrapper {
    overflow: hidden; }
  .table .ui-state-highlight,
  .table .ui-widget-content .ui-state-highlight,
  .table .ui-widget-header .ui-state-highlight {
    background: rgba(135, 196, 0, 0.5);
    color: black;
    text-shadow: none; }
  .table :focus {
    outline: none; }
  .table tr.ui-state-hover.ui-state-hover {
    background: rgba(135, 196, 0, 0.3); }
  .table .ui-datatable-header.ui-datatable-header {
    padding: 0;
    margin: 0;
    background: none;
    border: none; }

.table-header {
  color: white;
  background-color: #87c400; }

.table-header-link {
  display: inline-block;
  padding: 9px 20px;
  color: white;
  text-decoration: none; }

.table-row-cell {
  height: 46px;
  padding: 17px;
  vertical-align: top;
  border-bottom: 1px solid gainsboro; }

.table-row-cell-is-solde {
  text-align: right;
  font-weight: 600;
  font-size: 28px; }

.table-row-cell-is-solde-negative {
  color: #ee001b; }

.table-row-cell-emprunteur {
  display: inline-block;
  margin-bottom: 3px;
  color: #056629;
  text-decoration: underline;
  font-size: 16px; }

.table-row-cell-societe {
  font-size: 12px; }

.table-inline.ui-datatable {
  display: block; }
  .table-inline.ui-datatable th {
    color: white;
    background-color: #056629;
    text-align: left; }
    .table-inline.ui-datatable th input {
      margin: 0px; }
  .table-inline.ui-datatable td {
    white-space: nowrap;
    vertical-align: top; }
  .table-inline.ui-datatable tr:first-child {
    border-left-width: 0; }
  .table-inline.ui-datatable tr:last-child {
    border-right-width: 0; }
  .table-inline.ui-datatable.lines-large tbody tr {
    min-height: 55px;
    height: 55px; }
  .table-inline.ui-datatable.lines-centered tbody td {
    vertical-align: middle; }

.table-inline .ui-widget-content {
  border: 0 solid #b4b4b4; }

.table-inline.ui-datatable-scrollable .ui-datatable-scrollable-body {
  max-height: 400px; }

.table-inline .ui-column-filter.ui-column-filter {
  background-color: white; }

.ui-datatable.table-inline table {
  width: 100%;
  table-layout: auto; }

.table-inline-action-onebutton {
  width: 24px; }

.table-block + .table-block {
  margin-top: 20px; }

.table-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.table-cell-number {
  text-align: right !important; }

.table-cell-number-is-align-with-input {
  display: block;
  padding: 8px 20px; }

.table-data {
  margin: 20px; }
  .table-data tr {
    border: none; }
  .table-data .table-header.table-header {
    padding: 10px 20px;
    background-color: #87c400;
    color: white; }
  .table-data .table-column-large {
    height: 0px;
    width: auto;
    padding: 0; }
  .table-data .table-column-small {
    height: 0px;
    width: 200px;
    padding: 0; }

.table-footer.table-footer {
  padding: 10px 20px;
  background-color: black;
  text-align: left;
  color: white; }

.table-assolement .table-cell {
  height: 58px;
  padding: 0;
  overflow: visible; }
  .table-assolement .table-cell:first-child {
    padding-left: 20px; }
  .table-assolement .table-cell:last-child {
    padding-right: 20px; }

.table-assolement .ui-widget-content + .ui-widget-content {
  border-top: 1px solid #ebebeb; }

.ui-datatable-scrollable-body.ui-datatable-scrollable-body:focus {
  outline: none; }

/* Style des checkboxes */
.ui-datatable .ui-selection-column div.ui-chkbox-all {
  width: 21px;
  height: 21px; }

.tabs.ui-tabmenu,
.tabs {
  border: none; }
  .tabs.ui-tabmenu ul.ui-tabmenu-nav,
  .tabs.ui-tabmenu ul.tabs-nav,
  .tabs ul.ui-tabmenu-nav,
  .tabs ul.tabs-nav {
    height: 43px;
    margin: 0 20px 20px;
    border-bottom: 1px solid gainsboro;
    list-style: none;
    padding: 0px;
    background-color: #fff; }
    .tabs.ui-tabmenu ul.ui-tabmenu-nav > li,
    .tabs.ui-tabmenu ul.tabs-nav > li,
    .tabs ul.ui-tabmenu-nav > li,
    .tabs ul.tabs-nav > li {
      display: list-item;
      float: left;
      text-align: -webkit-match-parent;
      background-color: #fff;
      border: none; }
      .tabs.ui-tabmenu ul.ui-tabmenu-nav > li > a,
      .tabs.ui-tabmenu ul.tabs-nav > li > a,
      .tabs ul.ui-tabmenu-nav > li > a,
      .tabs ul.tabs-nav > li > a {
        float: left;
        position: relative;
        z-index: 10;
        padding: 10px 20px;
        color: #b4b4b4;
        background-color: #fff;
        text-decoration: none;
        height: 21px; }
      .tabs.ui-tabmenu ul.ui-tabmenu-nav > li.ui-state-active > a,
      .tabs.ui-tabmenu ul.ui-tabmenu-nav > li.tabs-nav-active > a,
      .tabs.ui-tabmenu ul.tabs-nav > li.ui-state-active > a,
      .tabs.ui-tabmenu ul.tabs-nav > li.tabs-nav-active > a,
      .tabs ul.ui-tabmenu-nav > li.ui-state-active > a,
      .tabs ul.ui-tabmenu-nav > li.tabs-nav-active > a,
      .tabs ul.tabs-nav > li.ui-state-active > a,
      .tabs ul.tabs-nav > li.tabs-nav-active > a {
        top: 1px;
        padding-top: 7px;
        padding-bottom: 12px;
        border-top: 3px solid #056629;
        border-left: 1px solid gainsboro;
        border-right: 1px solid gainsboro;
        color: #056629; }

.tabs ul {
  background: none; }

.text-monolign {
  white-space: nowrap; }

.text-danger {
  color: #ed232d !important; }

.text-warning,
.text-warning:before {
  color: #ed7f0a !important; }

.text-success {
  color: #006a4e !important; }

.text-mute {
  font-size: 0.9em;
  color: #929292; }

.text-large {
  font-size: 1.3em;
  font-weight: bold; }

.text-is-important {
  font-weight: bold !important; }

.text-prevent-line-break {
  white-space: nowrap; }

.ui-messages-error.ui-messages-error {
  padding: 0;
  border: 1px solid red;
  margin: 0 20px 20px 20px;
  background-color: rgba(237, 35, 45, 0.2); }
  .ui-messages-error.ui-messages-error .ui-messages-error-icon {
    display: none; }
  .ui-messages-error.ui-messages-error .ui-messages-error-summary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: inherit; }
  .ui-messages-error.ui-messages-error .ui-messages-error-summary:before {
    margin-right: 10px;
    font-family: streamline-filled-in;
    font-weight: normal !important;
    font-size: 30px;
    content: "\e332";
    color: #ed232d; }

.text-is-espace-gauche {
  margin-left: 20px; }

.ui-message-error.ui-message-error {
  margin: 0;
  padding: 2px;
  color: #cd0a0a;
  border: none;
  background: none; }

.ui-growl.ui-growl .ui-growl-item-container {
  background-image: none;
  background-color: #e3fde3;
  border-color: #00c000;
  opacity: 1; }

.ui-growl.ui-growl .ui-growl-message {
  width: inherit; }

.ui-growl.ui-growl .ui-growl-image {
  display: none; }

.ui-growl.ui-growl .ui-growl-title:before {
  float: left;
  height: 40px;
  margin-right: 10px;
  font-family: streamline-filled-in;
  font-weight: normal !important;
  font-size: 30px;
  content: "\e303";
  color: #00c000; }

.ui-growl.ui-growl .ui-growl-title {
  padding: 0;
  color: #00c000;
  text-shadow: none; }

.no-background.no-background.no-background {
  background: none;
  background-color: white; }

.fake-required:after {
  content: '*';
  color: #ed7f0a; }

.info-bulle {
  position: absolute;
  padding: 10px;
  border: 1px solid gainsboro;
  background: white;
  color: black; }

.info-bulle:after, .info-bulle:before {
  position: absolute;
  height: 0;
  width: 0;
  border: solid transparent;
  content: "";
  pointer-events: none; }

.info-bulle:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: white;
  border-width: 10px;
  margin-left: -10px; }

.info-bulle:before {
  border-color: rgba(220, 220, 220, 0);
  border-bottom-color: gainsboro;
  border-width: 11px;
  margin-left: -11px; }

#containerMessagePopup {
  position: fixed;
  z-index: 100;
  right: 20px; }

#containerMessagePopup .ui-messages-info ul {
  margin: 0 0; }

#containerMessagePopup .ui-messages-info-summary {
  margin-left: 0; }

#containerMessagePopup .ui-messages-info-icon {
  display: none; }

#containerMessagePopup .ui-messages-info:before {
  float: left;
  height: 40px;
  margin-right: 10px;
  font-family: streamline-filled-in;
  font-weight: normal !important;
  font-size: 30px;
  content: "\e303";
  color: #00c000; }

#containerMessagePopup .ui-messages-info {
  padding: 9px;
  background-color: #e3fde3;
  border-color: #00c000;
  opacity: 1;
  color: #00c000;
  text-shadow: none; }

.ui-paginator.ui-paginator-top.ui-widget-header.ui-corner-top {
  background: none;
  border: 0px lightgray solid; }

.ui-paginator.ui-paginator-top {
  border: 0px lightgray solid;
  background: none; }

.ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all {
  background: #87c400;
  border: 1px #87c400 solid;
  color: white; }

.ui-paginator-page.ui-state-default.ui-corner-all {
  background: none;
  border: 1px lightgray solid;
  color: #87c400;
  font-weight: 500;
  font-size: 18px;
  padding-left: 10px;
  padding-right: 10px; }

.ui-paginator-first.ui-state-default.ui-corner-all.ui-state-disabled {
  background: none;
  border: 1px lightgray solid; }

.ui-paginator-prev.ui-state-default.ui-corner-all.ui-state-disabled {
  background: none;
  border: 1px lightgray solid; }

.ui-paginator-last.ui-state-default.ui-corner-all {
  background: none;
  border: 1px lightgray solid; }

.ui-paginator-first.ui-state-default.ui-corner-all {
  background: none;
  border: 1px lightgray solid; }

.ui-paginator-prev.ui-state-default.ui-corner-all {
  background: none;
  border: 1px lightgray solid; }

.ui-paginator-next.ui-state-default.ui-corner-all {
  background: none;
  border: 1px lightgray solid; }

.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
  background: none;
  border: 1px lightgray solid;
  font-size: 18px;
  padding-left: 10px;
  padding-right: 10px;
  height: 32px; }

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {
  margin-left: 0px;
  margin-right: 0px; }

body .ui-paginator .ui-paginator-first span, body .ui-paginator .ui-paginator-prev span, body .ui-paginator .ui-paginator-next span, body .ui-paginator .ui-paginator-last span {
  display: none; }

body .ui-paginator .ui-paginator-prev:before {
  content: ""; }

body .ui-paginator .ui-paginator-first:before {
  content: ""; }

body .ui-paginator .ui-paginator-next:before {
  content: ""; }

body .ui-paginator .ui-paginator-last:before {
  content: ""; }

body .ui-paginator .ui-paginator-prev {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-color: #ffffff;
  border-right: 0px solid #dddddd;
  color: #87c400; }

body .ui-paginator .ui-paginator-first {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  background-color: #ffffff;
  border-right: 0px solid #dddddd;
  color: #87c400; }

body .ui-paginator .ui-paginator-last {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  background-color: #ffffff;
  border-right: 0px solid #dddddd;
  color: #87c400; }

body .ui-paginator .ui-paginator-next {
  background: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  background-color: #ffffff;
  border-right: 0px solid #dddddd;
  color: #87c400; }

.filters {
  overflow: hidden; }
  .filters .filter-left {
    float: left; }
  .filters > * {
    float: right; }
  .filters.filters > * {
    margin: 0 20px; }

.filter {
  margin: 0 10px 20px; }

.filter-tag-label {
  margin-left: 10px; }

.filter-tag-input {
  position: absolute;
  left: -9999px; }

.fields {
  width: 100%; }

.fields-is-inline {
  overflow: hidden; }
  .fields-is-inline > * {
    float: left; }

.field-title {
  margin: 35px 0 0 20px; }

.field-is-small {
  width: 90px !important; }

.field-is-medium,
.field-is-medium input {
  width: 150px !important; }

.field-is-large {
  width: 400px !important; }

.field-is-vlarge {
  width: 600px !important; }

.field-input-number {
  text-align: right; }

.field-value-label {
  padding-top: 8px;
  display: inline-block;
  font-weight: bold; }

.field-label-is-important {
  font-weight: bold; }

.field-value-cell-number {
  padding: 8px 20px;
  display: block;
  text-align: right; }

.field-value-is-medium {
  width: 100px !important; }

.field-text-label {
  display: block; }

.field-checkbox,
.field-text,
.field-command-link {
  margin: 10px 0 10px 20px; }

.field-checkbox {
  height: 23px; }

.field-checkbox-input {
  position: absolute;
  left: -9999px; }

.field-checkbox-label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  font-weight: normal; }
  .field-checkbox-label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 21px;
    height: 21px;
    border: 1px solid #b4b4b4;
    border-radius: 2px;
    background-position: 4px center; }
  .field-checkbox-label.disabled:before {
    background-color: #b4b4b4; }
  .field-checkbox-label.disabled {
    color: #b4b4b4;
    cursor: default; }

/* Le style .ui-chkbox.ui-chkbox-box est déjà défini dans ctappro.scss, on rajoute la DIV pour augmenter le poids du CSS ci-dessous */
div.ui-chkbox {
  width: 21px;
  height: 21px; }
  div.ui-chkbox .ui-chkbox-box {
    top: -2px;
    width: 21px;
    height: 21px;
    border: 1px solid #b4b4b4;
    border-radius: 2px;
    background: white; }
  div.ui-chkbox .ui-icon {
    height: 100%;
    width: auto; }
  div.ui-chkbox .ui-chkbox-icon.ui-icon-check {
    border-color: #056629;
    background: #056629 url("#{resource['images/icon-check.png']}") 4px center no-repeat; }

.field-checkbox-extra-long {
  height: inherit;
  margin-right: 20px; }
  .field-checkbox-extra-long .field-checkbox-label {
    display: block; }

.se-emis {
  font-weight: bold;
  color: #b4b4b4; }

.se-eligible {
  font-weight: bold;
  color: #056629; }

.se-pas-eligible {
  color: #ed7f0a;
  font-weight: bold;
  text-decoration: line-through; }

.field-checkbox-input:checked + .field-checkbox-label:before {
  border-color: #056629;
  background: #056629 url("#{resource['images/icon-check.png']}") 4px center no-repeat; }

.field-checkbox-plus-input {
  min-height: 40px;
  line-height: 40px;
  height: inherit; }
  .field-checkbox-plus-input .field-checkbox-label:before {
    top: -3px; }
  .field-checkbox-plus-input .ui-inputfield {
    margin-left: 5px; }
  .field-checkbox-plus-input > div {
    display: inline-block;
    vertical-align: top; }
  .field-checkbox-plus-input .field-with-space {
    margin-left: 20px; }

.field-label-align-on-checkbox {
  margin-left: 20px; }

.field-radio {
  height: 23px;
  margin-left: 20px;
  /* surcharge de prime */ }
  .field-radio .ui-state-default .ui-icon,
  .field-radio .ui-state-active .ui-icon {
    background: none; }
  .field-radio .ui-radiobutton .ui-radiobutton-box {
    height: 21px;
    width: 21px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    content: '';
    background: none; }
    .field-radio .ui-radiobutton .ui-radiobutton-box.ui-state-active {
      border-color: #056629;
      background: radial-gradient(#056629 55%, #fff 55%); }
  .field-radio label {
    margin: 0 25px; }

.field-radio-is-inline {
  float: left; }

.field-radio-input {
  position: absolute;
  left: -9999px; }

.field-radio-label {
  position: relative;
  padding-left: 32px;
  cursor: pointer; }
  .field-radio-label:before {
    position: absolute;
    top: -3px;
    left: 0;
    display: block;
    height: 21px;
    width: 21px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    content: ''; }

.action-align-on-field-text {
  padding-top: 30px; }

.ui-state-active + .field-radio-label:before {
  border-color: #056629;
  background: radial-gradient(#056629 55%, white 55%); }

textarea.field-textarea-large {
  width: 400px;
  height: 75px; }

.field-autocomplete {
  position: relative; }

.field-autocomplete-input {
  margin: 0 20px; }

.field-autocomplete-list {
  display: none;
  position: absolute;
  margin: 0 20px; }
  .field-autocomplete-input:focus + .field-autocomplete-list {
    display: block; }

.field-autocomplete-list-item {
  display: block;
  padding: 12px 20px;
  border: 1px solid #ebebeb;
  border-top: none;
  text-decoration: none;
  color: black; }

.field-separator {
  height: 1px;
  margin: 30px 20px;
  background-color: #ebebeb; }

.field-daterelative .ui-calendar {
  float: left; }

.field-daterelative .ui-selectonebutton {
  float: left;
  margin-left: -1px; }

.field-daterelative input {
  width: 100px !important; }

.field-daterelative .ui-message {
  clear: left; }

.ui-selectonebutton.ui-selectonebutton {
  padding: 0px; }
  .ui-selectonebutton.ui-selectonebutton .ui-button + .ui-button {
    margin-left: -1px; }
  .ui-selectonebutton.ui-selectonebutton .ui-button-text.ui-button-text {
    padding: 11px 20px;
    border: 1px solid #ebebeb;
    color: black;
    font-size: 14px; }
  .ui-selectonebutton.ui-selectonebutton .ui-button-text {
    background-color: #ebebeb; }
  .ui-selectonebutton.ui-selectonebutton .ui-state-active .ui-button-text {
    position: relative;
    z-index: 100;
    border-color: #056629;
    background-color: #056629;
    color: white; }
  .ui-selectonebutton.ui-selectonebutton.ui-state-error {
    border: 1px solid #cd0a0a; }
    .ui-selectonebutton.ui-selectonebutton.ui-state-error .ui-button-text {
      padding: 10px 20px; }

.ui-selectonemenu.ui-selectonemenu.ui-selectonemenu {
  box-sizing: border-box;
  box-shadow: none;
  width: 230px;
  padding: 11px 33px 11px 20px;
  border: 1px solid gainsboro;
  font-size: 14px;
  outline: none;
  background: white; }
  .ui-selectonemenu.ui-selectonemenu.ui-selectonemenu * {
    box-shadow: none;
    background: white; }
  .ui-selectonemenu.ui-selectonemenu.ui-selectonemenu:focus {
    border-color: #056629; }
  .ui-selectonemenu.ui-selectonemenu.ui-selectonemenu .ui-selectonemenu-trigger.ui-selectonemenu-trigger {
    padding: 0 10px;
    background: none; }
  .ui-selectonemenu.ui-selectonemenu.ui-selectonemenu .ui-icon-triangle-1-s.ui-icon-triangle-1-s.ui-icon-triangle-1-s {
    position: absolute;
    top: calc(50% - 14px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #87c400 transparent transparent transparent;
    background-image: none; }

.ui-selectonemenu-label.ui-selectonemenu-label {
  padding: 0px;
  line-height: normal; }

.ui-shadow.ui-shadow {
  box-shadow: none; }

.ui-selectonemenu-panel.ui-selectonemenu-panel .ui-selectonemenu-table td {
  padding: 10px 20px;
  border-color: #ebebeb; }

.ui-selectonemenu-table.ui-selectonemenu-table {
  border: none; }
  .ui-selectonemenu-table.ui-selectonemenu-table .ui-state-highlight,
  .ui-selectonemenu-table.ui-selectonemenu-table .ui-state-hover {
    border-color: #87c400;
    background: #87c400;
    color: white;
    text-shadow: none; }
    .ui-selectonemenu-table.ui-selectonemenu-table .ui-state-highlight td,
    .ui-selectonemenu-table.ui-selectonemenu-table .ui-state-hover td {
      border-color: white; }

.ui-selectonemenu-panel.ui-selectonemenu-panel {
  border: none;
  display: hidden; }

.ui-selectonemenu-filter.ui-selectonemenu-filter.ui-selectonemenu-filter {
  background: none;
  border: 1px solid #a8a8a8; }

.field-section-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 20px;
  padding: 5px 20px;
  background-color: #87c400;
  font-size: 16px;
  color: white; }

.ui-fileupload.ui-fileupload.ui-fileupload * {
  box-shadow: none; }

.ui-fileupload.ui-fileupload.ui-fileupload .ui-fileupload-buttonbar {
  position: relative;
  width: 400px;
  height: 100px;
  padding: 0;
  margin: 0;
  border-style: dashed;
  background: none;
  border-radius: 10px; }

.ui-fileupload.ui-fileupload.ui-fileupload .ui-fileupload-choose,
.ui-fileupload.ui-fileupload.ui-fileupload input {
  position: absolute;
  width: 400px;
  height: 100px;
  background: none; }

.ui-fileupload.ui-fileupload.ui-fileupload .ui-fileupload-choose:before {
  display: block;
  margin: 15px;
  font-size: 44px;
  color: #87c400;
  font-family: "streamline-filled-in" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  content: "\e004"; }

.ui-fileupload.ui-fileupload.ui-fileupload .ui-button-text {
  position: absolute;
  bottom: 0;
  width: 380px;
  padding: 0;
  margin: 10px;
  color: #929292; }

.ui-fileupload.ui-fileupload.ui-fileupload .ui-button-icon-left.ui-icon.ui-c.ui-icon-plusthick {
  display: none; }

.ui-fileupload.ui-fileupload.ui-fileupload .ui-fileupload-content {
  width: 400px;
  padding: 0; }
  .ui-fileupload.ui-fileupload.ui-fileupload .ui-fileupload-content .ui-messages-error {
    margin: 0;
    border: none;
    background: none; }
  .ui-fileupload.ui-fileupload.ui-fileupload .ui-fileupload-content ul {
    margin: 0;
    color: #cd0a0a; }
  .ui-fileupload.ui-fileupload.ui-fileupload .ui-fileupload-content .ui-messages-error-summary {
    display: inline;
    margin: 0; }
  .ui-fileupload.ui-fileupload.ui-fileupload .ui-fileupload-content .ui-messages-error-summary:before,
  .ui-fileupload.ui-fileupload.ui-fileupload .ui-fileupload-content .ui-messages-error-detail,
  .ui-fileupload.ui-fileupload.ui-fileupload .ui-fileupload-content .ui-messages-close {
    display: none; }

.field-file-suppress {
  position: relative;
  top: 7px;
  margin-left: 10px !important; }

/* *************************************************************** *
 * Style des datepickers
 * *************************************************************** */
.ui-datepicker .ui-datepicker-header {
  border: none;
  border-bottom: 1px solid grey;
  background: none; }

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  color: #056629; }

.warn-message {
  border: 0 none;
  color: #212121;
  padding: 0.5em 1em 0.5em 3em;
  margin: 0;
  background-repeat: no-repeat;
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 16px; }
  .warn-message.severity-info {
    background-color: #b7d8b7; }
  .warn-message.severity-warn {
    background-color: #ffe399; }
  .warn-message.severity-error {
    background-color: #f8b7bd; }
  .warn-message.severity-fatal {
    background-color: #bcbcbc; }
  .warn-message:before {
    position: absolute;
    left: 12px;
    top: 3px;
    font-size: 22px;
    font-family: "streamline-filled-in" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none; }

.warn-message-icone-info:before {
  content: "\e335"; }

.warn-message-icone-warn:before {
  content: "\e333"; }

.warn-message-icone-error:before {
  content: "\e00b"; }

.warn-message-icone-fatal:before {
  content: "\e00b"; }

/* sl abrège Stream Line la bibliothèque d'images de SOPRA STERIA */
.sl:before {
  margin-right: 10px;
  font-size: 24px;
  color: #87c400;
  font-family: "streamline-filled-in" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1; }

.sl {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.sl-btn {
  cursor: pointer; }

.sl-is-darker:before {
  color: #056629; }

.sl-add-3:before {
  content: "\e2ab"; }

.sl-minus-3:before {
  content: "\e2d1"; }

.sl-edit-2:before {
  content: "\e00d"; }

.sl-user-add-2:before {
  content: "\e176"; }

.sl-user-search-2:before {
  content: "\e186"; }

.sl-user-checked-2:before {
  content: "\e17a"; }

.sl-user-edit-2:before {
  content: "\e17e"; }

.sl-icon-list-1-1:before {
  content: "\e4e6"; }

.sl-delete-3:before {
  content: "\e2c2";
  color: #929292; }

.sl-note-paper-2:before {
  content: "\e27d"; }

.sl-printer:before {
  content: "\e42e"; }

.sl-letter-3:before {
  content: "\e121"; }

.sl-clipboard-edit:before {
  content: "\e24e"; }

.sl-clip-1-1:before {
  content: "\e004"; }

.sl-arrow-left:before {
  content: "\e60e"; }

.sl-arrow-right:before {
  content: "\e60f"; }

.sl-add-tag:before {
  content: "\e2ad"; }

.sl-minus-tag:before {
  content: "\e2d3"; }

.sl-clipboard-checked:before {
  content: "\e24c"; }

.sl-paste:before {
  content: "\e4eb";
  color: #b4b4b4; }

.sl-icon-folder-sync:before {
  content: "\e2a5"; }

.sl-icon-file-table:before {
  content: "\e26e"; }

.sl-magnifier:before {
  content: "\e01f"; }

.sl-arrow-right-1:before {
  content: "\e2b9"; }

.sl-alert-1:before {
  content: "\e332";
  color: #ed232d !important; }

.sl-alert-2:before {
  content: "\e333"; }

.sl-refresh:before {
  content: "\e2e1"; }

.sl-no-prime.sl-no-prime.sl-no-prime.sl-no-prime {
  margin-left: 0;
  border: none;
  padding: 0;
  background: none;
  background-color: transparent;
  text-decoration: none; }
  .sl-no-prime.sl-no-prime.sl-no-prime.sl-no-prime .ui-button-text.ui-c {
    display: none; }
  .sl-no-prime.sl-no-prime.sl-no-prime.sl-no-prime:hover, .sl-no-prime.sl-no-prime.sl-no-prime.sl-no-prime:focus, .sl-no-prime.sl-no-prime.sl-no-prime.sl-no-prime.ui-state-focus, .sl-no-prime.sl-no-prime.sl-no-prime.sl-no-prime.ui-state-hover {
    box-shadow: none;
    outline: none; }

@-webkit-keyframes blinker {
  from {
    opacity: 1.0; }
  to {
    opacity: 0.0; } }

.sl-alert-2-spin:before {
  content: "\e333";
  text-decoration: blink;
  color: #FF4500;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate; }

.list-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 20px;
  margin: 0 20px;
  color: white;
  background-color: #87c400; }
  .list-header > * {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.list-header-title {
  font-weight: 200;
  font-size: 14px; }

.list-header-montant {
  text-align: right; }

.list-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 58px;
  margin: 0 20px; }
  .list-row + .list-row {
    border-top: 1px solid #ebebeb; }
  .list-row > * {
    -webkit-flex-basis: 160px;
    -ms-flex-preferred-size: 160px;
    flex-basis: 160px; }

.list-row-title {
  font-weight: 200;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.list-row-montant {
  font-weight: bold;
  text-align: right; }

.list-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 20px;
  margin: 0 20px;
  color: white;
  background-color: #192022; }
  .list-footer > * {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

.list-footer-title {
  font-weight: 200;
  font-size: 14px; }

.list-footer-montant {
  text-align: right; }

.ui-accordion-header {
  color: white;
  background-color: #87c400; }

.wizzard.wizzard.wizzard ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px 30px;
  background: none; }
  .wizzard.wizzard.wizzard ul > * {
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    counter-increment: steps; }
  .wizzard.wizzard.wizzard ul .wizzard-step {
    position: relative;
    display: block;
    float: none;
    padding: 10px 20px 10px 15px;
    color: #929292;
    background-color: #ebebeb;
    text-decoration: none;
    text-align: center; }
    .wizzard.wizzard.wizzard ul .wizzard-step:after {
      content: '';
      position: absolute;
      top: 0;
      left: 100%;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 21px 0 21px 10px;
      border-color: transparent transparent transparent #ebebeb;
      margin-left: 0;
      z-index: 2; }
    .wizzard.wizzard.wizzard ul .wizzard-step:before {
      content: counter(steps);
      display: inline-block;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      margin: 0 10px 0 0;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.3);
      color: white;
      font-size: 12px;
      font-weight: 600; }
  .wizzard.wizzard.wizzard ul .wizzard-step-past {
    color: white;
    background-color: #056629; }
    .wizzard.wizzard.wizzard ul .wizzard-step-past:after {
      border-left-color: #056629; }
  .wizzard.wizzard.wizzard ul .wizzard-step-active {
    color: white;
    background-color: #87c400; }
    .wizzard.wizzard.wizzard ul .wizzard-step-active:after {
      border-left-color: #87c400; }
  .wizzard.wizzard.wizzard ul .wizzard-step-last:after {
    border-left-color: transparent; }

/* Élimination des éléments de JSF et PrimeFaces */
.ui-tabmenu .ui-tabmenu-nav.ui-tabmenu-nav {
  padding: 0; }

.ui-widget-content.ui-widget-content {
  border: none; }

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-tabmenuitem {
  margin: 0; }

.ui-state-default a, .ui-state-default a:link,
.ui-state-default a:visited {
  text-shadow: none; }

.ui-state-hover.ui-state-hover.ui-state-hover.ui-state-hover {
  box-shadow: none; }

.ui-state-disabled.ui-state-disabled.ui-state-disabled {
  opacity: 1; }

.tag {
  padding: 6px 7px 5px;
  color: white;
  font-size: 11px;
  cursor: pointer; }

.tag-1 {
  background-color: #006a4e; }

.tag-2 {
  background-color: #ed7f0a; }

.tag-3 {
  background-color: #ffa514; }

.tag-4 {
  background-color: #ffbf52; }

/* Une partie du style dépend d'éléments fonctionnels */
.pf-bkg-CT {
  background-color: #007153 !important; }

.pf-bkg-PCT {
  background-color: #008c94 !important; }

.pf-bkg-OCA {
  background-color: #8d3284 !important; }

.pf-bkg-CTA {
  background-color: #5796f3 !important; }

.pf-col-CT {
  color: #007153 !important; }

.pf-col-PCT {
  color: #008c94 !important; }

.pf-col-OCA {
  color: #8d3284 !important; }

.pf-col-CTA {
  color: #5796f3 !important; }

/* fin des éléments spécifique au fonctionnel */
.pf-selections {
  overflow: hidden; }
  .pf-selections > * {
    float: left; }

.pf-block-selection {
  width: 240px;
  margin: 20px 0 0 20px;
  border: 1px solid #ebebeb; }
  .pf-block-selection > * {
    margin: 0 20px;
    display: block;
    text-align: center; }

.pf-title {
  margin: 0;
  display: block;
  height: 50px;
  line-height: 50px;
  background-color: #007153;
  color: white;
  text-align: center; }

.pf-summary {
  margin: 20px;
  display: block;
  font-weight: bold; }

.pf-paragraph-title {
  font-weight: bold; }

.pf-separator {
  height: 1px;
  margin: 20px 20px 10px;
  background-color: #ebebeb; }

.pf-block-selection .button {
  margin: 20px; }

.table-financement .table-header {
  padding: 2px 20px;
  text-align: left; }

.table-financement .table-footer {
  padding: 2px 20px;
  text-align: left; }

.table-financement .table-footer-label {
  display: inline-block;
  padding: 4px 20px; }

.table-financement .table-footer-prix {
  float: right; }

.table-financement .table-footer-prix-max {
  margin-right: 30px; }

.table-financement .table-footer-prix-total {
  margin-right: 20px; }

.table-financement .table-row {
  height: 100px;
  background-color: white; }
  .table-financement .table-row td {
    padding-bottom: 20px;
    vertical-align: bottom; }
  .table-financement .table-row .pf-paragraph-title {
    display: inline-block;
    padding: 10px 0; }

.table-financement .table-row + .table-row {
  border-top: 1px solid #ebebeb; }

.pf-table-footer-oca {
  display: block; }

.pf-ligne-credit-montant {
  width: 100px; }

.pf-ligne-tirage {
  overflow: hidden;
  margin: 20px; }

.pf-ligne-tirage-general {
  float: left; }

.pf-ligne-tirage-general-header {
  margin-bottom: 10px; }

.pf-ligne-tirage-general-header-title {
  display: inline;
  margin-right: 20px;
  font-weight: bold; }

.pf-ligne-tirage-general-header-period {
  display: inline; }

.pf-ligne-tirage-general-content {
  overflow: hidden; }

.pf-ligne-tirage-general-content-montant {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.pf-ligne-tirage-general-content-echeance {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 30px; }

.pf-ligne-tirage-tirage {
  float: right;
  margin-left: -150px;
  text-align: right; }

.pf-ligne-tirage-tirage-liste {
  display: block; }

.pf-ligne-tirage-tirage-liste-element {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .pf-ligne-tirage-tirage-liste-element + .pf-ligne-tirage-tirage-liste-element {
    margin-top: 10px; }

@media screen and (max-width: 1250px) {
  .pf-ligne-tirage-general {
    display: block;
    float: none; }
  .pf-ligne-tirage-tirage {
    display: inline-block;
    float: none;
    margin: 20px 0 0 0; }
  .pf-ligne-tirage-tirage-liste-element {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }

.table-financement.table-financement td {
  padding: 0; }

/*

.pf-ligne-tirage-header {
	margin-top: 20px;
}

.pf-ligne-tirage-header-title {
	display: inline;
	margin-right: 20px;
	font-weight: bold;
}

.pf-ligne-tirage-header-period {
	display: inline;
}

.pf-ligne-tirage-header-action {
	float: right;
}

.pf-ligne-tirage-content {
	margin-top: 20px;
	overflow: hidden;
}
.pf-ligne-tirage-single {
	margin-left: 20px;
}

.pf-ligne-tirage-content-montant {
    width: 286px;
    display: flex;
    float: left;
    align-items: center;
}

.pf-ligne-tirage-content-echeance {
	display: flex;
	float: left;
    width: 210px;
    align-items: center;
}

.pf-ligne-tirage-content-tirages {
	width: calc(100% - 665px);
    float: right;
}

.pf-ligne-tirage-content-tirage {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    
    & + & {
    	margin-top: 10px;
    }
}

*/
.pf-is-small,
.pf-is-small input {
  width: 114px !important; }

.pf-is-small {
  margin: 0 5px; }

.pf-info-bulle {
  width: 340px;
  margin-top: 30px;
  margin-left: -180px; }

.pf-info-bulle:after, .pf-info-bulle:before {
  bottom: 100%;
  left: 10%; }

.adi-delete {
  position: relative;
  top: 42px; }

.adi-field-is-medium,
.adi-field-is-medium input {
  width: 115px !important; }

.adi-field-is-normal {
  width: 170px !important; }

.adi-add-person {
  display: inline-block;
  margin: 20px; }

.adi-block-content-data-label {
  width: inherit !important; }

.adi-background-grey {
  background-color: #ebebeb !important;
  border: none !important; }

/* *************************************************************
 *
 * Styles spécifiques aux détails d'un dossier
 * *************************************************************
 * dd = détail dossier
 * *************************************************************/
/* *************************************************************
 * Couleurs des états du dossier en fonction des id en base
 * *************************************************************/
.dossier-etat-label.dossier-etat-label {
  display: inline-block;
  padding: 0 5px;
  font-size: 14px;
  background-color: #929292;
  border: 1px solid #929292;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: none;
  font-weight: normal; }

.dd-list-filters-dossier-etats .dossier-etat-label {
  margin-right: 5px; }

.dossier-etat-action {
  margin-top: 5px; }

.dd-actions-action {
  border-left: 3px solid #929292; }

.dossier-etat-label.dossier-etat-label-code-1 {
  background-color: gainsboro;
  border-color: gainsboro; }

.dossier-etat-action-code-1,
.dossier-etat-action-code-1 .sl:before {
  color: gainsboro; }

.dd-actions-action-code-1 {
  border-color: gainsboro; }

.dd-checkbox-code-1.field-checkbox-label:before {
  border-color: gainsboro; }

.dd-checkbox-code-1 + .field-checkbox-input:checked + .field-checkbox-label:before {
  border-color: gainsboro;
  background-color: gainsboro; }

.dossier-etat-label.dossier-etat-label-code-2 {
  background-color: #ffbf52;
  border-color: #ffbf52; }

.dossier-etat-action-code-2,
.dossier-etat-action-code-2 .sl:before {
  color: #ffbf52; }

.dd-actions-action-code-2 {
  border-color: #ffbf52; }

.dd-checkbox-code-2 + .field-checkbox-label:before {
  border-color: #ffbf52; }

.dd-checkbox-code-2.field-checkbox-input:checked + .field-checkbox-label:before {
  border-color: #ffbf52;
  background-color: #ffbf52; }

.dossier-etat-label.dossier-etat-label-code-3 {
  background-color: #ffa514;
  border-color: #ffa514; }

.dossier-etat-action-code-3,
.dossier-etat-action-code-3 .sl:before {
  color: #ffa514; }

.dd-actions-action-code-3 {
  border-color: #ffa514; }

.dd-checkbox-code-3 + .field-checkbox-label:before {
  border-color: #ffa514; }

.dd-checkbox-code-3.field-checkbox-input:checked + .field-checkbox-label:before {
  border-color: #ffa514;
  background-color: #ffa514; }

.dossier-etat-label.dossier-etat-label-code-10 {
  background-color: #fd6100;
  border-color: #fd6100; }

.dossier-etat-action-code-10,
.dossier-etat-action-code-10 .sl:before {
  color: #fd6100; }

.dd-actions-action-code-10 {
  border-color: #fd6100; }

.dd-checkbox-code-10 + .field-checkbox-label:before {
  border-color: #fd6100; }

.dd-checkbox-code-10.field-checkbox-input:checked + .field-checkbox-label:before {
  border-color: #fd6100;
  background-color: #fd6100; }

.dossier-etat-label.dossier-etat-label-code-13 {
  background-color: #056629;
  border-color: #056629; }

.dossier-etat-action-code-13,
.dossier-etat-action-code-13 .sl:before {
  color: #056629; }

.dd-actions-action-code-13 {
  border-color: #056629; }

.dd-checkbox-code-13 + .field-checkbox-label:before {
  border-color: #056629; }

.dd-checkbox-code-13.field-checkbox-input:checked + .field-checkbox-label:before {
  border-color: #056629;
  background-color: #056629; }

.dossier-etat-label.dossier-etat-label-code-12 {
  background-color: #d0001b;
  border-color: #d0001b; }

.dossier-etat-action-code-12,
.dossier-etat-action-code-12 .sl:before {
  color: #d0001b; }

.dd-actions-action-code-12 {
  border-color: #d0001b; }

.dd-checkbox-code-12 + .field-checkbox-label:before {
  border-color: #192022; }

.dd-checkbox-code-12.field-checkbox-input:checked + .field-checkbox-label:before {
  border-color: #192022;
  background-color: #192022; }

.dossier-etat-label.dossier-etat-label-code-11 {
  background-color: #5796f3;
  border-color: #5796f3; }

.dossier-etat-action-code-11,
.dossier-etat-action-code-11 .sl:before {
  color: #5796f3; }

.dd-actions-action-code-11 {
  border-color: #5796f3; }

.dd-checkbox-code-11 + .field-checkbox-label:before {
  border-color: #5796f3; }

.dd-checkbox-code-11.field-checkbox-input:checked + .field-checkbox-label:before {
  border-color: #5796f3;
  background-color: #5796f3; }

.dossier-etat-label.dossier-etat-label-code-4 {
  background-color: #ffbf52;
  border-color: #ffbf52; }

.dd-checkbox-code-90 + .field-checkbox-label:before,
.dd-checkbox-code-95 + .field-checkbox-label:before,
.dd-checkbox-code-100 + .field-checkbox-label:before {
  border-color: gainsboro; }

.dossier-etat-action-code-90,
.dossier-etat-action-code-95,
.dossier-etat-action-code-100,
.dossier-etat-action-code-90 .sl:before,
.dossier-etat-action-code-95 .sl:before,
.dossier-etat-action-code-100 .sl:before {
  color: gainsboro; }

.dd-checkbox-code-90.field-checkbox-input:checked + .field-checkbox-label:before,
.dd-checkbox-code-95.field-checkbox-input:checked + .field-checkbox-label:before,
.dd-checkbox-code-100.field-checkbox-input:checked + .field-checkbox-label:before {
  border-color: gainsboro;
  background-color: gainsboro; }

.dossier-etat-label-disabled.dossier-etat-label-disabled {
  background-color: white;
  border-color: #b4b4b4;
  color: #b4b4b4; }

.dd-header-title {
  margin: 0 20px 10px;
  overflow: hidden; }

.dd-header-title-main {
  float: left;
  font-size: 28px;
  color: #056629; }

.dd-header-title-main-state {
  margin-left: 20px; }

.dd-header-title-campagne {
  float: right;
  font-weight: bold; }

.dd-header-actions {
  margin: 0 20px;
  overflow: hidden; }

.dd-header-actions-action {
  float: left;
  margin-right: 20px; }

.dd-header-actions-update {
  float: right;
  color: #b4b4b4;
  font-style: italic; }

.dd-header-content-price {
  display: inline-block;
  font-size: 42px;
  color: #056629; }

.dd-header-content-price-symbol {
  position: relative;
  top: -20px;
  left: -5px;
  font-size: 14px;
  color: black; }

.dd-header-content {
  width: 65% !important; }

.dd-header-montant {
  width: 35% !important; }

.dd-header-vigilance.sl:before {
  font-size: 20px; }

.dd-list-col-etat {
  width: 85px; }

.dd-list-col-date {
  width: 60px; }

.dd-list-col-emprunteur {
  width: 180px; }

.dd-list-col-solde {
  width: 110px; }

.dd-list-col-reference {
  width: 95px; }

.dd-list-col-se {
  width: 40px; }

.dd-list-col-tof {
  width: 50px; }

.dd-suivi {
  margin-bottom: 10px; }

.align-button-text {
  margin-top: 5px; }

.dd-avancement {
  margin-top: 20px; }

.dd-avancement-action {
  margin-top: 10px; }

.dd-commentaire-title {
  text-align: center;
  overflow: hidden; }

.dd-commentaire-title-label {
  display: block;
  float: left;
  line-height: 34px; }

.dd-commentaire-title-paginator {
  display: inline-block; }

.dd-commentaire-title-paginator-btn {
  display: inline-block; }

.dd-commentaire-title-paginator-step {
  position: relative;
  top: -7px;
  left: -5px; }

.dd-commentaire-title-add {
  position: relative;
  display: block;
  float: right; }

.dd-commentaire-value {
  position: relative; }

.dd-commentaire-value-input {
  width: calc(100% - 40px);
  height: 150px;
  padding: 11px 20px 31px;
  resize: none; }

.dd-commentaire-value-author {
  position: absolute;
  bottom: 7px;
  left: 21px;
  width: calc(100% - 42px);
  padding: 5px 0;
  color: #b4b4b4;
  border-top: 1px solid #b4b4b4;
  font-style: italic; }

.dd-commentaire-save {
  display: block;
  float: right; }

.dd-list .ui-column-filter.ui-column-filter {
  display: none; }

.dd-list thead th {
  height: 30px; }

.dd-list .ui-datatable-empty-message {
  display: none; }

.dd-list * {
  font-size: 14px; }

.dd-list.ui-datatable td {
  padding: 4px; }

.dd-list-filters-dossier-etats {
  margin: 10px;
  margin-left: 20px; }
  .dd-list-filters-dossier-etats * {
    display: inline; }
  .dd-list-filters-dossier-etats li {
    margin-right: 8px; }

.dd-list-filters-dossier-etats-label {
  margin-right: 10px;
  font-weight: normal; }

.dd-list-filters-dossier-etats-btn {
  position: relative;
  top: 7px; }

.dd-list-filters-compteur {
  font-weight: normal; }

.dd-list-raisonsociale {
  display: block;
  margin-bottom: 3px;
  color: #056629;
  font-size: 16px; }

.dd-list-col-solde.dd-list-col-solde {
  padding-right: 20px;
  text-align: right; }

.dd-list-prix {
  display: block;
  margin-bottom: -6px;
  color: #056629;
  font-size: 24px; }

.dd-historique-line {
  margin: 10px 0; }

.dd-actions-action,
.dd-actions-etat,
.dd-actions-acteur {
  position: relative;
  margin-left: 80px; }

.dd-actions-action {
  padding: 5px 0 5px 20px; }

.dd-actions-action-suivisiege {
  height: 46px; }

.dd-actions-action-suivisiege-date {
  position: absolute;
  left: 265px;
  top: -3px; }
  .dd-actions-action-suivisiege-date input {
    width: 120px; }

.dd-actions-acteur,
.dd-actions-action-acteur {
  color: #b4b4b4; }

.dd-actions-action-date,
.dd-actions-etat-date {
  position: absolute;
  left: -83px;
  color: black; }

.dd-actions-action-subaction-readonly {
  padding-left: 20px; }
  .dd-actions-action-subaction-readonly:before {
    content: '-'; }

.dd-actions-action-subaction {
  padding-left: 25px; }

.dd-actions-action-subaction-checkbox {
  padding: 8px 0; }

/* *************************************************************
 * Partie Signature électronique
 * *************************************************************/
#SEForm {
  margin: 20px;
  /* Style des en-têtes contenant les infos des différents signataires */
  /* Style des en-têtes contenant les infos du vendeur */ }
  #SEForm .accordion-signataire .ui-accordion-header {
    min-height: 40px;
    height: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
    background-color: #87c400; }
    #SEForm .accordion-signataire .ui-accordion-header .ui-icon {
      background-image: url("/eac/resources/images/ui-icons_ffffff_256x240.png"); }
  #SEForm .accordion-signataire .table-signature-electronique {
    width: 100%; }
    #SEForm .accordion-signataire .table-signature-electronique tr > * {
      padding-left: 20px; }
    #SEForm .accordion-signataire .table-signature-electronique tr > :first-child {
      padding-left: 0; }
    #SEForm .accordion-signataire .table-signature-electronique .table-signature-electronique-name {
      max-width: 20%;
      min-width: 20%;
      width: 20%; }
    #SEForm .accordion-signataire .table-signature-electronique .table-signature-electronique-mobile {
      max-width: 10%;
      min-width: 10%;
      width: 10%; }
    #SEForm .accordion-signataire .table-signature-electronique .table-signature-electronique-etat {
      max-width: 10%;
      min-width: 10%;
      width: 10%;
      background-color: white;
      border: 18px solid white; }
    #SEForm .accordion-signataire .table-signature-electronique .table-signature-electronique-actions {
      max-width: 10%;
      min-width: 160px;
      width: 10%;
      background-color: white;
      border: 18px solid white; }
  #SEForm .accordion-signataire .table-signature-electronique-document {
    width: 78%; }
    #SEForm .accordion-signataire .table-signature-electronique-document tr > * {
      padding-left: 5px; }
    #SEForm .accordion-signataire .table-signature-electronique-document tr > :first-child {
      padding-left: 0; }
    #SEForm .accordion-signataire .table-signature-electronique-document .table-signature-electronique-document-name {
      max-width: 1%;
      min-width: 1%;
      width: 1%; }
    #SEForm .accordion-signataire .table-signature-electronique-document .table-signature-electronique-document-date {
      max-width: 1%;
      min-width: 1%;
      width: 1%; }
    #SEForm .accordion-signataire .table-signature-electronique-document .table-signature-electronique-document-etat {
      max-width: 1%;
      min-width: 1%;
      width: 1%; }
    #SEForm .accordion-signataire .table-signature-electronique-document .table-signature-electronique-document-telecharger {
      max-width: 1%;
      min-width: 160px;
      width: 1%; }
  #SEForm .accordion-vendeur .ui-accordion-header {
    min-height: 40px;
    height: 40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
    background-color: #056629; }
    #SEForm .accordion-vendeur .ui-accordion-header .ui-icon {
      background-image: url("/eac/resources/images/ui-icons_ffffff_256x240.png"); }
  #SEForm .accordion-vendeur .table-signature-electronique {
    width: 100%; }
    #SEForm .accordion-vendeur .table-signature-electronique tr > * {
      padding-left: 20px; }
    #SEForm .accordion-vendeur .table-signature-electronique tr > :first-child {
      padding-left: 0; }
    #SEForm .accordion-vendeur .table-signature-electronique .table-signature-electronique-name {
      max-width: 20%;
      min-width: 20%;
      width: 20%; }
    #SEForm .accordion-vendeur .table-signature-electronique .table-signature-electronique-mobile {
      max-width: 10%;
      min-width: 10%;
      width: 10%; }
    #SEForm .accordion-vendeur .table-signature-electronique .table-signature-electronique-etat {
      max-width: 10%;
      min-width: 10%;
      width: 10%;
      background-color: white;
      border: 18px solid white; }
    #SEForm .accordion-vendeur .table-signature-electronique .table-signature-electronique-actions {
      max-width: 10%;
      min-width: 160px;
      width: 10%;
      background-color: white;
      border: 18px solid white; }
  #SEForm .accordion-vendeur .table-signature-electronique-document {
    width: 78%; }
    #SEForm .accordion-vendeur .table-signature-electronique-document tr > * {
      padding-left: 5px; }
    #SEForm .accordion-vendeur .table-signature-electronique-document tr > :first-child {
      padding-left: 0; }
    #SEForm .accordion-vendeur .table-signature-electronique-document .table-signature-electronique-document-name {
      max-width: 1%;
      min-width: 1%;
      width: 1%; }
    #SEForm .accordion-vendeur .table-signature-electronique-document .table-signature-electronique-document-date {
      max-width: 1%;
      min-width: 1%;
      width: 1%; }
    #SEForm .accordion-vendeur .table-signature-electronique-document .table-signature-electronique-document-etat {
      max-width: 1%;
      min-width: 1%;
      width: 1%; }
    #SEForm .accordion-vendeur .table-signature-electronique-document .table-signature-electronique-document-telecharger {
      max-width: 1%;
      min-width: 160px;
      width: 1%; }

.ds-btn-supprimer {
  position: relative;
  top: -18px;
  margin-left: 10px !important; }
  .ds-btn-supprimer:before {
    position: absolute; }

.ui-outputlabel .ui-outputlabel-rfi.ui-outputlabel-rfi {
  margin: 0 5px 0 0;
  color: #ed7f0a; }

.ui-datepicker.ui-datepicker {
  border: 1px solid #006a4e; }
  .ui-datepicker.ui-datepicker .ui-state-disabled {
    opacity: .35; }

.ui-widget-header.ui-widget-header.ui-widget-header.ui-widget-header {
  text-shadow: none; }

/* spécifique en fonction des codes en base de données*/
.db-etat-DEM {
  color: black; }

.db-etat-VAL {
  color: #056629; }

.db-etat-REF {
  color: #d0001b; }

.db-etat-TIR {
  color: #929292; }

.db-etat {
  font-weight: bold; }

.db-list-col-etat {
  width: 165px; }

.db-list-col-date {
  width: 60px; }

.db-list-col-reference {
  width: 100px; }

.db-list-col-montant {
  width: 70px; }

.db-list-col-action {
  width: 45px; }
  .db-list-col-action .sl:before {
    margin: 0 5px 0 0; }
  .db-list-col-action .sl:last-child:before {
    margin: 0; }

.db-list tbody tr {
  height: 54px; }

.db-list-filters-etats {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  font-weight: normal; }

.db-list-filters-rechercheavancee {
  position: relative;
  top: 20px;
  margin-left: 20px;
  font-weight: normal; }

.db-referencedossier.db-referencedossier {
  color: #87c400; }

.db-switchbutton.db-switchbutton.db-switchbutton {
  margin-right: -1px;
  border: 1px solid gainsboro;
  background-color: white;
  color: #929292;
  box-shadow: none; }
  .db-switchbutton.db-switchbutton.db-switchbutton .ui-button-text {
    padding: 11px 20px; }
  .db-switchbutton.db-switchbutton.db-switchbutton.db-switchbutton-valide {
    border-color: #007153;
    background-color: #007153;
    color: white; }
  .db-switchbutton.db-switchbutton.db-switchbutton.db-switchbutton-refuse {
    border-color: #cd0a0a;
    background-color: #cd0a0a;
    color: white; }
  .db-switchbutton.db-switchbutton.db-switchbutton.db-switchbutton-annule {
    border-color: #cd0a0a;
    background-color: #cd0a0a;
    color: white; }
  .db-switchbutton.db-switchbutton.db-switchbutton.db-switchbutton-rembourse {
    border-color: #007153;
    background-color: white;
    color: #007153; }
  .db-switchbutton.db-switchbutton.db-switchbutton.db-switchbutton-actif {
    border-color: #87c400;
    background-color: #87c400;
    color: white; }

.db-filtre-date {
  margin: 10px 0 10px 20px;
  font-weight: normal; }
  .db-filtre-date > .ui-calendar {
    margin: 0 5px; }

.db-list-filters-acteurs-fa.db-list-filters-acteurs-fa.db-list-filters-acteurs-fa {
  margin-left: 0; }

* + .db-list-filters-acteurs-fa.db-list-filters-acteurs-fa.db-list-filters-acteurs-fa {
  margin-left: 40px; }

.db-filters {
  margin: 10px 0;
  overflow: hidden;
  text-align: center; }

.db-filters-compteur {
  float: left; }

.db-filters-print {
  font-weight: normal;
  float: none; }

.db-filters-print-label {
  display: inline-block;
  width: 160px;
  line-height: 1.3em;
  text-align: left; }

.db-filters-print-calendar {
  display: inline-block;
  vertical-align: top; }
  .db-filters-print-calendar input {
    width: 115px !important; }

.db-filters-print-btn.db-filters-print-btn.db-filters-print-btn.db-filters-print-btn.db-filters-print-btn {
  position: relative;
  top: -4px;
  display: inline-block;
  margin-left: 10px; }

.db-filters-button {
  float: right;
  text-shadow: none; }

.db-switchtype {
  margin: 0 0 40px 20px; }

.db-list.db-list.db-list.db-list * {
  font-size: 14px; }

.db-list.ui-datatable td {
  padding: 4px 4px; }

.co-compteur {
  border-radius: 10px;
  padding: 1px 10px 0;
  margin-right: 5px;
  background-color: #b4b4b4;
  color: #192022;
  font-size: 0.8em;
  float: right; }
  .navigation-item-active .co-compteur {
    background-color: #87c400; }
  .tabs .co-compteur {
    background-color: #b4b4b4;
    color: white; }
  .tabs .tabs-nav-active .co-compteur {
    background-color: #87c400;
    color: white; }

.co-filters {
  margin-bottom: 10px; }

.co-courrier {
  display: table;
  width: calc(100% - 20px);
  margin: 0 10px;
  border-spacing: 10px 20px; }

.co-courrier-row {
  display: table-row; }

.co-courrier-row-label {
  display: table-cell;
  width: 175px;
  vertical-align: top;
  font-size: 1em;
  font-weight: bold; }
  .co-courrier-row-label .ui-widget {
    font-size: 1em; }

.co-courrier-row-field {
  display: table-cell; }

.co-courrier-row-field textarea {
  width: calc(100% - 6px); }

.co-courrier-row-field input {
  width: 100%; }

.co-courrier-row-field-objet {
  width: calc(100% - 120px); }
  .co-courrier-row-field-objet .ui-selectonemenu.ui-selectonemenu.ui-selectonemenu {
    width: 100%; }

.co-courrier-row-field-consultation {
  float: right;
  height: 40px;
  line-height: 40px; }

.co-courrier-row-field-destinataire {
  margin-right: 20px; }

.co-courrier-row-field-copie {
  white-space: nowrap; }

.co-courrier-niveau2 {
  margin-left: 45px; }

.co-colonne-lu {
  width: 30px; }

.co-colonne-action {
  width: 30px; }

.co-colonne-date {
  width: 120px; }

.co-colonne-reference {
  width: 150px; }

/* ********************************************************* *
 * 	Styles spécifiques de la vue Constructeur > Accès
 * ********************************************************* */
.module-communication-layout ul {
  list-style-type: disc !important;
  padding-left: 1.5em; }

.module-communication-layout ol {
  list-style-type: decimal !important;
  padding-left: 1.5em; }

.module-communication-layout blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px; }

.module-communication-layout strong {
  font-style: normal !important;
  font-weight: bold !important; }

.module-communication-layout em {
  font-style: italic !important;
  font-weight: normal !important; }

.ql-editor strong {
  font-style: normal !important;
  font-weight: bold !important; }

.ql-editor em {
  font-style: italic !important;
  font-weight: normal !important; }

.containerCommunication {
  background-color: white;
  padding: 10px 15px 10px 15px !important;
  margin: 0 20px 10px 0px !important;
  min-height: 40px;
  height: auto;
  overflow: auto; }

.contenuCommunication {
  width: 100%; }

.communication-separator {
  height: 1px;
  margin: 10px 10px;
  background-color: #87c400;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.imageCommunication img {
  float: left;
  padding: 10px 15px 10px 0px;
  text-align: center;
  margin: 0px 15px 15px 0px;
  width: 100%;
  height: auto; }
  .imageCommunication img.img-verticale {
    max-width: 220px; }
  .imageCommunication img.img-horizontale {
    max-width: 600px; }

.footerCommunication {
  font-style: italic;
  text-align: center; }

#accueilForm .ui-state-default, #accueilForm .ui-widget-content .ui-state-default, #accueilForm .ui-widget-header .ui-state-default {
  background: #87c400 none repeat scroll 0 0; }

.pa-field-frais {
  width: 200px !important; }

#loginPage.login-ctappro {
  top: 40%;
  padding: 0 20px 20px 20px;
  border: solid 1px #87c400;
  border-radius: 4px;
  box-shadow: 2px 2px 2px gainsboro;
  font-family: Arial, "sans-serif"; }
  #loginPage.login-ctappro .login-header,
  #loginPage.login-ctappro .titreDroit,
  #loginPage.login-ctappro .headerLogo,
  #loginPage.login-ctappro .ligneSousTitre {
    color: white;
    background-color: white;
    font-family: Arial, "sans-serif"; }
  #loginPage.login-ctappro .ligneSousTitre {
    padding-right: 20px;
    color: #87c400; }
  #loginPage.login-ctappro .login-logo {
    width: 400px; }
  #loginPage.login-ctappro .login-label {
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, "sans-serif"; }
  #loginPage.login-ctappro .button {
    height: 40px;
    font-size: 14px;
    font-family: Arial, "sans-serif"; }

@font-face {
  font-family: "streamline-filled-in";
  src: url("#{resource['fonts/streamline-24px-filled-in.eot']}");
  /* pour IE 9 mode de compatibilité */
  src: url("#{resource['fonts/streamline-24px-filled-in.eot']}?") format("eot"), url("#{resource['fonts/streamline-24px-filled-in.svg']}") format("svg"), url("#{resource['fonts/streamline-24px-filled-in.ttf']}") format("truetype"), url("#{resource['fonts/streamline-24px-filled-in.woff']}") format("woff"); }

@font-face {
  font-family: "streamline";
  src: url("#{resource['fonts/streamline-24px.eot']}");
  /* pour IE 9 mode compat */
  src: url("#{resource['fonts/streamline-24px.eot']}?") format("eot"), url("#{resource['fonts/streamline-24px.svg']}") format("svg"), url("#{resource['fonts/streamline-24px.ttf']}") format("truetype"), url("#{resource['fonts/streamline-24px.woff']}") format("woff"); }

.main {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.l-spinner.l-spinner {
  top: calc(50% - 38px) !important;
  left: calc(50% - 49px) !important;
  background: transparent;
  overflow: visible; }
  .l-spinner.l-spinner .ui-dialog-content {
    overflow: visible; }

.logo {
  margin: 20px 10px 0 20px; }

.template-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.title-app {
  display: inline-block;
  margin-bottom: 40px;
  color: white;
  font-weight: 200;
  font-size: 18px; }

.l-title {
  position: relative; }
  .l-title .button {
    position: absolute;
    top: 2px;
    right: 20px; }

.title-h1 {
  margin: 20px;
  color: #006a4e;
  font-weight: 200;
  font-size: 24px; }

.title-h2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #006a4e;
  font-weight: 200;
  font-size: 20px; }

.p-title {
  display: block;
  margin-left: 20px;
  margin-bottom: 10px;
  font-weight: bold; }

.l-buttons {
  margin: 20px;
  text-align: right; }
  .l-buttons > * + * {
    margin-left: 20px; }

.l-buttons-left {
  margin: 10px; }
  .l-buttons-left > * {
    display: inline-block;
    margin: 10px;
    vertical-align: top; }

.l-section {
  margin: 20px 0; }

.line-of-blocks {
  overflow: hidden; }
  .line-of-blocks > * {
    margin-right: 30px;
    margin-left: 20px;
    float: left; }

.demi-page {
  display: inline-block;
  width: 50%;
  vertical-align: top; }

.no-white-space {
  font-size: 0; }
  .no-white-space > * {
    font-size: 14px; }

.l-blocks-half {
  display: table;
  border-collapse: separate;
  border-spacing: 20px 0;
  width: 100%; }
  .l-blocks-half .block:first-child {
    margin-right: 10px; }
  .l-blocks-half .block {
    display: table-cell;
    width: 50%;
    vertical-align: top; }

.l-content-half {
  display: table;
  border-collapse: separate;
  width: 100%; }
  .l-content-half > .content-half {
    display: table-cell;
    width: 50%;
    padding-right: 20px;
    vertical-align: top; }
  .l-content-half > .content-half + .content-half {
    margin-left: 10px; }

.block {
  margin: 20px;
  background-color: #ebebeb; }

.block-is-important {
  background-color: #056629;
  color: white; }

.block-header-title {
  position: relative;
  left: -10px;
  float: left;
  padding: 7px 20px;
  background-color: #87c400;
  color: white;
  font-size: 14px;
  font-weight: 700; }
  .block-header-title::before {
    position: absolute;
    left: 0;
    bottom: -10px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #056629 transparent transparent; }

.block-header-copier {
  float: right;
  margin: 0 20px;
  color: #b4b4b4; }

.block-header-actions {
  float: right;
  margin: 0 20px; }

.block-header-action {
  position: relative;
  display: inline-block;
  height: 21px;
  padding-bottom: 3px;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none; }
  .block-is-important .block-header-action {
    color: white; }
  .block-header-action + .block-header-action {
    margin-left: 20px; }
  .block-header-action::before {
    position: relative;
    bottom: -10px; }
  .block-header-action::after {
    position: absolute;
    right: 0;
    bottom: -8px;
    content: '';
    height: 2px;
    width: 100%;
    background-color: #87c400; }

.sl.block-header-action::after {
  width: calc(100% - 34px); }

.block-inner-action {
  float: right;
  margin: 0 20px; }

.block-content {
  clear: left;
  padding: 20px 20px; }
  .block-content .block-content-data-value-is-important {
    font-weight: 700; }
  .block-content .block-content-data-label {
    width: 205px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 20px;
    color: #929292; }
  .block-content .block-content-data-label,
  .block-content .block-content-data-value {
    vertical-align: middle;
    display: inline-block; }
  .block-content .block-content-data-value + .block-content-data-value {
    margin-left: 20px; }
  .block-content * + .block-content-data {
    margin: 15px 0; }
  .block-content > :last-child {
    margin-bottom: 0; }
  .block-content .block-content-data-info {
    display: inline-block;
    color: #929292;
    font-style: italic; }
  .block-content .block-content-data-row {
    height: 30px;
    line-height: 30px; }

.block-content-separator {
  height: 1px;
  margin: 15px 0;
  background-color: white; }

.action {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none; }
  .action.sl:before {
    margin-right: 10px; }
  .action::after {
    position: absolute;
    right: 0;
    bottom: 5px;
    content: '';
    height: 1px;
    width: calc(100% - 34px);
    background-color: black; }

.l-divided {
  display: table;
  border-collapse: separate;
  border-spacing: 20px 0;
  width: 100%; }
  .l-divided .l-divided-half {
    display: table-cell;
    width: 50%;
    vertical-align: top; }
  .l-divided .l-divided-half:first-child {
    margin-right: 10px; }