@charset "utf-8";
/* CSS Document */
/* copyright www.sudlabo.fr - created by www.drimlike.com */


body { background-image: url(../images/template/bkg-body.jpg); background-position:left top; background-repeat:repeat-x; background-color:#ae0917; text-align:center; font-size:13px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color:#000000; }
img { border:0px;}
img {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
a:hover img  {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}

#global { background-color:#FFFFFF; width:1000px; margin-left:auto; margin-right:auto; text-align:left;}
#header { background-image:url(../images/template/bkg-header.jpg); background-position:right top; background-repeat:no-repeat; height:115px; }
#header h2 { margin:0; padding:0; float:right; padding:20px 220px 0 0; text-align:right; font-weight:bold; font-size:16px; color:#000000;}
#header small { float:right; font-size:10px;}
.optioncommand p { text-align:center;}
.optioncommand p b { color:#CC0000; font-size:12px;}
#logo { background-image:url(../images/template/logo-printiz.gif); background-position:left top; background-repeat:no-repeat; text-indent:-800px; width:265px; height:100px; float:left; margin:0 0 0 30px;}
#logo a {width:265px; height:100px; display:block;}
#menu { margin:0; padding:15px 0 0 30px; clear:both; height:35px;}
#menu ul { margin:0; padding:0; list-style:none;}
#menu ul li { float:left; text-align:center; margin:0 10px 0 0;}
#menu ul li a { display:block; width:180px; height:25px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; text-decoration:none; padding:10px 0 0 0; font-size:14px; }
#menu ul li a:hover { background-color:#e5e9eb; color:#8e969b}
.selected  { background-color:#e5e9eb;}
#compteclient { padding:8px 30px 5px 10px; font-size:12px; color:#8e969b; text-align:right; }
#compteclient img { margin: 0 0 0 5px;}
#railway { padding:8px 95px 0 35px; font-size:10px; color:#8e969b; clear:both; }
#railway a { color:#8e969b; text-decoration:none;}
#railway a:hover { color:#dce0e3;}
#homecontent { background-color:#e5e9eb; width:980px; margin-left:auto; margin-right:auto;  padding:30px 0 20px 0; }
.introbox { float:left; text-align:center; width:445px; padding:0 0 0 30px;}
#introtxt { clear:both; width:910px; margin-left:auto; margin-right:auto; padding:30px 0 30px 0; color:#8e969b; }
#content { background-color:#e5e9eb; width:980px; margin-left:auto; margin-right:auto;  padding:0 0 20px 0; }

#rightcol { float:right; width:665px; padding:0 20px 0 0;}
.colbox { width:615px; background-image:url(../images/template/bkg-col.gif); background-position:left top; background-repeat:repeat-y; padding:15px 25px 0 25px;}
.bottom { widows:665px; height:35px; background-image:url(../images/template/bkg-blocker.gif); background-position:left top; background-repeat:no-repeat;}
.block { clear:both;}
.productbox { float:left; width:118px; height:115px; padding:5px 5px 10px 0px; text-align:center;}
.productbox a { text-decoration:none; font-size:13px; color:#000000; }
.productbox a:hover { color:#e01b1d}
.numberlist { float:left; width:60px; padding:12px 0 0 10px;}
.txtlist { float:left; width:520px;}
.uploadfichier { text-align:center; padding:30px 0 30px 0; background-image:url(../images/template/bkg-biggradient.gif); background-position:left bottom; background-repeat:repeat-x;}
.uploadfichier input { font-size:20px;}
.uploadfichier p {text-align:center; margin:5px 20px 5px 20px;}
/* radio list upload */
ul.radio_list { margin:0; padding:0 0 0 25px; list-style:none; text-align:left;}
ul.radio_list li { margin:0; padding:0 0 10px 0; list-style:none;}

.productlist { width:610px; clear:both; border-top: 1px dotted #CCCCCC; padding:5px 0 0 0; margin:0 0 10px 0; }
.productlist2 { width:610px; clear:both; border-top: 1px dotted #CCCCCC; border-left: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC; padding:5px 0 0 0; margin:0 0 10px 0;  }
.imgproductlist { width:105px; float:left; padding: 0 0 0 5px;}
.optioncommand { clear:both; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; background-image:url(../images/template/bkg-gradient.gif); background-position:left bottom; background-repeat:repeat-x; padding:2px 10px 2px 5px; text-align:right;}
.left { text-align:left; }
.prodtxt { width:490px; float:right; padding:0 0 10px 0;}
.floatleft { float:left; margin-right:15px;}
.productlist h3, .productlist2 h3 { padding:7px 0 0 0; margin:0;}
.productlist h3 a, .productlist2 h3 a { color:#000000; font-size:16px; margin:0; padding:0;}
.productlist p, .productlist2 p { margin:0; padding:5px 0 0 0; font-size:12px; }
.prodbkggris { border-right: 2px solid #8e969b; padding:0 8px 0 5px; }

.pricetable { text-align:center; margin-top:15px; clear:both;}
.pricetable th { }
.tablehead { background-image:url(../images/template/bkg-headtable.gif); background-position:center top; background-repeat:no-repeat; color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:12px;}
.tablewhite { color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:14px; width:200px;}
.pricetable a { color:#000000;}
.pricetable a:hover { color:#FFFFFF; background-color:#e01b1d; padding:1px 3px 1px 3px;}
.txtprod { clear:both; padding:15px 10px 0 10px;}
.promoprix { background-color: #FFFF00; padding:2px 3px 2px 3px;}

#tr_shop_content { clear:both; padding:0 0 30px 0;}
#tr_shop_content a { color:#FFFFFF; font-weight:bold; text-decoration:none; padding:2px 5px 2px 5px;  background-color:#8e969b; }
#tr_shop_content a:hover {background-color:#e01b1d;}

#tr_shop_process_menu { width:610px; height:40px; display:block; text-align:center;}
.tr_shop_process_nav_outer_container { float:left; width:120px; padding:3px 0 3px 0; background-color:#fff; border-right: 1px dotted #FFFFFF; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC;}
.tr_shop_process_nav_outer_container a { color:#999999}
.tr_shop_process_nav_outer_container_current { float:left; width:120px; border: 1px dotted #FFF; padding:3px 0 3px 0; background-color:#fff; border-top: 1px dotted #e01b1d; border-bottom: 1px dotted #e01b1d;}

.tr_shop_user_billing_addresses_list { float:left; width:300px; padding:0 20px 0 10px;}
.butprod {clear:both; text-align:right; padding:20px 0 0 0;}
.butprod input { font-size:16px; }
.doublebox { width:280px; float:left; border-top: 1px dotted #CCCCCC; border-left: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC; padding:5px 0 0 0; margin:10px 20px 10px 0; background-image:url(../images/template/bkg-biggradient.gif); background-position:left bottom; background-repeat:repeat-x;}
.doublebox h3 { padding:0 0 10px 15px; font-size:18px;}
.doublebox p { padding:0 0 0 20px;}
.doublebox form, .doublebox table { padding:5px 20px 20px 20px;}
.boutcompte { text-align:center; padding:10px 0 5px 0;}
.tr_shop_user_address_list_detail { padding:10px 20px 10px 20px; border-top: 1px dotted #CCCCCC;}
.tr_shop_user_address_list_detail a { font-size:12px;  }
.editeradresse { text-align:right; padding:5px 0 0 0;}
.trShopUser_address_add ul li { list-style:none; }
.tr_shop_table_standard { width:100%; border:1px dotted #CCCCCC; background-image:url(../images/template/bkg-biggradient.gif); background-position:left bottom; background-repeat:repeat-x; }
.tr_shop_table_standard td { padding:2px 5px 2px 5px;  }
.tr_shop_table_standard td { border-top: 1px dotted #CCCCCC;}
.tr_shop_table_standard thead { text-transform:uppercase; font-weight:bold; color:#FFFFFF; background-color:#e01b1d; text-align:center; font-size:12px;}
.tr_shop_table_number { text-align:center;}
.bigtotal { font-size:16px; font-weight:bold;}
.tr_shop_basket_validation_box { width:300px; padding:10px 20px 20px 20px;}
.tr_shop_basket_validation_box h3 { padding:5px 0 10px 0;}

#leftcol { float:left; width:252px; padding:0 0 0 20px;}
.leftcolbox { width:252px; background-image:url(../images/template/bkg-leftcol.gif); background-position:left bottom; background-repeat:no-repeat; margin:0 0 20px 0;}
.leftcolbox h4 { width:252px; height:30px; display:block; background-image:url(../images/template/bkg-leftcoltop.gif); background-position:left top; background-repeat:no-repeat; margin:0; padding:4px 0 0 10px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
.leftcolbox p { margin:0 0 10px 15px; padding:0; text-transform:uppercase; font-weight:bold;color:#e01b1d}
.leftcolbox ul { margin:0; padding:0 0 20px 30px; list-style:square; color:#e01b1d}
.leftcolbox ul li a { color:#000000; text-decoration:none;}
.leftcolbox ul li a:hover {color:#e01b1d}

#footer { text-align:right; padding:10px 30px 10px 0; font-size:10px; color:#8e969b;}
#footer a {color:#8e969b;}
#footer a:hover {color:#dce0e3;}

/* couleurs */
.gris {color:#8e969b;}
.grismoyen { color:#dce0e3}
.grisclair { color:#e5e9eb}
.vert { color:#b8cd15}
.bleu { color:#3cacdf}
.violet { color:#bd0279}
.orange { color:#ef9504}
.rouge { color:#e01b1d}

.bkggris { background-color:#8e969b;}
.bkggrismoyen { background-color:#dce0e3;}
.bkggrisclair { background-color:#e5e9eb}
.bkgvert { background-color:#b8cd15}
.bkgbleu { background-color:#3cacdf}
.bkgviolet { background-color:#bd0279}
.bkgorange { background-color:#ef9504}
.bkgrouge { background-color:#e01b1d}

.prodvert { border-right: 2px solid #b8cd15; padding:0 8px 0 5px; }
.prodbleu { border-right: 2px solid #3cacdf; padding:0 8px 0 5px; }
.prodviolet { border-right: 2px solid #bd0279; padding:0 8px 0 5px; }


/* txt */
h1 { padding:20px 0 20px 25px; margin:0; font-size:26px;}
h2 { margin:0 0 10px 0; padding:0; font-size:20px; color:#e01b1d }
h3 { margin:10px 0 5px 0; padding:0; color:#e01b1d; font-size:14px;}
p { margin:10px 0 5px 0; padding:0; }


a { font-weight:bold; text-decoration:none; color:#e01b1d;}
a:hover { color:#8e969b}

div.flash{
	font            : normal normal normal 12px Arial, sans-serif;
	color           : #FFF;
	padding         : 4px;
	margin          : 4px 10px 8px 0;
	width			: 535px;
}

div.flash p{
	margin          : 0;
	padding         : 0;
}

div.flash-erreur,
div.flash-tr_shop_notice{
	border          : 2px solid #ff0000;
	color           : #ff0000;
	padding         : 8px 8px 8px 38px;
	font-weight     : bold;
}

div.flash-confirmation,
div.flash-message,
message-flash {
	border          : 2px solid #8e969b;
	background-color: #b7e700;
	color           : #000000;
	padding         : 8px 8px 8px 38px;
	font-weight     : bold;
}