body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.nodisplay{
	display: none;
}
.border{ border:#000000 2px solid; background-color:#333333; }
.display{}
.margetop11{margin-top:11px; }
.margetop4{margin-top:4px;}
.marge14{ margin-right:25px; margin-bottom:20px;}

.titre{ font-size:80%; color:#000000;}
.txt70noirmarge{font-size:70%; color:#000000; margin-left:25px;}
.txt70noirmarge2{font-size:70%; color:#000000; margin-left:15px; margin-bottom:11px;}
.txt70noir{font-size:70%; color:#000000;}

.titre{ font-size:80%; color:#000000;}
.titre a:link {
	color: #000000;
	text-decoration: none;
}
.titre a:visited {
	text-decoration: none;
	color: #000000;
}
.titre a:hover {
	text-decoration: none;
	color: #c14032;
}
.titre a:active {
	text-decoration: none;
	color: #000000;
}
.txt70noir a:link {
	color: #000000;
	text-decoration: underline;
}
.txt70noir a:visited {
	text-decoration: underline;
	color: #000000;
}
.txt70noir a:hover {
	text-decoration: none;
	color: #000000;
}
.txt70noir a:active {
	text-decoration: underline;
	color: #000000;
}
.txt70noir input{border:#000000 1px solid; }
.hrnoir hr { color:#000000;} 
.hrgris hr { color:#b7b6b6; width:173px;} 

.ville{
	font-size:55%;
	color:#000000;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:5px;
	margin-right:10px;	
}

.section{
	font-size:65%;
	color:#FFFFFF;
	margin-left:8px;
}
.bordure{
	border: 1px solid #000000;
}

.fr_txtFacture { width: 100%;}
.fr_txtProduit { width: 100%;}
.fr_txtDesc { width: 100%;}
.fr_txtQte { width: 100%;}
.fr_txtPrix { width: 100%;}
.fr_txtRaison { width: 100%;}
.fr_txtPrixTotal { width: 100%;}


/* produits personalisés */
	#prdCtnr { width: 625px; }

	/* styles généraux (titre, catégories, etc.)*/
	h2 { font-size: 90%; font-weight: normal; margin: 0; border: 1px solid #000; padding: 5px 15px; }
	h3, h4 { font-size: 80%; margin: 0; padding: 6px 15px 4px; border: 1px dashed #C0C0C0; border-width: 1px 0; }
	h3 a, h4 a, h4 span { display: none; }
	h4 { border: 1px solid #000; }
	h5 { font-size: 75%; margin: 0; padding: 5px 15px 3px; border: 1px solid #C0C0C0; border-width: 1px 0; }
	.prdPadBox { margin: 16px; }
	.prdTxtStep { padding: 16px; font-size: 80%; }
	.prdTxtSpec { margin: 16px 16px 4px; font-size: 80%; }
	.prdList { width: 170px; height: 150px; float: left; margin-left: 5px; }

	/* navigation bas */
	#prdNavRow { display: none; }

	/* boite information (!) */
	.prdInfoBox { clear: both; }
	.prdInfoBox p { font-size: 80%; padding: 5px; border: 1px dashed #808080; }
	.prdInfoBox p a { font-weight: bold; color: #000; }

	/* générateur specsheet étape 2 */
	.specsBox, .listeRadio { margin: 5px 8px 10px 8px; font-size: 80%; }
	.specsBox div.specsInner { padding: 8px; }
	.specsBox .listeRadio { font-size: 100%; margin: 0; }
	.specsBox .formBlockItem { display: block; margin: 3px 0; }
	.specsBox .button { width: 250px; }
	.specsBox .textbox { width: 470px; }
	.specsBox .prdAjaxDDL { margin: 10px 8px 0 8px; }
	.specsBox .ddlNoImg { margin-left: 0; }
	.specsBox .prdAjaxDDL select { margin-bottom: 5px; }
	.specsBox .prdAjaxDDL img, #pGabaritInner img, .sumImg { border: 1px solid #000 !important; }
	.listeRadio td { width: 125px; padding: 8px; }
	.specsBox div.specsInner *, .listeRadio td * { vertical-align: middle; }
	.listeRadio img { border: 1px solid #000; }

	/* gestion images */
	.requis, .formValidator, .formInfos label em, .formInfos span em { color: #C24032 !important; font-style: normal; }
	
	/* tableau quantités*/
	.tblQty { font-size: 80%; width: 100%; border: 1px solid #808080; border-width: 0 1px 1px 0; }
	.tblQty td, .tblQty th { padding: 0.5em; text-align: center; border: 1px solid #808080; border-width: 1px 0 0 1px; }
	.tblQty .keepleft { text-align: left; }
	.tblQty .keepright { text-align: right; }
	.tblQty .qtyField { width: 30px; font-size: 80%; }
	.qtyTtlRow .keepright { padding-right: 0; }
	.qtyTtlRow td { border-left-color: #FFF; }
	.qtyTtlRow .keepleft { border-left-color: #808080; }
	.thFormat { width: 40%; }
	.thQty { width: 20%; }
	.thQty.both { width: 60%; }
	.thPrice { width: 20%; }
	.thTtl { width: 20%; }
	.fullwidth { width: 90%; }
	.ltdwidth { width: 70%; }	
	
	/* formulaire commande */
	.formInfos { margin: 8px 0 16px; padding: 0; font-size: 80%; width: 558px; }
	.formInfos li { margin-left: 16px; width: 253px; display: inline; float: left; padding-bottom: 0.5em; }	
	.formInfos li.extraspace { padding-bottom: 0.8em; }
	.formInfos li span { display: block; }
	.formInfos .txtfield label, .formInfos span { display: block; margin-bottom: 3px; }
	.formInfos .txtfield input { width: 248px; }
	.formInfos .radiobtn label, .formInfos .radiobtn input { width: auto !important; vertical-align: middle; }
	.formInfos .radiobtn input { font-size: 0.9em; }
	.formInfos .width14 { width: 119px; }
	.formInfos .width14 input, .formInfos .width14 select { width: 113px; }
	.formInfos .width13 { width: 165px; }
	.formInfos .width13 input { width: 160px; }
	.formInfos .width34 { width: 385px; }
	.formInfos .width34 input { width: 380px; }
	.formInfos .width34 select { width: 385px; }
	.formInfos .fullwidth, .formInfos .ajaxAutre { width: 516px; }
	.formInfos .fullwidth input, .formInfos .fullwidth textarea { width: 511px; }	
	span.formNote { clear: both; display: block; margin-top: 0.4em; font-size: 80%; }
	span.formNote a { color: #000; }
	.formValidator { margin-top: 0.8em; font-size: 80%; }
	div.formInfos div { margin-left: 16px; }
	div.formInfos div.width13 { width: auto; }
	
	/* sommaire */
	#sumBox { margin: 16px; }
	.sumInnerBox .qtyWrapper { padding: 16px; }	
	.sumInnerBox .tblQty { font-size: 70%; }
	.sumInnerBox .specsBox { font-size: 70%; }
	.sumInnerBox { margin-bottom: 8px; border: 1px solid #000; border-top-width: 0; }

/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
