.pageContent .nav-link, #pageContent .nav-link:focus,#pageContent  .nav-link:hover {
    color:var(--bs-body-color);
    font-size: 14px;
}
 
#pageContent .nav-item:focus,#pageContent  .nav-item:hover {
    background-color: var(--bs-body-bg);
}
#pageContent .nav-item {
    background-color: var(--bs-body-bg);
    border-right: 1px solid #dee2e6;
}
#pageContent  .nav-item:last-child {
    border-right: none;
}

.subtitle{padding-left: 20px !important;}


.card a:hover{
    opacity: 0.75;
}

.card .marque {  
  letter-spacing: -0.05em;
}

.secondary-nav .scroll {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  
  .secondary-nav .scroll::-webkit-scrollbar {
    display: none;
  }
   
  .secondary-nav, .secondary-nav nav {
    font-size: 0;
  }
  
  .secondary-nav {
    background-color: var(--bs-body-bg);
    position: relative;
    z-index: 2;
    clear: both;
    width: 100%;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
  
  .secondary-nav .vam {
    display: inline-block;
    vertical-align: middle;
  }
  
  .secondary-nav .nav {
    width: 100%;
  }
  
  .secondary-nav .nav-item {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
  }
  
  .secondary-nav .nav-link{
    padding: 15px;
    font-size: 14px;    
  }
  
  @media (max-width: 768px) {
    .secondary-nav::after {
      content: '';
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      height: 100%;
      width: 35px;
      background: linear-gradient(to left, #e3e3e3, rgba(37, 40, 61, 0));
      pointer-events: none;
      transition: opacity .2s;
    }
    .secondary-nav .nav-link {padding: 14px 10px;}
  }
  
  .secondary-nav .nav-link:hover {color: var(--bs-primary);}
  #infoContenu h3 {margin: 20px 0;font-size:1.3rem;}
  #infoContenu h4 {font-size:1.1rem;}
#prixmoyen a:hover {text-decoration: underline;}
.owl-nav-center.owl-theme .owl-nav [class*="owl-"] {
top:40%
}
.owl-nav-center.owl-theme .owl-nav .owl-prev {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
    
}
.pt-6 {
  padding-top: 3.5rem;
}

.owl-nav-center.owl-theme .owl-nav .owl-next {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#infoContenu a {color: var(--bs-primary)}
#infoContenu a:hover {text-decoration:underline !important};
.items-carousel.owl-nav-center.owl-theme .owl-nav [class*="owl-"] {
    color: var(--bs-light);
    background-color: var(--bs-primary);
}
h3 {font-size:18px}
.mh500 {min-height: 500px;}
.mh600 {min-height: 600px;}

.show-more{max-height:400px;overflow:hidden;position:relative;transition:max-height 1s}
.show-more-button{bottom:0;z-index:10;opacity:1;visibility:visible;cursor: pointer;}
.show-more-button i{margin-left:3px}
.show-more-button,.show-more:after{position:absolute;left:0;display:block}
.show-more:after{content:"";bottom:0;width:100%;height:380px;    background: linear-gradient(rgba(255, 255, 255, 0), #f0f0f0 88%);z-index:9;opacity:1;visibility:visible;transition:all 1s}
.listann .show-more:after {z-index:0 !important;background:none !important}
.show-more.visible{max-height:6800px;padding-bottom: 10px;}
.show-more.visible:after{background: none;}


/* RATING */
.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 1em;
    font-size: 25px;
    font-weight: 600;
    color: #fbbc04;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}
.lh-25 {line-height: 25px !important;}

.tracking-tight {letter-spacing: -0.025em;}


.rating-point .h3 {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    letter-spacing: -0.5px;
}

.crop-text-2 {
    -webkit-line-clamp: 2;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

.table-responsive tr {cursor:pointer}
.table-group-divider td {font-size:13px}

.listContainer {
    display: flex;
    flex-direction: column;
}
#infoLienA {order:1}
#infoPrixMoyen {order:2}
#infoAvis {order:3}
#infoLastAnn {order:4}
#infoModele {order:5}
#infoContenu {order:6}
#infoProfessionals  {order:7}
#infoLastActu {order:8}
#infoFT {order:9}

@media (min-width: 768px) {
  .ssm {margin:0 auto;width:fit-content}
}