/*
body {
    background-image: url('../images/fond_div.png');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  */

.btn-rose {
    background-color: #CA3C66; /* violet pastel */
    color: #ffffff;
}

.btn-bleu {
    background-color: #4d59d7; /* violet pastel */
    color: #ffffff;
}

.btn-vert {
  background-color: #42835f ; /* vert pastel */
  color: #ffffff;
}

.alert-bleu-light {
  background-color: #A7E0E0; /* orange */
  color: #000000;
}

.alert-rose-light {
  background-color: #DB6A8F; /* orange */
  color: #000000;
}



.btn-secondaire {
  background-color: #999999; /* orange */
  color: #ffffff;
}

h1 {
  color: #4AA3A2;
  font-weight: 350;
  font-size: 28px;
  margin-bottom: 1rem;
  margin-top: 1rem;

}

.card-ombre {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.card-ombre:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.zoom-image {
  transition: transform 0.3s ease;
}

.zoom-image:hover {
  transform: scale(1.1);
}



.shadow {
  box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),.6)!important;
}

body {
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4 ,h5 {
  font-family: 'Roboto', sans-serif;
}

p {
  font-family: 'Roboto', sans-serif;

}

.custom-background {
  background-image: url('../images/fond_div.png');
  background-repeat: no-repeat;
  background-size: auto; /* conserver les dimensions d'origine de l'image */
  background-position: center center; /* centrer l'image horizontalement et verticalement */
  height: 100%; /* pour couvrir la hauteur de la div */
  overflow: hidden; /* pour cacher la partie de l'image qui dépasse de la div */
}