/*  ------------------------------------------------
	BLOCK CART
	------------------------------------------------ */

.blockcart {
   margin-right:15px;
   /* width:216px;*/
    height:34px;
    position:relative;
    float:left;
    color:#333333;
   /* clear:left;*/
   /* background:#EEE;*/
   display:inline-block;
   font-family:"Raleway";
   margin-top: 10px;
}

body .blockcarta {
    display:none;
}

.blockcart .rightblock {
    display:block;
    position:absolute;
    right:3px;
    top:3px;
    border:1px solid transparent;
    width:27px;
    height:27px;
    z-index:10;
    cursor:pointer;
}

.blockcart .arrow {
    display:block;
    position:absolute;
    right:6px;
    top:11px;
    border:7px solid #333333;
    border-right-color:transparent;
    border-left-color:transparent;
    border-bottom-color:transparent;
}

.blockcart .text {
    display:inline-block;
    margin-left:36px;
    margin-top:10px;
    text-transform:none;
    width:140px;
    float:left;
}

.blockcart .text .amount {
    float:right;
}

.blockcart .contentbloc {
    width:350px;
    text-transform:none;
    display:none;
    position:absolute;
    padding:7px 5px;
    border-top:none;
    overflow:hidden;
    right:0px;
    top:34px;
    background:#EEE;
    z-index:50;
}

.blockcart .contentbloc .bmyaccount {
    display:block;
    float:left;
    width:125px;
    background:#F1F1F1;
    display:block;
    text-align:center;
    padding:7px 0;
    cursor:pointer;
}

.blockcart .contentbloc .bmyaccount:hover {
    background:#e9e9e9;
}

.blockcart .contentbloc .bcommand {
    text-align: center;
    width:125px;
    margin:auto;
}

.blockcart .contentbloc .bcommand a {
    color:white;
}

.blockcart .contentbloc .bcommand:hover {
    background:#191919;
    text-decoration:none;
}

#header .menu ul li .blockcart .contentbloc .bmyaccount a , #header .menu ul li .blockcart .contentbloc .bcommand a {
    display:block;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    border:0;
}

#header .menu ul li .blockcart .contentbloc .bmyaccount a:hover , #header .menu ul li .blockcart .contentbloc .bcommand a:hover {
    text-decoration:none;
}

.blockcart .contentbloc table {
    width:100%;
    margin-top:10px;
}

.blockcart .contentbloc table  td {
    padding: 2px 5px;
    text-align:left;
}

.blockcart .contentbloc table tr.total td {
    padding-top:20px;
    padding-bottom:20px;
}

.blockcart .contentbloc table td.price {
    text-align:right;
    width:30%;
}

.blockcart .contentbloc table td.close {
    width:19px;
    text-align:center;
}

.blockcart .contentbloc table td.close {
    cursor:pointer;
}


/*  ------------------------------------------------
    BLOCK ADD TO CART
    ------------------------------------------------ */

.addToCart {
    margin-top:2px;
    display:block;
}

.addToCart:hover {
    cursor:pointer;
}

.addToCart .text {
    display:block;
    background:#EEE;
    text-align:center;
    padding:3px 0;
    text-transform:uppercase;
    float:left;
    width:50%;
}


/*  ------------------------------------------------
    BLOCK ADD TO CART ZOOM
    ------------------------------------------------ */


.addToCartZoom {
    cursor:pointer;
    overflow:hidden;
    display:block;
}

.addToCartZoom:hover {
    cursor:pointer;
}

.addToCartZoom .plus {
    float:left;
    background:#EEE;
    color:white;
    margin-right:2px;
    text-transform:uppercase;
    padding:4px 10px;
    padding-bottom:3px;
}

.addToCartZoom label {   
    font-size: 1.1em;
    color: #808080;
}

.addToCartZoom input {    
}

.addToCartZoom .bAdd {
    display:block;    
    width: 40%;
    float: left;
}

/*  ------------------------------------------------
    CART
    ------------------------------------------------ */

#cart table {
    width:100%;
    margin-bottom:30px;
}

#cart table th , #cart table td {
    padding:20px 10px;
    text-align:center;
    vertical-align:middle;
    font-size:0.9em;
}

#cart table th {
    text-transform:uppercase;
    color:#989898;
    font-weight: normal;
    font-style: italic;
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
}

#cart table td.short {
    width:100px;
    text-align:right;
}

#cart .less {
    margin:0 2px;
    display:inline-block;
    padding:2px 7px;
    color:white;
    background:#333333;
}

#cart .more {
    margin:0 2px;
    display:inline-block;
    padding:2px 6px;
    color:white;
    background:#333333;
}

#cart .del {
    margin:0 2px;
    display:inline-block;
    padding:2px 6px;
    color:white;
    background:#333333;
}

#cart .less:hover , #cart .more:hover , #cart .del:hover {
    text-decoration: none;
}

#cart table td.delete {
    width:150px;
}

#cart table td.image {
    width:150px;
}

#cart table td.image img {
    max-width:150px;
}

#cart table tr.total td {
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
}

#cart table tr.total td {
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
    font-size:1.5em;
    text-align:right;
}

#cart table tr.total td .ltl {
    font-size:0.8em;
}

#cart table tr.total td.total {
    padding-right:150px;
    color:#989898;
    font-style: italic;
}

#cartBlocks {
    overflow:hidden;
    display:none;
}

#cartBlocks .cartBlock {
    background:white;
    margin:10px 0;
    padding:10px;
}

#cartBlocks .cartBlock .image {
    text-align: center;
}

#cartBlocks .cartBlock .desc {
    margin:5px 0;
}

#cartBlocks .cartBlock .price {
    margin:5px 0;
    font-size:1.3em;
}

#cartBlocks .cartBlock .actions {
    text-align: center;
    margin:5px 0;
}

#cartBlocks .cartBlock.total {
    text-align: center;
}

#cart .continueShop {
    cursor:pointer;
    overflow:hidden;
    display:block;
    float:left;
}

#cart .continueShop:hover {
    cursor:pointer;
}

#cart .continueShop .plus {
    float:left;
    background:#CBCBCB;
    color:white;
    margin-right:2px;
    text-transform:uppercase;
    padding:4px 10px;
    padding-bottom:3px;
}

#cart .continueShop .plus img {
    width:21px;
}

#cart .continueShop .text {
    float:left;
    background:#CBCBCB;
    color:white;
    text-transform:uppercase;
    font-size:1.2em;
    padding:7px 15px;
}

#cart .continueShop:hover .plus {
    background:#333333;
}

#cart .continueShop:hover .text {
    background:#333333;
}

#cart .commandShop {
    float:right;
    cursor:pointer;
    overflow:hidden;
    display:block;
    margin-bottom:10px;
}

#cart .commandShop:hover {
    cursor:pointer;
}

#cart .commandShop .plus {
    float:left;
    background:#333333;
    color:white;
    margin-right:2px;
    text-transform:uppercase;
    padding:4px 10px;
    padding-bottom:3px;
}

#cart .commandShop .plus img {
    width:21px;
}

#cart .commandShop .text {
    float:left;
    background:#333333;
    color:white;
    text-transform:uppercase;
    font-size:1.2em;
    padding:7px 15px;
}

#cart .commandShop:hover .plus {
    background:#333333;
}

#cart .commandShop:hover .text {
    background:#333333;
}

/*  ------------------------------------------------
    COMMANDE
    ------------------------------------------------ */

#command .stepTitle {
    padding:10px 30px 10px 30px;
    background:#EEE;
    margin-top:10px;
}
#command .stepTitle.last , #command .stepTitle.current {
    background:#DDD;
}

#command .subtitle {
    font-size:1.2em;
    margin:10px 0;
    margin-top:40px;
}

#command .stepContent {
    padding: 20px 40px;
    overflow:hidden;
}

#command form.infos label {
    width:250px;
}

#command .delivery {
    margin-bottom:30px;
}

#command .delivery {
    margin-bottom:30px;
}

#command .infosDelivery {
    overflow:hidden;
}

#command .infosDelivery input[type=submit] {
    margin-top:30px;
}

#command .deliveryDate {
    margin-top:10px;
}

#content #command .deliveryDate input.dateitem {
    width:50px;
    min-width:50px;
}

#command .comment {
    margin-top:10px;
}

#recapCommand table#recapTable img {
    height:30px;
}

#recapCommand table#recapTable tr.total td.total {
    padding-right:150px;
    background:#EEE;
    text-align:right;
}

#recapCommand table#recapTable tr.total td .ltl {
    font-size:0.8em;
    font-weight:normal;
    font-style:italic;
}

#recapCommand table#recapTable tr.total td , #recapCommand table#recapTable tr.expe td {
    background:#EEE;
    text-align:right;
}

#recapCommand table#recapTable tr.total td {
    font-size:1.2em;
    font-weight:bold;
}

#recapCommand table#recapTable tr.expe td.expe {
    padding-right:150px;
    background:#EEE;
}

#recapCommand table#recapTable td.short {
    width:100px;
    text-align:right;
}

#recatCommand #recapBlock {
    display:none;
}

#recapCommand .detailsForms {
    overflow:hidden;
    margin-top:20px;
}

#recapCommand .detailsForms .block {
    float:left;
    margin-right:120px;
}

#recapCommand input[type=submit] {
    margin-top:40px;
}

/*  ------------------------------------------------
    BLOCK PAYMENT
    ------------------------------------------------ */

.blockpayment {
    text-transform:uppercase;
    max-width:500px;
    border:1px solid #EEE;
    margin-top:15px;
}

.blockpayment a {
    display:block;
    width:100%;
    height:100%;
    padding:10px 15px;
}

.blockpayment a:hover {
    text-decoration:none;
}

.blockpayment:hover {
    background:#EEE;
    cursor:pointer;
}


/*  ------------------------------------------------
    CART EXPIRED
    ------------------------------------------------ */

#cartExpired {
    padding:20px;
    color:white;
    background:#ff7373;
    float:left;
}

/*  ------------------------------------------------
    RESPONSIVE
    ------------------------------------------------ */



@media screen and (max-width: 1024px) {

    .blockcart {
        display:none;
    }

    body .blockcarta {
        display: inline-block;
    }

    .addToCart {
        display:none;
    }

    #cartTable {
        display:none;
    }

    #cartBlocks {
        display:block;
    }

    #recapTable {
        display:none;
    }

    #recapBlock {
        display:block;
    }

}