

/*** OBJET DU SHOP ***/

.shopItem {
/*	position: relative; /* ie bug */
    float: left;
    width: 265px; /* www/css/ie5.css */
    border: 2px solid #D9C5FE;
    margin: 0px 0px 20px 5px;
    padding: 3px 0px 3px 3px;
    overflow: hidden;
}


.shopItem .leftPane {
    float: left;
    margin-right: 5px;
}

.shopItem .leftPane img.teaser {
    width: 70px;
    height: 70px;
    font-size: 0pt;
    line-height: 0pt;
    border: 1px solid #D9C5FE;
    background-image: url("/img/design/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

.shopItem .descPane {
    float: left;
    width: 185px;
}


.shopItem .price, .shopItem .buy {
    width: 72px;
    float: left;
    clear: left;
    text-align: center;
    background: #d1bafe;
}

.shopItem .price {
    font-weight: bold;
    color: white;
    padding-top:2px;
    margin-top: 2px; /* /www/css/ie.css */
    margin-bottom: 2px;
}

.shopItem .price .pat a, .shopItem .price .pat {
    color: white;
}

.shopItem .buy {
  line-height: 0pt;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 0pt;
}

.shopItem .name {
    clear: left;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 3px;
    color: #9D68DD;
    border-bottom: 3px solid #d3bcfe;
}

.shopItem .desc {
    font-size: 10pt;
    line-height: 10pt;
    min-height: 100px; /* /www/css/ie.css  */
    color: #614B8D;
}

.shopItem .desc ul {
    list-style: none;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 30px;  /* /www/css/ie5.css  (zarbi ?) */
    min-height: 40px; /* /www/css/ie.css  */

    background-image: url("/img/design/bg_bonus.gif");
    background-position: 10px 0px;
    background-repeat: no-repeat;
}

.shopItem .desc li {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}

.shopPack .shopItem .desc {
    min-height: 200px; /* /www/css/ie.css */
}



/*** CATEGORIES ***/

ul.sectionMenu {
    list-style: none;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 8px;
    height: 60px;
    background: #D6C0FE;
}

ul.sectionMenu li {
    float: left;
    width: 80px;
    height: 60px;
    border-left: 2px solid #fefcfe;
    border-right: 2px solid #fefcfe;
    background: #e1d1fe;

    text-align: center;
    text-transform: capitalize;
}

ul.sectionMenu li img {
    clear:right;
    width: 32px;
    height: 32px;
    margin-top: 3px;
}

ul.sectionMenu li.active {
    background: #FFAE42;
}

ul.sectionMenu li.active a {
    color:white;
}

ul.sectionMenu li a {
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
}

ul.sectionMenu li a:hover {
    text-decoration: none;
    color: white;
}



/*** RAYON LAPINS ***/

.rabbitShop {
    width: 75%;
}

.rabbitShop td {
    text-align: center;
}

.rabbitShop .pic img {
  width: 70px ;
  /*height: 70px ;*/
}

.rabbitShop .race {
    text-align: left;
}



/*** BROCANTE: HOMEPAGE ***/

.tradeHome {
    margin: auto;
    width: 250px;
    min-height: 200px;
    clear: both;
}

.tradeHome a:hover {
    text-decoration: none;
}

.tradeHome .linkSale, .tradeHome .linkPurch {
    float: left;
    text-align: center;
    padding: 5px;
    border: 2px solid #C7B8E7;
}

.tradeHome .linkPurch {
    float: right;
}

.tradeHome img {
}

.linkPurch a {
    text-decoration: none;
}

.linkSale a {
    text-decoration: none;
}



/*** BROCANTE ***/

.trade {
    clear: both;
}

td .trade table {
    float: left; position: relative;
    width: 45%;
    margin: 0px 8px 0px 8px;
}
td .trade thead {
    font-size: 9pt;
    text-align: center;
    vertical-align: bottom;
}

td .trade td {
    font-size: 9pt;
}

.trade .price, .trade .link {
    text-align: center;
}

.trade .name a {
    text-transform: capitalize;
    font-weight: normal;
    color: #69519B;
}

.trade .price {
    width: 46px;
}



/*** MARCHÉ ***/

.market {
    text-align: center;
}

td .market table {
    margin: auto;
    width: 75%;
    text-align: left;
}

.market .stock, .market .price, .market .link {
    text-align: center;
}

.discount {
    background-image: url(/img/shop/discount.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.discount_es {
    background-image: url(/img/shop/discount_es.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

