@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;
}
.titre {
  margin-top: 3%;
  background-image: url(titreFondKraft.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 35vh;
  display: flex;
}
.titre p {
  text-decoration: underline;
  text-decoration-style: dashed;
  font-family: breakSemiBold;
  margin: auto;
  text-align: center;
  font-size: 5em;
  color: #941b80;
}
.blablaTarif {
  font-size: 1.5em;
  width: 75vw;
  margin:5% auto;
  text-align:justify;
}
.blablaTarif p{
  padding-bottom: 2%;
}
h1{
  color: orangered;
  margin: 5%;
  font-family: Amatic;
  font-size: 4em;
}
.blablaTarif p,
.blablaCharge li,
.blablaCharge p,
.NonFact p
 {
  color: whitesmoke;
}

.blablaCharge h2 {
  color: orangered;
  font-family: Amatic;
  font-size: 3em;
}


.blablaCharge{
  display: flex;
  justify-content: center;
  text-align: center;
}

.charge {
  padding: 2%;
}

.charge h2{
  margin-bottom: 2%;
}

.charge p{
  padding: 2%;
  font-size: 1.2em;
  text-align: center;
  line-height: 1.3;
}

.charge li{
  font-size: 1.2em;
  text-align: center;
}
.prix p{
  font-family: Amatic;
  color: #00A4B6;
  font-size: 3em;
}

.NonFact {
  width: 75vw;
 margin: auto;
}
.NonFact p{
  padding: 2%;
  font-size: 1.2em;
  text-align: justify;
  line-height: 1.3;
}
/* Bouton */
.retour a {
  position: absolute; /* Pour positionner l'élément par rapport au body */
  right: 5%; 
    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 */
}

.retour a:hover {
  background-color: orange;
}