/* 
    Document   : calc_cable
    Version    : 1.0 2010-07-05
    Auteur     : Cédric Talbot <c.talbot@stelpro.com>
    Description:
        Style pour l'outil de calcul du câble chauffant
*/
/**
 * Styles pour la soumission câble chauffant
 * --------
 * @author Cédric Talbot <c.talbot@stelpro.com>
 * @version 1.00 2010-02-22
 */
/* Message d'erreur */
h4.invalide {
    color:#990000;
    background-color:#FFFFFF;
    padding:3px !important;
    width:90%;
    margin:5px auto !important;
    border:2px solid #4D4A47;
    text-align:center;
}
/* Conteneur du formulaire */
div#SoumissionForm {
    text-align:right;
    width:90%;
    margin:0px auto;
    padding:15px;
}
/* Date sous le titre */
p.sc_date {
	color:#7C7C7C;
	font-size:11px;
}
/* Table pour layout */
div#SoumissionForm table {
    border-collapse:collapse;
    width:100%;
    margin:0;
    border:0;
    padding:0;
}

div#SoumissionForm table caption {
    text-align:center;
    font-size:14px;
    font-weight:bold;
}

div#SoumissionForm table td {
    padding:10px 2px;
    vertical-align:top;
}

div#SoumissionForm table td a {
    font-size:14px;
}

div#SoumissionForm table td label {
    color:#E4C667;
    font-weight:bold;
}

div#SoumissionForm table td span.SC_info {
    color:#AAAAAA;
    font-size:11px;
}
div#SoumissionForm table td span.SC_info strong {
    color:#AAAAAA;
    font-size:12px;
}
div#SoumissionForm table td span.SC_info a {
    color:#AAAAAA;
    font-size:11px !important;
	text-decoration:underline !important;
}

div#SoumissionForm table td.left {
    text-align:left;
}

/* Item du formulaire */
div#SoumissionForm form label {
    font-size:12px;
    margin:0 auto 10px;
}

/** Table pour choix de thermostat **/
table#ChoixThermostat {
    text-align:center;
}

table#ChoixThermostat td {
    vertical-align:middle !important;
    border:1px dotted #888888;
    padding:0 !important;
}
table#ChoixThermostat td a {
    font-size:14px;
}
table#ChoixThermostat td label {
    cursor:pointer;
}

/**
 * Affichage de la soumission
 */
h1.OptionHeader {
    color:#FFFFFF;
    font-size:10pt;
    text-align:left;
    margin:12px 5px 3px 25px;
}
h1.OptionHeader span.OptionInfo {
    color:#F7E3A6;
    display:block;
    font-style:italic;
}
form#SCV_Form {
    margin:0;
    padding:0;
    border:0;
}
div#SCLiens {
	width:30%;
	float:right;
	margin:10px 0 40px 1%;
}
div#SCLiens a img {
	margin:0 0 15px 0;
}
div#SCDetails {
	width:60%;
	float:left;
	margin:5px 1% 40px 0;
}
ul#DetailsView {
    text-align:left;
    color:#f0f0f0;
    font-size:12px;
}
ul#DetailsView li {
    list-style-type:square !important;
}
ul#DetailsView strong {
    font-size:15px;
    color:#e4c667;
}
table.OptionsCtrl {
    width:90%;
    margin:5px auto 0;
    color:#F0F0F0;
    font-size:12px;
    border-collapse:collapse;
    border:1px solid #4D4A47
}
table.OptionsCtrl th {
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    background-color:#4D4A47;
}
table.OptionsCtrl th span.discret {
    font-weight:normal;
    color:#ECECEC;
    text-transform:none;
    background-color:#4D4A47;
}
table.OptionsCtrl td {
    text-align:center;
    padding:10px;
    width:24% !important;
}
table.OptionsCtrl td.desc {
    text-align:left;
    width:32% !important;
}
table.OptionsCtrl td.qt {
    width:20% !important;
}

/**
    Sélection de câble avant le calcul
**/
div.SelSection {
    width:230px;
    float:left;
    margin:20px 30px;
    background-position:top center;
    background-repeat:no-repeat;
    padding:90px 10px 5px 10px;
    border:1px solid #C0C0C0;
}
div.SelSection p.CableType {
    font-size:14px;
    font-weight:bold;
    text-align:center;
}
div.SelSection p.CableDesc {
    font-size:12px;
}
div.SelSection a {
    display:block;
    font-size:12px;
    font-weight:bold;
    text-align:right;
}

/* Empêche une image dans un a d'avoir une bordure */
a img { border:0; }