@charset "utf-8";
/* CSS Document */

.color-icon {
  color: #f8ecdf !important;
}

.titre {
  font-family: 'Parisienne', cursive !important ;
  font-size: 3rem;
  color: #7a5a48;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  margin-top:10px;
}

.slogan {
  font-family: 'Parisienne', cursive !important ;
  font-size: 1.5rem;
  color: #7a5a48; /* Rouge profond */
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
}


body {
  background-color: #f8ecdf; /* La couleur des icônes */
  padding-bottom: 80px; /* Même hauteur que le footer */
}

.sous-titre {
  font-family: 'Parisienne', cursive !important ;
  font-size: 2.2rem;
  color: #7a5a48;
}

.sous-titre::after {
  content: "";
  display: block;
  width: 90%;
  height: 2px;
  background: #7a5a48; /* Couleur unie */
  border-radius: 2px;
    margin-bottom:10px ;
}

.soin {
    font-family: 'Parisienne', cursive !important ;
    color: #7a5a48;
    margin-bottom:40px ;
}

.dots {
    flex-grow: 1;
    font-family: monospace; /* Alignement parfait */
    border-bottom: 1px dotted #7a5a48;
    white-space: nowrap;
    overflow: hidden;
    color: #7a5a48 !important;
}

.prix-col {
    min-width: 70px; /* Empêche les colonnes de bouger */
}


.border-start {
    border-left: 1px solid #ddd;
}

 .massage-nom {
        display: inline-block;
        white-space: nowrap;
        color: #7a5a48;
    }

td {
        vertical-align: middle !important;
        border-bottom-width:0px!important ;
    }

table {
    border-color: #7a5a48!important; 
}

 .texte-massage {
        color: #7a5a48!important;
        border-left: 2px solid!important;
        border-right: 2px solid!important;
    }
    
.entete-massage {
     color: #f8ecdf !important; /* Texte clair */
     background-color: #7a5a48 !important; /* Fond foncé */
     border-left: 2px solid!important;
    border-right: 2px solid!important;
    border-color: #7a5a48!important; 
}