.questionnaire							{position:relative;border:1px solid #CBCBCB;margin-bottom:25px;background-color:#FAFAFA;text-align:center;}
.questionnaire	.questionnaire_img 		{height:200px;background-size:cover;margin:10px;background-position:center center;}
.questionnaire	.questionnaire_titre	{background-color:#BD321F;color:#FFFFFF;min-width:60px;padding:5px;font-family: "din-condensed", Arial;font-size:16px;top:20px;left:-10px;position:absolute;line-height:26px;}
.questionnaire	.questionnaire_fl		{width:0;height:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent #bd321f transparent transparent;top:55px;left:-10px;position:absolute;}
.questionnaire	.questionnaire_btn		{background-color:#333;color:#FFFFFF;width:150px;padding:5px;font-family: "din-condensed", Arial;font-size:18px;margin:10px;font-weight:200;cursor:pointer;}

.theme_niveau_1							{text-align:left;font-weight:normal;font-size:12px;font-family:Arial, Helvetica, sans-serif;line-height:14px;}
.theme_niveau_2							{text-align:left;padding-left:20px;font-size:12px;font-family:Arial, Helvetica, sans-serif;line-height:14px;}
.questionnaire_btn						{color:#FFFFFF;text-decoration:none;background-color:#333;color:#FFFFFF;width:150px;padding:5px;font-family: "din-condensed", Arial;font-size:18px;margin:10px;font-weight:200;cursor:pointer;}
.questionnaire_btn:hover				{color:#FFFFFF;text-decoration:none;background-color:#333;color:#FFFFFF;width:150px;padding:5px;font-family: "din-condensed", Arial;font-size:18px;margin:10px;font-weight:200;cursor:pointer;}

.questionnaire	.questionnaire_titre	{background-color:#BD321F;color:#FFFFFF;min-width:60px;padding:5px;font-family: "din-condensed", Arial;font-size:16px;top:20px;left:-10px;position:absolute;line-height:26px;}
.questionnaire	.questionnaire_fl		{width:0;height:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent #bd321f transparent transparent;top:55px;left:-10px;position:absolute;}

.test_quit								{background-color:#bd321f;padding:3px;z-index:9999;margin-top:3px;font-weight:bold;text-decoration:none;}

.theme									{border:1px solid #333;border-bottom:0px solid #333;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:20px;display:inline-block;float:right;}
.theme th								{border-bottom:1px solid #333;color:#fff;background-color:#333;padding:3px;}
.theme td								{border-bottom:1px solid #333;color:#333;padding:3px;}

.questionnaire_test 					{max-width: 816px; margin:40px; background-color:#FFFFFF;}
.questionnaire_test_titre				{padding:10px;margin:0px;font-size:50px;}
.questionnaire_test_paragraphe			{font-size:22px;line-height:24px;font-family: "din-condensed", Arial;padding:10px;padding-bottom:0px;padding-top:0px;}
.questionnaire_test_titre_block			{padding:0px;}
.questionnaire_test_footer				{display:none;}

.questionnaire_test_img	{
	width: 100%;
}
.questionnaire_test_img.questionnaire_test_img_black
{
	min-height: 300px;
	background: #000 url() 0 0 no-repeat;
	color: white;
	font-size: 20px;
	font-weight: bold;
}
.questionnaire_test_reponse input		{display: none;text-align:left;padding-left:10px;vertical-align:top;line-height:12px;margin-top:3px;margin-right:3px;}
#dewplayer								{position:absolute;top:-1000px}
.none									{display:none;}

.Reponse_test	.questionnaire_img		{height:120px;}
.Response_test1 {float:left;margin-left:20px;margin-top:0px;width:218px;}
.Response_test0 {float:left;margin-left:20px;margin-top:0px;width:218px;}
.display_note	{font-size:150%}
.display_total	{}
.checkbox {width:16px;height:16px;border:1px solid #CBCBCB;border-radius:3px;display:inline-block;vertical-align:middle;
padding: 0px;
line-height: 16px;
min-height: 16px;
margin-top:0px;
margin-bottom:4px;
}
.checked {background-image:url(/img/checkmark.png);width:25px;height:20px;margin-left:-5px;margin-top:-7px;background-size:100%;}
.titre_reponse_qst	{font-size:18px;line-height:24px;font-family: "din-condensed", Arial;}
.questionnaire_reponse_explication	{
margin: 0px;
font-size: 14px;
line-height: 20px;
margin-top: 5px;
margin-bottom: 10px;
}
.questionnaire_img_box {
	position:relative;
	width:60%
}
.questionnaire_reponse_box {
	width:40%
}

.questionnaire_img_box	.questionnaire_titre	{text-align:center;background-color:#BD321F;color:#FFFFFF;min-width:60px;padding:5px;font-family: "din-condensed", Arial;font-size:16px;top:20px;left:-10px;position:absolute;line-height:26px;}
.questionnaire_img_box	.questionnaire_fl		{width:0;height:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent #bd321f transparent transparent;top:55px;left:-10px;position:absolute;}

#progressbar				{font-weight:bold;font-size:40px;color:#333;margin:3px;width:50px;text-align:center;}

#progressbarvalue			{line-height:25px;width:42px;}
.numquestion				{font-size:40px;}


.top_Box_reponse_detail	{
	height:60px;
}

.Box_reponse_detail {
	margin:20px;
	margin-top:0px;
	border:1px solid #CBCBCB;background-color:#FAFAFA;
	padding:30px;
	padding-bottom:10px;
}

.signaler_un_probleme {
	text-align: right;
color: gray;
cursor:pointer;
text-decoration: underline;
font-size: 12px;}
.signaler_un_probleme_titre {font-size: 18px;
line-height: 24px;
font-family: "din-condensed", Arial;
}
.signaler_un_probleme_box textarea {font-family:Arial, Helvetica, sans-serif;font-size:14px;padding:20px;box-sizing:border-box;width:100%;height:200px;border:1px solid #CBCBCB}
.signaler_un_probleme_btn {background-color: #333;border:1px solid #333;
color: #FFFFFF;
width: 150px;
padding: 5px;
font-family: "din-condensed", Arial;
font-size: 18px;
font-weight: 200;
cursor: pointer;
margin:auto;
margin-top:10px;
}
.signaler_un_probleme_box {
	background-color:#FCFCFC;
	border:1px solid #ededed;
	padding:10px;
	margin-top:5px;
	display:none;
}

.height_100 {display:none;height:100px;}

.Box_reponse_detail .close {margin-top: -30px;
margin-right: -25px;}

.thumb_start_img {
	float:left;vertical-align:middle;margin:10px;border:1px solid #DCDCDC;
}

.questionnaire_img_img	{
	border:1px solid #CBCBCB;padding:10px;
}

.box_content_result	{text-align:left}
	.questionnaire_reponse_box					{display:block;width:100%;text-align:left;}

.theme_block {color:#000000;font-family: "din-condensed", Arial;font-size:24px;margin-top:8px;width:320px;}
.theme_name {color:#666666;font-family: "din-condensed", Arial;font-size:16px;margin-top:8px;}
.qst_btn {background-color:#BD321F;color:#FFFFFF;padding-left:10px;padding-right:10px;line-height:30px;font-weight:bold;display:inline-block;vertical-align:top;}
.qst_btn:hover {color:#FFFFFF;text-decoration:none;cursor:pointer;background-color:#CE321F;}
.qst_select {line-height:28px;border-radius:0px;border-collapse:collapse;display:inline-block;vertical-align:top;}
.qst_select_td {border:1px solid #CBCBCB;background-color:#F9F9F9;width:100px;text-align:center;}
.qst_select_td:hover {background-color:#F0F0F0;cursor:pointer;color:#BD321F;}
.qst_selected_td {border:1px solid #CBCBCB;background-color:#F0F0F0;font-weight:bold;width:100px;text-align:center;}
.qst_selected_td:hover {background-color:#F0F0F0;cursor:pointer;color:#000000;}
.ou {background-color:#FAFAFA;border:1px solid #DCDCDC;color:#000000;line-height:40px;width:40px;font-weight:bold;text-align:center;border-radius:30px;font-size:20px;font-family: "din-condensed", Arial;margin-left:70px;margin-top:5px;margin-bottom:5px;}

	.btn-mode{
		background: white;
		color: black;
		border: 2px solid #ccc;
		border-radius: 10px;
		position: relative;
		display: inline-block;
		padding: 10px 20px;
		margin: 10px;
		margin-bottom: 0px;
		transition: all 0.2s ease-in-out;
	}
	.btn-mode:hover:not(.selected){
		text-shadow: 1px 1px 2px #FFFFFF;
		border: 2px solid #3366ff;
		color:#3366ff;
		text-decoration: none;
	}
	.btn-mode hr{
		transition: all 0.2s ease-in-out;
		padding: 0;
		margin:0;
		border-top: 1px solid #dedede;
	}
	.btn-mode.selected:hover hr{
		border-top: 1px solid #ccc;
	}
	.btn-mode:hover hr{
		border-top: 1px solid #3366ff;
	}
	.btn-mode.selected{
		border: 2px solid #3366ff;
		-webkit-box-shadow: 2px 2px 5px 0px rgba(51,51,51,0.3);
		-moz-box-shadow: 2px 2px 5px 0px rgba(51,51,51,0.3);
		box-shadow: 2px 2px 5px 0px rgba(51,51,51,0.3);
	}
	.btn-mode.selected .btn-tick:before{
		font-family: 'Font Awesome 5 Free';
		font-weight: 400;
		content: "\f058";
		font-size: 30px;
		float: right;
		color: #3366ff;
	}
	.btn-tick {
		float: right;
		width: 30px;
		height: 30px;
	}
	.font-big {
		font-size: 50px;
	}
	.questionnaire_test{
		margin: 40px auto !important;
		padding: 10px 10px 20px 10px;
		padding-bottom: 20px;

	}

.questionnaire_test_start
{
	color:#FFFFFF;
	padding:10px;
	font-weight:1000;
	cursor:pointer;
	text-align:center;
	display:inline-block;
	font-size:20px;
	margin-top:10px;
	margin-right:10px;
	background-color: #3366ff;
	border-radius: 0 0 16px 16px;
	transition: all 0.2s ease-in-out;
	position: absolute;
	box-sizing: content-box;
	bottom: -50px;
	right: 0;
	left: -11px;
	border: 1px solid #3366ff;
	width: 100%;
}
	.questionnaire_test_start:hover{
		background-color: #3366ff;
		-webkit-box-shadow: 2px 2px 5px 0px rgba(51,51,51,0.3);
		-moz-box-shadow: 2px 2px 5px 0px rgba(51,51,51,0.3);
		box-shadow: 2px 2px 5px 0px rgba(51,51,51,0.3);
	}

	#qstThumb{
		height: auto;
		width: 100%;
	}


@media (max-width: 600px) {
	.theme									{margin:0px;margin-left:0px;margin-bottom:20px;}
	.box_content_result	{text-align:center;margin-top:120px;}

	.Box_reponse_detail .close {margin-top: -30px;
margin-right:5px;}

	.Box_reponse_detail						{margin-left:0px;margin-right:0px;}
	.questionnaire_img_box					{display:block;width:100%;}
	.questionnaire_img_img	{
	border:0px solid #CBCBCB;
	border-top:1px solid #CBCBCB;
	border-bottom:1px solid #CBCBCB;
	padding:10px;
}
	.Reponse_test	.questionnaire_img		{height:140px;}

	.Box_reponse_detail						{padding-left:0px;padding-right:0px;}

	body 									{background-color:#FFFFFF;padding:0px;}
	.questionnaire_test {border:0px;margin:0px;}
	.questionnaire_test_titre {font-size:26px;}
	.questionnaire_test_paragraphe {font-size:18px;padding-left:10px;padding-right:10px; line-height: 20px;}

	.Response_test0 {
		float: none;
		margin-left: 0px;
		margin-top: 0;
		width: 100%;
	}
}

.bloc-right{
	padding:10px;
	text-align: center;
	margin-bottom: 10px;
}

#progressbarvalue
{
	display:inline-block;
	text-align: center;
	color: #444444;
	font-size: 25px;
	font-weight: bold;
}
@media (max-width: 768px) {
	#progressbarvalue
	{
		display: inline-block;
		text-align: center;
		color: #444444;
		font-size: 15px;
		font-weight: bold;
	}
}


@media (max-width: 450px) {
	.thumb_start_img {width:100%;float:none;margin:0px;border:0px;border-bottom:1px solid #CBCBCB;padding:5px;box-sizing:border-box;}
}




@media (max-width: 340px) {
	
	h2 {
		color: #333333;
		margin-bottom:0;
		padding-left:0;
		line-height:auto;
		border-left:0;
		background-color:transparent;
		font-size:20px;
	}
}

@media (max-width: 340px) {

	.wrapper-loader{
		padding: 0!important;
	}

	.questionnaire_test_img {
		width:100%;
		height: auto;
	}

}