@font-face {
    font-family: Quatrocento;
    src: url(/font/QuattrocentoSans-Regular.ttf);
  }
  @font-face {
    font-family: breakSemiBold;
    src: url(font/Break-SemiBold.ttf);
  }
  @font-face {
    font-family: Amatic;
    src: url(/font/AmaticSC-Bold.ttf);
  }
  * {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
  }
  body {
    background-color: #181822;
    font-family: Quatrocento;
    text-align: center;
    color: whitesmoke;
  }
 .devis a, .ensavoir a {
  margin-top: 1%;
    display: inline-block; /* Permet d'ajouter du padding */
    background-color: orangered; /* Couleur de fond */
    color: white; /* Couleur du texte */
    padding: 0.5em 1em; /* Espacement interne en em pour plus de flexibilité */
    border-radius: 5px; /* Coins arrondis */
    text-decoration: none; /* Pas de soulignement */
    font-size: 1rem; /* Taille de police flexible */
}

.devis a:hover, .ensavoir a:hover{
    background-color: orange; /* Change la couleur au survol */
}
  .titre {
    margin-top: 3%;
    background-image: url(titreFondKraft.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    height: 35vh;
    display: flex;
    color: #941b80;
  }
  .titre p {
    text-decoration: underline;
    text-decoration-style: dashed;
    font-family: breakSemiBold;
    margin: auto;
    font-size: 5em;
    
  }

  .blablaTarifs {
    width: 50%;
    margin: 5% auto ;
    font-size: 1.5em;
    
  }

.tarifs img {
  width: 50%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.tarifs p{
  font-size: 2em;
}
.taux{
  color: orangered;
}

.devis {
  margin: 2% auto;
}