/**** page d'accueil du quizz ****/
.bulle_quizz {
	float: left;
	color: #0A0704;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	/* margin: 15px 0 0; */
	position: relative;
	padding-right: 29px;
	height: 250px;
	width: 283px;
}
.bulle_quizz .visuel {
	width: 283px;
	height: 158px;
	position: relative;
	overflow: hidden;
}
.bulle_quizz .visuel img {
	position: relative;
	top: 7px;
	left: 6px;
}
.bulle_quizz .visuel .new {
	position: absolute;
	top: 67px;
	left: 178px;
}
.bulle_quizz .mask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 283px;
	height: 158px;
	background: transparent url("mask_bulle_quizz.png") no-repeat left top;
}
.bulle_quizz .descriptif {
	padding-left: 6px;	
}
.bulle_quizz .descriptif .titre,
.bulle_quizz .descriptif .titre a {
	text-decoration: none;
	font-weight: bold;
	text-transform:uppercase;
}



/**** page de liste du quizz ****/
#pageQuizz h5 {
	margin: 16px 0;
}
#pageQuizz h5,
#pageQuizz h5 a {
	color: #000;
	text-transform:uppercase;
	text-decoration: none;
}
.liste_quizz_elt {
	float: left;
	color: #0A0704;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	position: relative;
	padding-right: 35px;
	height: 195px;
	width: 115px;
}
.liste_quizz_elt .visuel {
	width: 114px;
	height: 124px;
	position: relative;
	overflow: hidden;
}
.liste_quizz_elt .visuel .new {
	position: absolute;
	top: 54px;
	left: 12px;
}
.liste_quizz_elt .visuel img {
	position: relative;
	top: 4px;
	left: 4px;
}
.liste_quizz_elt .mask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 114px;
	height: 124px;
	background: transparent url("mask_img_quizz.png") no-repeat left top;
}
.liste_quizz_elt .link {
	padding-left: 4px;	
}
.liste_quizz_elt .link a {
	font-size: 11px;
}

/**** page de question du quizz ****/
#pageQuizz .hidden {
	display: none;
}
.quizz_descriptif {
	color: #0A0704;
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	position: relative;
	height: 145px;
	padding-top: 15px;
}
.quizz_descriptif .visuel {
	float: left;
	width: 114px;
	height: 124px;
	position: relative;
	overflow: hidden;
}
.quizz_descriptif .visuel img {
	position: relative;
	top: 4px;
	left: 4px;
}
.quizz_descriptif .visuel .mask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 114px;
	height: 124px;
	background: transparent url("mask_img_quizz.png") no-repeat left top;
}
.quizz_descriptif .descriptif {
	width: 472px;
	padding-left: 15px;
	line-height: 30px;
	float: left;
}
.quizz_descriptif .descriptif .titre {
	text-transform: uppercase;
	color: #d0103a;
	font-size: 20px;
	font-weight: bold;
}
.quizz_descriptif .descriptif .thematique,
.quizz_descriptif .descriptif .thematique a {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
.quizz_question .titre {
	font-size: 20px;
	font-weight: bold;
}
.quizz_question .titre span {
	color: #d0103a;
}
.quizz_question .question {
	background: url("bg_question_top.png") repeat-y top left;
	width: 558px;
	padding: 22px 22px 25px;
	position: relative;
	text-align: justify;
	margin-top: 15px;
}
.quizz_question .question_foot {
	background: url("bg_question_bottom.png") repeat-y top left;
	display: block;
	width: 602px;
	height: 18px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.quizz_question .qcm {
	margin: 10px 0 0 19px;
	width: 582px;
}
.qcm td.odd {
}
.qcm tr.first {
}
.qcm tr.last {
}
.qcm td.first {
	width: 425px;
	padding: 10px 0;
}
.qcm td.last {
}
.qcm td.last {
}
.qcm td.first a {
	display: block;
	background: transparent url("btn_radio_quizz.png") no-repeat left center;
	padding-left: 37px;
	text-decoration: none;
	color: #000;
}
.qcm td.first a.on {
	background: transparent url("btn_radio_quizz_on.png") no-repeat left center;
}
.qcm td.first a:hover,
.qcm td.first a.over {
	background: transparent url("btn_radio_quizz_over.png") no-repeat left center;
}
	
.quizz_explication {
	margin: 21px 0 0 19px;
}
.quizz_explication .descriptif {
	background: url("bg_explication_top.png") repeat-y top left;
	width: 548px;
	padding: 14px 17px 18px;
	position: relative;
	text-align: justify;
}
.quizz_explication .descriptif .descriptif_foot {
	background: url("bg_explication_bottom.png") repeat-y top left;
	display: block;
	width: 582px;
	height: 6px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.quizz_score {
	text-align: center;
	margin-top: 15px;
}
.quizz_score .score {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	cursor: default;
	background: transparent url("bg_score.png") repeat-x left top;
	padding: 0 12px;
	width: 130px
}
.quizz_score .score span {
	color: #f3f600;
}

.media {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.quizz_question_bottom_links {
	margin:15px 0 0 19px;
	width:582px;
}
/**** boutons ****/
.btn_next_page,
.btn_resultats,
.btn_all_quizz,
.btn_autre_quizz,
.btn_autre_quizz_theme {
	color:#FFFFFF;
	display:block;
	font-size:14px;
	height:21px;
	line-height:21px;
	padding:0 7px;
	text-decoration:none;
	text-transform:uppercase;
}
.btn_next_page {
	background-color: #8fc400;
	border:1px solid #7eac00;
	float:right;
}
.btn_resultats {
	background: #4096ee url("bg_btn_chevron_simple.png") no-repeat left top;
	border:1px solid #1c6cbe;
	float:right;
	padding-left: 28px;
}
.btn_all_quizz,
.btn_autre_quizz,
.btn_autre_quizz_theme {
	float:left;
	background: #7b0c26 url("bg_btn_type_1.png") repeat-x left top;
	border:1px solid #7b0c26;
}
.btn_autre_quizz  {
	float:left;
}
.btn_autre_quizz_theme {
	float:right;
	text-transform: none;
}
.btn_all_quizz {float: none;display: inline-table;}
/**** page de réponses du quizz ****/
.quizz_reponses .titre {
	font-size: 20px;
	font-weight: bold;
}
.quizz_reponses .titre span {
	color: #d0103a;
}
.quizz_reponses .question,
.quizz_reponses .reponse {
	padding: 14px 26px;
	position: relative;
	text-align: justify;
	margin-top: 0;
}
.quizz_reponses .question {
	background-color: #e4e4e4;
	border-top: 1px  solid #c0c0c0;
	border-bottom: 1px  solid #c0c0c0;
	font-size: 14px;
	font-weight: bold;
}
.quizz_reponses .reponse .titre {
	font-size: 20px;
	font-weight: bold;
}
.quizz_reponses .reponse strong {
	font-weight: bold;
	color: #639700;
}

#pageQuizzPopup {
	width: 622px;
	border: 1px solid #d0103a;
	background: url("bg_header_quizz_reponse.png") no-repeat left top;
	padding-top: 105px;
}

#pageQuizzPopup #link_close,
#pageQuizzPopup #link_print {
	position: absolute;
	display: block;
}
#pageQuizzPopup #link_close {
	height: 13px;
	left: 511px;
	top: 10px;
	width: 100px;
}
#pageQuizzPopup #link_print {
	height: 38px;
	left: 215px;
	top: 14px;
	width: 245px;
}
#pageQuizzPopup #link_close span,
#pageQuizzPopup #link_print span {
	display: none;
}

/**** formulaire de parrainnage ****/
.quizz_felicitation .felicitation {
	line-height:25px;
	margin-bottom:25px;
}
.quizz_felicitation .felicitation,
.quizz_felicitation .felicitation a {
	color: #639700;
	font-size: 14px;
	font-weight: bold;
}
.links_button {
	height: 60px;
	width: 487px;
}
p.titre_formulaire {
	color: #d0103a;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
div#contenu form#quizzParrainage {
	border: 1px solid #d0103a;
	position: relative;
	width: 451px;
	padding: 15px;
}
div#contenu form#quizzParrainage .required {
	float: none;
	display: inline;
}
form#quizzParrainage .para_textarea {
	height: auto;
}
div#contenu form#quizzParrainage input,
div#contenu form#quizzParrainage textarea {
	border: 1px solid #d0103a;
}

/*div#contenu form fieldset*/
div#contenu form#quizzParrainage p {
	margin-bottom: 9px;
}
div#contenu form#quizzParrainage fieldset {
	margin: 0;
	padding: 0;
}
form#quizzParrainage .fieldset_participant legend  {
	display: none;
}
form#quizzParrainage .fieldset_participant textarea  {
	height:60px;
	width:270px;
}
form#quizzParrainage .fieldset_parrainage label  {
	display: none;
}
form#quizzParrainage .fieldset_parrainage legend  {
	font-weight:normal;
	margin:0 0 10px;
	text-transform:none;
}
form#quizzParrainage .para_submit  {
	position: absolute;
	right: 15px;
}
div#contenu form#quizzParrainage .para_submit input {
	border: 0;
	width: auto;
	height: auto;
}