/* PAGE DE DETAIL PRODUIT */

input.disabled{background-color:#ddd;}

/* diminution de la marge gauche */
#content
{
	margin-left: 190px;
	margin-right: 194px;
}
/* images produit */
#prod-imgs{
	float:right;
	margin:0 0 10px 10px;
	/*background-color:#D40150;*/
}
	#prod-imgs div{
		padding-left:25px;
		/*background-image:url(../images/layout/fd-ex-badges.jpg);*/
		background-repeat: no-repeat;
		background-position:top left;
	}	
		.prod-imgs-noms-tisses-eco{
			background-image:url(../images/layout/fd-ex-eco.jpg);
			background-color:#009de0;
		}	
		.prod-imgs-noms-tisses-couleurs{
			background-image:url(../images/layout/fd-ex-couleur.jpg);
			background-color:#E2037A;
		}	
		.prod-imgs-noms-tisses-multilignes{
			background-image:url(../images/layout/fd-ex-multi.jpg);
			background-color:#CCCB01;
		}
	
		.prod-imgs-noms-tisses-gros-caracteres{
			background-image:url(../images/layout/fd-ex-gros.jpg);
			background-color:#103083;
		}
		.prod-imgs-rubans-de-fetes{
			background-image:url(../images/layout/fd-ex-ruban.jpg);		
			background-color:#CABB9C;
		}
		.prod-imgs-bracelets-evenementiels{
			background-image:url(../images/layout/fd-ex-bracelet.jpg);
			background-color:#FFCC01;
		}	
		.prod-imgs-badges-nominatifs-brodes{
			background-image:url(../images/layout/fd-ex-badge.jpg);
			background-color:#e2021b;
		}


/* description produit et styles communs */

.step{font-size:18px;font-weight:bold;color:#333;position:absolute;}

input.inputHighlighted{border:1px solid #D40150;}

.show_hide_bar a{display:block;}
.show_hide_bar{ margin-bottom:1em;}

#detail-produit h2{color:#333;text-align:left;font-size:14px;font-weight:bold;}

#detail-description{text-align:justify;color:#333;margin:0.5em 0;}
	#detail-description li{list-style-type:disc;margin-left:2em;}
	#detail-description h3{font-weight:bold;margin-bottom:1em;}
	#detail-description .intro{margin-bottom:1em;}
	#detail-description .info_full{/*color:#666;*/border:1px solid #666;margin:0.5em;padding:2px;text-align:left;color:#000;}
	#detail-description .info{/*color:#666;*/float:right;width:250px;border:1px solid #666;margin:0.5em;padding:2px;text-align:center}
	#detail-description .btn{/*color:#666;*/float:left;width:250px;border:1px solid #666;margin:0.5em;padding:2px;text-align:center}



#indicator{
	color:#666;
	position:absolute;
	width:500px;
	padding:1em 3em 1em 0 ;
	text-align:right;
	background:url(../images/loading.gif) right top no-repeat;
}

/* titre */
.sel-title{
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	}
	.sel-title span{font-weight:bold;}


/* cache input radio */
.sel input{
	position: absolute !important; /* FF */
	position: relative; 
	width:0; /* IE only */ 
	left: -9999em; 
}

/* état des label de selection select (act) ou non (cold) */
#sel-fonts span.all-act label.cold, label.act{
	border:3px solid #333;	
	margin:1px;
}
label.cold{
	margin:1px;
	border:3px solid #eee;
	color:#000;
	background-color:#FFF;
}

/* ligne 1 : zone 1,(2) et 3 */

/* etape 1 = sel de la police*/
.detail-row1-full{
	clear:both;
width:640px;	
	margin:0;
	background:url("../images/layout/fond-produit-row0.gif") 0 0 no-repeat;
}
/* saisie */
.detail-row1{
	clear:both;margin:0;	
width:640px;	
	background:url("../images/layout/fond-produit-row1.gif") 0 0 no-repeat;
}
	.detail-row1-bis{
		clear:both;margin:0;
width:640px;		
		background:url("../images/layout/fond-produit-row1-bis.gif") 0 0 no-repeat;
	}

.detail-row2{
	clear:both;
width:640px;
	background:url("../images/layout/fond-produit-row2.gif") 0 0 no-repeat;
}
.detail-row3{
	clear:both;
width:640px;	
	background:url("../images/layout/fond-produit-row3.gif") 0 0 no-repeat;
}
/* zone 1 : SAISIE */
#detail-saisie{
	float:left;
	width:290px;
	text-align:left;
	}
	#detail-saisie .container{
		margin:15px 0 0 30px;
	}
	#detail-saisie .titre{
		text-transform:uppercase;
		color:#fff;
		font-weight:bold;
		font-size:12px;
		margin-left:15px;
	}
	/* bloc lignes et prix */	
	#content_normal .detail-ligne-saisie{
		text-align:right;
	}
	#content_normal .detail-ligne-saisie .saisie input{
		font-size:14px;
		margin-top:3px;
		border:1px solid #333;
		width:200px;
	}
		
	#opt1-zone{
		float:left;
		text-align:right;
		width:125px;
	}
	#opt2-zone{
		margin-left:125px;
		text-align:right;
	}
	#opt1-zone .titre, #opt2-zone .titre{
		text-align:left;
		font-size:10px;
		display:block;
		margin-top:10px;
	}
	#opt1-zone li, #opt2-zone li{ 
		width:115px;
		display:block;
		line-height:15px;
		height:22px;
		padding:0;
	}
	#opt1-zone label, #opt2-zone label{
		width:85px;
		float:right;
		text-align:center;
		cursor:pointer;
		padding:0;margin:0;
	}
	
	

/* zone : preview */
#detail-preview{
	float:left;width:290px;
}
	#detail-preview .container{
		height:135px;
		margin:15px 0 0 45px;
		font-size:12px;
		color:#D40150;
		padding:5px;
		padding-bottom:0;
	}
	#detail-preview .container .title{
		font-size:16px;
		font-weight:bold;
	}
	#detail-preview img{
		margin-top:20px;
		margin-top:10px;
	}
	
/* zone prix */
.detail-price{
	/*background-color:#FFF;*/
}
	.detail-price .container{
		height:135px;
		margin:15px 0 0 5px;
		font-size:12px;
		color:#FFF;
		padding:5px;
		font-weight:bold;
		text-align:center;
	}
	.detail-price .container .plib{
		text-align:center;
		text-transform:uppercase;
		margin-left:8px;
	}
	.detail-price .container .bas{
		margin-top:5px;
		background-color:#FFCFF0;
	}
		.detail-price .container .bas .bas-price{
			font-size:18px;
			text-align:center;
		}
			.detail-price .container .bas .bas-price p{
				padding:8px 0 0 0;
			}
		.detail-price .container .bas #total-price{
			background-color:#FFF;
			color:#000;
			padding:1px 5px;
		}
		.detail-price .container #message{
			float:right;
			text-align:center;
			font-weight:normal;
			color:#000;
			width:170px;
			height:80px;
			padding:2px 0;
		}
		.detail-price .container #message input{
			width:120px;
			height:19px;
			margin:1px 0;
			color:#fff;
			background-color:#E04780;
			border:1px solid #fff;
			border-color:#fff #666 #666 #fff;
		}
		#detail-price{
			font-size:16px;
		}
		#detail-price #detail-qte{width:20px;}


/* zone des options couleur, etc.. */
.options{
	/*background-color:#FFF;*/
	text-align:left;
}
	.options .container{
		margin:15px 0 0 30px;				
	}
	.options .sel-title{
		color:#444;
		margin:0;
		margin-bottom:5px;
		padding:0;
		}
	.options label{
		background-color:#fff;
	}

	
/* zone de selecteurs par label */
.sel a,
.sel label
{border:1px solid #333;
	background-color:#FFF;
	cursor:pointer;
}
#sel-fonts a.act,
#sel-colors a.act,
#sel-bgcolors a.act,
#sel-pictures a.act,
#sel-bourdons a.act,
#sel-pictures a.act
{
	border:1px dotted red;
}

/* selecteur police */

/* decache les input radio pour la font  */
#sel-fonts li input{float:left;width:3px;height:40px;}

html>body #sel-fonts .sel input{
	position: relative !important; 
	position: relative; 
	width:3px; 
	height:40px;
	left: 0em;
}

#sel-fonts{
	clear:both;
	padding:3px;
	margin-bottom:1em;
	padding-left:1.5em;
	margin-left:2em;
	padding-top:15px;
	}
	#sel-fonts li{
		display:inline;
			
	}
	#sel-fonts span.sel-fonts{float:left;display:block;width:270px;}
	span.sel-fonts label{
		height:40px;
		width:248px;		
		display:block;
		float:left;
		overflow:hidden;
	}
	span.sel-fonts label.act{border:1px solid #DD3775;}
	
/* selecteur couleur de texte */
#sel-colors{clear:both;width:270px;padding:3px;margin-bottom:1em; }

	#sel-colors .ligne{
		margin:8px 0;
		font-size:1.2em;
	}
	#sel-colors .ligne label{background-color:transparent;font-weight:bold;}
	#sel-colors .ligne label.cold,
	#sel-colors .ligne label.act{border-width:0 0 2px 0;}


	#sel-colors .bloc label{
		height:20px;width:26px;display:block;float:left;overflow:hidden;
	}
/* selecteur couleur de fond */
#sel-bgcolors{clear:both;width:270px;padding:3px;margin-bottom:1em;  }
	/*#sel-bgcolors .sel-title{background-color:#7F3F3F;color:#fff;}*/
	#sel-bgcolors label{
		height:40px;width:26px;display:block;float:left;overflow:hidden;}
/* selecteur couleur de bourdon */
#sel-bourdons{clear:both;width:270px;padding:3px; }
	#sel-bourdons .sel-title{}
	#sel-bourdons label{
		height:20px;width:26px;display:block;float:left;overflow:hidden;}
/* selecteur de dessin */
#sel-pictures{
	clear:both;margin:0;padding:0;
	 }
	#sel-pictures .container{
		margin:0;
		padding:10px 25px;
	}
	#sel-pictures .sel-title{margin-left:20px;color:#444;}
	#sel-pictures label{background-color:#fff;font-size:90%;text-decoration:none;}
	span.sel-pictures label{height:40px;width:40px;display:block;float:left;overflow:hidden;}	
	#sel-pictures label{height:38px;width:38px;display:block;float:left;overflow:hidden;margin:3px;}


div.etiquette{
	border:1px dashed #000;
	text-align:center;
	margin:0.5em 1em 0.5em 0;
	font-size:90%;
	height:40px;
	width:180px;
	font-weight:bold;
	letter-spacing:1px;
	float:left;
}