#resistance {
	background:url('https://www.robotix.fr/appli/couleur_resistance/resistance.png') no-repeat;
	width:450px;
	height:150px;
	margin:0px auto;
	float:right;
}
#img_legende {
	font-style:italic;
	float:left;
	margin-left:80px;
	margin-top:3px;
}

#img_chiffre1 {
	width:20px;
	height:132px;
	float:left;
	border:1px solid black;
	margin-left:50px;
	margin-top:8px;
}
#img_chiffre2 {
	width:20px;
	float:left;
	border:1px solid black;
	margin-left:50px;
	margin-top:25px;
	height:98px;
}
#img_chiffre3 {
	width:20px;
	float:left;
	border:1px solid black;
	margin-left:20px;
	margin-top:25px;
	height:98px;
}
#img_multiplicateur {
	width:20px;
	float:left;
	border:1px solid black;
	margin-left:20px;
	margin-top:25px;
	height:98px;
}
#img_tolerance {
	width:20px;
	float:left;
	border:1px solid black;
	margin-left:70px;
	margin-top:25px;
	height:98px;
}


.c_noir { background:black;}
.c_rouge { background:red;}
.c_jaune { background:yellow;}
.c_vert {background:green;}
.c_bleu {background:blue;}
.c_blanc {background:white;}
.c_gris {background:grey;}
.c_orange {background:#FF7900;}
.c_marron {background:#964B00;}
.c_violet {background:#A000A0;}
.c_or {background:#D3CB10;}
.c_argent {background:#CFCFCF;}
.c_desactivated {background:none;border-left:1px dashed #b19772!important;border-right:1px dashed #b19772!important;}
.carre_couleur .c_desactivated { border:0px solid #F0FFFF!important;}

#resistance_form {
	background:#F0FFFF;
	border:1px solid #BBE5FD;
	padding:30px;
	width:70%;
	margin:20px auto;
}

.carre_couleur {
	width:9px;
	height:15px;
	margin:1px 10px 5px 0;
	border:1px solid #d1d1d1;
	float:left;
}
.ligne_resultat {
	height:25px;
}

#lb_valeur, #lb_tolerance {
	float:left;
	display:block;
	width:180px;
}
#ch_valeur {
	margin-bottom:5px;
}

#resultat {
	background:#F0FFFF;
	border:1px solid #BBE5FD;
	padding:30px;
	width:70%;
	margin:20px auto;
}
.fleche {
	color:#62C5FD;
}