.color-main {
  background-color: white !important;
  color: black !important; }

.color-body {
  background-color: #9cbd25 !important; }

.color-main-container {
  background-color: white !important;
  color: black !important; }

.color-card-panel {
  background-color: #fafafa !important;
  border-color: #fafafa !important;
  color: black !important; }

.color-tab-panel {
  background-color: #fafafa !important;
  border-color: #fafafa !important; }

.color-fieldset {
  background-color: #fafafa !important;
  border: 1px solid #e5e5e5 !important;
  color: black !important; }

.color-fieldset-title {
  color: #424242; }

.color-tiers-navbar {
  background-color: #9cbd25 !important;
  color: white !important; }
  .color-tiers-navbar a {
    color: white !important; }

.color-tiers-primary {
  background-color: #9cbd25 !important;
  color: white !important; }

.color-agent-navbar {
  background-color: #9cbd25 !important;
  color: white !important; }
  .color-agent-navbar a {
    color: white !important; }

.color-agent-primary {
  background-color: #9cbd25 !important;
  color: white !important; }

form label.required:after {
  color: red;
  white-space: pre;
  content: " *"; }

.formulaire-genere .type_fieldset_body-adresse {
  background-color: white; }

/*Etat dossiers 2 etapes*/
.etape-1sur2 {
  display: block;
  width: 21px;
  height: 10px;
  background: url(../images/2etapes.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-2sur2 {
  display: block;
  width: 21px;
  height: 10px;
  background: url(../images/2etapes.gif) no-repeat;
  margin-top: 5px;
  background-position: 0 -10px;
  overflow: hidden; }

.etape-cloture {
  display: block;
  width: 10px;
  height: 10px;
  background: url(../images/etape-cloture.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-termine {
  display: block;
  width: 14px;
  height: 14px;
  background: url(../images/etape-termine.png) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-en-cours {
  display: block;
  width: 10px;
  height: 10px;
  background: url(../images/etape-en-cours.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

/*Etat dossiers 3 etapes*/
.etape-1sur3 {
  display: block;
  width: 32px;
  height: 10px;
  background: url(../images/3etapes.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-2sur3 {
  display: block;
  width: 32px;
  height: 10px;
  background: url(../images/3etapes.gif) 0 -10px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-3sur3 {
  display: block;
  width: 32px;
  height: 10px;
  background: url(../images/3etapes.gif) 0 -20px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

/*Etat dossiers 4 etapes*/
.etape-1sur4 {
  display: block;
  width: 43px;
  height: 10px;
  background: url(../images/4etapes.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-2sur4 {
  display: block;
  width: 43px;
  height: 10px;
  background: url(../images/4etapes.gif) 0 -10px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-3sur4 {
  display: block;
  width: 43px;
  height: 10px;
  background: url(../images/4etapes.gif) 0 -20px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-4sur4 {
  display: block;
  width: 43px;
  height: 10px;
  background: url(../images/4etapes.gif) 0 -30px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

/*Etat dossiers 5 etapes*/
.etape-1sur5 {
  display: block;
  width: 54px;
  height: 10px;
  background: url(../images/5etapes.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-2sur5 {
  display: block;
  width: 54px;
  height: 10px;
  background: url(../images/5etapes.gif) 0 -10px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-3sur5 {
  display: block;
  width: 54px;
  height: 10px;
  background: url(../images/5etapes.gif) 0 -20px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-4sur5 {
  display: block;
  width: 54px;
  height: 10px;
  background: url(../images/5etapes.gif) 0 -30px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-5sur5 {
  display: block;
  width: 54px;
  height: 10px;
  background: url(../images/5etapes.gif) 0 -40px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

/*Etat dossiers 6 etapes*/
.etape-1sur6 {
  display: block;
  width: 65px;
  height: 10px;
  background: url(../images/6etapes.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-2sur6 {
  display: block;
  width: 65px;
  height: 10px;
  background: url(../images/6etapes.gif) 0 -10px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-3sur6 {
  display: block;
  width: 65px;
  height: 10px;
  background: url(../images/6etapes.gif) 0 -20px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-4sur6 {
  display: block;
  width: 65px;
  height: 10px;
  background: url(../images/6etapes.gif) 0 -30px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-5sur6 {
  display: block;
  width: 65px;
  height: 10px;
  background: url(../images/6etapes.gif) 0 -40px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-6sur6 {
  display: block;
  width: 65px;
  height: 10px;
  background: url(../images/6etapes.gif) 0 -50px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

/*Etat dossiers Instruction technique 5 etapes*/
.etape-3sur5-1 {
  display: block;
  width: 54px;
  height: 13px;
  background: url(../images/5etapes-instruction-technique.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-3sur5-2 {
  display: block;
  width: 54px;
  height: 13px;
  background: url(../images/5etapes-instruction-technique.gif) 0 -13px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-3sur5-3 {
  display: block;
  width: 54px;
  height: 13px;
  background: url(../images/5etapes-instruction-technique.gif) 0 -26px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

/*Etat dossiers Instruction technique 6 etapes*/
.etape-3sur6-1 {
  display: block;
  width: 65px;
  height: 13px;
  background: url(../images/6etapes-instruction-technique.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-3sur6-2 {
  display: block;
  width: 65px;
  height: 13px;
  background: url(../images/6etapes-instruction-technique.gif) 0 -13px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.etape-3sur6-3 {
  display: block;
  width: 65px;
  height: 13px;
  background: url(../images/6etapes-instruction-technique.gif) 0 -26px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

/*Etat echeancier 5 etapes*/
.echeancier-etape-1sur5 {
  display: block;
  width: 25px;
  height: 10px;
  background: url(../images/5etapes-echeancier.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.echeancier-etape-2sur5 {
  display: block;
  width: 25px;
  height: 14px;
  background: url(../images/5etapes-echeancier.gif) 0 -10px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.echeancier-etape-3sur5 {
  display: block;
  width: 25px;
  height: 14px;
  background: url(../images/5etapes-echeancier.gif) 0 -24px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.echeancier-etape-4sur5 {
  display: block;
  width: 25px;
  height: 14px;
  background: url(../images/5etapes-echeancier.gif) 0 -38px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.echeancier-etape-5sur5 {
  display: block;
  width: 25px;
  height: 14px;
  background: url(../images/5etapes-echeancier.gif) 0 -52px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

/*Etat echeancier 6 etapes*/
.echeancier-etape-1sur6 {
  display: block;
  width: 25px;
  height: 10px;
  background: url(../images/6etapes-echeancier.gif) no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.echeancier-etape-2sur6 {
  display: block;
  width: 25px;
  height: 14px;
  background: url(../images/6etapes-echeancier.gif) 0 -10px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.echeancier-etape-3sur6 {
  display: block;
  width: 25px;
  height: 14px;
  background: url(../images/6etapes-echeancier.gif) 0 -24px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.echeancier-etape-4sur6 {
  display: block;
  width: 25px;
  height: 14px;
  background: url(../images/6etapes-echeancier.gif) 0 -38px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.echeancier-etape-5sur6 {
  display: block;
  width: 25px;
  height: 14px;
  background: url(../images/6etapes-echeancier.gif) 0 -52px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

.echeancier-etape-6sur6 {
  display: block;
  width: 25px;
  height: 14px;
  background: url(../images/6etapes-echeancier.gif) 0 -66px no-repeat;
  margin-top: 5px;
  overflow: hidden; }

/*Etat dossiers 5 etapes*/
.etape-1sur2-comp {
  display: block;
  width: 54px;
  height: 16px;
  background: url(../images/5etapes-complement.gif) no-repeat;
  margin-top: 3px;
  overflow: hidden; }

.etape-2sur2-comp {
  display: block;
  width: 54px;
  height: 16px;
  background: url(../images/5etapes-complement.gif) 0 -16px no-repeat;
  margin-top: 3px;
  overflow: hidden; }

/*Etat dossiers 6 etapes*/
.etape-1sur6-comp {
  display: block;
  width: 65px;
  height: 16px;
  background: url(../images/6etapes-complement.gif) no-repeat;
  margin-top: 3px;
  overflow: hidden; }

.etape-2sur6-comp {
  display: block;
  width: 65px;
  height: 16px;
  background: url(../images/6etapes-complement.gif) 0 -16px no-repeat;
  margin-top: 3px;
  overflow: hidden; }

/*Etat dossiers 3 etapes */
.etape-1sur3-comp {
  display: block;
  width: 32px;
  height: 16px;
  background: url(../images/5etapes-complement.gif) no-repeat 0 0;
  margin-top: 3px;
  overflow: hidden; }

/*Etat dossiers retour IT */
span[class^="etape-renvoi-it"], span[class^="info-etape etape-renvoi-it"], span[class^="etape-3sur6-1-renvoi-it"], span[class^="info-etape etape-3sur6-1-renvoi-it"], span[class^="eetape-3sur6-1-renvoi-it"], span[class^="info-etape etape-3sur6-2-renvoi-it"], span[class^="etape-3sur6-1-renvoi-it"], span[class^="info-etape etape-3sur6-3-renvoi-it"] {
  display: block;
  width: 65px;
  height: 16px;
  margin-top: 3px;
  overflow: hidden;
  background-repeat: no-repeat, no-repeat; }

span[class^="etape-3sur6-1-renvoi-it"], span[class^="info-etape etape-3sur6-1-renvoi-it"], span[class^="eetape-3sur6-1-renvoi-it"], span[class^="info-etape etape-3sur6-2-renvoi-it"], span[class^="etape-3sur6-1-renvoi-it"], span[class^="info-etape etape-3sur6-3-renvoi-it"] {
  height: 19px; }

.etape-renvoi-it-1 {
  background-image: url(../images/6etapes-renvoi-IT.gif), url(../images/arrow-retour-2-etapes-small.gif);
  background-position: 0 0, 22px 0; }

.etape-renvoi-it-2 {
  background-image: url(../images/6etapes-renvoi-IT.gif), url(../images/arrow-retour-4-etapes-small.gif);
  background-position: 0 -16px, 22px 0; }

.etape-3sur6-renvoi-it-1 {
  display: block;
  width: 65px;
  height: 22px;
  background-image: url(../images/6etapes-renvoi-IT.gif), url(../images/arrow-retour-2-etapes-small.gif);
  background-position: 0 0, 22px 0; }

.etape-3sur6-1-renvoi-it-1 {
  display: block;
  width: 65px;
  height: 22px;
  background-image: url(../images/6etapes-renvoi-IT.gif), url(../images/arrow-retour-2-etapes-small.gif);
  background-position: 0 -32px, 22px 0; }

.etape-3sur6-2-renvoi-it-1 {
  display: block;
  width: 65px;
  height: 22px;
  background-image: url(../images/6etapes-renvoi-IT.gif), url(../images/arrow-retour-2-etapes-small.gif);
  background-position: 0 -51px, 22px 0; }

.etape-3sur6-3-renvoi-it-1 {
  display: block;
  width: 65px;
  height: 22px;
  background-image: url(../images/6etapes-renvoi-IT.gif), url(../images/arrow-retour-2-etapes-small.gif);
  background-position: 0 -70px, 22px 0; }

.etape-3sur6-renvoi-it-2 {
  display: block;
  width: 65px;
  height: 22px;
  background-image: url(../images/6etapes-renvoi-IT.gif), url(../images/arrow-retour-4-etapes-small.gif);
  background-position: 0 -16px, 22px 0; }

.etape-3sur6-1-renvoi-it-2 {
  display: block;
  width: 65px;
  height: 22px;
  background-image: url(../images/6etapes-renvoi-IT.gif), url(../images/arrow-retour-4-etapes-small.gif);
  background-position: 0 -88px, 22px 0; }

.etape-3sur6-2-renvoi-it-2 {
  display: block;
  width: 65px;
  height: 22px;
  background-image: url(../images/6etapes-renvoi-IT.gif), url(../images/arrow-retour-4-etapes-small.gif);
  background-position: 0 -107px, 22px 0; }

.etape-3sur6-3-renvoi-it-2 {
  display: block;
  width: 65px;
  height: 22px;
  background-image: url(../images/6etapes-renvoi-IT.gif), url(../images/arrow-retour-4-etapes-small.gif);
  background-position: 0 -126px, 22px 0; }

.arrow-retour-IT-1 {
  background: url(../images/arrow-retour-2-etapes.gif) no-repeat 260px 2px;
  padding-top: 5px;
  height: 70px;
  height: 80px\9; }

.arrow-retour-IT-2 {
  background: url(../images/arrow-retour-4-etapes.gif) no-repeat 260px 2px;
  padding-top: 5px;
  height: 70px;
  height: 80px\9; }

/**Etat Edition**/
.edition-etape {
  display: block;
  width: 36px;
  height: 12px;
  background-image: url(../images/statut-editions.png);
  background-repeat: no-repeat;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -9999999px;
  margin-bottom: 5px; }

.edition-etape-1 {
  background-position: 0 0; }

.edition-etape-2 {
  background-position: 0 -12px; }

.edition-etape-3 {
  background-position: 0 -24px; }

.edition-etape-4 {
  background-position: 0 -36px; }

.workflow .etape-on1 {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on.gif) no-repeat 0 10px;
  padding-top: 23px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-off1 {
  width: 120px;
  float: left;
  color: #5c768f;
  background: url(../images/etape-workflow-off.gif) no-repeat 0 10px;
  padding-top: 23px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-disabled1 {
  width: 120px;
  float: left;
  color: #b0bdcb;
  background: url(../images/etape-workflow-disabled.gif) no-repeat 0 10px;
  padding-top: 23px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-on2 {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-off2 {
  width: 120px;
  float: left;
  color: #5c768f;
  background: url(../images/etape-workflow-off.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-disabled2 {
  width: 120px;
  float: left;
  color: #b0bdcb;
  background: url(../images/etape-workflow-disabled.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-on3 {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on.gif) no-repeat;
  padding-top: 15px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-off3 {
  width: 120px;
  float: left;
  color: #5c768f;
  background: url(../images/etape-workflow-off.gif) no-repeat 0 10px;
  padding-top: 15px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-disabled3 {
  width: 120px;
  float: left;
  color: #b0bdcb;
  background: url(../images/etape-workflow-disabled.gif) no-repeat 0 10px;
  padding-top: 15px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .arrow {
  width: 10px;
  float: left;
  background: url(../images/workflow-arrow.gif) 0px 22px no-repeat; }

.workflow .etape-on1 a {
  color: #fff;
  text-decoration: none;
  padding-top: 23px; }

.workflow .etape-off1 a {
  color: #5c768f;
  text-decoration: none;
  padding-top: 23px;
  height: auto; }

.workflow .etape-disabled1 a {
  color: #b0bdcb;
  text-decoration: none;
  padding-top: 23px;
  height: auto; }

.workflow .etape-on2 a {
  color: #fff;
  text-decoration: none;
  padding-top: 18px; }

.workflow .etape-off2 a {
  color: #5c768f;
  text-decoration: none;
  padding-top: 18px; }

.workflow .etape-disabled2 a {
  color: #b0bdcb;
  text-decoration: none;
  padding-top: 18px; }

.workflow .etape-on3 a {
  color: #fff;
  text-decoration: none;
  padding-top: 15px; }

.workflow .etape-off3 a {
  color: #5c768f;
  text-decoration: none;
  padding-top: 15px; }

.workflow .etape-disabled3 a {
  color: #b0bdcb;
  text-decoration: none;
  padding-top: 15px; }

.workflow .etape-cloture {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 120px;
  margin-top: 5px !important;
  color: #fff;
  background: url(../images/etape-workflow-cloture.gif) no-repeat center top;
  background-size: cover;
  padding: 10px 0;
  line-height: 10px;
  margin-top: 0;
  height: auto;
  font-size: 12px;
  text-align: center; }

.workflow .etape-termine {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-termine.gif) no-repeat 0 10px;
  padding-top: 23px;
  line-height: 10px;
  margin-top: 0;
  height: auto;
  font-size: 12px;
  text-align: center; }

.workflow .etape-complement {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-complement.gif) no-repeat 0 10px;
  padding-top: 23px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-complement-2 {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-complement.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.demande-complement {
  background: url(../images/arrow-retour-complement.gif) no-repeat 0 2px;
  padding-top: 5px;
  height: 70px; }

.demande-complement-2 {
  background: url(../images/arrow-retour-complement-2.gif) no-repeat 0 2px;
  padding-top: 5px;
  height: 70px;
  height: 80px\9; }

.sous-etape, .sous-etape-execution {
  height: 80px; }

.workflow .detail {
  clear: both;
  text-align: left;
  color: #5c768f;
  font-size: 1.1em;
  padding-left: 1px;
  padding-bottom: 5px; }

.workflow .etape-on1-enCours {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on.gif) no-repeat 0 10px;
  padding-top: 23px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-on1-enAttenteRetour {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-attente.gif) no-repeat 0 10px;
  padding-top: 23px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-on1-preValide {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-prevalide.gif) no-repeat 0 10px;
  padding-top: 23px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-on1-reporte {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-reporte.gif) no-repeat 0 10px;
  padding-top: 23px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-on2-enCours {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-on2-enAttenteRetour {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-attente.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-on2-preValide {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-prevalide.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-on2-reporte {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-reporte.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-echeancier-on1-initial {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-echeancier-on.gif) no-repeat 0 10px;
  padding-top: 17px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-echeancier-on1-saisir {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-execution-a-saisir.gif) no-repeat 0 10px;
  padding-top: 17px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-echeancier-on1-valider {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-execution-a-valider.gif) no-repeat 0 10px;
  padding-top: 17px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-echeancier-on1-pas_action {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-execution-attente.gif) no-repeat 0 10px;
  padding-top: 17px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-echeancier-on1-termine {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-execution-termine.gif) no-repeat 0 10px;
  padding-top: 21px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-echeancier-on1-devalide {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-execution-devalide.gif) no-repeat 0 10px;
  padding-top: 17px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .consultation {
  background-image: url(../images/etape-workflow-off-consultation.gif);
  background-position: 0 0;
  padding-top: 0; }

.workflow .consultation-on {
  background-image: url(../images/etape-workflow-on-consultation.gif);
  background-position: 0 0;
  color: #72B0E0; }

.workflow .edition {
  background-image: url(../images/etape-workflow-off-edition.gif);
  background-position: 0 0;
  padding-top: 0; }

.workflow .edition-on {
  background-image: url(../images/etape-workflow-on-edition.gif);
  background-position: 0 0;
  color: #fff; }

.workflow .etape-on-termine {
  width: 120px;
  float: left;
  color: #fff;
  background: url(../images/etape-workflow-on-termine.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-off-termine {
  width: 120px;
  float: left;
  color: #5c768f;
  background: url(../images/etape-workflow-off-termine.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .etape-disabled-termine {
  width: 120px;
  float: left;
  color: #b0bdcb;
  background: url(../images/etape-workflow-disabled-termine.gif) no-repeat 0 10px;
  padding-top: 18px;
  line-height: 10px;
  font-size: 12px;
  text-align: center; }

.workflow .details {
  height: 20px;
  color: #5c768f; }

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