@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

html {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-family: Arial,"URW Gothic L",Helvetica,Verdana;
}

/*----- Exercices ----*/

fieldset.exercice {
	margin: 15px 0;
	border: 1px solid black;
	padding: 10px;
}

fieldset.exercice div.question {
	padding-top: 10px;
	padding-left: 40px;
	min-height: 40px;
	background: #fff url(../img/icons/quizquestion.png) no-repeat left top;
}

fieldset.exercice div.result {
	padding: 10px 60px;
	text-align: center;
	font-weight: bold;
}

fieldset.exercice div.good {
	color: green;
}

fieldset.exercice div.wrong {
	color: red;
}

fieldset.exercice label {
	cursor: pointer;
}

fieldset.exercice > div.explain > div.content {
	border: 1px dotted gray;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px 40px;
}

form.qcu > table {
	padding: 15px;
}

form.qcm > table {
	padding: 15px;
}

form.qnum > span.unit {
	margin-left: 10px;
}

form.qnum > input {
	text-align: right;
}

form.qnum > button {
	margin: 10px;
}

form.qplace > div.panel {
	border: 2px solid #ddd;
	background-color: #f9f9f9;
	display: table-cell;
	min-height: 32px;
	min-width: 32px;	
	position: relative;
	overflow: hidden;
}

a {
	color: #557e34;
	text-decoration: none;
	cursor: pointer;
}

form.qplace img {
	vertical-align: top;
	background-color: #fff;
}

form.qplace > button {
	margin-top: 10px;
}

form.qplace div.stock {
	vertical-align: top;
	margin: 20px;
}

form.qplace div.stock div.item {
	margin: 5px;
}

form.qplace div.item {
	display: inline-block;
	margin: 0px;
	cursor: pointer;
	background: #ddd;
	padding: 10px 15px;
	border-radius: 10px;
	opacity: 0.8;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

form.qplace div.target {
	margin: -8px;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #fff;
	border: 3px solid #bbb;
	opacity: 0.8;
	transition: border 0.25s;
}

form.qplace div.selected {
	border: 3px solid blue;
}