/* --------------------------------------------------------------

   Compte client

-------------------------------------------------------------- */


/* --------------------------------------------------------------

   Processus de vente

-------------------------------------------------------------- */


/** steps *********************************************************************/

ul.steps {
    overflow:               hidden;
    _height:                1%;
    margin:                 0 0 10px 0;
    padding:                5px 0;
    list-style:             none;
    background:             #fff;
    border:                 1px solid #ddd;
    color:                  #999;
    font-size:              13px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
}

ul.steps li {
    display:                block;
    float:                  left;
    height:                 20px;
    line-height:            20px;
    margin:                 0;
    padding:                0 20px;
    background:             url(img/breadcrumb_sep.png) no-repeat right center;
}

ul.steps li.selected{
    color:                  #497500;
    text-decoration:        none;
    font-weight:            bold;
    font-size:              15px;
}
ul.steps li.cart a {
    display:                block;
    margin:                 2px 0;
    width:                  16px;
    height:                 16px;
    background:             url(img/icon-cart.png) no-repeat;
    text-indent:            -100em;
    overflow:               hidden;
    
}

/**********************
    Titres
**********************/
h1, .home h2, .error404 h2{
    border-bottom:          2px solid #c5c4c4;
    color:                  #f93434;
    font-size:              16px;
    font-weight:            bold;
    margin:                 0 0 10px;
    padding:                7px 0 10px;
}
h1{
    font-size: 30px;
    padding:0 20px;
    font-style: italic;
    text-shadow:0 0 5px #333;
}
.home h1, .cart h1, .shipping h1, .payment h1, .auth h1, .account h1, .carts h1 {
display:none;
}
.payment #sidebar{
    display:none;
}
.error404 #content ul{
    margin:0 0 20px 0;
}
h2, .tmp-user_address h2{
    border-bottom:          0 none;
    font-size:              14px;
    font-weight:            bold;
    padding:                20px 0 0 20px;
    margin:                 0 0 10px 0;
}

/************* gestion des h2 / h3 dans les pages account + cart ***************/
.cart h2, .shipping h2, .payment h2, .auth-customer h2, .auth-newcustomer h2, .user-orders h3 {
    color:                  #fff;
    border:                 1px solid #ddd;
    border-bottom:          2px solid #ddd;
    -moz-border-radius      :5px;
    padding:                5px 0;
    text-indent:            25px;
    clear:                  left;
    font-size:              16px;
    font-weight:            normal;
}
.tmp-order h2{
    /*background:             url(img/td-bottom.gif) repeat-x right bottom;*/
    background: #444;
    border:                 1px solid #ddd;
    -moz-border-radius:     5px;
    color:                  #fff;
    padding:                5px 20px;
    text-align:             center;
    margin:                 20px 0 10px 0;
    font-weight: normal;
}
.shipping-addresses h3, .adresses h3, .tmp-user_address h2, .tmp-order h3{
    font-weight:            bold;
    text-transform:         uppercase;
    font-size:              10px;
    color:                  #333;
    background:             #eee;
    margin:                 0;
    padding:                5px;
    border:                 1px solid #ddd;
    border-bottom:          none;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    text-align:             center;
}
.auth-customer h2{          background: #444 url(img/auth-customer.gif) 5px center no-repeat;}
.auth-newcustomer h2{       background: #444 url(img/auth-newcustomer.gif) 5px center no-repeat;}
.shipping-estimate h2{      background: #444 url(img/shipping-methods.gif) 5px center no-repeat;}
.shipping-discount h2{      background: #444 url(img/shipping-discount.gif) 5px center no-repeat;}
.shipping-addresses h2{     background: #444 url(img/shipping-adresses.gif) 5px center no-repeat;}
.shipping-message h2{       background: #444 url(img/shipping-message.gif) 5px center no-repeat;}
.shipping-methods h2{       background: #444 url(img/shipping-methods.gif) 5px center no-repeat;}
.payment-methods h2{        background: #444 url(img/payment-methods.gif) 5px center no-repeat;}
.confirmation h2{           background: #444 url(img/confirmation.gif) 5px center no-repeat;}

/**********************
    Pages
**********************/
.pageContent p {
    font-family:            arial;
    font-size:              12px;
    text-align:             justify;
    line-height:            18px;
}
.pageContent ul, .pageContent ol, .categories-produits ul, .categories-produits ol{
    padding:                0 0 0 40px;
    font-size:              12px;
    margin:                 0 0 1.5em 0;
    color:                  #ccc;
}
/**********************
    Catégories
**********************/
.category-sort{
    margin:                 0 0 10px;
    border:                 1px solid #ddd;
    color:                  #000;
    padding:                5px;
    -moz-border-radius:     5px;
    height:                 40px;
    padding:                10px 0 0 0;
    line-height:            30px;
    background:             url(img/degrade-gris-blanc.gif) repeat-x right center;
    width:                  730px;
    text-align:             center;
}
.category-sort form{
    display:                inline;
    padding:                0 10px;
    font-size:              11px;

}
.category-sort input {
    padding:                0;
    width:                  35px;
    height:                 22px;
    display:                inline;
    vertical-align:         middle;
}
.category-sort select{
    padding:                0;
    height:                 22px;
    display:                inline;
    vertical-align:         middle;
}

.pager{
    border-top:             1px solid #E6EAEC;
    padding:                0 0 0 20px;
    clear:                  both;
    
}
.pager *{
    font-size:              12px;
    line-height:            26px;
    padding:                3px;
    text-decoration:        none;
}
.pager a{
    background-color:       #fff;
    border:                 #ccc 1px solid;
    color:                  #0C2A3E;
}
.pager a:hover{
    background-color:       #ddd;
    color:                  #000;
}
.pager a.selected{
    background-color:       #BF0000;
    border:                 #A10020 1px solid;
    color:                  #fff;
    font-weight:            bold;
}
.pager span.disabled,.pager .etc{
    background-color:       #fff;
    border:                 #fff 1px solid;
    color:                  #999;
}

/**********************
    Formulaires
**********************/
form{
    font-size: 12px;
}
fieldset{
    border:                 1px solid #ddd;
    -moz-border-radius:     5px;
    padding:                10px;
    margin:                 20px 0;
    background:             #fff url(img/degrade-gris-blanc.gif) repeat-x right bottom;
}
legend{
    font-weight:            bold;
    color:                  #000;
    padding:                10px;
}
input{
    font-family:            arial;
}
label{
    font-family:            arial;
}
.label-required{
    color:                  #A00020;
    font-weight:            bold;
}
textarea{
    width:                  350px;
    height:                 80px;
    padding:                0 0 0 5px;
    font-family:            arial;
}

/**********************
    Autres
**********************/
.buttons{
    text-align:             center;
}
.buttons input{
    cursor:                 pointer;
    height:24px;
    width:163px;
    background:url(img/btn.png) top left no-repeat;
    color:#000;
    text-align: center;
    line-height: 24px;
    border:none;
}
.buttons ul li{
    display:                inline;
}


.quantity{
    display:                block;
    float:                  right;
    vertical-align:         middle;
    width:                  52px;
}
.quantity input{
    width:                  35px;
    float:                  left;
}
.quantity-buttons{
    width:                  11px;
    height:                 20px;
    display:                block;
    float:                  left;
    position:               relative;
    left:                   -12px;
    top:                    1px;
}
.quantity-buttons a{
    display:                block;
    width:                  11px;
    height:                 10px;
    font-size:              1px;
}
.quantity-add{background:url(img/quantity.png) no-repeat left top;}
.quantity-rem{background:url(img/quantity.png) no-repeat left bottom;}
.quantity-add:hover{background-position: -11px top;}
.quantity-rem:hover{background-position: -11px bottom;}
.quantity-add:active{background-position: -22px top;}
.quantity-rem:active{background-position: -22px bottom;}


/*************** Notifications ***************/
.msgbox {
    padding:                6px 10px 10px 45px;
    margin:                 0 0 10px;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    border-radius:          6px;
    cursor:                 pointer;
}

.msgbox span {
    display:                block;
    font-weight:            bold;
    padding:                0 0 4px;
    background:             url(img/close.png) no-repeat right;
}

.error {
    background:             #f9e5e6 url('img/error.png') 10px 50% no-repeat;
    color:                  #b50007;
    border:                 #e8aaad solid 1px;
}

.notice  {
    background:             #f9f9e5 url('img/notice.png') 10px 50% no-repeat;
    color:                  #828400;
    border:                 #e8e3aa solid 1px;
}

.info {
    background:             #e5ecf9 url('img/info.png') 10px 50% no-repeat;
    color:                  #0055b5;
    border:                 #aac6e8 solid 1px;
}

.success {
    background:             #e9f9e5 url('img/success.png') 10px 50% no-repeat;
    color:                  #1c8400;
    border:                 #b4e8aa solid 1px;
}
.help{
    color:                  #666;
    border:                 #ddd solid 1px;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    border-radius:          6px;
    padding:                10px;
    margin:                 0 0 10px;
    background:             #f9f9f9;
}
.help h3{
    color:#000;
    margin:0 0 10px 0;
    background:             url('img/creashop/help.gif') 10px 10px no-repeat;
    padding:                10px 10px 10px 30px;
}
#cmd {
    display:                none;
}
#cmd_fond {
    top:                    0px;
    left:                   0px;
    height:                 100%;
    width:                  100%;
    background-color:       #000;
    filter:                 alpha(Opacity=70);
    -moz-opacity:           0.70;
    opacity:                0.7;
    position:               fixed;
    overflow-y:             auto;
}
#cmd_contenu {
    width:                  460px;
    height:                 200px;
    left:                   50%;
    margin-left:            -230px;
    top:                    30%;
    background-color:       #FFF;
    position:               absolute;
    border:                 2px solid #000;
    text-align:             center;
    z-index:                1000;
}
#cmd_contenu a img {
    border:                 0px;
    margin:                 0 10px 0 10px;
}
#cmd_contenu .texte {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-size:              13px;
    font-weight:            normal;
    color:                  #000;
    line-height:            1.5em;
    height:                 100px;
}
#cmd_contenu p.titre {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-size:              13px;
    color:                  #009900;
    text-align:             left;
    margin-left:            5px;
    margin-top:             5px;
    padding:                0;
    font-weight:            bold;
}
#cmd_contenu {
    position:               fixed;
}
/*************** Validation ***************/
fieldset input.error{
    background:             #f8dbdb;
    border-color:           #e77776;
    padding:                1px;
}
fieldset div label.error{
    margin-left:            5px;
    color:                  #b1b1b1;
    font-size:              11px;
    font-style:             italic;
    color:                  #e46c6e;
    padding:                0px;
    border:                 none;
    background:             none;
    width:                  210px;
    text-align:             left;
    float:                  none;
    display:                inline;
}
/*************** Compte utilisateur ***************/
ul.tabs{
    font-size:              12px;
    margin:                 0 0 20px 0;
    position:               relative;
    top:                    1px;
    border-bottom:          1px solid #ddd;
    height:                 33px;
}
ul.tabs li{
    float:                  left;
    list-style-type:        none;
}
ul.tabs li a{
    display:                inline;
    float:                  left;
    margin:                 5px 0 0 0px;
    padding:                5px 10px 5px 25px;
    text-align:             center;
    border-top:             1px solid transparent;
    border-left:            1px solid transparent;
    border-right:           1px solid transparent;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:       #fff;
    color:#444
    
}
ul.tabs li.selected a{
    border-top:             1px solid #ddd;
    border-left:            1px solid #ddd;
    border-right:           1px solid #ddd;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:       #fff;
    color:                  #BF0000;
    cursor:                 default;
    text-decoration:        none;
    font-weight: bold;
}
ul.tabs li a strong{
    font-weight:            normal;
    color:                  #299100;
}
ul.tabs-home li{
    border:1px solid #ddd;
    -moz-border-radius:5px;
    width:173px;
    margin:0 20px 0 0;
    display:block;
    height:100px;
    float:left;
    padding:20px 0 0 0;
    text-align: center;
    background:             url(img/degrade-gris-blanc.gif) repeat-x right center;
    font-size: 11px;
}
ul.tabs-home li a{
    padding:5px 0 5px 25px;
    margin:0 0 10px 0;
    font-size:12px;
    font-weight: bold;
    line-height: 30px;
}
.account-home a{background:   url(img/account-home.png) no-repeat 5px center;}
.account-user a{background:   url(img/account-user.png) no-repeat 5px center;}
.account-adresses a{background:   url(img/account-adresses.png) no-repeat 5px center;}
.account-orders a{background:   url(img/account-orders.png) no-repeat 5px center;}
.account-savecarts a{background:   url(img/account-savecarts.png) no-repeat 5px center;}
.user-area{
    border-top:             1px solid #ddd;
    clear:                  both;
    padding:                20px 0 0 0;
}
.user-area td{
    border-top:             1px solid #ddd;
    color:                  #333333;
    padding:                5px 0;
    font-size:              10px;
}
.user-area th{
    background-color:       #333;
    color:                  #FFFFFF;
    padding:                5px;
    font-size:              10px;
}
.address{
    padding:                0 10px;
}
.address li{
    list-style:             none;
}

/**************** recherche **************/
.search table{
    width:                  100%;
    font-size:              10px;
}
.search tr th {
    background-color:       #222;
    color:                  #fff;
}
.search tr th a{
    color:                  #fff;
}
.search tr td{
    background:             url(img/degrade-gris-blanc.gif) repeat-x right top;
}
.search td{
    border-bottom:          1px solid #ddd;
    border-top:             1px solid #fff;
}
.search tr:hover td {
    background:             #FFFFDD;
}

/**************** Récupération de mot de passe **************/


/**************** Panier **************/
.cart table, .order-cart{
    width:                  730px;
    margin:                 0;
    float:                  left;
    -moz-border-radius:     5px;
    border:                 5px solid #ddd;
}
.order-cart{
    width:                  730px;
    border-width:           1px;
    float:                  none;
    margin:                 0 auto;
}
.cart table th, .order-cart th{
    text-transform:         uppercase;
    font-size:              10px;
    color:                  #333;
    border-bottom:          1px solid #ddd;
    padding:                0 5px;
    height:                 30px;
    background:             url(img/degrade-gris-blanc.gif) repeat-x right bottom;
}
.cart table td, .order-cart td{
    border-bottom:          1px solid #ddd;
    border-top:             1px solid #FFFFFF;
    font-size:              11px;
    vertical-align:         top;
    background:             url(img/td-bottom.gif) repeat-x right bottom;
    padding-bottom:         15px;
}
.cart tr:hover td{
    background:             #ffd;
}

.cart table .cell-blanche, .order-cart .cell-blanche td{
    background:             #fff;
    border:                 none;
    padding-bottom:         0px;
}
.cart .cboxelement img, .order-cart .cboxelement img{
    border:                 1px solid #ddd;
    padding:                1px;
    background:             #fff;
}
.cart .wrap, .order-cart .wrap{
    white-space:            normal;
   
}
.wrap a{
    font-size: 14px;
    font-weight: bold;
}
.cart .item-attributes{
    margin:10px 0 0 0;
}
.cart .item-attributes li{
    list-style-type: square;
    list-style-position: inside;
    width:50%;
    float:left;
    padding:2px 0;
    color:#555;
    font-style: italic;
}
.cart #photo, .order-cart #photo{
    width:                  60px;
}
.cart #unit-price, .cart #total-price, .order-cart #unit-price, .order-cart #total-price{
    width:                  80px;
    text-align:             right;
}
.cart #quantity, .order-cart #quantity{
    width:                  100px;
    text-align:             center;
}
.cart #delete-product, .order-cart #delete-product{
    width:                  20px;
}
.recap-right{
    float:                  right;
    width:                  220px;
    border:                 5px solid #ddd;
    background:             #fff;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    background:             #ffe;
}
.recap-right ul{
    clear:                  both;
}
.recap-right li{
    list-style:             none;
}
.recap-right .next a, .recap-right .next input{
    padding:                0;
    margin:                 10px auto;
    display:                block;
    background:             url(img/next.gif) no-repeat right top;
    border:                 none;
    height:                 40px;
    width:                  180px;
    cursor:                 pointer;
    line-height:            40px;
    font-family:            Arial;
    font-size:              13px;
    font-weight:            bold;
    text-align:             center;
    color:                  #fff;
    text-decoration:        none;
}
.recap-right .continue{
    text-align: center;
    margin:0 0 10px 0;
}
.recap-right .next a:hover, .recap-right .next input:hover{
    background-position:    bottom;
}
.recap-right dl{
    width:                  198px;/*220-2-20*/
    float:                  right;
    padding:                0 10px 10px 10px;
    text-align:             right;
    font-size:              11px;
    margin:                 0 0 10px 0;
}
.recap-right dt{
    float:left ;            margin:0 5px 0 0;
    font-weight: normal;
}
.recap-right dd, .recap-right dt{
   padding:                 5px 0;
   font-size:               11px;
   color:                   #555;
}
dt.recap-total, dd.recap-total{
    border-top:             1px solid #ccc;
    color:                  #497500;
    font-weight:            bold;
    font-size:              12px;
}
dt.recap-tva{
    text-indent:            5px;
}
dt.recap-tva, dd.recap-tva{
    font-size:              10px;
    padding:                 0;
    font-style:             italic;
}
.cart-options{
    float:                  left;
    margin:                 5px 0 5px 0;
    font-size:              11px;
    border:                 none;
    width:                  698px;/*700-2*/
    text-align:             right;
}
.cart-options a{
    padding:                10px 0 10px 20px;
    height:                 20px;
    line-height:            20px;
}
.cart-options li{
    list-style-type:        none;
    font-size:              10px;
    margin:                 0 10px 0 0;
    display:                inline;
}
.cart-options #empty a{background: url(img/empty.gif) no-repeat left center;}
.cart-options #print a{background: url(img/print.gif) no-repeat left center;}
.cart-options #save a{background: url(img/save.gif) no-repeat left center;}

.shipping-estimate, .shipping-discount,.savecart{
    float:                  left;
    margin:                 0 0 1.5em 0;
    border:                 1px solid #ddd;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    padding:                10px;
    width:                  708px;/*730-20-2*/
    background:             #f9f9f9;
}
.shipping-discount{
    background:             #fff;
}

/**************** sauvegarde de panier **************/
.savecart-title{
    float:left;
    margin:0 20px 0 0;
}
.savecart-comment{
    float:left;
}
.savecart-comment input{
    width:300px;
}
/**************** Livraison **************/
.shipping-addresses,.shipping-message, .shipping-methods{
    border:                 1px solid #ddd;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    padding:                10px 10px 0 10px;
    margin:                 0 0 20px 0;
    width:                  708px;/*730-20-2*/
    background:             #f9f9f9;
}
.shipping-message{
    margin:                 0;  
}

.shipping-message fieldset{
    background:             transparent;
    background:             #fff url(img/avatar.jpg) no-repeat left center;
    margin:                 0 0 20px 0;
    padding:                10px;
    border-color:           #fff;
}
.shipping-message textarea{
    position:               relative;
    left:                   124px;
    border:                 1px solid #ddd;
    border-left:            none;
    height:                 108px;
    width:                  530px;
    padding:                0;
    margin:                 0;
}
.shipping-addresses ul, .address address, .address div{
    padding:                10px 10px;
    background:             #fff;
    border:                 1px solid #ddd;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    font-style: normal;
}
.shipping-addresses p, .tmp-user_address p{
    padding:                5px;
    margin:                 0; 
}

.shipping-addresses .address{
    width:                  319px;
    float:                  left;
    font-size:              11px;
    margin:                 0;
}
.shipping-method{
    background:             #fff;
    border:                 1px solid #ddd;
    -moz-border-radius:     5px;
    padding:                10px 0;
}
.carriers li{
    font-size:              10px;
    list-style-type:        none;
}
.carriers li span{
    font-weight:            bold;
}

/**************** Identification **************/
.auth-customer, .auth-newcustomer{
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    padding:                10px 10px 0 10px;
}
.user-auth #content{
    width:                  740px;
}
.auth-customer, .auth-newcustomer{
    background:             #f0f1f1 url(img/degrade-gris-blanc.gif) repeat-x right top;
    border:                 1px solid #ddd;
    margin:                 0 0 20px 0;
}
.auth-customer p{
    margin:                 5px 0;
    text-align:             right;
}
.auth-newcustomer p{
    font-size:              10px;
    color:                  #888;
    font-family:            arial;
    text-align:             center;
    margin:                 5px 0;
}
.auth fieldset, .user-auth fieldset{
    margin:                 0;
    border:                 0;
    background:             none;
    padding:                0;
}
.auth-customer input{
    width:                  200px;
    float:                  left;
    margin:                 0 0 0 5px;
}
.user-auth .auth-customer input{
    width:                  140px;
    float:                  left;
    margin:                 0 0 0 5px;
}
.auth-customer label{
    float:                  left;
    margin:                 0 0 0 20px;
    display:                block;
    font-size:              12px;
}
.auth-customer .buttons{
    float:                  left;
}
.auth-newcustomer div{
    border-bottom:          1px dotted #ddd;
    margin:                 0 0 5px 0;
    padding:                5px 0;
}
.auth-newcustomer input{
    width:                  254px;
}
.auth-newcustomer label{
    width:                  150px;
    float:                  left;
    display:                block;
    font-size:              12px;
    margin:                 0 0 0 20px;
    font-weight: bold;
}

/*
.auth label, .user-auth label{
    width:                  120px;
    float:                  left;
    display:                block;
    font-size:              11px;
}*/
.auth fieldset img, .user-auth fieldset img{
    vertical-align:         middle;
    cursor:                 help;
}
/*
.auth fieldset div, .user-auth fieldset div{
    border-bottom:          1px dotted #ddd;
    margin:                 0 0 5px 0;
    padding:                5px 0;
}*/
.auth .buttons input, .user-auth .buttons input{
    /*margin:10px 0;*/
    background: url(img/add-to-cart.gif) no-repeat right top;
    border:none;
    height:25px;
    width:130px;
    cursor: pointer;
    line-height: 25px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color:#fff;
}
/**************** Paiement **************/
.payment-methods{
    float:                  left;
    width:                  708px;/*730-20-2*/
    border:                 1px solid #ddd;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    padding:                10px 10px 0 10px;
    background:             #fff url(img/degrade-gris-blanc.gif) repeat-x right bottom;
    min-height: 200px;
}

.payment-methods p span{
    color:#A00020;
    font-weight: bold;
}
.payment-methods ul li{
    display:block;
    height:50px;
    background: #fff;
    border:                 1px solid #ddd;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    margin:                 5px;
    float:                  left;
    width:                  214px;
    cursor:                 pointer;
}
.payment-methods ul li.selected{
    border-color:#88ad00;
    background: #FFFFF3;
}
.payment-methods ul li *{
    cursor:                 pointer;
}
.payment-methods img{
    display:block;
    padding:5px 0 0 25px;
}
/**************** Confirmation **************/
.confirmation, .order-follow{
    float:                  left;
    width:                  948px;/*970-20-2*/
    margin:                 0 20px 20px 0;
    border:                 1px solid #ddd;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    padding:                10px 10px 0 10px;
    background:             #fff url(img/degrade-gris-blanc.gif) repeat-x right bottom;
}
.confirmation address, .confirmation .payment-cb{
    margin:0 auto 1.5em auto;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    width:                  730px;
    padding:                10px;
    border:                 2px solid #88ad00;
    background:             #fff;
}
.confirmation img{
    vertical-align:         middle;
}
.prix,.num-com{
    font-weight:            bold;
    color:                  #A00020;
}
.btn-paypal{
    margin-bottom:          10px;
}
.btn-paypal,.btn-cybermut input[type="submit"]{
    padding:                0;
    margin:                 10px auto 20px auto;
    display:                block;
    background:             url(img/next.gif) no-repeat right top;
    border:                 none;
    height:                 40px;
    width:                  180px;
    cursor:                 pointer;
    line-height:            40px;
    font-family:            Arial;
    font-size:              13px;
    font-weight:            bold;
    text-align:             center;
    color:                  #fff;
    text-decoration:        none;
}
.btn-paypal:hover,.btn-cybermut input[type="submit"]:hover{
    background-position:    bottom;
}
.btn-cybermut{
    margin:                 0 0 20px 0;
    text-align:             center;
}
.btn-cybermut input{
    cursor:                 pointer;
}

/**************** Contact **************/
.contact #content{
    /*width:                  740px;*/
    color:#fff;
}
.contact #content input{
    width:                  163px;
}
.contact #content label{
    width:                  120px;
    float:                  left;
    display:                block;
    color:#fff;
    font-size:              11px;
}
.contact #content legend{
    display:none;
}
.contact #content textarea{
    width:580px;
    height:180px;
}
.contact #content fieldset{
    border:none;
    background: transparent;
    padding:0 30px;
    margin:0;
}
.contact #content fieldset div{
    margin:                 0 0 5px 0;
}
.contact .buttons{
    padding: 0 60px 0 0;
    text-align: right;
}

/**************** Compte **************/
/*.account #content, .carts #content{
    width:                  740px;
}*/
.account #content fieldset input{
    width:                  200px;
}
.account #content label{
    width:                  120px;
    float:                  left;
    display:                block;
    font-size:              11px;
}
.account #content fieldset div{
    margin:                 0 0 5px 0;
    padding:                5px 0;
}
.account .address{
    /*width:                  319px;*/
    width:380px;
    float:                  left;
    font-size:              11px;
    /*margin:                 0 15px;*/
    margin:0;
}
.address ul{
    padding:                10px 10px;
    background:             #fff;
    border:                 1px solid #ddd;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
}
/**************** Commandes **************/
.order, .order-messages{
    border:                 1px solid #ddd;
    -moz-border-radius:     5px;
    width:                  100%;
    font-size:              10px;
}
.order th, .order-messages th{
    border-right:           1px solid #eee;
    color:                  #333;
    font-size:              10px;
    text-align:             center;
    border-bottom:          1px solid #ddd;
    text-transform:         uppercase;
    background:             #fff url(img/degrade-gris-blanc.gif) repeat-x right bottom;
}
.order td, .order-messages td{
    background:             transparent url(img/td-bottom.gif) repeat-x scroll center bottom;
    vertical-align:         top;
    border-bottom:          1px solid #ddd;
    border-top:             1px solid #fff;
    border-left:            1px solid #fff;
    border-right:           1px solid #eee;
    padding:                5px 5px 40px 5px;
    
}
#order-reference{           width: 60px;}
#order-date{                width: 60px;}
#order-product{             white-space: nowrap;}
#order-totalprice{          width: 60px;}
#order-status{              width: 80px;}
#order-actions{             width: 145px;}
#order-title{               width: 80px;}
#order-comments{            width: 120px;}
.order-totalprice{
    color:                  #497500;
    font-weight:            bold;
    font-size:              11px;
}
.order-title{
    font-weight:            bold;
}
.list-order-actions li{
    list-style-type:        none;
}
.list-order-actions li a{
    display:                block;
    height:                 18px;
    line-height:            18px;
    text-indent:            15px;
    font-size:              10px;
    font-family:            arial;
    background-position:    3px center;
    background-repeat:      no-repeat;
    width:                  145px;
    margin:                 0 0 3px 0;
}
.order-view a{background-image: url(img/order-view.gif);}
.order-addtocart a{background-image: url(img/order-addtocart.gif);}
.order-replacecart a{background-image: url(img/order-replacecart.gif);}
.order-cancel a{background-image: url(img/order-cancel.gif);}
.order-cancel {border-bottom:1px solid #ddd;}

.order-paymentinprogress{
    width:                  720px;
    margin:                 20px auto;
    padding:                10px 0;
    background:             #FDF0AF;
    border:                 1px solid #ECE0A4;
    color:                  #454545;
    text-align:             center;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
}

/************* une commande ****************/
.align-right{               text-align: right;}
.align-left{                text-align: left;}
.align-center{              text-align: center;}
.hint{
    background:             url(img/help.gif) no-repeat left center;
    padding:                2px 0 2px 20px;
    font-size:              10px;
    font-style:             italic;
}
.tmp-order .recap-right{
    border:                 none;
    background:             none;
    padding:                0 10px 0 0;
}
.tmp-order .recap-right dl{
    padding-bottom:         0;
}

.account #content, .cart #content, .shipping #content, .payment #content, .auth #content, .home #content{
    color:#444;
    background: none;
}