@font-face {
font-family: DINBold;
src:url("../fonts/DIN-Bold.otf"),
	url("../fonts/DIN-Bold.eot"),
	url("../fonts/DIN-Bold.svg"),
	url("../fonts/DIN-Bold.woff");
}
@font-face {
	font-family: DIN Black;
	src:url("../fonts/DIN-Black.otf");
}

@font-face {
	font-family: "Webdings";
	src: url("../fonts/Webdings.eot");
    src: url("../fonts/Webdings.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Webdings.woff") format("woff"),
    url("../fonts/Webdings.otf") format("truetype"),
    url("../fonts/Webdings.svg#Webdings") format("svg");
}
@font-face {font-family: "WebdingsW95-Regular";
    src: url("../fonts/b32d2514d2c96619a7529fe9b085606f.eot");
    src: url("../fonts/b32d2514d2c96619a7529fe9b085606f.eot?#iefix") format("embedded-opentype"),
    url("../fonts/b32d2514d2c96619a7529fe9b085606f.woff2") format("woff2"),
    url("../fonts/b32d2514d2c96619a7529fe9b085606f.woff") format("woff"),
    url("../fonts/b32d2514d2c96619a7529fe9b085606f.ttf") format("truetype"),
    url("../fonts/b32d2514d2c96619a7529fe9b085606f.svg#WebdingsW95-Regular") format("svg");
}
@font-face {
font-family: "FuturaStd Book";
	src:url("../fonts/FuturaStd-Book.otf"),
	url("../fonts/FuturaStd-Book.eot"),
	url("../fonts/FuturaStd-Book.svg"),
	url("../fonts/FuturaStd-Book.woff");
}

@font-face {
font-family: "Futura Medium";
	src:url("../fonts/FuturaStd-Medium.otf"),
	url("../fonts/FuturaStd-Medium.eot"),
	url("../fonts/FuturaStd-Medium.svg"),
	url("../fonts/FuturaStd-Medium.woff");
}


/*@font-face {
font-family: "Futura Heavy";
src:url("../fonts/FuturaStd-Heavy.otf");
}*/

/*--------CHECKBOX-------------*/

/* Cachons la case à cocher */  
[type="checkbox"]:not(:checked),  
[type="checkbox"]:checked {  
	position: absolute;  
	left: -9999px;  
}label {z-index: 1500;}

/* on prépare le label */  
[type="checkbox"]:not(:checked) + label,  
[type="checkbox"]:checked + label {  
	position: relative; /* permet de positionner les pseudo-éléments */  
	padding-left: 50px; /* fait un peu d'espace pour notre case à venir */  
	cursor: pointer;    /* affiche un curseur adapté */
	width: calc(100% - 95px);
}
/* Aspect des checkboxes */  
/* :before sert à créer la case à cocher */  
[type="checkbox"]:not(:checked) + label:before,  
[type="checkbox"]:checked + label:before {
font-family: "FuturaStd Book";
	content: '';
	position: absolute;
	left:0;

	width: 35px;
	height: 35px; /* dim. de la case */
	border: 2px solid #0a6984;
	background: #f8f8f8;
	border-radius: 8px;
	 /* angles arrondis */
	/*box-shadow: inset 0 1px 3px rgba(0,0,0,.3); /* légère ombre interne */
	/*background-image: url(../medias/case.png);*/
}
.QCM-bilan [type="checkbox"]:not(:checked) + label:before, .QCM-bilan [type="checkbox"]:checked + label:before {top: 10px;}

/* Aspect général de la coche */  
[type="checkbox"]:not(:checked) + label:after, 
[type="checkbox"]:checked + label:after {
	content: 'K';
	position: absolute;
	left: 10px;
	top: 0px;
	font-size: 32px;
	color: #0a6984;
	/*transition: all .2s;*/ /* on prévoit une animation */
	font-family: "Futura Medium";
	text-align: center;
	
	content: 'a';
	font-family: "Webdings";
	font-size: 60px;  /*margin-top:0px;*/
	padding: 0px;
	margin-top: -12px;
	margin-left: -20px;
}
.QCM-bilan [type="checkbox"]:not(:checked) + label:after, .QCM-bilan [type="checkbox"]:checked + label:after {top: 8px;}

/* Aspect si "pas cochée" */  
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0; /* coche invisible */
	transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */  
[type="checkbox"]:checked + label:after {
	opacity: 1; /* coche opaque */
	transform: scale(1); /* mise à l'échelle 1:1 */

}

/*[type="checkbox"]:checked + label:after .faux {
	content: 'I';
	position: absolute;
	top: 0;
	left: 4px;
	font-size: 19px;
	color: #052;
	transition: all .2s; /* on prévoit une animation /
	font-weight: bold;
}*/

/*[type="checkbox"]:not(:checked).bonneRep + label:after, */[type="checkbox"]:checked.bonneRep + label:after, [type="checkbox"]:checked.bonneRepSol + label:after {
	color: #7cb44b;
	content: 'a';
	font-family: "Webdings";
	font-size: 60px;  /*margin-top:0px;*/
	padding: 0px;
	margin-top: -12px;
	margin-left: -20px;
}
[type="checkbox"]:checked.bonneRepSol + label:before {background-color: #cbdf86;}
[type="checkbox"]:checked.mauvRepSol + label:before {background-color: #de8492;}
/*[type="checkbox"]:not(:checked).mauvRep + label:after, */[type="checkbox"]:checked.mauvRep + label:after, [type="checkbox"]:checked.mauvRepSol + label:after {
	color: #ca1719;
	content: 'X';
	font-weight: bold;
	font-size: 32px;
	
	font-family: "Futura Medium";
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
[type="checkbox"]:checked.testRep + label:after {color: orange; content: 'K'; font-size:32px;}
/*.mauvRep{color: #be0a26;}*/
/*[type="checkbox"].mauvRep {content: 'M';}*/

/*---------------------*/