@font-face {
    font-family: 'alegreya_sansregular';
    src: url('fonts/alegreyasans-regular-webfont.woff2') format('woff2'),
         url('fonts/alegreyasans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
	background: #271912;
	font-family: "Open Sans", sans-serif;;
}

*{font-size: 14px;}

#salesInformations{ height: 320px;}
.salesInfos{ text-shadow: 1px 1px 5px black; }
.salesInfos  h1{font-size: 2rem;color: white; }
.salesInfos  h2{font-size: 1.4rem; color: white;}

.salesInfos a{text-shadow: none;}

.salesInfosLot{background:rgba(39, 25, 18, .4);}
.salesInfosLot h1{font-size: 2rem;color: white; }
.salesInfosLot h2{font-size: 1.4rem; color: white;}

.live{color:white; text-transform: uppercase;}

#stats{border-bottom: 0;}
#stats .nav-item{margin: 0 5px; border: 0 text-align: center; text-transform: uppercase; }
#stats .nav-item i{display:none;}
#stats .nav-item.active i{display: inline-block;}
#stats .nav-link, #stats .nav-tabs .nav-link:focus, #stats .nav-tabs .nav-link:hover{color: black; border-radius: 0; }

#stats .nav-item.active{background: #f3f4f6 !important; color: #271912; border: 0}
#stats .nav-item.active .nav-link, #stats .nav-item.active .nav-link:focus, #stats .nav-item.active .nav-link:hover{color: #271912; border: 0}

.tabsInfos{background: #f3f4f6;}

.mainContent{background: white; color: #271912;}

.tabsInfos .col-md-2{border-right: 1px solid red; padding-left: 20px;}
.tabsInfos .col-md-2:last-child{border: 0;}

.tabsInfos b{font-size: 1.2rem;}

.img{padding: 0; border-width: 5px 5px 0 0; border-style:solid; border-color:#f9fafb; background: #f9fafb; min-height: 170px; }
.img img{width: 100%; }

.fichelot {background: #f9fafb; border-radius: 5px; min-height: 230px;}
.fichelot > div:nth-child(1) {color: white; font-size: 13px; line-height: 16px; }
.fichelot > div:nth-child(1) > div:nth-child(2){font-size: 14px; font-style: normal;}	
.fichelot > div:nth-child(1) strong{font-size: 18px; }

.fichelot .time, .fichelot .price, .fichelot .encheres{display: none;}

.fichelot.sold .price, .fichelot.amicable .price, .fichelot.notsold .price{display: block;}

.fichelot .statut{text-transform: uppercase; height: 32px;}
@media screen and (max-width: 768px) {
    .fichelot {min-height: auto;}
    .fichelot .statut{height: auto;}
    .img{border:0;}
}

@media screen and (min-width: 769px) {

.fichelot > div:nth-child(2){margin-top:-20px}
.fichelot > div:nth-child(2) > div:nth-child(2){margin-top:16px}
}
.fichelot > div:nth-child(2) > div:nth-child(2) p{font-size: 12px;}

.fichelot h3{font-weight: bold; font-size: 1.3rem; }
.fichelot h3 span{font-size: 1rem; display: block;}
.fichelot input[type=submit]{background-color: #271912 !important; color: white;}

.fichelot.bid  > div:nth-child(1){background: #ecebe7; color:#271912 !important;}
.fichelot.bidok  > div:nth-child(1){background:#c5e9cd;color: #256533 !important;}
.fichelot.bidko  > div:nth-child(1){background:#f3d4d2;color: #641d1a !important}
.fichelot.sold  > div:nth-child(1){background-color: #e6e7eb !important; color:#202935;}
.fichelot.notsold  > div:nth-child(1){background-color: #e6e7eb !important; color:#202935;}
.fichelot .offre input{background-color: #212936 !important; color:white;}
.fichelot.withdrawal > div:nth-child(1){background-color: #e6e7eb !important; color:#202935;}


.fichelot.withdrawal .time, .fichelot.sold .time, .fichelot.notsold .time{display: none;}
.fichelot.withdrawal .encheres, .fichelot.sold .encheres, .fichelot.notsold .encheres{display: none;}
.fichelot .offre{display: none;}
.fichelot.notsold .offre{display: block;}

.fichelot.withdrawal > div:nth-child(1) > div:nth-child(2) strong{ visibility: hidden; }

/*.fichelot.closed .img div{display: none !important;}*/

.alegreya {
  font-family: "alegreya_sansregular", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.offcanvas{border-left:5px solid #a48b69 !important;}
.offcanvas input[type=submit]{background-color: #271912 !important; color: white; text-align: center;}
.offcanvas input[type=cancel]{background-color: white !important; color: #271912; text-align: center;}

.offcanvas h2{font-weight: bold; font-size: 1.3rem;}

.ariane, .ariane *{color: white; font-size: 13px;}
nav .logo{width: 75%!important;}
nav a{color: black; text-decoration: none;}
nav a:hover{text-decoration: underline;}

@media screen and (min-width: 768px) {
    nav .logo{width: 100%!important;}
    .navbar{display: block;}
}

#navSale *{color: #f3d4d3; text-transform: uppercase; font-size: 13px;}

#results *{font-size: .9rem;}