.background-image {
    background-image: url("/static/design/background.png");
}

.img-clear:hover{
    opacity: 0.5;
}


.img-highlights {
    position: relative;
}

.bottom-left{
    color: black;
    text-align: center;
    background-color: #E95420;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0 8px 0 8px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.8rem;
  font-weight: 500;
  line-height: 1.2;
  color: white;
}

h1, .h1 {
  font-size: 1.4rem;
  background-color: #E95420;
}

h2, .h2 {
  font-size: 1.2rem;
  background-color: #E95420;
}

h3, .h3 {
  font-size: 1.1rem;
  color: black;
}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
  height: auto;
}

figure {
    display: block;        /* par défaut c’est déjà block, mais pour être sûr */
    text-align: center;    /* centre le contenu horizontalement */
    margin: 1em auto;      /* marge verticale + centrer le block horizontalement */
}

figure img {
    max-width: 100%;       /* pour que l’image soit responsive */
    height: auto;
}

figure figcaption {
    margin-top: 0.5em;
    font-style: italic;    /* optionnel, pour différencier la légende */
    color: #555;           /* optionnel, un gris clair pour la légende */
}