.widget-do {
  background-color: #0d1266;
  max-width: 320px;
  min-height: 568px;
  color: #fff;
  padding: 20px 0 0 0;
  font-size: 1.8rem;
  font-family: "Hydro-Quebec", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  text-align: center;
  line-height: 1rem;
}

.widget-do #errorMsg {
  margin: 40px 20px;
}

.widget-do .w-date-info,
.widget-do .w-info,
.widget-do .w-info-conso {
  display: none;
}

.widget-do p {
  margin-bottom: 0;
}

.widget-do .padding-lr-30 {
  padding: 0 30px;
}

.widget-do .big-font {
  font-size: 2.5rem;
}

.widget-do .w-date-info {
  margin-bottom: 10px;
}

.widget-do .w-date-info p {
  margin: 0;
}

.widget-do .w-date-info .w-date {
  font-size: 1rem;
}

.widget-do .w-date-info .w-heure {
  padding-top: 8px;
  font-size: 2rem;
  margin-bottom: 16px !important;
}

.widget-do .w-info .w-info-conso {
  margin: 16px 0;
}

.widget-do .w-info .w-info-conso span {
  display: inline-block;
}

.widget-do .w-info .w-info-conso .w-conso-symbol img {
  vertical-align: text-bottom;
  display: inline-block;
}

.widget-do .w-info .w-info-conso .w-conso-value {
  padding: 0 8px;
  min-width: 150px;
}

.widget-do .w-info .w-info-conso .w-conso-unit {
  font-size: 1rem;
}

.widget-do .w-info .w-info-conso .columns {
  padding: 0;
}

.widget-do .w-info p {
  line-height: 1.2rem;
}

.widget-do .w-more-info {
  display: none;
  position: absolute;
}

.widget-do .w-more-info img {
  max-width: 35px;
}

.widget-do svg {
  width: unset;
  height: unset;
}

#w-demande,
#w-courbe-demande,
#w-bouquet-energetique,
#wCrues {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#w-demande .widget-do #w-frame-1,
#w-demande .widget-do #w-frame-2,
#w-demande .widget-do #w-picto-1,
#w-demande .widget-do #w-picto-2,
#w-demande .widget-do #w-picto-3,
#w-demande .widget-do #w-picto-4,
#w-demande .widget-do #w-picto-5,
#w-demande .widget-do #w-picto-6,
#w-demande .widget-do #w-frame-2-content,
#w-demande .widget-do #w-info-equivalent {
  display: none;
}

#w-demande .widget-do .w-frame-info #w-pictos {
  margin-top: 20px;
}

#w-demande .widget-do .w-frame-info #w-pictos .columns {
  margin: 12px 0;
}

#w-demande .widget-do #w-frame-2 #w-animation {
  margin-top: 10px;
  position: relative;
}

#w-demande .widget-do #w-frame-2 #w-animation .w-anim-area {
  position: absolute;
  top: 0;
  left: 0;
}

#w-demande .widget-do #w-frame-2 #w-animation #w-anim-area-1 {
  width: 100%;
  height: 238px;
  background-image: url(/libs/widgets/assets/images/animation/anim-1-400x238.png);
  background-repeat: no-repeat;
  background-position: -400px 0px;
}

#w-demande .widget-do #w-frame-2 #w-animation #w-anim-area-2 {
  width: 100%;
  height: 238px;
  background-image: url(/libs/widgets/assets/images/animation/anim-2-500x238.png);
  background-repeat: no-repeat;
  background-position: -500px 0px;
}

#w-demande .widget-do #w-frame-2 #w-animation #w-anim-area-3 {
  width: 100%;
  height: 238px;
  background-image: url(/libs/widgets/assets/images/animation/anim-3-500x238.png);
  background-repeat: no-repeat;
  background-position: -500px 0px;
}

#w-demande .widget-do #w-demande-more-info {
  left: 20px;
  bottom: 20px;
}

#w-courbe-demande #w-line-chart {
  width: 320px;
  height: 300px;
}

#w-courbe-demande #w-line-chart svg {
  display: none;
  width: 100% !important;
  height: 100% !important;
}

#w-courbe-demande #w-line-chart svg rect {
  width: 67% !important;
}

#w-courbe-demande #w-courbe-demande-more-info {
  right: 10px;
  bottom: 20px;
}

#w-bouquet-energetique .w-conso-value {
  min-width: 155px;
}

#w-bouquet-energetique .w-conso-unit {
  font-size: 1rem;
}

#w-bouquet-energetique #w-graph-container {
  text-align: left;
  padding: 0 16px;
  margin-top: 25px;
  font-size: 1rem;
}

#w-bouquet-energetique #w-graph-container .row {
  margin-top: 16px;
}

#w-bouquet-energetique #w-graph-container .graph-icn img {
  max-width: 30px;
}

#w-bouquet-energetique #w-graph-container .graph-content .graph-bar {
  height: 20px;
  margin-top: 5px;
}

#w-bouquet-energetique #w-graph-container .graph-content #barre-hydraulique {
  background-color: #009aff;
  width: 0;
}

#w-bouquet-energetique #w-graph-container .graph-content #barre-eolien {
  background-color: #c2edfe;
  width: 0;
}

#w-bouquet-energetique #w-graph-container .graph-content #barre-solaire {
  background-color: #fecc0e;
  width: 0;
}

#w-bouquet-energetique #w-graph-container .graph-content #barre-autres {
  background-color: #41c648;
  width: 0;
}

#w-bouquet-energetique #w-graph-container .graph-content #barre-thermique {
  background-color: #f29813;
  width: 0;
}

#w-bouquet-energetique #w-graph-container #w-graph-hydraulique,
#w-bouquet-energetique #w-graph-container #w-graph-eolien,
#w-bouquet-energetique #w-graph-container #w-graph-solaire,
#w-bouquet-energetique #w-graph-container #w-graph-autres,
#w-bouquet-energetique #w-graph-container #w-graph-thermique {
  display: none;
}

#w-bouquet-energetique #w-bouquet-more-info {
  bottom: 20px;
  right: 20px;
}

#wCruesContainer {
  position: relative;
}

#wCruesContainer.is-loaded .widget-do {
  display: block;
}

#wCruesContainer.is-loaded #mapContainer {
  display: block;
}

#wCruesContainer.is-loaded #loader {
  display: none;
}

#wCruesContainer .widget-do {
  display: none;
  max-width: unset;
  min-height: 612px;
}

#wCruesContainer .widget-do #wCrues {
  width: 300px;
}

#wCruesContainer .widget-do #wCrues .graph-date-heures,
#wCruesContainer .widget-do #wCrues .graph-titre {
  font-size: 0.875rem;
  margin-bottom: 5px;
}

#wCruesContainer .widget-do #wCrues .graph-donnees {
  font-weight: 600;
  font-size: 1rem;
  color: #ff9b00;
}

#wCruesContainer .widget-do #wCrues select {
  width: 290px;
}

#wCruesContainer .widget-do #wCrues select option {
  font-size: 1rem;
}

#wCruesContainer .widget-do #wCrues #selectContainer {
  margin-bottom: 10px;
}

#wCruesContainer .widget-do #wCrues #selectContainer select {
  margin-bottom: 10px;
}

#wCruesContainer .widget-do #wCrues .groupe-radio {
  width: 180px;
  margin: 0 auto;
  text-align: left;
  font-size: 0.875rem;
  margin-bottom: 1.2rem;
}

#wCruesContainer .widget-do #wCrues .groupe-radio input[type='radio'] {
  margin-top: 8px;
  cursor: pointer;
}

#wCruesContainer .widget-do #wCrues .groupe-radio input[type='radio']:after {
  width: 20px;
  height: 20px;
  border-radius: 15px;
  top: -3px;
  left: -3px;
  position: relative;
  background-color: #d1d3d1;
  content: '';
  display: inline-block;
  visibility: visible;
}

#wCruesContainer .widget-do #wCrues .groupe-radio input[type='radio']:checked:after {
  width: 8px;
  height: 8px;
  border-radius: 15px;
  position: relative;
  background-color: #0d1266;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 6px solid #f29813;
}

#wCruesContainer .widget-do #wCrues .groupe-radio label {
  position: absolute;
  text-align: left;
  margin-left: 15px;
  cursor: pointer;
}

#wCruesContainer .widget-do #wCrues .debit-installation:before {
  content: url(/libs/widgets/assets/images/vagues-bleu.svg);
  position: absolute;
  top: 27px;
  left: 17px;
  width: 35px;
}

#wCruesContainer .widget-do #wCrues .debit-riviere:before {
  content: url(/libs/widgets/assets/images/icone-meteo.svg);
  position: absolute;
  top: 65px;
  left: 17px;
  width: 35px;
}

#wCruesContainer .widget-do #wCrues .hq-tooltip.top img {
  width: 20px;
}

#wCruesContainer .widget-do #wCrues .hq-tooltip-container {
  position: absolute;
  right: 20px;
  margin-top: 5px;
}

#wCruesContainer .widget-do #wCrues .hq-tooltip,
#wCruesContainer .widget-do #wCrues .hq-tooltip:hover {
  border-bottom: none;
}

#wCruesContainer .widget-do #wCrues .graphContainer {
  min-height: 285px;
}

#wCruesContainer .widget-do #wCrues .graphContainer #data-error {
  padding-top: 80px;
}

#wCruesContainer .widget-do #wCrues .graphContainer.graph {
  min-height: 285px;
}

#wCruesContainer .widget-do #wCrues .footnotes {
  margin: 0 10px 10px;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  width: 85%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

#wCruesContainer .widget-do #wCrues .footnotes img {
  width: 34px;
}

#wCruesContainer .widget-do #wCrues .footnotes p {
  padding-top: 10px;
  width: 90%;
}

#wCruesContainer .widget-do #wCrues .footnotes p a {
  color: #fff;
}

@media only screen and (min-width: 321px) {
  #wCruesContainer .widget-do #wCrues {
    width: 375px;
  }

  #wCruesContainer .widget-do #wCrues select {
    width: 320px;
  }

  #wCruesContainer .widget-do #wCrues .debit-installation:before,
  #wCruesContainer .widget-do #wCrues .debit-riviere:before {
    left: 35px;
    width: 40px;
  }

  #wCruesContainer .widget-do #wCrues .hq-tooltip-container {
    right: 35px;
  }
}

#wCruesContainer #mapContainer {
  display: none;
  min-height: 623px;
  max-height: 623px;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

#wCruesContainer #mapContainer .esriPopup .titlePane {
  background-color: #0d1266;
  color: #fff;
  font-weight: 700;
  height: 30px;
  padding: 5px 0 0 10px;
}

#wCruesContainer #mapContainer .esriPopup .titlePane .titleButton.maximize {
  display: none;
}

#wCruesContainer #mapContainer .esriPopup .titlePane .titleButton.close {
  top: 7px;
  right: 10px;
}

#wCruesContainer #mapContainer .esriPopup .contentPane {
  background-color: #fff;
  color: #0d1266;
}

#wCruesContainer #mapContainer .esriPopup .contentPane .hq-liste-documents {
  color: #0d1266;
}

#wCruesContainer #mapContainer .esriPopup .contentPane .hq-liste-documents li a {
  color: #0d1266;
}

#wCruesContainer #mapContainer .esriPopup .actionsPane {
  background-color: #fff;
}

#wCruesContainer #mapContainer .esriPopup .actionsPane a {
  display: none;
}

#wCruesContainer #mapContainer .esriPopup .outerPointer {
  background: #fff;
}

#wCruesContainer #mapContainer #hq-sites_layer image {
  cursor: pointer;
}

#wCruesContainer #mapContainer #hq-stations_layer image {
  cursor: pointer;
}

#wCruesContainer #loader {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 64px;
  height: 64px;
  background: url("/images2016/loading.gif");
}