/* http://bootsnipp.com/snippets/qAR7R */

/* -> enlever car sinon sa arracher les asterisk de la class required
.checkbox label:after, 
.radio label:after {
	content: '';
	display: table;
	clear: both;
}*/

.checkbox .cr,
.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	/*margin-right: .5em;*/
	/* indent quand beaucoup de texte */
	margin-left:-25px;
}

/* augmentation de l'indent par défaut de bootstrap */
.radio label, .checkbox label
{
	padding-left:25px;
}

.radio .cr {
	border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
	position: absolute;
	font-size: .8em;			
	/*top: 50%; radio croche firefox
	line-height: 0;*/	
	top:8%;		
	left: 20%;
}
.checkbox .cr .cr-icon
{
	top:10%;
}

.radio .cr .cr-icon
{
	font-size: 1.0em;
	left: 9%;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"]{
	/*display: none;	Ne pas enlever sinon on perd le "outline" sur le focus*/
	opacity:0;
	filter: alpha(opacity=0);
	outline:0;

	/* Ces 2 lignes sont présente dans boostrap 3 mais pas 4 */
	position: absolute;
	margin-left: -20px;
}

.checkbox label input[type="checkbox"]:focus + .cr,
.radio label input[type="radio"]:focus + .cr
{
	outline: thin dotted;	
	/*outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;*/
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {				
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.05s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
	/*transform: scale(1) rotateZ(0deg);*/
	opacity: 1;
	filter: alpha(opacity=1);
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
	opacity: .5;
	filter: alpha(opacity=0.5);
}