.quiz-modal {
	margin-top: 10px;
	display: none;
}

.menu-content-wrapper {
	width: 450px;
	float: left;
}
.article .menu-content-wrapper {
	width: 440px !important;
}
/*
** LEVEL
*/
div.quiz-level-img {
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
}
div.quiz-level-img img {
	cursor: pointer !important;
	width: 22px !important;
	float: none !important;
	display: inline-block !important;
}

h3.quiz-level-title {
	text-transform: uppercase;
	font-family: YanoneKaffeesatzLightRegular;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	color: #FFFFFF;
}

td.active h3.quiz-level-title {
	color: #353535 !important;
}

td.no-quizzes h3.quiz-level-title {
	color: #c5c5c5 !important;
}
.quiz-modal .quiz-modal-level {
	float: left;
	width: 70px;
	background : #353535;
	font-family : YanoneKaffeesatzRegularRg;
	font-weight: normal;
	text-transform : uppercase;
	font-size: 20px;
	border-top: 1px solid #fff;
}

.quiz-modal .quiz-modal-level table {
	width: 71px !important;
}
div.quiz-modal-level td {
	cursor: pointer;
	height: 64px;
	vertical-align: middle;
}
div.quiz-modal-level td.active {
	background: #F0F0F0;
	border: 1px solid #AAAAAA;
}
.quiz-modal .quiz-modal-level img {
    border: 0px none !important;
    padding: 0px !important;
}

/*
** Title 'QUIZ'
*/
.quiz-modal .quiz-modal-level table tr:first-child td {
	height: 38px;
	color: #ffffff;
	vertical-align: text-top !important;
	padding-top: 7px;
}
.quiz-modal .quiz-modal-level table tr:first-child td img {
	cursor: default !important;
	vertical-align: text-bottom;
	width: 20px !important;
	font-weight: bold;
}

/*
** MENU
*/
.quiz-modal-menu {
	height: 35px;
}
.quiz-modal-menu span.quiz-modal-header {
	text-align: left;
	width: 135px;
/*	background: #353535; */
	background: url("/img/web2.0/quiz/title-quiz.png") no-repeat scroll right top #FFFFFF;
}

.quiz-modal-menu span.quiz-modal-header h3 {
	background: #353535;
	width: 110px;
	text-shadow: none;
	color: #ffffff;
}

.quiz-modal-menu span {
	height: 35px;
	text-align: center;
	background: url("/img/web2.0/quiz/bg.png") repeat-x scroll 0 0 transparent;
	display: inline-block;
	float: left;
}
.quiz-modal-menu span.quiz-modal-header-quizzes {
	padding-right: 23px;
	background: url("/img/web2.0/quiz/bg-right-end.png") no-repeat scroll right top transparent !important;
}
.quiz-modal-menu span.quiz-modal-header-item-left,
.quiz-modal-menu span.quiz-modal-header-item-right {
	width: 22px;
	background: url("/img/web2.0/quiz/bg.png") repeat-x scroll 0 0 transparent;
}
.quiz-modal-menu span.quiz-modal-header-item.active span.quiz-modal-header-item-left {
	background: url("/img/web2.0/quiz/bg-left-active.png") no-repeat scroll 0 0 transparent !important;
}
.quiz-modal-menu span.quiz-modal-header-item.active span.quiz-modal-header-item-right {
	background: url("/img/web2.0/quiz/bg-right-active.png") no-repeat scroll 0 0 transparent !important;
}
.quiz-modal-menu span h3 {
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	line-height: 35px;
	height: 100%;
/*	text-shadow: 0 1px 1px #FFFFFF, 0 -1px 0 #000000, 1px 1px 1px #F0F0F0; */
	text-transform: capitalize;
	color: #FFFFFF;
	min-width: 54px;
	float: left;
	display: inline-block;
	background: url("/img/web2.0/quiz/bg.png") repeat-x scroll 0 0 transparent;
}
.quiz-modal-menu span.quiz-modal-header-item.active h3 {
	color: #000000;
	background: url("/img/web2.0/quiz/bg-active.png") repeat-x scroll 0 0 transparent !important;
}

/*
** CONTENT
*/

.quiz-modal-content {
	border: 1px solid #AAAAAA;
	background: #F0F0F0;
	width: 100%;
}

.quiz-modal-query {
	color: #168DBD;
	margin: 16px 20px;
	font-size: 18px;
}
div.quiz-modal-comment {
	margin: 0px 20px;
}
div.quiz-modal-comment span.title {
	background: #888888;
	color: #FFFFFF;
	display: inline-block;
	padding: 1px 5px;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
}
div.quiz-modal-comment span.helper {
	color: #888888;
	display: inline-block;
	padding: 4px;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
	border: 1px solid #888888;
}

.quiz-modal-answers {
	margin: 10px 20px;
	font-size: 13px;
}
.quiz-modal-answers table {
	border-collapse: separate !important;
	border-spacing: 0px !important;
	margin: 0 auto !important;
	text-align: left !important;
	width: 100% !important;
}
.quiz-modal-answers tr.right-answer {
	color: green;
}
.quiz-modal-answers tr.wrong-answer {
	color: red;
}
.quiz-modal-answers td {
	vertical-align: middle;
	text-align: justify;
	cursor: pointer;
	border-bottom: 6px solid transparent;
}
.quiz-modal-answers tr td.ico {
	background: url("/img/web2.0/quiz/square-unchecked.png") no-repeat scroll left center transparent;
	width: 30px;
	height: 25px;
}
.quiz-modal-answers tr.checked td.ico {
	background: url("/img/web2.0/quiz/square-checked.png") no-repeat scroll left center transparent;
}

.quiz-modal-actions {
	text-align: right;
	margin: 0px 16px 16px 0px;
}
.quiz-modal-actions div {
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
.quiz-modal-count {
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	color: #AAAAAA;
	border: 1px solid #AAAAAA;
	padding: 0px 7px;
}
.quiz-modal-step {
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	background: url("/img/web2.0/menu/barre-bleu.gif") repeat-x scroll 0 0 #4192b0;
	padding: 0px 12px;
	color: #ffffff;
}
.quiz-modal-step img {
	vertical-align: top;
	margin-left: 11px;
}