body {
    margin: 0;
    font-family: "Raleway", sans-serif;
}

.en-tete {
    border-bottom: 1px solid black;
    height: 70px;
}

.en-tete img {
    width: 120px;
    margin: 20px;
}

section {
    max-width: 900px;
    margin: 80px auto;
    padding: 20px;
}

h3 {
    text-align: center;
    font-size: 45px;
    font-weight: 200;
    text-decoration: underline;
    text-decoration-thickness: 0.5px;
    text-underline-offset: 20px;
    font-weight: 200;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    scroll-margin-top: 30px !important;
}

h4 {
    text-align: center;
    margin-bottom: 0 !important;
    margin-top: 25px !important;
    font-weight: 200;
    font-size: 35px;
}

p {
    line-height: 28px;
    text-align: left;
    font-size: 20px;
    font-weight: 300;
    margin-top: 30px !important;
}

span {
    font-style: italic;
}

a {
    display: block;
    margin-top: 40px;
    text-align: center;
    text-decoration: none;
}

a:hover {
    opacity: 0.5;
}

.fleche {
    margin-top: 40px;
    text-align: left;
    margin: 0 !important;
}

.fleche-retour-photo img {
    width: 150px;
    margin-bottom: 120px;
}

.text-democratie {
    margin-left: 200px;
}

.texte-artic {
    font-size: 18px;
}

.texte-tali {
    font-size: 25px;
}

.texte-revanch {
    font-size: 24px;
    margin-left: 100px;
}

.texte-groz {
    margin-left: 100px;
}

.texte-bris {
    font-size: 24px;
}
.texte-abo {
    font-size: 22px;
}

.texte-lux {
    margin-top: 5px ;
}

.text-sacr {
    margin-left: 200px;
    line-height: 26px;
}

@media (max-width: 768px) {
  .text-democratie,
  .texte-revanch,
  .texte-groz,
  .text-sacr {
    margin-left: 0 !important;
  }

  p,
  .texte-artic,
  .texte-tali,
  .texte-revanch,
  .texte-bris,
  .texte-abo {
    font-size: 20px !important;
    line-height: 30px;
  }
  section {
    margin: 40px auto;
    padding: 16px;
  }
  
}