div#cadre_calcul {position:relative; margin:0 auto 25px auto; padding:50px 0; overflow: hidden; width:100%; background:#d0cba3;}

div#cadre_calcul_content {position:relative; margin:0 auto; overflow: hidden; max-width:800px;}

div#calcul_imc {position:relative; float:left;width:240px;margin:0 auto; padding:0; padding:15px 25px; border:1px solid #000; border-radius:0.6em;}
div#echelle_resultat {position:relative; float:right;width:calc(100% - 270px);margin:0 0 0 30px; padding:0;}

.imc_frm_ligne {overflow: hidden; width:100%;margin:10px auto;}
.imc_frm_champ_titre {float:left;}
.imc_frm_champ_value {float:right;}
.imc_frm_champ_value input { text-align: right; padding:0 5px 0 10px;}
.imc_frm_champ_submit input {width:100%; text-align:center; color:#FFF; background:var(--cg_marron); border-radius:0.6em;border:0; padding:10px 0;}
.imc_frm_champ_submit input:hover {background:#000;}
.imc_value_result input {border:0; background:var(--cg_marron); color:#FFF; font-weight:bold;}


div#echelle_resultat img {width:100%; max-width:457px;}

.erreur_info {
	background: none repeat scroll 0 0 #FFB4B4;
    border-bottom: 1px solid #CC0000;
	border-top: 1px solid #CC0000;
    font-size: 0.7em;
    text-indent: 15px;
	color:#CC0000;
	padding:5px 0;
	margin:5px auto;
}
.contact_frm_cadre p.erreur{
	position:relative;
	margin:0;padding:5px 0;
	width:100%;
	color:#CC0000;
}


@media screen and (max-width : 1000px) {
}
@media screen and (max-width : 950px) {	
}
@media screen and (max-width : 800px) {	
}
@media screen and (max-width : 700px) {
	div#calcul_imc {float:none;}
	div#echelle_resultat {float:none;width:100%;margin:15px auto; text-align:center;}
}
@media screen and (max-width : 600px) {
}
@media screen and (max-width : 500px) {
}