/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
/*  padding-top: 3rem; */
  padding-bottom: 2rem; 
  color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

/* fiche CONTENT
-------------------------------------------------- */

.fiche .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}

.fiche h1 {
  font-weight: 400;
}

.fiche .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the fiche headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 1rem;
  }
}

/* --------------------------------------------------*/
/* Fiche taxon                                       */
/* --------------------------------------------------*/

.bloc_txt {
  /*    width:500px; */
      overflow: auto;
  /*    float:left;                       
      text-align: left;
  */
  
      text-align: justify;
      color:black;
      font-size: 12pt;
      padding:0;
  
  /*    border:1px dotted #63417B; 
      padding:10px;
      border:1px dotted #DEDEDE;
  */
  }
  
  .bloc_txt cite{
      display:block;
      font-style:normal;
      font-size: 12pt;
      margin:0 0 0px 0;
      padding:8;
      color:white;
      background-color:#b57b85;

/*      border-bottom:5px solid #b15667; */
  }
  
  .bloc_img {
      float:right;
  /*    background-color:olive;
      border:1px dotted #63417B; */
  }
  
  div#bloc_img2 {
      float:right;
      width:350px;
      height:350px;
      background-color:#b15667;
  }
  
/* --------------------------------------------------*/
/* Fiche taxon / carousel                            */
/* --------------------------------------------------*/

#carousel_fiche .carousel-item img {
  object-fit: cover;
  object-position: center;
  height: 50vh;
  overflow: hidden;
}
/*
#carousel_fiche .carousel-item:before {
  content: "";
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
  display: block;
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
}
*/