img,
.image-responsive {
  display: block;
  max-width: 100%;
}

.button.alt .hq-lien-icn-ext {
  -webkit-filter: contrast(0) brightness(200%);
          filter: contrast(0) brightness(200%);
}

.button.alt:hover .hq-lien-icn-ext, .button.alt:focus .hq-lien-icn-ext {
  -webkit-filter: none;
          filter: none;
}

.hq-section.bg-image {
  background-image: url(/themes/projets/conversion-120kv-lanaudiere/images/bandeau_conversion-120kv-lanaudiere.webp);
  padding: 0;
  height: 250px;
  margin: 40px 0 !important;
}

.ligne-chronologie {
  text-align: center;
}

.ligne-chronologie .wrapper {
  position: relative;
}

.ligne-chronologie .wrapper:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 2px;
  background-color: #7d98b1;
  z-index: 100;
}

@media (min-width: 767px) {
  .ligne-chronologie .wrapper:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.ligne-chronologie .wrapper:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}

.ligne-chronologie h2, .ligne-chronologie h3, .ligne-chronologie h4, .ligne-chronologie h5, .ligne-chronologie h6 {
  font-weight: 600;
  font-size: 1.8rem !important;
  margin: 0 0 10px 0;
}

.ligne-chronologie div.dates {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ligne-chronologie div.dates div.marqueur {
  position: relative;
  padding: 0 0 40px 20px;
  text-align: left;
  width: 100%;
  clear: both;
  display: block;
  line-height: 1.5em;
}

@media (min-width: 767px) {
  .ligne-chronologie div.dates div.marqueur {
    width: 50%;
    padding: 0 0 40px 0;
  }

  .ligne-chronologie div.dates div.marqueur:nth-child(even) {
    padding-left: 20px;
    float: right;
  }

  .ligne-chronologie div.dates div.marqueur:nth-child(even)::before {
    left: -6px;
  }

  .ligne-chronologie div.dates div.marqueur:nth-child(even) li::before {
    left: 0;
  }

  .ligne-chronologie div.dates div.marqueur:nth-child(odd) {
    padding-right: 20px;
    float: left;
  }

  .ligne-chronologie div.dates div.marqueur:nth-child(odd)::before {
    left: auto;
    right: -6px;
  }

  .ligne-chronologie div.dates div.marqueur:nth-child(odd) li {
    text-align: right;
  }

  .ligne-chronologie div.dates div.marqueur:nth-child(odd) li::before {
    left: auto;
    right: 0;
  }

  .ligne-chronologie div.dates div.marqueur:nth-child(odd) h2, .ligne-chronologie div.dates div.marqueur:nth-child(odd) h3, .ligne-chronologie div.dates div.marqueur:nth-child(odd) h4, .ligne-chronologie div.dates div.marqueur:nth-child(odd) h5, .ligne-chronologie div.dates div.marqueur:nth-child(odd) h6, .ligne-chronologie div.dates div.marqueur:nth-child(odd) p {
    text-align: right;
  }
}

.ligne-chronologie div.dates div.marqueur::before {
  background-color: #253a4e;
  content: "";
  position: absolute;
  border: 1px solid #7d98b1;
  width: 10px;
  height: 10px;
  display: block;
  top: 6px;
  z-index: 500;
  left: -5px;
}

.ligne-chronologie div.dates div.marqueur ul {
  list-style-image: none;
  position: relative;
  margin: 0;
  padding: 0;
}

.ligne-chronologie div.dates div.marqueur ul li {
  position: relative;
  width: 100%;
  padding: 0 0 0 25px;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .ligne-chronologie div.dates div.marqueur ul li {
    padding: 0 25px 0 25px;
  }
}

.ligne-chronologie div.dates div.marqueur ul li::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 15px;
  background-color: #48433f;
  top: 12px;
  left: 0;
}

.hq-image-barrage-tooltip {
  position: relative;
  aspect-ratio: 4/3;
}

.hq-image-barrage-tooltip__image {
  aspect-ratio: 4/3;
  height: 100%;
}

[data-tooltip-template] {
  display: block;
  width: 20px;
  height: 20px;
  background-color: #2a93d7;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
}

#barrage-info-th [data-tooltip-template=remblai-rd] {
  top: 53%;
  left: 3%;
}

#barrage-info-th [data-tooltip-template=barrage-poids-rd] {
  top: 52%;
  left: 18%;
}

#barrage-info-th [data-tooltip-template=evacuateur-crues] {
  top: 44%;
  left: 32%;
}

#barrage-info-th [data-tooltip-template=barrage-intermediaire-rd] {
  top: 42%;
  left: 53%;
}

#barrage-info-th [data-tooltip-template=centrale] {
  top: 35%;
  left: 68%;
}

#barrage-info-th [data-tooltip-template=barrage-intermediaire-rg] {
  top: 32%;
  left: 85%;
}

#barrage-info-th [data-tooltip-template=remblai-rg] {
  top: 23%;
  left: 85%;
}

#barrage-info [data-tooltip-template=remblai-rd] {
  top: 48%;
  left: 4%;
}

#barrage-info [data-tooltip-template=barrage-poids-rd] {
  top: 48%;
  left: 19%;
}

#barrage-info [data-tooltip-template=evacuateur-crues] {
  top: 41%;
  left: 33%;
}

#barrage-info [data-tooltip-template=barrage-intermediaire-rd] {
  top: 39%;
  left: 55%;
}

#barrage-info [data-tooltip-template=centrale] {
  top: 32%;
  left: 71%;
}

#barrage-info [data-tooltip-template=barrage-intermediaire-rg] {
  top: 29%;
  left: 87%;
}

#barrage-info [data-tooltip-template=remblai-rg] {
  top: 23%;
  left: 87%;
}

.tippy-box[data-theme~=hydro] {
  background-color: #0b2f4b;
  color: white;
}

.tippy-box[data-theme~=hydro][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #0b2f4b;
}

.tippy-box[data-theme~=hydro][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #0b2f4b;
}

.tippy-box[data-theme~=hydro][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #0b2f4b;
}

.tippy-box[data-theme~=hydro][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #0b2f4b;
}

/* hq-liste-donnees
-------------------------------------------- */

@media (min-width: 768px) {
  ul.hq-liste-donnees li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

ul.hq-liste-donnees li > span.nbr {
  text-align: left;
}

@media (min-width: 768px) {
  ul.hq-liste-donnees li > span.nbr {
    width: auto;
    margin-right: 1rem;
  }
}

ul.hq-liste-donnees li > span.txt {
  text-align: left;
}

@media (min-width: 768px) {
  ul.hq-liste-donnees li > span.txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }
}

/* module-diaporama--en-bref
-------------------------------------------- */

@media (max-width: 767px) {
  .module-diaporama--en-bref {
    margin-bottom: 15px;
  }
}

/* hq-section--calendrier
-------------------------------------------- */

@media (max-width: 767px) {
  .hq-section--calendrier {
    margin: 30px 0 -15px 0 !important;
  }
}

@media (max-width: 767px) {
  .container-image-zone-etude {
    max-width: 150px;
    margin: 0 auto 30px auto;
  }
}