@charset "UTF-8";
/* CSS Document */
#operation {
    background-color:#EEE;
}
#operation .container {
    background-color:#FFF;
}
.info_box {
    position: relative;
    position: absolute;
    top: 32px;
    right: 10px;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.info_box:hover {
    cursor: pointer;
}
.info_box strong {
    display: inline-block;
    background-color: #333;
    color: white;
    font: 1.2em bold 'Roboto Slab', serif;
    text-decoration: none;
    border-radius: 12px;
    padding: 2px 9px;
    margin: 0;
}
.info_box:hover strong {
    border-radius: 12px 12px 0 0
}
.info_box p {
    display: none;
    position: absolute;
    top: 21px;
    right: -12px;
    background-color: white;
    border: 1px solid #CCC;
    padding: 20px;
    min-width: 440px;
    max-height: 260px;
    margin: 0 10px
}
.info_box img {
    float: left;
    padding: 0;
    margin: 0 20px 10px 0;
    width: 225px;
    height: 225px
}
.info_box:hover p {
    display: block;
    color: #333;
    z-index: 1000
}
.prix_categorie {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    color: #B19D5E;
    white-space: nowrap;
    margin: 0;
    padding: 5px;
    z-index: 300;
    background-color: rgba(255,255,255,0.8)
}
#produit-liste {
    padding: 0px 3px 9px 3px;
    margin: 0;
    position: relative;
    list-style: none;
    border:3px dotted #DDD;
}
#produit-liste li {
    padding: 8px;
    margin: 8px 0;
    height: 360px;
}
#produit-liste article {
    padding: 0;
    background: white;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.1);
    margin: 0;
    overflow: hidden;
    position: relative;
    height: 360px;
}
a.nom_article {
    display:block;
    z-index: 500;
    background-color: #DDD;
    color: #000;
    padding: 5px;
    font-size: 1em;
    min-height: 32px;
    text-decoration: none;
    height:110px;
    overflow:hidden;
}
a.lien_produit {
    display: block;
    color: white;
    padding: 5px;
    font-size: 1em;
    height: 160px;
    text-decoration: none;
    z-index: 200;
    margin: 0;
    border:1px solid #EEE;
}

.remise {
    background-color:rgba(255,238,7,0.9);
    color:red;
    position:absolute;
    top:0;
    right:0;
    z-index:100;
    padding:5px 12px 4px 12px;
}
.vente-flash .operation_detail {
    background-color:rgb(125,20,107);
    color:white;
    padding:5px
}
article.vente-flash {
    border: 1px solid rgb(125,20,107);
}
article.destockage {
    border: 1px solid #9BC31C;
}
.destockage .operation_detail {
    background-color:#9BC31C;
    color:white;
    padding:5px
}
.solde .operation_detail {
    background-color:rgba(255,0,4,0.90);
    color:white;
    padding:5px
}
article.solde {
    border: 1px solid rgba(255,0,4,0.90);
}
/* Disponibilité */

.dispo_green, .dispo_green2, .dispo_orange, .dispo_red, .dispo_black {
    font-size: 3em;
    position: absolute;
    bottom: -5px;
    right: 5px;
    z-index: 800;
    padding: 0;
    margin: 0
}
.dispo_green {
    color: #339900;
}
.dispo_green2 {
    color: #890
}
.dispo_orange {
    color: #CC6600;
}
.dispo_red {
    color: #900;
}
.dispo_black {
    color: #000;
}
.nav-pills {
    margin:20px 0 10px 0;
}
.nav-pills>ul{
    margin:0;
    padding:0;
}
.nav-pills>li>a {
    background-color:#999;
    color:#FFF;
    text-decoration:none;
    border:1px solid #CCC;
    padding:8px;
}
.nav-pills>li>a:hover {
    background-color:#111;
}
.nav-pills>.open>a, .nav-pills>.open>a:focus, .nav-pills>.open>a:hover {
    background-color:#333;
    border:1px solid #000000;
}