/* Règles des exercices */

/*  == TOC ==
	Header
	Boutons
	Scoring
*/

.divQuiz {
	margin:1em;
}
.question, .score, .sol, .explain{
	padding-left: 50px;
	min-height: 47px;
	margin: 0.6em 0 0.3em 0em;
}

.question h1, .score h1, .sol h1, .explain h1{
	font-style: italic;
	font-weight: bold;
	font-size: 17px;
}

.question{
	background: url(../img/quiz/question.png) top left no-repeat;
}

.score{
	background: url(../img/quiz/reponse.png) top left no-repeat;
}

.sol{
	background: url(../img/quiz/solOver.png) top left no-repeat;
}

.explain{
	background: url(../img/quiz/explications.png) top left no-repeat;
}
.scoreEval{
	text-align: justify;
	font-size: 1.2em;
	margin: 0.2em 1em 0.7em 1em;
}

.answBest {
	color: #00aa00;
}
.answGood {
	color: #497749;
}
.answBad {
	color: #c05707; 
}

.answWorst {
	color: #a41e16; 
}

.infoScore{
	font-size:14px;
}

.WFeedbackEntry{
	font-weight:bold;
	color:#676767;	
	background: url(../img/quiz/explain.png) no-repeat left center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:20px
}

.collapse .question {
	margin-bottom: 0em;
}
.question  p.el_txt_p{
	color: #4164AB;
	text-indent: 0;
	padding-top: 10px;
	margin: 0px 1em;
}
.question p .el_txt_is_em {
	border-bottom: 2px solid #CBDDF5;
	color: #4164AB;
}
.question .el_txt_ili p {
	font-size:1em;
	padding: 0px;
	font-weight: normal;
}

/* Eval buttons */
.btnStartE,
.btnRestartE,
.btnScoreE,
.btnValidateE,
.btnCloseE,
.btnHomeE,
.btnGotoSolE {
	height: 33px;
	display: inline;
	padding-right: 40px;
	margin-right: 35px;
	color: #177FC4;
	margin: 0em 1.5em 0em 0em;
	font-size: 18px;
}
a.btnStartE,
a.btnValidateE,
a.btnCloseE,
a.btnHomeE {
	background: url(../img/btn/enter.png) no-repeat right;
	padding-top: 10px;
	padding-bottom: 10px;
}
a.btnStartE:hover,
a.btnValidateE:hover,
a.btnCloseE:hover,
a.btnHomeE:hover {
	background: url(../img/btn/enterOver.png) no-repeat right;
	padding-top: 10px;
	padding-bottom: 10px;
}
a.btnRestartE {
	background: url(../img/quiz/restart.png) no-repeat right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:50px
}
a.btnRestartE:hover {
	background: url(../img/quiz/restartOver.png) no-repeat right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:50px
}
a.btnScoreE {
	background: url(../img/quiz/scoreE.png) no-repeat right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:50px
}
a.btnScoreE:hover {
	background: url(../img/quiz/scoreEOver.png) no-repeat right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:50px
}
a.btnGotoSolE {
	background: url(../img/quiz/solOn.png) no-repeat right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:50px
}
a.btnGotoSolE:hover{
	background: url(../img/quiz/solOver.png) no-repeat right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:50px
}
.resultE,
.closeE {
	font-size: 18px;
	color: #CA5858;
	margin-top: 1em;
	margin-bottom: 1em;
	border:1px solid white
}
.closeE {
	text-align: center;
}
.btnHomeEFrm {
	margin: 20px 0px;
	text-align: center;
}

table.tableEvalHome {
	margin: 1em 0 1em 0;
}
table.tableEvalHome td {
	vertical-align: middle;
}

table.tableEvalHome p {
	font-weight: bolder;
	color: #4164AB;
}

/* Eval transformers */
h1.evalSol_ti {
	text-align: center;
	margin-top: 1em;
}

div.evalSol_co {
	padding: 0px 1em;
}
div.evalSol .question,
div.evalSol .score,
div.evalSol .sol{
	margin-bottom: 20px;
}
div.evalSol .choiceExplain {
	margin-left: 0.3em;
	padding-left: 18px;
	color: black;
	font-style: italic;
	font-weight: lighter;
	background: url(../img/quiz/feed_bk.png) left top no-repeat;
	
}
/* EDIT */

.tatInput {
	background-color: #F2FBFA;
	background: url(../img/quiz/edit.gif) no-repeat;
	padding: 1px 2px 1px 18px;
	white-space: pre;
	border: 1px solid silver;
	width: 150px;
	font-weight: bold;
}

.tatSol {
	margin: 0px 3px; 
	border: 2px solid #FF8C00;
	color: #FF8C00;
	font-style: italic;
	padding: 2px;
	background: White;
}

.assmntResult_0 input {
	color: #ff4a3e;
	border: 2px solid #ff4a3e;
	text-decoration: line-through blink;
	cursor: default;
}

.assmntResult_1 input {
	color: #00aa00;
	border: 2px solid #00aa00;
	cursor: default;
}

.gapAnswer,
.exoSol{
	margin-left: 0.2em;
	margin-right: 0.5em;
	font-style: italic;
	font-weight: bold;
	color: #FF4500;
}

.exoAsw {
	margin-top: 0.5em;
}
.exoSol {
	padding: 0 0 0 0.2em;
}
.el_open_exoSol {
	color: #669933;
	font-style: normal;
}
.ere_cTxt_tl_gap span {
	padding: 0em 0.3em 0em 0.3em;
}

.ere_cTxt_tl_gap span input {
	padding-left: 0.1em;
}

.exoInput {
/*	padding-left: 1em;*/
	margin-left: 5em;
}
.el_open_exoInput {
	width: 80%;
	height: 100px;
}
.field_div {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0.7em;
	margin-bottom: 0.3em;
}

.field_child {
	margin-left: 1.5em;
}

.field_child .field_div {
	margin-bottom: 0.1em;
	font-size: 1.1em;
	font-style: italic;
	display: list-item;
	list-style: disc inside;
}
/* ====== MCQ ====== */

.choiceList {
	margin-left: 1.5em;
	margin-top: 0.5em;
}

.collapse .choiceList {
	margin-top: 0.5em;
	margin-bottom: 0em;
	margin-left: 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.label {
	padding: 0px;
	margin-bottom: 0px;
	height: auto;
	font-size: 1em;
}
.label p {
	padding: 0 0 0 0;
	text-indent: 0;
	margin: 0 0 0 0;
	line-height: normal;
}

.choice {
	display: inline;
	padding: 0px;
	height: auto;
}

.choiceList_in {
	vertical-align: top;
	height: auto;
	background-repeat: no-repeat;
	background-position: right 5px;	
	padding : 1px 18px 0 0
}

.choiceList_in input {
	padding: 0px;
	margin:2px 0px 0px 0px
}

.choiceList_la {
	height: auto;
	margin-top: 1em;
}

td.choiceList_la p {
/*	padding: 0 0 0 0.3em;*/
	margin: 0 0 1em 0;
}

tr.choiceList_ch {
	margin-bottom: 0.5em;
}

/* MCQ stylage des solutions */
.assmntSolCheck .choiceList_in {
 	background-image: url(../img/quiz/boxchk.png);
}

.assmntSolUnche .choiceList_in {
	background-image: url(../img/quiz/boxunchk.png);
}

.assmntSolWrong td.choiceList_in {
	background-image: url(../img/quiz/radiounchk.png);
}

.assmntSolRight td.choiceList_in {
	background-image: url(../img/quiz/radiochk.png);
}

/* ====== MLQ ====== */

.op_labelTxt_p {
	text-align: left;
}

/* Glisser Deposer */
.mtTable {
	width:100%;
	border-collapse: separate;
	border-spacing:5px;
}
.mtTable td {
	vertical-align: top;
}

.mtTdBasket {
	width:30%;
	padding: 0px;
	margin: 0px;
}
.mtTdBasketSol {
	display: none;
}
.mtTdArrow {
	width: 20px;
	background-image:url("../img/quiz/dragArrow.png");
	background-repeat: no-repeat;
	background-position: center;
}
.mtTdSol{
	width:50%;
}

.mtTdDropCont {
	padding: 0px;
	margin: 0px;
}
.mtTdBasket .ddBasket {
	min-height:250px;
}
.mtTdBasket .ddBasketCatch {
	min-height:250px;
}
.mtTdHeading {
	text-align: center;
}
.olTableSol {
	width: 100%;
}
.olTdSolHead{
	width: 9em;
}
.ddBasket{
	margin-bottom: 5px;
}
.ddBasketCatch {
	border: 1px solid #1c75bc;
	box-shadow: 4px 4px 5px #CFCFCF;
}
.ddBasketCont {
	padding: 2px;
}
.ddBasketSol {
	display: none;
}

.ddRepArea {
	margin-bottom:5px;
}
.ddDropCatch {
	border: 2px solid #1c75bc;
	box-shadow: 4px 4px 5px #CFCFCF;
}
.mtTdDropCont .ddDropCatch,
.mtTdSol .ddDropCatch{
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
.ddDropCont {
	padding: 2px;
}

.mtLabel p, .mtLabelSol p {
	text-indent: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.1em;
}
.ddLabel p, .ddLabelSol p {
	text-indent: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.1em;
}


/*encadré gris des étiquettes */
.ddLabel {
	text-align: center;
	border: 1px solid Gray;
	background-color: White;
	padding: 2px;
	width: 10em;
	cursor: move;
	margin: 0.1em 0.1em 0.2em 0.1em;
	float: left;
}
.ddLabelSol {
	text-align: center;
	border: 1px solid Gray;
	background-color: White;
	padding: 2px;
	width: 10em;
	cursor: default;
	margin: 0.1em 0.1em 0.2em 0.1em;
	float: left;
}

.mtLabel {
	float: left;
	padding: 2px;
	margin: 2px;
	border: 1px solid Gray;
	background-color: white;
	cursor: move;
}
.mtLabel span.myTT_a {
	cursor: move;
}
.mtLabelSol {
	float: left;
	padding: 2px;
	margin: 2px;
	border: 1px solid Gray;
	background-color: white;
	cursor: default;
}
.mtLabelSol span.myTT_a {
	cursor: default;
}

/*encadré rose des étiquettes */
.ddLabelDrag {
	border: 1px solid #F08080;
}

.olLabelDrag p {
	border: 1px solid #F08080;
}

/* DragOver classes: pour le panier de propositions et pour les réponses */
.ddBasketDragOver,
.ddCatchDragOver {
	background-color: #e6f5ff;
	border: 1px solid #80b0f0;
}

/* propositions et réponses */
.ddBasketCont div.ddLabel,
.ddDropCont div.ddLabel {
	float: left;
}

/* fin du panier */
.ddBasketEnd,
.ddCatchDragEnd {
	clear: both;
}

/* titres des catégories et des étiquettes  */
.ddDropTi p, .ddLabel p, .ddLabelSol p {
	margin: 0px;
	text-align: center;
}

/* Si le panier de propositions est vide */
.ddBasketIfEmpty {
	clear: both;
	font-style: italic;
	font-size: 0.9em;
	color: Gray;
	text-align: center;
	padding: 5px 0px;
}

/* En gris ... */
.ddDropTi {
	background-color: #177FC4;
	color: white;
	text-align: center;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}

.ddDropContIfEmpty {
	height: 27px;
	background: url("../img/quiz/drop.png") no-repeat center;
}
.ddDropContIfEmpty:hover {
	height: 27px;
	background: url("../img/quiz/dropOver.png") no-repeat center;
}
.mtTdSol .ddDropContIfEmpty,
.olTableSol .ddDropContIfEmpty{
	background: inherit;
}
.ddDropContIfEmpty span {
	display: none;
}

/* encadré vert si la réponse est juste */
.ddLabel_Right,
.assmntResult_Right {
	cursor: default;
	padding: 1px;
	border: 2px solid #00aa00;
}
.ddLabel_Right span.myTT_a,
.assmntResult_Right span.myTT_a {
	cursor: default;
}

/*encadré rouge si la réponse est fausse */
.ddLabel_Wrong,
.assmntResult_Wrong {
	cursor: default;
	padding: 1px;
	border: 2px solid #ff4a3e;
}
.ddLabel_Wrong span.myTT_a,
.assmntResult_Wrong span.myTT_a {
	cursor: default;
}

.coQuizQuest {
	margin: 10px 0px 0px;
	border:1px solid #D8D8D8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:10px;
}

.coQuizQuest .question{
	background: none;
	padding: 0px
}

.coQuizList .scoreBox{
	float: right;
}

.coQuizList .scoreBox .score{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #F5F5F5;
	-moz-box-shadow: -2px 1px 2px #424242;
	-webkit-box-shadow: -2px 1px 2px #424242;
	box-shadow: -2px 1px 2px #424242;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px
}

.coQuizList .subQuiz{
	border:1px solid #D8D8D8;
	padding:10px;
	margin-top: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/* === SMALL & TOUCH screens ================================================ */
div.tplFra_touch .choiceList_in{
	height:40px;
}
div.tplFra_touch .choiceList_la{
	vertical-align: top;
}
