#bdc{ width: 500px; margin: 0 auto; padding: 0 40px 0 10px;}

.round_content hr{ border:1px solid #ffffff; border-top:1px solid #582c08;}

.round_content p{ margin: 0; padding: 2px 0px 8px 0px;}

#head_bdc{ float: left; width: 486px; border: 1px solid #765b23; background-color: #f9d589; color: #000000; font-size: 0.9em; line-height: 1em; margin-bottom: 5px;}

#head_bdc ul{ width: 486px; margin: 0px; padding: 0px; list-style:none;}

#head_bdc li{
	float: left; display: block; width: 95px; padding: 4px 0px; text-align: center; height: 23px; 
	background: url(http://site.gulliver.com/b20100511b0/web/10116/images/spacer.gif) no-repeat 5px 4px;
}

#head_bdc li#last_step{ border-right: 1px solid #fad994; border-left:0px;}

#head_bdc li#first_step{ border-left: 1px solid #fad994;}

#head_bdc .li_unfocus {}

#head_bdc .li_focus{ background-color: #96c357; color: #ffffff; font-weight: bold;}

/* ** LES BOITES ARRONDIES ** */
#bdc .round_top{ float: left; clear: both; width: 500px; position: relative; background-color:#765b23;}

#bdc .medium_width{ width: 500px;}

#bdc .medium_width .round_top{ width: 500px;}

#bdc .round_top h2{ height:22px; line-height:22px; vertical-align:middle; margin: 0px; padding:0px 0px 0px 5px; color:#ffffff; font-weight:bold; font-size:125%;}

#bdc .round_content{
	float: left; clear: both; width: 490px; padding: 5px 4px 0px 4px; border-left: 1px solid #765b23; border-right: 1px solid #765b23; background-color: #ffffff; text-align: left;
}

#bdc .medium_width .round_content{ width: 490px;}

#bdc .round_bottom{ position:relative; clear:left; margin-bottom: 10px; height:5px;}/**/

#bdc .round_bottom .fond{ border: 1px solid #765b23; background-color:#ffffff; border-top: 0px; height: 5px;}/**/

#bdc .round_bottom img{position:absolute; top:0px;}

#bdc .round_bottom .fond{ width: 498px;}

#spec_type_client .left .round_bottom .fond {width: 248px;}

#spec_type_client .right .round_bottom .fond {width: 238px;}

#bdc .medium_width .round_bottom .fond{ width: 498px;}

/* ** LES CHAMPS ** */
#bdc_SVG input.field{ height: 16px; padding: 0px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #765b23}

#bdc_SVG textarea{ padding: 0px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #765b23}

#bdc_SVG input:focus.field, #bdc_SVG textarea:focus{ border: 1px solid #765b23; color: #582c08;}

#bdc_SVG select{ font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

/*Les champs supplémentaire*/

#bdc_INFO input.field{ height: 16px; padding: 0px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #765b23}


/* ** SPECIAL TYPE CLIENT ** */
#spec_type_client .left{ float: left; clear: both; width: 250px;}

#spec_type_client .left .round_top{ width: 250px;}

#spec_type_client .left .round_content{ width: 240px; height: 260px;}

#spec_type_client .left form{ float: left; width: 240px; text-align: center;}

#spec_type_client .left .round_bottom{ width: 250px;}

#spec_type_client .subtitle{ font-weight: bold; padding-top: 0px; padding-bottom: 10px;}

#spec_type_client .right{ float: left; width: 240px; padding-left: 10px;}

#spec_type_client .right .round_top{ width: 240px;}

#spec_type_client .right .round_content{ width: 230px;}

#spec_type_client .right form{ float: left; width: 230px; /*text-align: center;*/}

#spec_type_client .right .round_bottom{ width: 250px;}

#spec_type_client .deja_client{ width: 230px;}

#spec_type_client .deja_client .cell{ float: left;}

#spec_type_client .deja_client .cell input.field{ float: left; width: 228px; border: 1px solid #765b23;}

#spec_type_client .deja_client .cell_r{ float: left; width: 140px; padding-left: 10px;}

#spec_type_client .deja_client .cell_r input.field{ float: left; width: 135px; border: 1px solid #765b23;}

#spec_type_client .deja_client label{ float: left; width: 100%;}

#spec_type_client .oubli_code{ width: 240px;}

#spec_type_client .oubli_code .subtitle{ float: left; width: 100%; font-weight: normal; padding-top: 16px; padding-bottom: 5px;}

#spec_type_client .oubli_code .cell{ float: left; width: 230px;}

#spec_type_client .oubli_code label{ float: left; width: 100%;}

#spec_type_client .oubli_code input.field{ float: left; width: 190px; border: 1px solid #765b23;}

#bdc div.comm{ float: left; width: 100%; padding-bottom: 1px; text-align: justify;}

/* ** CONTENU DU PANIER ** */
.table_bdc{ float: left; width: 100%; margin-top: 5px;}

.table_bdc table{ float: left; width: 100%; border-collapse: collapse; border: 0px; background-color: #ffffff;}

.table_bdc th{ border: 1px solid #765b23; border-collapse: collapse; vertical-align: middle; padding: 4px 8px; background-color: #96c357; color: #ffffff; text-align:left; text-align: center}

.table_bdc td{ border: 1px solid #765b23; border-collapse: collapse; vertical-align: middle; text-align: right; padding: 4px 6px;}

.table_bdc#historique th{ text-align:center;}

.table_bdc#historique td{ border: 1px solid #765b23; border-collapse: collapse;  vertical-align: middle; text-align: center; padding: 2px 6px;}

.table_bdc#historique td a{ color: #0e4801; text-decoration: underline;}

.table_bdc#historique td a:hover{ text-decoration: none;}

/* ** LIGNE DU PRODUIT ** */
.table_bdc td.product_name{ text-align: left; font-weight: bold;}

.table_bdc td.product_ref{ text-align: center;}

.table_bdc td.product_price{ }

.table_bdc td.product_qty{ text-align: center;}

.table_bdc td.product_qty input.field{ float: right; text-align: center; border: 1px solid #765b23;}

.table_bdc td.product_qty input.refresh{
	width: 15px; height: 22px; border: 0; float: right; cursor: pointer;
	background: center center no-repeat url('http://site.gulliver.com/b20100511b0/web/10116/images_bdc/btn/refresh.gif') #ffffff;
}

.table_bdc td.product_total_line{ font-weight: bold;}

.table_bdc td.product_total_line input{ float: right;}

.table_bdc td.product_total_line input.delete{
	border: 0px; margin-left: 4px; padding: 0px; width: 9px; height: 15px; cursor: pointer;
	background: url('http://site.gulliver.com/b20100511b0/web/10116/images_bdc/btn/trash.jpg') no-repeat center center;
}

.table_bdc td.product_total_line span{ float: right;}

/* ** LIGNE DU SOUS-TOTAL ** */
.table_bdc td.subtotal_title{ font-weight: bold;}

.table_bdc td.subtotal_amount{ font-weight: bold;}

/* ** LIGNE DU CODE REMISE / COUPON ** */
/* SAISIR UN COUPON */
.table_bdc td.coupon_line input.refresh{
	width: 15px; height: 22px; border: 0; float: right; cursor: pointer;
	background: center center no-repeat url('http://site.gulliver.com/b20100511b0/web/10116/images_bdc/btn/refresh.gif') #ffffff;
}

.table_bdc td.coupon_line input.field{ float: right; width: 200px; border: 1px solid #765b23;}

.table_bdc td.coupon_line span.title{ float: right; padding-right: 5px; line-height: 18px;}

/* COUPON PRIS EN COMPTE */
.table_bdc td.reduction_amount input{ float: right;border: 0px; margin-left: 4px; padding: 0px; width: 9px; height: 15px; cursor: pointer;
	background: url('http://site.gulliver.com/b20100511b0/web/10116/images_bdc/btn/trash.jpg') no-repeat center center;}

.table_bdc td.reduction_amount span{ float: right;}

/* ** LIGNE DU TOTAL A PAYER ** */
.table_bdc td.total_title{ text-align: right; background-color: #96c357; color: #ffffff; font-size: 1.5em;}

.table_bdc td.total_amount{ text-align: right; background-color: #96c357; color: #ffffff; font-size: 1.5em; font-weight: bold;}

/* ** FORMULAIRE COORD ** */
#bdc .medium_width form{ float: left;}

#bdc .medium_width .line{ float: left; clear: both; width: 99%; padding: 3px 0px; text-align: justify;}

#bdc .medium_width label{ float: left; width: 180px;}

#bdc .medium_width select{ float: left;}

#bdc .medium_width input.field{ float: left; border: 1px solid #765b23}

#bdc .medium_width .line .submit{ float: right;}

#bdc .medium_width .paiement_desc{ float: left; clear: both; width: 99%; padding: 0px; font-size: 0.9em;}

/* ** ADRESSE DE LIVRAISON DIFFERENTE ** */
#bdc div.adresse_livraison{ float: left; clear: both; width: 680px;}

#bdc div.adresse_livraison label input{ float: left; border: 1px solid #765b23}

#bdc div.adresse_livraison label{ float: right; width: 650px; font-weight: bold; color: #d0041c; font-size: 14px;}

/* ** BOUTON RETOUR ** */
#bdc .retour_cata{ float: left; clear: both; width: 100%; text-align: center;}

#bdc .retour_cata img{}

/* ** BLOC DES ADRESSES ** */
#previ_coord{ float: left; width: 490px; padding: 0px;}

#previ_coord .txt_infos_commande{ float: left; width: 480px; }

#previ_coord .adresse{ float: left; width: 240px;}

#L_back_btn input{
	width: 275px; height: 27px; border: 0px; padding: 0px; margin: 0px; cursor: pointer;
	background: url(http://site.gulliver.com/b20100511b0/web/10116/images_bdc/btn/bdc_revenir-etape-prec.gif) no-repeat top left;
}