/*HEADER*/
.navbar{
  background: linear-gradient(100deg, #FB923C 0%, #6b21a8 100%);
}


.nav-link{
  color: white;
  transition : 0.8s;
  font-size: 25px;
  letter-spacing: 4px;
}
.navbar-brand{
  font-size: 35px;
}

.nav-link:hover,
.nav-link:focus{
  text-shadow: -3px 5px 18px rgba(255,255,255,1);
  color:white;
}

/*FOOTER*/
h1{
text-align: center;
margin-bottom: 40px;
}
.title-color{
  color: orange;
}

/*PAGE*/
.pageContent{
  margin-top:50px;
}
.pageContent>*{
  margin-top:50px;
}
.row>*{
  margin-top:50px;
}
.image-chant1{
  background-image: url('../images/services/chant2.jpg');
  background-repeat: no-repeat;
  color: white;
  display:block;
  height: 228px;
  width:325px;
  margin-left: 35px;
  border-radius: 25px;

}

.image-chant2{
  background-image: url('../images/services/chant3.png');
  color: white;
  display:block;
  height: 228px;
  width:325px;
  margin-left: 35px;
  border-radius: 25px;

}

.image-chant3{
  background-image: url('../images/services/chant1.jpg');
  color: white;
  display:block;
  height: 228px;
  width:325px;
  margin-left: 35px;
  border-radius: 25px;

}
.text-image{
  text-align: center;
  margin-top: 60%;
  font-weight: bold;

}
.prestations.gestion{
  display: inline;

}
/*carousel*/
.my-carousel-image{
  height:50%;
}

/* Styles pour la carte de la formule */
.formule-card {
    position: relative;
    width: 100%;
    padding: 20px;
    background-size: cover;
    background-position: center;
    min-height: 300px; /* Ajustez la hauteur selon vos besoins */
    border-radius: 10px; /* Ajoutez cette propriété pour les bordures arrondies */
}


.formule-content {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}