body {
}

/* Make the image fully responsive */
.carousel-inner img {
  width: 400px;
  height: 200px;
}
/* couleurs brunes photos femme enceinte */
/* brun mod: #a96e4b
brun pale: #eaba9f
brun fonce:#583723 */

/* couleurs tons de bleux
bgpale:#ccd9e2
bgmod:#d67940
bgfonce:#285185
bgbrun:#6F4849 */

/*    couleur site clinique Marconi

bleu foncé : #0b5579 
bleu moyen #159cdc
bleu pale #89cae4
gris fonce #727a82
gris pale #acacb4

/* bleu de la photo bebe piedsbleus
pale : #a0d5e8
fonce : #33a9d0
gris fonce: #2c3850

*/

.bgpale {
  background-color: #a0d5e8;
}
.bgmod {
  background-color: #a0d5e8;
}
.bgfonce {
  background-color: #0b5579;
}
.bgblanc {
  background-color: #ffffff;
}
*/ .bgblanc:hover {
  background-color: #88dbfc;
}
.bgbleu {
  background-color: #88dbfc;
}
.bgbleu:hover {
  background-color: white;
  border: 2px solid;
  border-color: #88dbfc;
}
.bgblancbleu {
  background-color: rgb(243, 243, 243);
}
.bgblancbleu:hover {
  background-color: #88dbfc;
  border: 1px solid black;
}
.bgred {
  background-color: red;
  opacity: 1;
}

.colorfonce {
  color: #285185;
}
.colormod {
  color: #df99cd;
}
.colorpale {
  color: #a0d5e8;
}

.bgmsd-bluepale {
  background-color: #a4cce4;
}
.bgmsd-bluemed {
  background-color: #349ccc;
}
.bgmsd-bluefonce {
  background-color: #306886;
}
.bgmsd-grispale {
  background-color: #9cacb4;
}
.bgmsd-grisfonce {
  background-color: #38444c;
}

.brunfonce {
  color: #615246;
}

.gris {
  color: gray;
}

.brunmed {
  color: #98806f;
}

.brunpale {
  color: #dcc3b2;
}

.bgbrun {
  background-color: #615246;
}
.bgpalebleu {
  background-color: #edf6fc;
}

.colorbrunhover:hover {
  color: black;
  /* color:#f6e9dc; */
}

.bgbrunhover:hover {
  background-color: #ca7f34;
  color: #eaba9f;
  font-size: larger;
}

.bgpale {
  background-color: #dcc3b2;
}

.bgbrunmed {
  background-color: #98806f;
}

.top-to-bottom {
  border-width: 0px 0px 0px 2px;
  border-style: solid;
  /* border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)) 1 100%; */
}

.hoverimage {
  width: 200px;
  margin-top: 30px;
  transition: 0.4s ease;
}

.hoverimage:hover {
  margin: 15px 0px;
  border: 1px solid rgba(1, 39, 255, 0.3);
}

/*# sourceMappingURL=mystyles.css.map */

.couleur-titre {
  background-color: #f72548;
  color: white;
}

.couleur-titre:hover {
  background-color: white;
  color: #f72548;
  border: 5px solid #f72548;
  border-radius: 10px;
  font-weight: 900;
}
.couleur-verte {
  background-color: #00f5c0;
  color: black;
}

.couleur-verte:hover {
  border: 5px solid #00f5c0;
  border-radius: 10px;
  background-color: white;
  color: black;
  font-weight: 900;
}