body							{ margin:0; padding:0; width:100%; height:100%; color:#333; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.bg-eshop						{ background:url(../images/eshop/bg-eshop.jpg) no-repeat top center;}

/* html */
h1,h2,h3,h4,h5,h6,ul			{ margin:0; padding:0;}
#header h2						{ display:none;}
a,a:visited						{ color:#fc7401; text-decoration:none; outline:none;}
a:hover							{ color:#333; text-decoration:underline;}
a img							{ border:none;}
ul,li,ol						{ list-style:none;}

.last-li						{ border:none !important;}
.btn							{ height:20px; margin:0 5px; padding:0 7px; color:#fff !important; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none !important; background:#fc7401 url(../images/eshop/bg-btn.jpg) repeat-x center left; border:none; cursor:pointer;}
a.btn-back						{ height:20px; margin:0 5px; padding:0 10px; color:#fff !important; text-decoration:none !important; line-height:20px; background:#fc7401 url(../images/eshop/bg-btn.jpg) repeat-x center left;}
a.btn-delete					{ display:block; margin:10px 0 0; color:#f00 !important; text-decoration:underline !important;}
a:hover.btn-delete				{ text-decoration:none !important;}

.flt-left						{ float:left;}
.flt-right						{ float:right;}

a.ico-basket					{ padding:0 0 0 25px; background:url(../images/eshop/ico-basket.gif) no-repeat center left;}
div.print						{ position:relative; width:740px; height:20px; padding:0 15px; margin:0 0 5px;}
div.print a						{ position:absolute; top:0; right:15px; display:block; padding:0 0 0 25px; height:20px; line-height:20px; background:url(../images/eshop/ico-print.gif) no-repeat top left;}
a.btn-add						{ display:block; width:20px; height:20px; background:url(../images/eshop/ico-add.gif) no-repeat center center; text-indent:-200em;}

/* container */
#header-eshop					{ position:relative; overflow:hidden; width:770px; height:40px; margin:0 auto;}
#header-eshop h1 a				{ display:block; width:110px; height:40px; background:url(../images/eshop/walldeco-logo.gif) no-repeat top left; text-indent:-200em;}

#nav-top-eshop 					{ position:absolute; top:0; right:0; height:28px; padding:14px 0 0;}
#nav-top-eshop li				{ float:left; padding:0 9px 0 10px; line-height:12px; border-right:1px solid #fff;}
#nav-top-eshop li a				{ color:#fff; text-decoration:none;}
#nav-top-eshop li a:hover		{ text-decoration:underline;}

/* content */
.bg-content-log					{ background:url(../images/eshop/bg-content-log.png) no-repeat 0px 70px;}
/** html .bg-content-log *		{ position:relative;}*/

.bg-content						{ background:url(../images/eshop/bg-content.png) no-repeat 0px 7px;}
/** html .bg-content *			{ position:relative;}*/

#content-eshop					{ position:relative; overflow:hidden; width:770px; margin:0 auto; padding:0 10px;}
* html #content-eshop			{ position:static;}
#content-eshop h2				{ float:left; width:440px; height:77px; padding:3px 0 0; line-height:77px; font-size:18px; font-style:italic; font-weight:normal; color:#fff;}
#content-eshop h3				{ display:block; clear:both; margin:15px; padding:0 0 0 7px; font-size:16px; text-transform:uppercase; border-left:3px solid #fc7401;}
#content-eshop h3 span			{ font-size:16px; font-style:italic; color:#fc7401; text-transform:none;}

.focusbox						{ overflow:hidden; clear:both; width:740px; padding:15px 15px 0;}
.focusbox-header				{ width:740px; height:6px; font-size:1px; background:url(../images/eshop/bg-focusbox.gif) no-repeat top left;}
.focusbox-content				{ overflow:hidden; width:740px; background:#e5e5e5;}
.focusbox-footer				{ width:740px; height:6px; font-size:1px; background:url(../images/eshop/bg-focusbox.gif) no-repeat bottom right;}

#logo-customer					{ float:right; width:170px; height:50px; margin:30px 0 0; padding:0 80px 0 0; text-align:center;}

.back							{ width:740px; margin:15px 0; padding:5px 15px; border-top:1px solid #e5e5e5; overflow:hidden;}
.back a							{ height:20px; line-height:20px; margin:0; padding:0 7px; color:#fff !important; text-align:center; background:#fc7401 url(../images/eshop/bg-btn.jpg) repeat-x center left; text-decoration:none !important;}

/* login */
#language						{ position:absolute; top:17px; left:150px; margin:0; padding:0; list-style:none;}
#language li					{ float:left; font-size:13px; border-collapse:collapse; border-left:1px solid #333; border-right:1px solid #333;}
#language li a					{ color:#fff; display:block; padding:0 5px; text-decoration:none;}
#language li.lang-current a		{ color:#f47d11;}
li#nl							{ border-left:none;}

.focusbox-content ul							{ width:100%;}
.focusbox-content *								{ position:relative;}
.focusbox-content li							{ float:left;}
.focusbox-content p								{ clear:both; font-size:10px; margin:5px 0 0 15px;}
.focusbox-content #ErrorContainer				{ clear:both; margin:0 0 0 15px; width:100%;}
.focusbox-content #ErrorContainer .msg_error	{ color:#900; font-size:10px;}
.focusbox-content h4							{ font:40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cf6006; margin:0 0 0 10px;}
.login-input									{ width:100px; height:18px; margin:14px 15px 0 0; padding:1px 5px; color:#333; border:1px solid #d5d5d5; background:#fff; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.btn-log										{ border:0; margin:16px 0 0; width:70px; height:20px; padding:0 5px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#e5e5e5; background:url(../images/eshop/bg-btn.jpg) repeat-x center left;}

.client											{ width:100%; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.client	a										{ display:block; float:right; height:21px; line-height:21px; margin:4px 0; padding:0 0 0 25px; background:url(../images/eshop/ico-fleche.gif) no-repeat top left;}

/* kwicks */
#kwicks_container 				{ height:160px; margin:0 0 0 15px; background:#fff;}
#kwicks 						{ position:relative;}
#kwicks .kwick 					{ position:relative; float:left; display:block; width:140px; height:160px; border-right:10px solid #fff;}
.kwick strong					{ position:absolute; bottom:5px; left:10px; color:#fff; font-size:12px; text-transform:uppercase;}
.kwick span						{ position:absolute; bottom:0; right:0; display:block; width:30px; height:30px; background:url(../images/eshop/ico-fleche-kwick.png) no-repeat top left;}

#kwicks .kwick-last-li			{ border-right:0 !important;}
.clr							{ clear:both;}

#step-01						{ background:url(../images/eshop/bg-step-default.jpg) no-repeat top left;}
#step-02						{ background:url(../images/eshop/bg-step-default.jpg) no-repeat top left;}
#step-03						{ background:url(../images/eshop/bg-step-default.jpg) no-repeat top left;}
#step-04						{ background:url(../images/eshop/bg-step-default.jpg) no-repeat top left;}
#step-05						{ background:url(../images/eshop/bg-step-default.jpg) no-repeat top left;}

/* navigation step */
#nav-step						{ clear:both; position:relative; width:740px; padding:15px 15px 0; overflow:hidden;}
#nav-step ul					{ position:relative; clear:both; width:740px; height:40px; background:url(../images/eshop/bg-nav-step.gif) repeat-x; overflow:hidden;}
#nav-step li					{ float:left; width:148px; height:45px; line-height:40px; font-size:16px; font-weight:bold; color:#c3c3c3; text-align:center;}

#nav-step span					{ position:absolute; z-index:11111; width:6px; height:6px; font-size:1px; background:url(../images/eshop/corner.gif) no-repeat;}			
#nav-step span.tl				{ position:absolute; top:15px; left:15px; background-position:top left;}
#nav-step span.tr				{ position:absolute; top:15px; right:15px; background-position:top right;}
#nav-step span.bl				{ position:absolute; bottom:0px; left:15px; background-position:bottom left;}
#nav-step span.br				{ position:absolute; bottom:0px; right:15px; background-position:bottom right;}

.step-on						{ background:url(../images/eshop/bg-nav-step-on.gif) no-repeat top left; color:#fff !important;}

/* step 00  */
.focusbox h4					{ font:40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cf6006; margin:0 0 10px 10px;}

#concept						{ width:740px; margin:0 15px; overflow:hidden; }
#concept li						{ color:#cd4f15; margin-left:25px;}

#tableau						{ margin:20px 0; padding:0; overflow:hidden;}
#tableau ul 					{ width:735px;  margin:0 auto; padding:0; display:inline; text-align:center; }
#tableau ul li 					{ width:147px; padding:0; border-left:dotted 1px #d3d3d3; list-style:none; display:inline; float:left; text-align:center;}
#tableau ul li a 				{ margin:0 auto; color:#333; text-decoration:none; }
#tableau .first 				{ color:#fff; text-decoration:none; border-left:none;}

.sousPicto 						{ font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#fc7401; }

/* step 01 choix photos */
#accordion						{ width:77px;}
#accordion h4					{ display:block; width:700px; height:21px; margin:5px 15px 10px; padding:0 0 0 25px; line-height:21px; font-size:14px; background:url(../images/eshop/ico-fleche.gif) no-repeat top left; border-bottom:1px solid #e5e5e5; cursor:pointer;}
#accordion h4 strong			{ color:#fc7401;}
#accordion ul					{ width:736px; margin:5px 15px; padding:0 2px;}
#accordion li					{ float:left; display:inline; overflow:hidden; width:126px; margin:0 4px 8px; padding:4px; background:#fff; border:1px solid #e5e5e5;}

#accordion li a					{ display:block; width:100%; height:100%; text-decoration:none; color:#333; cursor:pointer;}
#accordion li a:hover			{ text-decoration:none; color:#fc7401;}

#accordion li em				{ display:block; width:126px; height:100px; margin:0 0 5px; text-align:center; background:#e5e5e5;}
#accordion li em img			{}

#accordion li a span			{ display:block; width:126px; height:20px; line-height:20px;}

.tool-tip 						{ color:#fff; z-index:13000;}
.tool-title 					{ margin:0; padding:8px 8px 0px; font-size:10px; color:#fc7401; background:#fff; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;  border-right:1px solid #e5e5e5;}
.tool-text 						{ padding:4px 8px 8px; background:#fff; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;  border-right:1px solid #e5e5e5;}

/* step 02 choix support */
#support-choose					{ width:740px; margin:0 15px; overflow:hidden;}

#img-select						{ float:left; width:230px;}
#img-select .my-picture			{ overflow:hidden; width:220px; padding:4px; border:1px solid #e5e5e5;}
#img-select span				{ display:block; width:220px; padding:3px 5px; margin:5px 0; background:#f1f1f1;}

#support-select					{ float:right; width:495px;}
#support-select	ul				{ float:left; width:150px;}
#support-select	li				{ position:relative; width:150px; height:50px; margin:0 0 10px;}
#support-select	li a			{ display:block; width:135px; height:50px; padding:0 0 0 15px; line-height:50px; background:#e5e5e5; color:#fc7401; font-size:16px; text-decoration:none; font-weight:bold;}
#support-select	li a:hover		{ background:#fc7401 url(../images/eshop/bg-lk-support.jpg) no-repeat top right; color:#fff;}

.info-support					{ float:right; width:330px;}
.info-support h3				{ margin:0 0 10px !important;}
.info-support p					{ margin:0 0 10px; padding:0;}
.info-support strong			{ color:#fc7401;}

.hidden							{ display:none;}
.lk-active						{ background:#fc7401 url(../images/eshop/bg-lk-support.jpg) no-repeat top right !important; color:#fff !important;}

#support-select	li span			{ position:absolute; z-index:11111; width:6px; height:6px; font-size:1px; background:url(../images/eshop/corner.gif) no-repeat;}			
#support-select	li span.tl-spt	{ top:0; left:0; background-position:top left;}
#support-select	li span.tr-spt	{ top:0; right:0; background-position:top right;}
#support-select	li span.bl-spt	{ bottom:0; left:0; background-position:bottom left;}
#support-select	li span.br-spt	{ bottom:0; right:0; background-position:bottom right;}

/* step 03 cadrage */
#dimension						{ overflow:hidden; width:740px; margin:5px 15px 0;}
#dimension h5					{ display:block; clear:both; width:auto; margin:0 0 5px; padding:0; font-size:14px; color:#fc7401;}

#dimension-img					{ float:left; width:222px; padding:0 20px 0 0;}
#dimension-img img				{ display:block; width:110px; height:70px; margin:0 0 15px; padding:4px; background:#fff; border:1px solid #e5e5e5;}
#dimension-img p				{ margin:5px 5px 15px; text-transform:uppercase;}
#dimension-img p span			{ color:#fc7401;}
#dimension-img ul				{ margin:0 0 15px; padding:0;}
#dimension-img li				{ margin:1px 5px; padding:0;}
#dimension-img label			{ display:block; width:206px; height:20px; margin:0 0 10px; padding:0; color:#333;}
#dimension-img select			{ width:220px; height:20px; margin:0 0 10px; color:#333; border:1px solid #e5e5e5; background:#fff; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#prix							{ width:222px; height:auto; margin:0; padding:5px 0 0; background:url(../images/eshop/bg-prix.gif) no-repeat top left;}
#prix h5						{ width:202px; padding:0 10px 5px; margin:0; font-size:14px; font-weight:bold; background:url(../images/eshop/bg-prix.gif) no-repeat bottom right;}
#prix h5 span					{ color:#333;}
#prix-note						{ text-align:right; font-size:10px; color:#fc7401;}

.dimension-champ				{ width:210px; height:18px; padding:1px 5px; margin:0 0 10px; color:#333; border:1px solid #e5e5e5; background:#fff; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#dimension-cadrage				{ float:left; width:475px; min-height:350px; padding:0 0 0 20px; border-left:1px solid #e5e5e5;}
* html #dimension-cadrage		{ float:left; width:475px; height:350px; padding:0 0 0 20px; border-left:1px solid #e5e5e5;}

/* step 04 - basket */
#eshop-basket							{ width:740px; margin:0 15px; overflow:hidden;}
#eshop-basket table						{ width:740px; margin:0 0 10px; border-top:1px solid #e5e5e5;}
#eshop-basket table	em					{ display:block; margin:5px 5px 0;}
#eshop-basket table	input				{ width:20%; height:20px; margin:0; padding:0 5px; color:#333; border:1px solid #e5e5e5; background:#fff; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#eshop-basket table	input.btn-quantity 	{ padding:0; margin:0; width:15px; height:20px; background:#ddd; border:1px solid #fff;}
#eshop-basket span						{ height:20px; padding:0 7px; line-height:20px; text-align:center; color:#fc7401; font-weight:bold; font-size:14px; background:#f1f1f1;}
#eshop-basket table	img					{ display:block; /*width:110px; height:70px;*/ padding:4px; background:#fff; border:1px solid #e5e5e5;}
#eshop-basket h6						{ display:block; clear:both; width:auto; margin:0; padding:0; font-size:12px; color:#fc7401; font-weight:bold; text-transform:uppercase;}

.table-basket th						{ margin:5px 0; padding:2px 10px 0; background:#e5e5e5; text-align:left; border-bottom:3px solid #d5d5d5; font-size:14px; color:#333;}
.table-basket th small					{ font-size:10px; font-weight:normal;}
.table-basket td						{ padding:10px; border-bottom:1px solid #fc7401;}
.table-basket td.total-articles 		{ border-bottom:1px solid #e5e5e5;}
.table-basket .ico-trash				{ margin:0; padding:0; border:none !important; width:17px; height:17px;}

/* step 05 validation*/
#validation											{ overflow:hidden; width:740px; margin:5px 15px 0;}
#validation h5										{ display:block; clear:both; width:auto; margin:0 0 5px; padding:0; font-size:14px; color:#fc7401;}

#validation	select									{ height:20px; margin:0; padding:1px 0 0 5px; font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#555; background:#fff; border:1px solid #ddd;}
#validation	input									{ height:19px; padding:1px 5px 0 5px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#555; background:#fff; border:1px solid #ddd;}

/* 05 recap */
#validation table.recap								{ float:left; width:740px; margin:0px;}
#validation table.recap input						{ width:90%;}

/* 05 information */
#validation #form-information						{ clear:both; float:left; width:740px; overflow:hidden; margin:15px 0 0; padding:10px 0 0; border-top:1px solid #ccc;}
#validation #form-information-left					{ float:left; width:350px; margin:0; padding:0;}
#validation #form-information-right					{ float:right; width:350px; margin:0; padding:0;}

#validation #form-information #selectCorporateName	{ width:60px;}
#validation #form-information #inputClientName		{ width:150px;}

#validation #form-information #selectGenre			{ width:60px;}
#validation #form-information #inputContact			{ width:150px;}

#validation #form-information input.width-213		{ width:213px;}

/* 05 address */
#validation #form-address							{ clear:both; float:left; width:100%; overflow:hidden; margin:15px 0 0; padding:10px 0 0; border-top:1px solid #ccc;}
#validation #form-address table						{ width:100%;}
#validation #form-address select					{ width:225px;}
#validation #form-address input						{ width:213px;}

#validation #form-address-billing					{ float:left; width:350px; margin:0; padding:0;}
#validation #form-address-delivery					{ float:right; width:350px; margin:0; padding:0;}

#form-address-delivery label.lbl-hide				{ display:block; overflow:hidden; width:350px; height:24px; padding:0;}
#form-address-delivery label.lbl-hide span			{ display:block; float:left; width:310px; height:24px; line-height:22px; padding:0;}
#form-address-delivery label.lbl-hide input			{ display:block; float:left; width:14px !important; height:14px; margin:5px 10px 5px 7px; padding:0; background:#fff; border:none;}

#validation #form-button							{ clear:both; height:20px; padding:15px 0;}
#validation #form-button p							{ margin-left:20px; float:left; font-size:10px;}

.spacer												{ width:350px; height:24px;}

/* Step 06 Recapitulatif */
#validation #form-address2							{ clear:both; float:left; width:738px; overflow:hidden; margin:15px 0 0; padding:10px 0 0; border-top:1px solid #ccc;}
#validation #form-information2						{ float:left; width:235px; margin:0 15px 0 0; padding:0;}
#validation #form-address-delivery2					{ float:left; width:235px; margin:0 15px 0 0; padding:0;}
#validation #form-address-billing2					{ float:left; width:235px; margin:0; padding:0;}

table.info-step6									{ width:100%;}
table.info-step6 td									{ padding:2px; border-top:1px solid #eee;}

.modif-login										{ overflow:hidden; position:relative; width:740px; margin:0; background:#e5e5e5; }

.basket-recap th									{ margin:5px 0; padding:2px 10px 0; background:#e5e5e5; text-align:left; border-bottom:3px solid #d5d5d5;}
.basket-recap td									{ padding:10px; border-bottom:1px solid #fc7401;}
.basket-recap td em									{ display:inline !important; margin:0 0 0 10px; padding:0 0 0 9px; line-height:10px; border-left:1px solid #e5e5e5;}
.basket-recap td.total-articles 					{ border-bottom:1px solid #e5e5e5;}

/* message error */
.msg-error						{ width:700px; margin:0 15px 15px; padding:0 10px 0 30px; line-height:20px; color:#f00; background:#eee url(../images/eshop/ico-error.gif) no-repeat 7px 0;}
.msg-validation					{ width:700px; margin:0 15px 15px; padding:0 10px 0 30px; line-height:20px; color:#648d37; background:#eee url(../images/eshop/ico-validation.gif) no-repeat 7px 0;}

/* footer // wrap // content all */
html 							{ height: 100%;} 
body 							{ height: 100%;} 
#wrap 							{ position:relative; min-height:100%;}
#content-all					{ margin-bottom:70px;} 
* html #wrap 					{ height:100%;} 
#footer 						{ position:relative; width:100%; height:40px; margin-top:-40px; background:url(../images/eshop/bg-footer.jpg) repeat-x top left;} 
* html #footer 					{ margin-top:-40px;}

#footer ul						{ width:760px; margin:auto; padding:10px 0;}
#footer li						{ float:left; margin:0 0 0 9px; padding:0 10px 0 0; line-height:10px; font-size:10px; border-right:1px solid #333;}