#entete-actualite {
  background: url("../../images/website/toute_actualite-4b2b4ea48ad7e906205c924f693a3838.png") bottom -9px right no-repeat;
  $bgsize: min(calc(100px + 6vw),100%);
  background-size: $bgsize;
  padding-right: $bgsize;
  padding-left: $bgsize;
}

#partage-reseaux img{
  margin: 0 4px;
}

#partager {
  font-size: calc(14px + 0.2vw);
}

.nav-articles {
  a:hover, a:active {
      color: $color-gris;
  }
  h2 {
    font-size: calc(12px + 0.45vw);
  }
}

.article-precedent, .article-suivant {
  background-size: 20px;
  padding: 10px 35px;
  font-size: calc(12px + 0.45vw);
}

.article-precedent {
  background: url("../../images/website/fleche_gauche_gris_epaisse-ff6d515e74dd2f4cae5c4cebedd68359.svg") no-repeat center left;
}

.article-suivant {
  background: url("../../images/website/fleche_droite_gris_epaisse-df00c79829284577f36d81bfe0283bd6.svg") no-repeat center right;
  text-align: right;
}

#contenu-alerte {
  img {
    max-width: 100%;
    height: auto !important;
    object-fit: scale-down;
    width: 100% !important;
    max-height: 500px;
    padding: 20px;
  }

  a {
    color: $color-vert-clair !important;
    text-decoration: underline !important;
  }
}

main.showEmbed {
  font-family: "Futura LT", sans-serif;
  h1.h1embed {
    font-size: larger;
    color: #9FBA00;
  }
  .shadowNot {
    box-shadow: none;
  }
  .navigationBar .backButton {
    background-color: #646363;
    background-image: none;
    border: none;
  }
  .backButton:hover, .shadowNot:hover {
    color: #333;
  }

  .navigationBar .shadowNot {
    background-color: #9FBA00;
    background-image: none;
    border: none;
  }

  .timeEmbed {
    font-size: small;
  }
  .embedDescriptionDiv {
    font-size: small;
  }
}
.base-embed-body {
  .card {
    max-width: 95%;

    .description {
      font-size: small;
    }

    .avatar {
      height: 40px;
      width: 40px;
      background-position: center;
      background-size: cover;
    }
  }
}