
.smileys{}

	.smileys .form-check {
		float:left;
		width:85px;
		height:60px;
		text-align:center;
      	margin-top: 15px;
	}

	.smileys .form-check label{
		display:block;
		background: url(img/notes.png) no-repeat;
		width: 100px;
		height:60px;
		background-position:100px 100px;
		padding-top:37px;
	}

	.smileys input[type="radio"] {
		opacity:0;
		position: absolute;
		width:0;
		height:0;
	}

	.smileys .ligne-grid-radio .form-check.val0 label{
		background-position:-288px 0;
	}
		.smileys .ligne-grid-radio .form-check.val0.act label{
			background-position:-288px -152px;
		}
	.smileys .form-check.val1 label{
		background-position:-127px 0;
	}
		.smileys .form-check.val1.act label{
			background-position:-127px -152px;
		}
	.smileys .form-check.val2 label{
		background-position:35px 0;
	}
		.smileys .form-check.val2.act label{
			background-position:35px -152px;
		}
	.smileys .form-check.val3 label{
		background-position:-566px 0;
	}
		.smileys .form-check.val3.act label{
			background-position:-566px -152px;
		}
	.smileys .form-check.valnc label{
		background-position:-449px 0;
	}
		.smileys .form-check.valnc.act label{
			background-position:-449px -152px;
		}
		
	
.calc_result table{
	/*margin:0;*/
	font-weight:bold;
	font-size:1.1em;
	border:1px solid #000;
}	
	.calc_result table .note{
		width:250px;
		font-size:1.2em;
		text-align:center;
		background:#ddd;
	}	

.performance .form-check {
  float: left;
  clear: none;
  width: 23%;
  /*border: 1px solid #333;*/
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center;
  height:90px;
  background:#fff;
  border:1px solid #333;
  margin:1%;  
}
.performance .form-check label {
  line-height: 20px;

}
.performance .form-check input {
  display: block;
  width: 100%;
}
		