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

/* Carousel base class */
.carousel {
  margin-bottom: 50px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  text-shadow : none;
  /*padding-bottom: 90px;*/
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 644px;
  background-color: #777;
}
.carousel-inner > .item > img {
  /*position: absolute;*/
  bottom: 0;
  left: 0;
  min-height: 100%;

}

/*
.carousel-inner{
  height:100%;
}*/

.carousel-caption {
  width : 600px;
}

.carousel-caption btn{
   margin : 20px auto;
}


.carousel-caption h2{
  color : #424242;
  font-size : 34px;
        font-weight : 600;
  font-family: 'Hind Siliguri', sans-serif;  
        margin-bottom : 15px;
        text-transform: uppercase;
        /* text-shadow: 0px 0px 2px rgba(255, 255, 255, 1); */
}

.carousel-bloc {
  background-color : rgba(255, 255, 255, 0.3);
  padding : 30px;
  width : 500px;
  color : #212121;
}

.carousel-caption p {
  text-align : left;
  color : #212121;
}


.carousel-control {
    text-shadow: none;
        width: 10%;
}

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

@media (min-width: 768px) {
 
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.3;
  }  

  .lien-video{
    margin-bottom:10px !important;
  }

  .carousel .item {
    height: 420px;
  }
}

@media (min-width: 992px) {
 
  .carousel-bloc {
    width : 600px;
  }

  .carousel .item {
    height: 500px;
  }

  .carousel-caption {
    padding-bottom: 90px;
  }

}

@media (min-width: 1200px) { 
  .carousel .item {
    height: 644px;
  }
}