/* CSS Document */

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	background-color:#FFFFFF; 
	font-size:9px; 
}

.espaceBasPetit { 
	margin-bottom:7px; 
}

.espaceBasPetit3 { 
	padding-bottom:3px;
}

.espaceHautPetit2 { 
	padding-top:3px; 
}

.espaceHautPetit { 
	margin-top:6px; 
}

.espaceHautGrand { 
	margin-top:23px; 
}

.gras { 
	font-weight:bold; 
}

img { 
	border:none; 
}

.clearBoth { 
	clear:both; 
}

.clearLeft { 
	clear:left; 
}

.clearRight { 
	clear:right; 
}

.agauche { 
	float:left; 
}

.adroite { 
	float:right; 
}

.txtnoir { 
	color:#000000; 
	font-size:11px; 
	font-weight:bold; 
}

/**************Affinez votre selection***********/

#contenuSelecteur { 
	width:997px; 
	margin-left:auto; 
	margin-right:auto; 
}

.blocAffinerSelection { 
	width:362px; 
	float:left; 
	padding-right:3px;
	margin-left:4px;
}

.titre { 
	text-transform:uppercase; 
	color:#4a9da5; 
	font-size:13px; 
	margin-left:13px; 
	width:350px; 
	margin-bottom:9px; 
	margin-top:8px; 
}

.tableauSelection { 
	width:362px; 
}

#tableauBasSelectionC {
	overflow: hidden; 
	width:362px; 
	height:95px;
}

#blocVoir { 
	background-color:#cfcfcf; 
	height:23px;
	border: 1px #b2b2b2 solid;
	/*border-bottom:none;*/ 
	font-size:10px; 
	font-weight:bold; 
	cursor:pointer;
	z-index:5;
}

#blocVoir.deploye {
	border-top-style: none;
}

#blocVoir div { 
	font-size:10px; 
	font-weight:bold; 
	color:#FFFFFF; 
	text-align:right; 
	padding-right:15px; 
	line-height:23px;
	height:23px; 
}
 
#blocVoir div a { 
	color:#FFFFFF; 
	text-decoration:none; 
}

#blocVoir div img { 
	padding-left:15px; 
}

#blocVoir div.descQues { 
	color:#000000; 
	font-size:10px; 
	text-align:center; 
}

#blocVoir div.descQues img { 
	padding-left:25px; 
	padding-right:25px; 
}

#blocVoir div.descQues a	{ 
	color:#000000; 
	text-decoration:none; 
}

.tableauBasSelection { 
	width:362px; 
	background-color:#f2f2f2; 
	border-left:1px solid #b2b2b2; 
	border-right:1px solid #b2b2b2; 
	border-bottom:1px solid #b2b2b2; 
}

.tableauBasSelection td	{ 
	border-bottom:1px solid #b2b2b2; 
	/*height:23px;*/ 
}

.tableauBasSelection td.last { 
	border:none; 
	/*height:23px;*/ 
}

.tableauBasSelection td.descSelection:hover	{ 
	background-color:#9ec8cc; 
	background-image:url(/wcsstore/BoulangerStg/images/selecteur/fleche-blanc.jpg); 
	background-repeat:no-repeat; 
	background-position:12px 7px; 
}

.tableauBasSelection td.selected { 
	background-image:url(/wcsstore/BoulangerStg/images/selecteur/fleche-noir.jpg); 
	background-repeat:no-repeat; 
	background-position:12px 7px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#696a6c; 
}

.tableauBasSelection td.descSelection { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#696a6c; 
	cursor:pointer; 
	background:url(/wcsstore/BoulangerStg/images/selecteur/fleche-noir.jpg) no-repeat; 
	background-position:12px 7px; 
}

/*.tableauBasSelection td.selected { 
	background-color:#9ec8cc; 
	background-image:url(../images/fleche-blanc.jpg); 
	background-repeat:no-repeat; 
	background-position:12px 7px; 
	width:360px; 
}*/

.tableauBasSelection td.descSelection .calqueVert { 
	background-image:url(/wcsstore/BoulangerStg/images/selecteur/fleche-noir.jpg); 
	background-repeat:no-repeat; 
	background-position:12px 7px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#696a6c; 
	width:360px; 
}

.tableauBasSelection td.descSelection .calqueVert:hover	{ 
	background-color:#9ec8cc; 
	background-image:url(/wcsstore/BoulangerStg/images/selecteur/fleche-blanc.jpg); 
	background-repeat:no-repeat; 
	background-position:12px 7px; 
	width:360px; 
}

.tableauBasSelection td.descSelection .calqueVertOn { 
	background-color:#9ec8cc; 
	background-image:url(/wcsstore/BoulangerStg/images/selecteur/fleche-blanc.jpg); 
	background-repeat:no-repeat; 
	background-position:12px 7px; 
	width:360px; 
}

.tableauBasSelection td div.descQuestion { 
	float:left; 
	padding-left:12px; 
	line-height:23px; 
}

.tableauBasSelection td div.descQuestion span.texteQuestion { 
	width:284px; 
	line-height:20px; 
	display:inline; 
	float:left; 
}

.tableauBasSelection td div.descQuestion span.imageQuestion	{ 
	width:16px; 
	line-height:17px; 
	display:inline; 
	float:left; 
}

.tableauBasSelection td.selected div.descQuestion { 
	float:left; 
	padding-left:12px; 
	line-height:23px; 
}

.tableauBasSelection td div.champ, .tableauBasSelection td div.champVisible {
	width:20px;
	float:right;
	padding-right:5px;
	display:none;
}

.tableauBasSelection td div.champVisible {
	display:block;
	margin-right:5px;
}
 
.tableauBasSelection td.descSelection a	{ 
	color:#696a6c; 
	text-decoration:none; 
}

/************Fonction Marque************/

#blocFonctionMarque	{ 
	width:172px; 
	float:left; 
	margin:31px 4px 0 3px; 
	border-bottom:1px solid #b2b2b2; 
}

.tableauMarque { 
	width:172px; 
	text-align:center; 
}
 
.tableauBasMarque { 
	width:172px; 
	background-color:#FFFFFF; 
	text-align:left; 
	font-size:10px; 
	border-left:1px solid #b2b2b2; 
	border-right:1px solid #b2b2b2; 
}

.tableauBasMarque td { 
	border-bottom:1px solid #e8e8e8; 
	height:23px; 
	line-height:17px; 
}

.tableauBasMarque td.caseCocher	{ 
	width:35px; 
	text-align:right; 
}

.tableauBasMarque td.caseCocher input {
	margin:0 0 -2px 0;
}

.tableauBasMarque td.descMarque	{ 
	width:124px; 
	padding-left:6px; 
	font-size:10px; 
	font-weight:normal; 
}

.tableauBasMarque td.descMarque div { 
	color:#4a9da5; 
}

.tableauBasMarque td.descMarque span { 
	font-size:10px; 
	font-weight:bold; 
	color:#6b6c6e; 
}

/************blocFonctionBudget***********/

#blocFonctionBudget	{ 
	width:446px; 
	float:left; 
}

#contenuFonctionBudget { 
	border-bottom:1px solid #b2b2b2; 
	border-left:1px solid #b2b2b2; 
	border-right:1px solid #b2b2b2; 
	width:444px; 
	height:118px; 
	background-color:#f7f7f7; 
}

.descBudget { 
	color:#4a9da5; 
	text-align:center; 
	padding-top:19px; 
}

.btVoirTousProduit { 
	float:right; 
	margin-bottom:9px; 
}

/*************************Selecteur Prix************/

.affichagePrix { 
	width:399px; 
	margin-left:25px; 
	margin-top:13px;
	font-size: 9px;
}

.affichagePrix .fprix {
	color:#757576;
	width:62px; 
	float:left; 
	text-align:center; 
}

.affichagePrix .firstprix {
	font-weight: bold;
	color:#757576; 
	width:42px; 
	float:left; 
	text-align:left; 
}

.affichagePrix .lastprix {
	font-weight: bold;
	color:#757576;
	width:42px; 
	text-align:right; 
	float:left; 
}

.grads { 
	width:312px; 
	margin-top:5px; 
	padding-left:66px; 
}

.grads .mark { 
	float:left; 
}
 
.grads .mark img { 
	display:block; 
}

#selecteur { 
	padding:0 0 0 9px; 
	width:430px; 
	height:26px; 
	text-align:center;
	font-size: 9px;
}

#selecteur .borne { 
	color: #757576;
	font-weight: bold; 
	height:26px; 
	width:58px; 
	cursor:pointer; 
	display:inline; 
	float:left; 
	text-align:center; 
	z-index:3; 
}

#selecteur .borneinf{ 
	background:url(/wcsstore/BoulangerStg/images/selecteur/curseur-gch.gif) no-repeat left;
	width:58px;
	height:21px;
	padding-top:5px;
	display:inline;
}

#selecteur .bornesup{ 
	background:url(/wcsstore/BoulangerStg/images/selecteur/curseur-dt.gif) no-repeat right;
	width:58px;
	height:21px;
	padding-top:5px;
	display:inline;
}

#element { 
	background:url(/wcsstore/BoulangerStg/images/selecteur/barre-on.jpg) no-repeat center; 
	width:312px; 
	height:11px; 
	z-index:5; 
	float:left; 
	display:inline; 
}

#highlight { 
	background:url(/wcsstore/BoulangerStg/images/selecteur/barre-off.jpg) no-repeat center; 
	width:312px; 
	height:11px; 
	z-index:4; 
	float:left; 
	display:inline; 
}

#contenuPieChart { 
	margin-top:8px; 
	padding-left:7px; 
}

#contenuPieChart #containerimg { 
	float:left; 
}

#contenuPieChart .descProduitSelectionner { 
  color:#FB5C01;
  float:left;
  font-size:13px;
  font-weight:bold;
  margin-right:8px;
  padding:0px 0px 0px 8px;
  width:230px;
}

.descProduitSelectionner a { 
	color:#fb5c01; 
	text-decoration:underline; 
}

.descProduitSelectionner span { 
	color:#666666; 
	border-bottom:none; 
	font-size:13px;
}

.descProduitSelectionner #nb { 
	color:#fb5c01; 
	font-size:14px;
}

.descProduitSelectionner #total { 
	color:#fb5c01;
  font-size:14px;
}

.btVoirProduitS { 
	float:left; 
	width:131px; 
}

/****************Selecteur 02**********/

.tableauBasSelection td.blocVoir { 
	background-color:#cfcfcf; 
	height:23px; 
	border-bottom:none; 
	font-size:10px; 
	font-weight:bold; 
	cursor:pointer; 
}

.tableauBasSelection td.blocVoir div { 
	font-size:10px; 
	font-weight:bold; 
	color:#FFFFFF; 
	text-align:right; 
	padding-right:15px; 
	line-height:23px; 
}
 
.tableauBasSelection td.blocVoir div a { 
	color:#FFFFFF; 
	text-decoration:none; 
}

.tableauBasSelection td.blocVoir div img { 
	padding-left:15px; 
}

.tableauBasSelection td.blocVoir div.descQues { 
	color:#000000; 
	font-size:10px; 
	text-align:center; 
}

.tableauBasSelection td.blocVoir div.descQues img { 
	padding-left:25px; 
	padding-right:25px; 
}

.tableauBasSelection td.blocVoir div.descQues a	{ 
	color:#000000; 
	text-decoration:none; 
}

.tableauReponse { 
	width:360px; 
	background-color:#FFFFFF; 
	cursor:default; 
}

.tableauReponse td { 
	border-bottom:1px solid #e8e8e8; 
	padding-left:31px; 
	line-height: 23px; 
}

.tableauReponse td.last { 
	border-bottom:none; 
}

.tableauBasSelection td span, .tableauBasSelection td.selected span	{ 
	margin-left:13px; 
}

.Extend { 
	display:none; 
}