@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
.story-body .element-embed {
  text-align: left;
}

.resultats-sondage {
  max-width: 700px;
  border-radius: 12px;
  padding: 15px;
  margin: 60px auto;
  background-color: #dedede;
}
.resultats-sondage .resultat {
  font-family: "Barlow", sans-serif !important;
  font-style: normal;
  position: relative;
  padding-bottom: 85px;
}
@media all and (max-width: 700px) {
  .resultats-sondage .resultat {
    padding-bottom: 40px;
  }
}
.resultats-sondage .resultat:after {
  content: "";
  display: flex;
  height: 8px;
  width: 100%;
  border-radius: 3px;
  background-color: #000000;
  position: absolute;
  bottom: 0;
}
.resultats-sondage .resultat .resultat-titre {
  font-weight: 800;
  font-size: 40px;
  line-height: 40px;
  text-transform: uppercase;
  color: #4d4d4d;
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .resultat-titre {
    font-size: 30px;
    line-height: 1;
  }
}
.resultats-sondage .resultat .resultat-highlight {
  color: #080808;
  font-size: 25px;
  line-height: 1.1;
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif !important;
}
.resultats-sondage .resultat .resultat-highlight span {
  font-size: 40px;
  font-weight: 800;
}
.resultats-sondage .resultat .resultat-question {
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
  padding-top: 9px;
  padding-bottom: 18px;
  margin-bottom: 40px;
  border-bottom: 3px solid #000000;
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .resultat-question {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px;
  }
}
.resultats-sondage .resultat .chart-et-legende {
  display: flex;
  flex-direction: row;
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .chart-et-legende {
    flex-direction: column-reverse;
  }
}
@media (min-width: 701px) {
  .resultats-sondage .resultat .chart-et-legende .legende {
    max-width: 230px;
  }
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .chart-et-legende .legende {
    position: relative;
  }
}
.resultats-sondage .resultat .chart-et-legende .legende .indicator:after {
  content: "Appuyez sur une section du graphique pour avoir plus de détails";
  position: absolute;
  right: 0;
  top: 0;
  max-width: 28%;
  font-family: "Barlow", sans-serif !important;
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: #90A2AE;
}
.resultats-sondage .resultat .chart-et-legende .legende .indicator:before {
  position: absolute;
  font-style: normal;
  font-family: "Material Icons";
  content: "touch_app";
  -webkit-font-feature-settings: "liga";
  color: #000000;
  font-size: 40px;
  right: 0;
  top: -50px;
}
@media (min-width: 701px) {
  .resultats-sondage .resultat .chart-et-legende .legende .indicator:after {
    max-width: 31%;
    content: "Survolez une section du graphique pour avoir plus de détails";
    top: auto;
    bottom: 40px;
  }
  .resultats-sondage .resultat .chart-et-legende .legende .indicator:before {
    content: "ads_click";
    top: auto;
    bottom: 80px;
  }
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item .carre-couleur {
  height: 20px;
  width: 20px;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item .label {
  font-weight: 800;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  padding: 0 8px;
  flex-grow: 1;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item .pourcentage {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-align: right;
  text-transform: uppercase;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item.vert .carre-couleur {
  background-color: #00CE00;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item.vert .label, .resultats-sondage .resultat .chart-et-legende .legende .legende-item.vert .pourcentage {
  color: #00CE00;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item.jaune .carre-couleur {
  background-color: #d7ad19;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item.jaune .label, .resultats-sondage .resultat .chart-et-legende .legende .legende-item.jaune .pourcentage {
  color: #D7AD19;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item.rouge .carre-couleur {
  background-color: #FF0000;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item.rouge .label, .resultats-sondage .resultat .chart-et-legende .legende .legende-item.rouge .pourcentage {
  color: #FF0000;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item.gris .carre-couleur {
  background-color: #7E7E7E;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item.gris .label, .resultats-sondage .resultat .chart-et-legende .legende .legende-item.gris .pourcentage {
  color: #000000;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item.noir .carre-couleur {
  background-color: #080808;
}
.resultats-sondage .resultat .chart-et-legende .legende .legende-item.noir .label, .resultats-sondage .resultat .chart-et-legende .legende .legende-item.noir .pourcentage {
  color: #000;
}
.resultats-sondage .resultat .chart-et-legende .legende .chart-buttons {
  border-top: 1px solid #000000;
  margin-top: 30px;
  padding-top: 30px;
}
.resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-buttons-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  color: #4d4d4d;
  padding-bottom: 12px;
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-button {
    float: left;
  }
}
.resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-button button {
  opacity: 0.6;
  border: 1px solid #4d4d4d;
  box-sizing: border-box;
  border-radius: 35px;
  padding: 6px 15px 5px 36px;
  background-color: #000000;
  color: #fff;
  margin: 8px 5px 4px 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  position: relative;
  cursor: pointer;
}
.resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-button button:before {
  position: absolute;
  left: 12px;
  top: 5px;
  font-family: "Material Icons";
  content: "radio_button_unchecked";
  -webkit-font-feature-settings: "liga";
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-button button {
    padding: 8px 10px 6px 27px;
    font-size: 13px;
    line-height: 1;
  }
  .resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-button button:before {
    top: 7px;
    left: 10px;
  }
}
.resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-button button.active {
  opacity: 1;
  color: #fff;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.3) 1px, rgba(255, 255, 255, 0.3) 6px);
}
.resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-button button.active:before {
  content: "radio_button_checked";
  color: #fff;
  font-size: 20px;
  left: 11px;
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-button button.active:before {
    left: 5px;
    top: 3px;
  }
}
.resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-button span {
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  color: #000000;
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .chart-et-legende .legende {
    margin-top: 25px;
  }
  .resultats-sondage .resultat .chart-et-legende .legende .chart-items {
    max-width: 60%;
  }
  .resultats-sondage .resultat .chart-et-legende .legende .chart-items .legende-item .label,
.resultats-sondage .resultat .chart-et-legende .legende .chart-items .legende-item .pourcentage {
    font-size: 13px;
    line-height: 1;
  }
  .resultats-sondage .resultat .chart-et-legende .legende .chart-items .legende-item .carre-couleur {
    width: 10px;
    height: 10px;
  }
  .resultats-sondage .resultat .chart-et-legende .legende .chart-buttons {
    margin-top: 30px;
    padding-top: 15px;
  }
  .resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-buttons-title {
    font-size: 13px;
    line-height: 13px;
    padding-bottom: 5px;
  }
  .resultats-sondage .resultat .chart-et-legende .legende .chart-buttons .chart-button span {
    display: none;
  }
}
.resultats-sondage .resultat .chart-et-legende .chart-container {
  margin: 0 auto;
  position: relative;
  width: 410px;
  height: 410px;
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .chart-et-legende .chart-container {
    width: 250px;
    height: 250px;
  }
}
.resultats-sondage .resultat .chart-et-legende .chart-container .chart-canvas {
  margin: 0 auto;
  position: relative;
  height: 100% !important;
  width: 100% !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 140px;
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .chart-et-legende .chart-container .chart-canvas {
    max-width: 250px;
    max-height: 250px;
  }
}
@media (max-width: 700px) {
  .resultats-sondage .resultat .chart-et-legende .chart-container .chart-canvas {
    background-size: 100px;
  }
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartTravail {
  background-image: url("images_transparent/travail.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartAchats {
  background-image: url("images_transparent/achats_en_ligne.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartTV {
  background-image: url("images_transparent/ecoute_tv.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartSociaux {
  background-image: url("images_transparent/reseaux_sociaux.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartPoids {
  background-image: url("images_transparent/poids.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartCuisine {
  background-image: url("images_transparent/cuisine.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartAlcool {
  background-image: url("images_transparent/alcool.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartRevenu {
  background-image: url("images_transparent/revenu.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartAlimentation {
  background-image: url("images_transparent/alimentation.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartExercice {
  background-image: url("images_transparent/exercice.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartSexualite {
  background-image: url("images_transparent/sexualite.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartSommeil {
  background-image: url("images_transparent/sommeil.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartDrogue {
  background-image: url("images_transparent/drogue.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartStress {
  background-image: url("images_transparent/stress.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartBonheur {
  background-image: url("images_transparent/bonheur.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartSanteMentale {
  background-image: url("images_transparent/sante_mentale.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartStressRetour {
  background-image: url("images_transparent/stress_retour.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartFinRestrictions {
  background-image: url("images_transparent/fin_restriction.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartEquilibre {
  background-image: url("images_transparent/equilibre.png");
}
.resultats-sondage .resultat .chart-et-legende .chart-container #chartSorties {
  background-image: url("images_transparent/sorties.png");
}

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