@charset "UTF-8";
/* CSS Document */
#catalogueCorps {
    position: relative;
    margin: 20px 0 0 280px;
}

#menuGauche {
    float: left;
	margin: 20px 0 0 20px;
    text-transform: none;
    background-color: #FFF;
    /* IE6-9 */
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2)
}

#catalogueCorps .titre {
    text-transform:uppercase;
}

#CAT, #gris {
    margin-bottom: 20px
}

#CAT TR:nth-child(2) a, #gris TR:nth-child(2) a {
    margin-top: 5px
}

#CAT .TIT, #gris .TIT {
    font-family: Worken_black;
    font-size: 17px;
    background: url(../img/hr2.jpg) no-repeat bottom left;
    overflow: hidden;
    color: #FC0;
    text-transform: uppercase;
    padding: 0px 0 10px 0
}

#CAT a, #gris a {
    font-size: 12px;
    color: #333;
    line-height: 20px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    text-decoration: none
}

#CAT a:hover, #gris a:hover {
    font-family: Worken_black;
    color: #F00;
    background: url(../img/fleche-9-333.gif) no-repeat right;
    padding-right: 15px
}

#CAT .SELECT, #gris .SELECT {
    font-family: Worken_black;
    color: #F00;
    background: url(../img/fleche-9-333.gif) no-repeat right;
    padding-right: 15px
}

#pagination {
    width: 100%;
    padding-bottom: 10px
}

#pagination .titre {
    font-family: Worken_black;
    font-style: oblique;
    color: #000;
    font-size: 25px
}

#pagination .no {
    display: inline-block;
    float: right;
    margin-right: 15px
}

#pagination .prev, #pagination .goto, #pagination .next {
    display: block
}

#pagination .first, #pagination .last {
    display: none
}

#pagination .first, #pagination .prev, #pagination .goto, #pagination .next, #pagination .last {
    float: left;
    font-size: 13px;
    text-align: center;
    color: #666;
    width: 25px;
    height: 30px;
    line-height: 30px;
    background-color: #FFF;
    border-right: 1px solid #EBEBEB;
    border-bottom: 2px solid #EBEBEB
}

@media all and (min-width: 360px) {
    #pagination .first, #pagination .last {
        display: block
    }
}

#pagination .prev, #pagination a.prev {
    padding-right: 40px;
    background: url(../img/bt-page.png) no-repeat left 25px top 10px
}

#pagination .next, #pagination a.next {
    padding-left: 40px;
    background: url(../img/bt-page.png) no-repeat right 25px top 10px
}

#pagination a.prev:hover {
    background-position: left 25px bottom 10px
}

#pagination a.next:hover {
    background-position: right 25px bottom 10px
}

#pagination .prev, #pagination .next {
    font-size: 11px
}

#pagination .goto em {
    display: block;
    font-family: Worken_black;
    color: #FFF;
    background-color: #666
}

#pagination a {
    display: block;
    text-decoration: none;
    color: #333 !important;
    background-color: #EBEBEB !important;
    border-right: 1px solid #CCC !important;
    border-bottom: 2px solid #CCC !important
}

#pagination a:hover {
    font-family: Worken_black;
    background-color: #666;
    color: #FFF !important;
    background-color: #666 !important
}

#produit_liste {
    position: relative;
    margin-left: 15px;
    right: 15px
}

div#produit_liste:first-child {
    border-top: 1px solid #ECECEC
}

div#produit_liste:last-child {
    margin-bottom: 10px
}

.tableau_liste {
    border-bottom: 1px solid #ECECEC;
    min-height: 200px
}

.tableau_liste td:nth-child(2) {
    width: 100%
}

.tableau_liste, .tableau_liste:hover {
    /* IE6-9 */
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -kthtml-transition: all 0.25s linear;
    transition: all 0.25s linear
}

.tableau_liste:hover {
    /* IE6-9 */
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6)
}

#produit_liste td {
    vertical-align: middle;
    padding-right: 5px
}

#produit_liste a {
    color: #333;
    text-decoration: none
}

#produit_liste a:hover .titre {
    text-decoration: none
}

#produit_liste .photo2 {
    padding: 5px 10px 5px 10px;
    margin: 0
}

#produit_liste .imageProd {
}

#produit_liste .titre {
    font-family: Worken_black;
    font-size: 15px;
    color: #333;
    text-decoration: underline
}

#produit_liste .refTitre {
    font-size: 11px;
    color: #333;
    text-decoration: none
}

#produit_liste .descriptif {
    height: 100px
}

#produit_liste .descriptif, #produit_liste .descriptif span {
    font-size: 12px !important;
    font-family: Worken_roman, Arial, Helvetica, sans-serif !important;
    color: #333;
    text-decoration: none
}

#produit_liste .descriptif strong, #produit_liste .descriptif strong span {
    display: block
}

#produit_liste .prix {
    width: 210px;
    font-size: 25px;
    color: #F33;
    font-family: Worken_black
}

#produit_liste .aulieude {
    font-size: 13px;
    color: #000;
    text-decoration: line-through;
    font-family: Worken_black;
    display: block;
    background: url(../img/promo.gif) no-repeat 0 20px;
    padding-bottom: 35px
}

#produit_liste .prxTtc {
    font-size: 15px
}

#produit_liste td .info {
    display: block;
    float: left;
    font-size: 11px !important;
    width: 100px;
    height: 20px;
    color: #333 !important;
    background: #FFF url(../img/fleche-9-333.gif) no-repeat 90px 0;
    font-family: Worken_black !important;
    padding: 0 5px 0 5px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    clear: both
}

#produit_liste a.info {
    text-decoration: none
}

#produit_liste td:hover .info {
    color: #FFF !important;
    background: #666 url(../img/fleche-9-FFF.gif) no-repeat 90px 0px
}

#produit_liste .infostock span, #bt_zeroStock td a {
    display: block;
    font-size: 11px;
    font-style: oblique;
    text-transform: uppercase;
    font-family: Worken_black;
    font-weight: normal !important
}

#produit_liste .infostock span {
    color: #090;
    background: url(../img/en-stock.png) no-repeat;
    padding: 5px 0 5px 60px
}

#bt_zeroStock td a {
    color: #F60;
    background: url(../img/epuise.png) no-repeat;
    padding: 5px 0 5px 20px
}

#bt_panier {
    display: block;
    height: 30px;
    line-height: 30px;
    border: 1px solid #C00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #F33 url(../img/bg-ajouter.png) no-repeat right;
    padding: 0 0 0 5px;
    margin: 5px 0 5px 0;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#bt_panier img {
    display: none
}

#bt_panier a {
    display: inline-block;
    height: 30px;
    font-size: 11px;
    font-family: Worken_black;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none
}

#bt_panier:hover a {
    text-decoration: underline
}
/*---------------------------------------------------------------------------------------------------------------------*/

@media all and (max-width: 667px) {
    #rechercher {
        display: none
    }

    .ligneB {
        height: 45px
    }

    #catalogueCorps {
        margin: 0;
        padding: 10px
    }

    #menuGauche {
        display: none
    }

    #pagination {
        padding: 0
    }

    #pagination .titre {
        font-size: 15px
    }

    #pagination tr.ssnav td:first-child div {
        font-size: 10px
    }

    #pagination tr.ssnav td:first-child img {
        display: none
    }

    #pagination .no {
        margin-right: 0;
        padding: 5px
    }

    #pagination .first, #pagination .prev, #pagination .goto, #pagination .next, #pagination .last {
    }

    #pagination .prev, #pagination a.prev {
    }

    #pagination .next, #pagination a.next {
    }

    #pagination a.prev:hover {
    }

    #pagination a.next:hover {
    }

    #pagination .prev, #pagination .next {
    }

    #pagination .goto {
        display: none
    }

    #pagination a {
    }

    #pagination a:hover {
    }

    #produit_liste {
        width: 100%
    }

    #produit_liste td {
        padding-right: 0
    }

    div#produit_liste:first-child {
        border-top: 1px solid #ECECEC
    }

    div#produit_liste:last-child {
        margin-bottom: 10px
    }

    .tableau_liste {
        min-height: 170px
    }

    .tableau_liste td:first-child {
        width: 28%
    }

    .tableau_liste td:nth-child(2) {
        width: 70%
    }

    .tableau_liste td:nth-child(2) table td {
        width: 100%;
        padding: 0
    }

    .tableau_liste td:nth-child(2) table {
        position: absolute;
        bottom: 40%;
        left: 32%;
        width: 68%
    }

    .tableau_liste, .tableau_liste:hover {
        /* IE6-9 */
        -webkit-transition: none;
        -o-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -kthtml-transition: none;
        transition: none
    }

    .tableau_liste:hover {
        /* IE6-9 */
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    #produit_liste a {
        display: inline-block;
        max-height: 42px;
        overflow: hidden;
        font-size: 12px
    }

    #produit_liste a:hover .titre {
    }

    #produit_liste .photo2 {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0
    }

    #produit_liste .imageProd {
    }

    #produit_liste .titre {
        font-size: 12px
    }

    #produit_liste .refTitre {
        font-size: 11px;
        color: #333;
        text-decoration: none
    }

    #produit_liste .descriptif {
        display: block;
        width: 100%;
        height: 40px;
        overflow: hidden
    }

    #produit_liste .descriptif strong {
        display: none
    }

    #produit_liste .prix {
        font-size: 20px;
        display: block;
        position: absolute;
        top: 62%;
        left: 32%
    }

    #produit_liste .aulieude {
        font-size: 11px;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        padding-bottom: 10%;
        -moz-background-size: 60% 60%;
        -o-background-size: 60% 60%;
        -webkit-background-size: 60% 60%;
        background-size: 60% 60%
    }

    #produit_liste .prxTtc {
        font-size: 12px
    }

    #produit_liste td .info {
        display: none;
        padding-bottom: 35px
    }

    #produit_liste a.info {
    }

    #produit_liste td:hover .info {
    }

    #produit_liste .infostock span, #bt_zeroStock td a {
        display: block;
        position: absolute;
        top: 75%;
        bottom: inherit;
        left: 32%
    }

    #produit_liste .infostock span {
    }

    #bt_zeroStock td a {
    }

    #bt_panier {
        display: none
    }
}
/*---------------------------------------------------------------------------------------------------------------------*/