/*Style du simulateur de devis*/

p.blc-erreur{
	color: #900;
	padding-bottom: 15px;
	font-size: 12px;
	border-top:1px solid #CC5A5A;
	line-height:20px;
	padding:3px 3px 3px 3px;
	background: #FFD9D9;
	margin-bottom: 10px;
}

/* -------------------------------------------------------------------------------------------------------------------------- Devis */
#blc-devis{
	margin: 5px 4px 0 4px;
	background: #E5E4E4 url(../images/bg-article.jpg) repeat-x left top;
	padding: 10px 5px 10px 5px;
	border-left: 1px solid #FFF;
	height: auto;
	min-height: 400px;
	_height: 400px; /*IE6 Hack*/
}

/* -------------------------------------------------------------------------------------------------------------------------- Titre */
#blc-devis h2{
	text-align: right;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #63215E;
	border-bottom: 1px solid #63215E;
	margin: 0 10px 15px 10px;
}
#blc-devis h2 span { 
	float: left;
	text-transform: uppercase;
	background:#F2F2F2 url(../images/puce_titre.gif) no-repeat left top;
	color: #63215E;
	border-bottom: 1px solid #63215E;
	padding-left: 35px;

}
/* -------------------------------------------------------------------------------------------------------------------------- Etape */
#blc-etape{
	width: 100%;
	height: 84px; 
	margin-bottom: 30px;
}
#blc-etape ul{ list-style: none; }
#blc-etape li{
	display: block;
	float:left;
	width: 179px;
	height: 24px;
	margin: 0 0 0 2px;
	padding: 55px 0 5px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:18px;
}
						
#blc-etape .etat-normal{ color: #333333; }
#blc-etape .etat-actif{ color: #63005D; }

#blc-etape li#etape-pack.etat-normal{ background: url(../images/simulateur/illus-etp1.jpg) no-repeat left top; }
#blc-etape li#etape-pack.etat-actif{ background: url(../images/simulateur/illus-etp1-actif.jpg) no-repeat left top; }

#blc-etape li#etape-materiel.etat-normal{ background: url(../images/simulateur/illus-etp2.jpg) no-repeat left top; }
#blc-etape li#etape-materiel.etat-actif{ background: url(../images/simulateur/illus-etp2-actif.jpg) no-repeat left top; }

#blc-etape li#etape-option.etat-normal{ background: url(../images/simulateur/illus-etp3.jpg) no-repeat left top; }
#blc-etape li#etape-option.etat-actif{ background: url(../images/simulateur/illus-etp3-actif.jpg) no-repeat left top; }

#blc-etape li#etape-info{
	width: 124px;
	height: 42px;
	margin: 0 0 0 2px;
	padding: 32px 55px 12px 10px;
}
#blc-etape li#etape-info.etat-normal{ background: url(../images/simulateur/illus-etp4.jpg) no-repeat left top; }
#blc-etape li#etape-info.etat-actif{ background: url(../images/simulateur/illus-etp4-actif.jpg) no-repeat left top; }

#blc-etape li#etape-resultat.etat-normal{ background: url(../images/simulateur/illus-etp5.jpg) no-repeat left top; }
#blc-etape li#etape-resultat.etat-actif{ background: url(../images/simulateur/illus-etp5-actif.jpg) no-repeat left top; }


/* -------------------------------------------------------------------------------------------------------------------------- Bloc formulaire */
#blc-fdevis{
	margin: 30px 5px 0 5px;
	padding: 0 0 10px 0px;
}

/* -------------------------------------------------------------------------------------------------------------------------- Styles des fieldset */
#form-devis .field label, #form-devis fieldset legend{
	font-weight: bold;
}
#form-devis fieldset legend{
	font-size:12px;
}
#form-devis fieldset .field label{
	font-weight: normal;
	font-size:11px;
	width: 270px;
}

/* ------------------------------------------ formulaire de contact -------------------------------*/
#blc-fdevis{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #333;
}
#blc-fdevis p.field{
	clear: left;
	padding: 4px 0 4px 0;
}
#blc-fdevis fieldset{
	float: left;
	width: 450px;
	border:1px solid #AD7097;
	margin:15px 15px 15px 0;
}
#blc-fdevis legend{
	padding:0 3px;
}
#blc-fdevis p label{
	width: 280px;
	display: block;
	padding: 4px 0 4px 0;
	float: left;
}
#blc-fdevis p label.lbradio{
	padding: 0 0;
	width: 30px;
	font-weight: normal;
}
#blc-fdevis p input{
	float: left;
	width: 150px;
	border: 1px solid #AD7097;
}
#blc-fdevis p input.lbradio{
	width: 30px;
}
#blc-fdevis p select{
	float: left;
	width: 152px;
	border: 1px solid #AD7097;
}
#blc-fdevis p textarea{
	height: 100px;
	width: 430px;
	border: 1px solid #AD7097;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

#blc-fdevis div.fc-message label{ padding-bottom: 4px;}

label.chp-obligatoire{ font-weight: bold; }

#blc-fdevis p label.ibox input{ width: 15px; margin-right: 5px; border: none; }
#blc-fdevis p label.ibox{ width: 430px; }


#blc-fdevis #form-devis fieldset, #blc-fdevis #form-devis fieldset .field, #blc-fdevis #form-devis fieldset .field label, #blc-fdevis #form-devis fieldset .field input{
	padding: 0; margin:0;
}
#blc-fdevis #form-devis fieldset{
	padding: 10px 5px 5px 5px;
	margin:0 10px 15px 0;
}
#blc-fdevis #form-devis fieldset .field{
	clear: both;
	padding-top: 2px;
}
#blc-fdevis ul, #blc-fdevis ul li{
	list-style-type: none;
}

#blc-fdevis dl dt{
	display: block;
	height: 30px;
	padding-top: 5px;
	line-height: 30px;
	background: url(../images/simulateur/fd-barre.jpg) repeat-x left 5px;
	clear: both;
}
#blc-fdevis dl dd{
}

#blc-fdevis dl dd ul li{
	display: block;
	float: left; 
	width : 233px;
	list-style: none;
	margin: 15px 5px 0 0;
	border-bottom: 5px solid #AD7097;
}
#blc-fdevis dl dd ul li h5{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #63005D;
	font-weight: bold;
	background: transparent url(../images/coin.gif) no-repeat right top;
	border-bottom: 2px solid #AD7097;
	padding: 5px 0 5px 0;
}
#blc-fdevis dl dd ul li h5 span{
	background: transparent url(../images/puce_titre.gif) no-repeat 5px 2px;
	padding: 0 0 0 35px;
	font-weight: bold;
}
#blc-fdevis dl dd ul li .accroche-item{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 5px;
	height: 80px;
	overflow: hidden;
	background: #F8F6F6;
}
#blc-fdevis dl dd ul li .accroche-item a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #040607;
	text-decoration:none;
	padding-left: 16px;
	display: block;
	margin-left: 75px;
	margin-top: 5px;
	padding-top: 7px;
	background:url(../images/puce.gif) no-repeat left 11px;
	border-top: 1px solid #DCDCDC;
}
#blc-fdevis dl dd ul li p.pti-03{
	display: block;
	clear: both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	height: 25px;
	border-bottom: 5px solid #63005D;
	background:#2C333A url(../images/font-pti-03.jpg) repeat left bottom;
}
#blc-fdevis dl dd ul li p.pti-03 label{
	display:block;
	height: 25px;
	line-height: 25px;
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	width: 185px;
	float: left;
	margin:0;
	padding:2px 3px 0 2px;
	text-align:right;
}
#blc-fdevis dl dd ul li p.pti-03 input{
	width: 30px;
	margin:5px 0;
	padding: 0 2px 0 2px;
	text-align:right;
}

#blc-fdevis dl dt a{
	display: block;
	height: 30px;
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
	text-transform:uppercase;
	line-height: 30px;
	padding: 0 15px 0 8px;
}
#blc-fdevis dl dt a.tri-desc{
	background: url(../images/simulateur/ico-fleche-down.gif) no-repeat 930px center;
}
#blc-fdevis dl dt a.tri-asc{
	background: url(../images/simulateur/ico-fleche-up.gif) no-repeat 930px center;
}
#blc-fdevis #form-devis .lbradio{
	margin-top: 5px;
}
#blc-fdevis #form-devis input.lbradio{
	border : 0;
}

#blc-fdevis.etape-4 .field label{
	font-weight : normal;
	width: 280px;
	display: block;
	padding: 4px 0 4px 0;
	float: left;
}
#blc-fdevis.etape-4 .field input{
	float: left;
	width: 300px;
	border: 1px solid #AD7097;
}
#blc-fdevis.etape-4 .field select{
	float: left;
	width: 302px;
	border: 1px solid #AD7097;
}
#blc-fdevis.etape-4 .field textarea{
	height: 100px;
	width: 300px;
	border: 1px solid #AD7097;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#blc-fdevis.etape-4 .field label.chp-obligatoire{
	font-weight: bold;
}
#blc-fdevis.etape-4 p.field{
	clear: left;
	padding: 4px 0 4px 0;
}
#blc-fdevis.etape-4 div.fc-message label{ padding-bottom: 4px;}
#blc-fdevis .field input#submit_etape, #blc-fdevis input#reset_etape{
	margin: 15px 0 15px 0;
	padding: 2px 4px 2px 4px;
	color: #FFF;
	font-weight: bold;
	background:#333 url(../images/font-pti-03.jpg) repeat left top;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #B79CA3;
	float: none;
	cursor: pointer;
	width: 170px;
}
#blc-fdevis input#reset_etape{
	background:#333 url(../images/font-reset-etape.gif) repeat left top;
}
#blc-fdevis.etape-4 .field input#submit_etape{
	margin: 15px 0 15px 280px;
}
#blc-fdevis.etape-4 input#reset_etape{
	margin: 15px 0 15px 0px;
}

#blc-fdevis-results{
	margin: 30px 5px 0 5px;
	padding: 0 0 10px 0px;
	font-size: 11px;
}
#blc-fdevis-results p{
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 12px;
}

/* -------------------------------------------------------------------------------------------------------------------------- Récap devis */
#blc-fdevis #blc-recap{
	float:right; 
	width: 300px; 
	margin-top: 0;
	padding:0;
}
#blc-fdevis #blc-recap #content-recap{
	font-size: 11px;
	width: 290px; 
	padding:0px 5px 10px 5px;
	margin: 0px;
	border: 1px solid #C2AAC0; 
	background-color: #63215E;
	color: #E2E2E3;
}
#blc-fdevis #blc-recap h3{
	color:#E2E2E3;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	padding-top: 10px;
	border-bottom: 1px solid #E2E2E3;
}
#blc-fdevis #blc-recap h4{
	font-size: 12px;
	color:#E2E2E3;
	padding:0;
	background: url(../images/puce3.gif) no-repeat 2px 5px;
	padding-left: 20px;
	margin-top: 10px;
}
#blc-fdevis #blc-recap h5{
	font-size: 11px;
	color:#E2E2E3;
	font-weight: bold;
	margin-left: 20px;
	width: auto;
	font-style:italic;
	display:inline;
	clear: right;
	padding-top: 10px;
	margin-bottom: 5px;
}
#blc-fdevis #blc-recap p{
	font-size: 11px;
	color:#E2E2E3;
	padding-left: 20px;
}
#blc-fdevis #blc-recap p span, #blc-fdevis #blc-recap p strong{
	font-weight: bold;
}