/* Slider */
.carousel.slider {
  min-width: auto;
  padding: 0;
  margin-bottom: 35px;
  /* Navigation bulles */
  /* Navigation textuelle */ }
  .carousel.slider h2 {
    margin-top: 0; }
  .carousel.slider .carousel-page {
    position: relative; }
    .carousel.slider .carousel-page > img {
      display: inline-block;
      width: 100%; }
    .carousel.slider .carousel-page .description {
      z-index: 99; }
      .carousel.slider .carousel-page .description h2 {
        margin-bottom: 35px;
        line-height: 1.3; }
        .carousel.slider .carousel-page .description h2 img {
          margin-bottom: 15px; }
  .carousel.slider .carousel-control-prev, .carousel.slider .carousel-control-next {
    width: 5%; }
    .carousel.slider .carousel-control-prev.carousel-control-next, .carousel.slider .carousel-control-next.carousel-control-next {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .carousel.slider .carousel-indicators {
    bottom: -22px; }
    .carousel.slider .carousel-indicators li {
      cursor: pointer;
      border-radius: 10px;
      background-color: #dee2e6; }
      .carousel.slider .carousel-indicators li.active {
        background-color: #022A6F; }
  .carousel.slider .nav-pills {
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    display: table;
    table-layout: fixed; }
    .carousel.slider .nav-pills li {
      width: 100%;
      display: table-cell;
      border-right: 1px solid #d7d7d7; }
      .carousel.slider .nav-pills li a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .carousel.slider .nav-pills li.active {
        border-bottom: 3px solid #FF0080; }
        .carousel.slider .nav-pills li.active a {
          color: #FF0080;
          background: #fff; }
  .carousel.slider .nav-justified {
    width: 100%;
    text-align: center; }
    .carousel.slider .nav-justified a {
      padding: 10px 15px;
      display: block; }

.carousel .carousel-inner {
  text-align: center;
  background-color: #dee2e6; }
  @media (min-width: 992px) {
    .carousel .carousel-inner picture > img {
      width: 50%; } }
  @media screen and (min-width: 0\0) {
    .carousel .carousel-inner picture > img {
      width: 100%; } }
  @media screen and (min-width: 0\0) and (min-width: 992px) {
    .carousel .carousel-inner picture > img {
      width: 50% !important; } }