/* CSS Document */
#recherche {
  display:flex;
  flex-direction:row-reverse;
  min-height: 200px;
}
#recherche_liste {
  width:84%;
    
}
#recherche_menu {
  width:16%;
  position: -webkit-sticky;
  position: sticky;
  height: 100%;
  top: 150px;
}

#recherche_menu_titre {
  font-size:14px;
  font-weight:500;
  text-align:right;
  margin:10px 20px 10px 0;
  font-style:italic;
}
#recherche_menu_nb_res {
  font-size:14px;
  font-weight:400;
  text-align:right;
  margin:10px 20px 30px 0;
  color:rgba(140, 29, 64, 1);
}
.recherche_els {
  display:flex;
  flex-wrap:wrap;
}

.recherche_els a {
  display:block;
  padding:5px;
  width:32%;
  margin:0 1% 1% 0;
}
.recherche_els a:hover, .recherche_els a:nth-child(odd):hover {
  background-color: rgba(140, 29, 64, 1);
  color:#fff;
}
.recherche_els a:hover *, .recherche_els a:nth-child(odd):hover *{
  color:#fff;
}


   
.recherche_els .rt {
  font-weight:400;
}   
.recherche_els .rp {
 font-weight:400;
}      
.recherche_els a:nth-child(odd) {
  background-color: rgba(140, 140, 140, 0.17);
}

#recherche_liste h2 {
    
    color: rgba(140, 29, 64, 1);
    text-transform: normal;
    font-weight: 400;
    font-size: 20px;
    margin:10px 0;
}


/* liste lots */
#recherche_lots {
  width:100%;
}
#recherche_lots_header {
    background-color: #8C1D40;
    padding: 10px 5px;
    display: flex;
    width:100%;
}

#recherche_lots_header .fks {
    width: 15px;
}
#recherche_lots_header div {
  padding:0 5px;
}
#recherche_lots_header p {
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
}
#recherche_lots_body {
    height: auto;
    max-height:55vh;
    overflow-y: scroll;
    width:100%;
}
#recherche_lots_body p {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recherche_lots_item {
    display: flex!important;
    background:none;
    width:100%;
    
}

.recherche_lots_item > div {
    /* margin-right: 5px; */
    white-space: nowrap;
    overflow: hidden;
    align-items: center;
    display: flex;
    padding:5px;
}

#recherche_lots .ccfx1 {
  flex:1;
}
#recherche_lots .ccfx2 {
  flex:2;
}

#recherche_lots .ccv {
  flex:2;
}

/* colonne avec tri */
.cch_tri {
  background-position: 0px center;
  background-size: 6px 12px;  
  background-image: url(../images/icon_fleche_tri.png);
  background-repeat:no-repeat;
  padding-left:9px!important;
  cursor:pointer;
  
}

/* cadenas */
.lock {
	display: inline-block;
    cursor: pointer;
    background-size: cover;
    background-repeat:no-repeat;
    background-position:center;
    height: 10px;
    width: 10px;
}

.lockedoff {
    background-image: url(../images/unlocked.png);
    opacity: 0.6;
}

.lockedon {
    background-image: url(../images/locked.png);
    opacity:1;
}

.ccnom {
  flex:2;
  cursor:pointer;
  text-decoration:underline;
}
.ccnum {
  cursor:pointer;
  text-decoration:underline;

}
 .ccnom p{
   font-weight: 400;
 }
.ccyob {
  width:50px;
  text-align:center;
}
  .ccyob p {
    text-align:center;
    width:100%;
  }
.ccprod {
  width:50px;
  text-align:center;
}
  .ccprod p {
    text-align:center;
    width:100%;
  }
 .ccorigine {
  display:block!important;
 } 



.recherche_lots_item:nth-child(even) {
    /* background-color: rgba(140, 29, 64, 0.17); */
    background-color: rgba(140, 140, 140, 0.17);
}


#recherche_lots a:hover {
  background:none;
  text-decoration:underline;
  color:#000;
}

#recherche_avancee {
  margin-bottom:20px;
}

#recherche_avancee_content {
  border:1px solid rgba(140, 29, 64);
  padding:10px;
}

.recherche_avancee_ligne {
  display:flex;
  flex-wrap:wrap;
}

.recherche_avancee_el {
  margin:10px;
}

.recherche_avancee_label {
  font-weight:600;
  color:rgba(140, 29, 64);
  margin-bottom:5px;
}


#tableau_stats {
  margin-top: 15px;
}

#tableau_stats_header {
  display: flex;
  flex-wrap: nowrap;
  background-color: #8C1D40;
}

#tableau_stats_header div {
  font-weight: 500;
  padding: 5px;
  color: #fff;
}

.tableau_stats_row {
  display: flex;
  flex-wrap: nowrap;
}

.tableau_stats_row:nth-child(odd) {
  background-color: rgba(140, 140, 140, 0.17);
}

.tableau_stats_row div {
  padding: 5px;
}

.tsr_y {
  width: 50px;
  text-align: center;
}

.tsr_n {
  flex: 2;
  text-align: center;
}

.tsr_p {
  flex: 3;
  text-align: right;
}


/* ---------------------- @NOTE RESPONSIVE 1200px */

@media (max-width: 1200px) {
 #recherche_liste {
    top: 120px;
 }
}

/* ---------------------- @NOTE RESPONSIVE 800px */

@media (max-width: 800px) {
 #recherche_liste {
   width:100%;
 }
 #recherche_menu {
   width:0%;
 }
 .recherche_els a, .recherche_els a:nth-child(odd)  {
   width:100%!important;
   margin:0 0 1% 0;
   background-color:#fff;
   border-bottom:1px dotted rgba(140, 29, 64, 1);
 } 
 
 /* lots */
 #recherche_lots_header {
  display:none;
 }
 #recherche_lots_body {
     display: flex;
    flex-wrap: wrap;
    height:auto;
    overflow:hidden;
    max-height: none;
  }

 
 .recherche_lots_item {
    display:block!important; 
    width: 100%!important;
    margin:0 0 1% 0;
    background-color: #fff;
    border-bottom: 1px dotted rgba(140, 29, 64, 1);
    padding: 5px;       
 }
 

 .recherche_lots_item:hover {
   background-color: rgba(140, 29, 64, 1);
   color:#fff;
 }
 .recherche_lots_item:hover *{
   color:#fff!important;
 } 
 
 .recherche_lots_item div {
  display:none;
 }
 .recherche_lots_item .ccnum, .recherche_lots_item .ccv, .recherche_lots_item .ccnom, .recherche_lots_item .ccprix, .recherche_lots_item .ccorigine, .recherche_lots_item .ccbuyer{
  display:block;
  padding:0;
 }
 .recherche_lots_item .ccbuyer p {
  display:inline-block;  
 }
 .recherche_lots_item .ccbuyer span {
  margin:2px;
 }
 .ccbuyer::before{
	content: attr(data-label);
	position: relative;
	top: -5px;
 }
 
 .ccorigine div {
  display:inline;
 }
 .ccorigine div.pere:after {
    content: " x ";
  }
 
}