/* --------------------------------------------------
  Ligne du temps verticale
===================================================== */

#zone-centrale .timeline ul {
  padding-left: 10px;
  margin-bottom: 0 !important;
}

#zone-centrale .timeline ul li:last-child *:last-child {
  margin-bottom: 0;
}

#zone-centrale .timeline ul li {
  background: none;
}

#zone-centrale .timeline li {
  margin-top: 0;
  padding: 0;
  margin-left: 54px;
  padding-left: 14px;
  margin-bottom: 30px
}

#zone-centrale .timeline li:last-child {
  margin-bottom: 0;
}

.timeline {
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: solid 1px #acacac;
}

.timeline li {
  position: relative;
}

.timeline li:before {
  content: '';
  top: 0 !important;
  left: -54px !important;
  position: absolute;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: contain;
}


.timeline li.ic-acces-signature:before {background-image: url('/ressources/images/ic-acces-signature.svg')}
.timeline li.ic-arobas-signature:before {background-image: url('/ressources/images/ic-arobas-signature.svg')}
.timeline li.ic-confirm-signature:before {background-image: url('/ressources/images/ic-confirm-signature.svg')}
.timeline li.ic-document-signature:before {background-image: url('/ressources/images/ic-document-signature.svg')}
.timeline li.ic-motdepasse-signature:before {background-image: url('/ressources/images/ic-motdepasse-signature.svg')}
.timeline li.ic-plusieurs-signature:before {background-image: url('/ressources/images/ic-plusieurs-signature.svg')}
.timeline li.ic-sign-signature:before {background-image: url('/ressources/images/ic-sign-signature.svg')}
.timeline li.ic-telec-signature:before {background-image: url('/ressources/images/ic-telec-signature.svg')}

/* Timeline actif */
#zone-centrale .timeline .timeline-titre {
  transition: color .3s
}

#zone-centrale .timeline.actif .timeline-titre {
  color: #3f8523 !important;
}

.timeline li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: transparent;
  transition: background-color .3s
}

.timeline li.actif:after {
  background-color: #3f8523;
}