.ligne-du-temps {
  position: relative; }
  .ligne-du-temps .annee {
    font-size: 6.6rem;
    color: #00884e;
    font-family: robotoblack, arial, sans-serif;
    line-height: normal;
    position: absolute;
    top: -60px; }
  .ligne-du-temps .vignette {
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: contain; }
  .ligne-du-temps .fond-gris {
    background-color: #f4f4f4; }
  .ligne-du-temps .cd-grille {
    padding-top: 70px;
    padding-bottom: 30px; }
    .ligne-du-temps .cd-grille.compact {
      padding-top: 30px;
      padding-bottom: 0; }
  .ligne-du-temps + .padding-2 {
    padding-bottom: 70px; }

#zone-centrale .cd-vitrine-cover.cd-vitrine-cover-ligne-du-temps .layer .titre {
  font-size: 2.5rem; }

.page-120-ans-hub .alveole-conteneur {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.page-120-ans-hub .cd-tuiles.cd-lien > *:not(.cd-collapse) > * {
  border: 0; }

.cd-max .cd-max-ctn > *:last-child.panel-120-ans {
  margin-bottom: 30px; }

.cd-panel.panel-120-ans {
  padding-top: 2.5rem;
  padding-right: 27rem;
  padding-left: 3.375rem;
  background-position-x: right;
  background-repeat: no-repeat;
  background-color: #bccdc3; }
  .cd-panel.panel-120-ans::after {
    width: 0;
    height: 0; }

.cd-vitrine-cover._overlap.cd-vitrine-cover-120-ans-hub .layer {
  padding-bottom: 0; }

.cd-vitrine-cover-120-ans-hub {
  background-color: #cce7dc; }

.c-bg-vert-hyper {
  background-color: #007944; }

@media (min-width: 769px) {
  .cd-vitrine-cover.cd-vitrine-cover-ligne-du-temps {
    background-size: contain;
    background-color: #f2f2f2; }

  .cd-vitrine-cover-ligne-du-temps {
    background-image: url(https://www.desjardins.com/ressources/images/d00-vit-120e-anniversaire-desjardins-2.png); }

  .cd-vitrine-cover-120-ans-hub {
    background-image: url(https://www.desjardins.com/ressources/images/d05-vit-ensemble-120ans-hub.jpg); }
    .cd-vitrine-cover-120-ans-hub .cartouche {
      margin-bottom: 20px; }

  .cd-vitrine-cover-ligne-du-temps .bg-mobile,
  .cd-vitrine-cover-120-ans-hub .bg-mobile {
    display: none; }

  .cd-vitrine-cover.cd-vitrine-cover-ligne-du-temps._overlap .layer {
    padding-top: 10rem;
    padding-bottom: 10rem; }

  .ligne-du-temps {
    margin-top: 4rem; }
    .ligne-du-temps .ligne-verticale {
      position: absolute;
      width: 0.18rem;
      top: 4.6rem;
      bottom: 0;
      background-color: #00884e;
      margin-left: 23rem; }
      .ligne-du-temps .ligne-verticale:before {
        content: ' \25CF';
        font-size: 2rem;
        color: #00884e;
        position: relative;
        top: -30px;
        left: -8px; }

  #zone-centrale .cd-typo-temp .ligne-du-temps h3 {
    margin-top: 2.5rem; }

  .cd-panel.panel-120-ans {
    max-height: 12.5rem; } }
@media (max-width: 768px) {
  .cd-vitrine-cover.cd-vitrine-cover-ligne-du-temps._overlap .layer {
    padding-bottom: 0; } }
@media (min-width: 577px) {
  .ligne-du-temps .vignette {
    width: 460px;
    height: 304px; } }
@media (max-width: 576px) {
  .ligne-du-temps .vignette {
    width: 280px;
    height: 185px; }

  .cd-max .cd-max-ctn .cta-120e {
    padding-left: 0;
    padding-right: 0; } }
@media (max-width: 769px) and (min-width: 768px) {
  .ligne-du-temps .vignette {
    width: 320px;
    height: 211px; } }

/*# sourceMappingURL=ligne-du-temps.css.map */