
#panier ul#nav-panier { margin: 15px 0 0 40px; padding: 0; display: block; overflow: hidden;}
#panier ul#nav-panier li.bt-nav-select {background: url(../images/bt-nav-panier-vert.png) no-repeat; height: 41px; width: 58px; text-align: center; color: #ffffff; font-size: 26px; font-weight: bold; padding-top: 5px; cursor: pointer; display: block; overflow: hidden; float: left;}
#panier ul#nav-panier li.bt-nav {background: url(../images/bt-nav-panier-gris.png) no-repeat; height: 41px; width: 58px; text-align: center; color: #a9a9a9; font-size: 26px; font-weight: bold; padding-top: 5px; display: block; overflow: hidden; float: left;}
#panier ul#nav-panier li.separ-nav {height: 31px; width: 76px; text-align: center; margin: 0 10px 0 10px; padding-top: 15px; display: block; overflow: hidden; float: left;}
#panier ul#ss-nav-panier { margin: 5px 0 20px 40px; padding: 0; display: block; overflow: hidden;}
#panier ul#ss-nav-panier li { margin: 0; padding: 0; height: 15px; display: block; overflow: hidden; float: left; text-transform: uppercase; text-align: center; font-size: 9px; font-weight: bold;  color:#a9a9a9;}
#panier ul#ss-nav-panier li#panier { margin: 0px 0 0 12px; padding: 0; display: block; overflow: hidden; }
#panier ul#ss-nav-panier li#coord { margin: 0px 0 0 70px; padding: 0; display: block; overflow: hidden;}
#panier ul#ss-nav-panier li#recap { margin: 0px 0 0 23px; padding: 0; display: block; overflow: hidden;}
#panier ul#ss-nav-panier li#paiement { margin: 0px 0 0 68px; padding: 0; display: block; overflow: hidden;}
#panier ul#ss-nav-panier li#fct { margin: 0px 0 0 110px; padding: 0; display: block; overflow: hidden;}
#panier ul#ss-nav-panier li span.nav-txt-select { color: #000000;}
#panier div.boutons-go { width: 750px; margin: 20px 0; padding:0; display: block; overflow: hidden; float: none;}
#panier div.boutons-go a.bouton-retour, a.bouton-retour:hover  { float: left;}
#panier div.boutons-go div.accepte-cgv { float: left; width: 400px; margin-top: 10px;}
#panier div.boutons-go div.accepte-cgv a.cgv{ color:#0033ff; }
#panier div.boutons-go div.accepte-cgv label { float: left; margin: 0px; margin-left: 5px;}
#panier div.boutons-go div.accepte-cgv input[type=checkbox] { float: left; margin: 0px; width: 15px; margin-left: 25px;border:none}
#panier a.bt-commande,#panier a.bt-commande:hover { background: url(../images/bt-vert-288px.png) no-repeat; display: block; width: 288px; height: 37px; margin 0; padding:0; text-transform: uppercase; font-weight: bold; color: #ffffff; font-size: 14px; text-align: center; text-decoration: none; float: right;padding-top : 10px;}
#panier a.bt-commander,#panier a.bt-commander:hover { background: url(../images/bt-vert-170px.png) no-repeat; display: block; width: 170px; height: 37px; margin 0; padding:0; text-transform: uppercase; font-weight: bold; color: #ffffff; font-size: 14px; text-align: center; text-decoration: none; float: right;padding-top : 10px;}
#panier a.bt-achat, a.bt-achat:hover { background: url(../images/bt-gris-285px.png) no-repeat; display: block; overflow: hidden; width: 285px; height: 26px; margin 0; padding-top:9px; text-transform: uppercase; font-weight: bold; color: #333333; font-size: 14px; text-align: center; text-decoration: none;float: left;}

#panier form.le-panier { width: 755px; margin: 20px 0 0 0; padding:0; display: block; overflow: hidden; float: none;}
#panier ul.titre-col-panier { background-color: #808080; margin : 10px 0px 0px 0px; padding : 0px;display:block;overflow: hidden; width: 750px; font-size: 16px; color: #ffffff; }
#panier ul.titre-col-panier li {width: 150px; text-align: center; display: block; overflow: hidden; float: left; height: 32px; padding: 7px 0 0 10px;}
#panier ul.titre-col-panier li#dernier {width: 350px; text-align: left;}
#panier ul.ligne-panier { margin : 10px 0px 0px 5px; padding : 0px; padding-bottom: 5px; width: 750px; display:block;overflow: hidden; border-bottom: 1px #e5e5e5 solid;}
#panier ul.ligne-panier li { margin : 0px; padding : 0px; display:block;overflow: hidden; height: auto; width: 150px; font-size: 12px; color: #000000; float: left; text-align: center; }
#panier ul.ligne-panier li.photo { width: 60px;}
#panier ul.ligne-panier li.puce { width: 5px; text-align:left; margin-right: 3px;}
#panier ul.ligne-panier li.produit { width: 300px; text-align: left;}
#panier ul.ligne-panier li input.qte-produit { width: 25px; text-align: right; font-size: 14px; color: #000000; height : 20px;}
#panier ul.ligne-panier li.prix { width: 115px; text-align: right; float:left; font-size: 14px;}
#panier ul.ligne-panier li.supprimer { width: 100px; text-align: right; float:left; font-size: 12px;}
#panier ul.ligne-panier li.supprimer a.supp-panier { color:#0033ff;}
#panier ul.ligne-total { margin : 10px 0px 20px 15px; padding : 0px; padding-bottom: 5px; width: 723px; display:block;overflow: hidden;}
#panier ul.ligne-total li { width: 470px; text-align: left; text-transform: uppercase; font-weight: bold; float: left;}
#panier ul.ligne-total li.prix { width: 150px; text-align: right;float: left; font-size: 14px;}
#panier ul.ligne-total li.recalculer { width: 100px; text-align: right;float: right; font-size: 12px; text-transform: none;}
#panier ul.ligne-total li.recalculer a.recal-panier { color: #cc006f;}

#panier div#livraison-free { background: url(../images/bg-livraison-free.png) repeat-x; width: 750px; height: 31px; margin: 10px 0 20px; padding:0; padding-top: 15px; display: block; overflow: hidden; float: none; color: #ff0000; font-weight: bold; text-align: center; font-size: 13px;}
#panier ul.frais-livraison { margin : 10px 0px 20px 15px; padding : 0px; padding-bottom: 5px; width: 723px; display:block;overflow: hidden;}
#panier ul.frais-livraison li { width: 470px; text-align: left; text-transform: uppercase; font-weight: bold; float: left; font-size: 13px;}
#panier ul.frais-livraison li.prix { width: 150px; text-align: right;}
#panier ul.details-livraison { margin : 10px 0px 20px 15px; padding : 0px; padding-bottom: 5px; width: 723px; display:block;overflow: hidden;}
#panier ul.details-livraison li { width: 235px; text-align: left; text-transform: uppercase; font-weight: bold; float: left; font-size: 13px;}
#panier ul.details-livraison li.prix { width: 150px; text-align: right;}
#panier ul.choix-mode{ margin: 0 0 15px; float: left; width:235px; padding-left: 15px; text-align: left;}
#panier ul.choix-mode li{height: 23px; margin: 0px; }
#panier input[type="radio"] { width: 15px;height : 15px; margin-top : 2px; padding: 0px; float: left;border:none }
#panier ul.choix-mode label{ margin: 0; padding: 0px; padding-top: 1px; font-size: 11px; width: 215px; text-align: left; float: right;}

#panier #codes {float: left; width: 100%;margin:0px 0 25px 15px;}
#panier #codes p {font-weight:bold;margin-bottom:5px;}
#panier #codes a {padding:5px 17px 6px 17px;color:#fff;text-decoration: none;margin-left:7px;}
#panier #codes .valid {background:url(../images/fond-coupon.png) no-repeat;float:left;}
#panier #codes input { width: 150px; font-size: 14px; color: #000000; height : 12px; border: 1px #b8b8b8 solid; float:left;}
#panier #codes .error { clear:both;width: 94%; border: 1px #cb0078 solid; background: #ffc69e; padding: 5px; margin: 38px 0 5px 0;}
#panier #codes ul {margin:0;padding:0 133px 0;float:right;}
#panier #codes li {display:inline;padding:5px 0 6px 0;} 
#panier #codes .fond {background:url(../images/fond-couponused-right.png) no-repeat top left;text-align:left;margin-right:15px;}
#panier #codes .fond a {background:url(../images/fond-couponused.png) no-repeat top right;padding-right:9px;padding-left:3px;}
#panier #codes .prix {font-size:14px; font-weight:bold;}

#panier ul.delai-livraison { margin: 0; float: left; width:355px;}
#panier ul.delai-livraison li { margin: 0; width:300px; height:25px; text-align: left; font-size: 11px;}
#panier ul.prix-livraison { margin: 0; float: left; width:100px;}
#panier ul.prix-livraison li { margin: 0; width:150px; height:25px; text-align: left;font-size: 11px;}
#panier ul.total-commande { background-color: #158b83; margin : 0; padding : 0px; width: 750px; height: 31px; display:block;overflow: hidden;}
#panier ul.total-commande li { width: 465px; padding-top: 7px; padding-left: 10px; text-align: left; font-weight: bold; float: left; font-size: 13px; color: #ffffff;}
#panier ul.total-commande li.prix { width: 150px; text-align: right;}

#panier ul.tva { background-color: #cecece; margin : 0px; padding : 0px; width: 750px; height: 31px; display:block;overflow: hidden;}
#panier ul.tva li { width: 465px; padding-top: 7px; padding-left: 10px; text-align: left; font-weight: bold; float: left; font-size: 13px; color: #ffffff;}
#panier ul.tva li.prix { width: 150px; text-align: right;}

#panier div#code-parrain { background-color: #cecece; width: 750px; height: 31px; margin:0; padding:0; padding-top: 10px; display: block; overflow: hidden; float: none; color: #00000; font-weight: bold; text-align: center; font-size: 13px;}
#panier div#code-parrain label {margin-left: 165px; margin-right: 5px; float: left; padding-top: 2px;}
#panier div#code-parrain input[type="text"] {float: left;}

#panier div#cadeau-parrain { margin : 30px 0 30px 0; padding: 0; display: block; overflow: hidden;}
#panier div#cadeau-parrain h1 { background: url(../images/bg-gradient-rode.png) repeat-x; width: 740px; height: 26px; margin: 0px; padding:0; padding-top: 2px; padding-left: 10px; display: block; overflow: hidden; float: none; color: #ffffff; text-align: left; font-size: 18px;}
#panier div#cadeau-parrain p#txt-cadeau-p { width: 725px; margin:15px 0 10px 10px; padding:0; display: block; overflow: hidden; float: none; color: #333333; text-align: left; font-size: 12px;}
#panier input[type="submit"].ajout-kdo-parrain { background: url(../images/add_panier.png) no-repeat;border: none;font-weight: bold; color: #ffffff; margin: 0; width : 93px; height : 32px;font-family: arial; font-size : 08px;padding-top:3px;cursor:pointer;text-align:center;}

#panier input[type="submit"].coups-coeur { background: url(../images/add_panier.png) no-repeat;border: none;font-weight: bold; color: #ffffff; margin: 0; width : 93px; height : 32px;font-family: arial; font-size : 08px;padding-top:3px;cursor:pointer;text-align:center; float: right;}

#panier div#choix-paiement { background: url(../images/bg-box-paiement.png) no-repeat; margin : 0 auto; margin: 50px 0 50px 250px; padding: 0; width: 332px; height: 250px; display: block; overflow: hidden; text-align:center;font-weight:bold;}
#panier div#choix-paiement h1 { margin : 0 ; padding: 0; padding-left: 10px; padding-top: 10px; width: 322px; height: 30px; display: block; overflow: hidden; font-size: 14px; font-weight: bold;padding-bottom: 5px;}
#panier div#choix-paiement input[type="text"]  { float:none; width : auto; height : auto; border :none;}
/**#panier div#choix-paiement p { margin : 0 ; padding: 0; padding-left: 10px; padding-top: 10px; width: 322px; display: block; overflow: hidden; font-size: 11px; text-transform: uppercase;}**/

#panier form.coord-panier { margin: 10px 0 0 10px;}
#panier form.coord-panier ul#coord-facture { margin:0px 0 30px 0px; width: 750px; float: none; display: block; overflow: hidden;}
#panier form.coord-panier ul#deja-client { margin:0px 0 30px 0px; width: 750px; float: none; display: block; overflow: hidden;}
#panier form.coord-panier ul#deja-client li { padding-top:10px; height: 20px;}
#panier form.coord-panier ul#deja-client input[type=text] { width: 150px;height : 20px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 2px; font-size : 13px; margin : 0px; margin-right: 10px; margin-top: -5px; display: block; overflow: hidden; float: left;}
#panier form.coord-panier ul#deja-client a#lost-password-link, #panier form.coord-panier ul#deja-client a#lost-password-link:hover { color: #333333; font-size: 12px; font-weight: normal; margin-left: 25px; text-decoration: none; float: left;}
#panier form.coord-panier ul#coord-livraison { margin:0px 0 15px 0px; width: 750px; float: none; display: block; overflow: hidden;}
#panier form.coord-panier li {margin:0px; color: #000000;font-weight: bold; font-size: 14px; margin-bottom: 10px; float: none; display: block; overflow: hidden; width: 750px;}
#panier form.coord-panier li.titre-form {width: 750px; font-weight: normal; font-size: 12px; margin-bottom: 20px; float: left; display: block; overflow: hidden;}
#panier form.coord-panier p.chp-obli {font-weight: bold; font-size: 12px; float: right; display: block; overflow: hidden; width:150px;}
#panier form.coord-panier li label {margin: 0px; padding-top: 3px; color: #000000; width :150px; font-weight: bold; font-size: 14px; display: block; overflow: hidden; float: left;}
#panier form.coord-panier li label.label-recevoir-info {width :700px; font-size: 14px; margin-left: 10px; font-weight: normal;}
#panier form.coord-panier li label.label-adresse-dif {width :500px; font-size: 14px; margin-left: 10px; font-weight: normal;}
#panier form.coord-panier input[type="text"] { width: 304px;height : 20px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 2px; font-size : 13px; margin : 0px; display: block; overflow: hidden; }
#panier form.coord-panier input[type=checkbox] {width: 15px; margin-top: 5px; float: left;}
#panier form.coord-panier textarea { width: 150px; height: 50px; color : #999999; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 4px; font-size : 13px; margin : 0px; }

#panier form.coord-panier input[type="submit"] { background: url(../images/bt-rose-114px.png) no-repeat; border: none;  width: 114px; height: 31px; margin: -4px 10px 5px 0; color : #ffffff; font-size: 12px; font-weight: bold; text-transform : uppercase; text-align : center; display : block; float : right; overflow: hidden; padding-top : 0px; text-decoration : none;}
#panier form.coord-panier input[type="submit"].bouton-ok { background: url(../images/button_ok.png) no-repeat;border: none;font-weight: bold; color: #ffffff;margin-left: 5px; width : 21px; height : 21px;font-family: arial; font-size : 08px;padding-top:0px;cursor:pointer;text-align:center; float: left;}
form.coord-panier #coord-facture select {height : 25px; color : #000000; border-top : 1px #b8b8b8  solid; border-left : 1px #b8b8b8 solid; padding : 2px;font-size : 13px;}

#panier div#fct-top { margin:10px 0 0 0; font-size: 14px; text-align: left;}
#panier div#fct-top a { float: none; margin: 0;margin-top: 20px; background: url(../images/bt-rose-114px.png) no-repeat; width: 114px;}

#panier div#fct-entete { margin:50px 0 15px 0; float: left;}
#panier div#fct-entete h1 { margin: 0; margin-bottom: 15px; padding: 0; color: #158b83; font-size: 16px; text-transform: uppercase;}
#panier div#fct-entete ul { margin: 0; padding: 0; font-size: 14px;}
#panier div#fct-entete ul li { margin-top: 5px;}
#panier div#fct-entete ul .statut-fct { text-transform: uppercase; color: #ff0000;}

#panier div.box-top-fct { margin : 0 5px 50px 15px;padding: 10px; background-color: #f6f6f6; width: 140px; min-height: 125px; height: auto; border-bottom : 1px #c7c7c7  solid; border-right : 1px #c7c7c7 solid; float: right; }
#panier div.box-top-fct h1 {margin: 0; margin-bottom: 5px; padding: 0; text-transform: uppercase; font-weight: bold; }
#panier div.box-top-fct ul {margin: 0; padding-left: 7px; background: url(../images/puce_arrow2.png) no-repeat 0px 3px; }
