#left{
	height:100%;
	width:7.5%;
	float:left;
	background:transparent;
}
#left img{
	height:136px;
	margin-bottom:10px;
	width:auto;
	margin-left:-160%;
}
#content{
	height:100%;
	width:92.5%;
	float:left;
	background:transparent;
}
#right{
	padding-top:80px;
	padding-left:;
	height:100%;
	width:18%;
	float:left;
	background:transparent;
}
.bloc:hover span{
	background-image:linear-gradient(to left, #b59, #f9d);
}
.questions{
}
.question{
	margin-left:2.5%;
	font-size:100%;
	padding:0 2.5%;
	border:0px;
	background-color:transparent;
	margin-bottom:3px;
	border-radius:10px;
	transition: box-shadow 0.2s height 0.25s;
	width:80%;
	overflow:hidden;
}
#q_opa1, #q_opa2, #q_opa3, #q_opa4{
	transition:height 0.5s;
	height:22.5%;
}
#q_osp1, #q_osp2, #q_osp3, #q_osp4, #q_pp1, #q_pp2, #q_pp3, #q_pp4, #q_pri1, #q_pri2, #q_pri3, #q_pri4{
	transition:height 0.5s;
	height:0%;
}
.btn_img{
	text-shadow:0 0 5px red;
	z-index:10;
	line-height:50px;
	margin-top:-100%;
	margin-bottom:50%;
	background-color:red;
}
.question:hover{
	box-shadow:0 0 7px #444;
}
.title{
	font-weight:bold;
	font-size:120%;
}
.opa{color:#374;}
.osp{color:#769;}
.pp{color:#478;}
.pri{color:#c82;}
button.button{
	color:#ddd;
	padding:5px;
	float:left;
	border:3px outset #c69;
	border-radius:5px;
	font-size:120%;
	background-color:#b57;
	cursor:pointer;
	text-align:center;
	color:#ddd;
	transition:color 0.5s, background 0.3s, box-shadow 0.1s;
}
button.button:hover{
	background-color:#935;
}
button.button:active{
	border:3px outset #b57;
}
#right_answers{
	float:left;
	border:0px;
	padding-left:40px;
	clear:left;
}
.question input{
	background-color:#f80;
}
.result{
	margin-top:5px;
	transition:color 2s;
}
.perc_right{
	font-weight:bold;
	letter-spacing:1px;
	height:auto;
	width:100%;
	margin-bottom:25px;
	background-color:#111;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center center;
	transition:height 0.5s, background 0.5s;
}
.class_right_answers{
	width:100%;
	height:20px;
	background:transparent;
	text-align:left;
}
#partial_result1{
	color:#374;
	padding:5px;
	font-weight:bold;
}
#partial_result2{
	color:#769;
	padding:5px;
	font-weight:bold;
}
#partial_result3{
	color:#478;
	padding:5px;
	font-weight:bold;
}
#partial_result4{
	color:#c82;
	padding:5px;
	font-weight:bold;
}
.btn_choice{
	line-height:47px;
	text-align:center;
	width:50px;
	font-weight:bold;
	height:50px;
	border-radius:50%;
	margin-bottom:20px;
	margin-left:3px;
	transition:border 0.25s, background 0.25s;
	cursor: pointer;
}
.btn_choice:not(:last-child){
	float:left;
}
#btnc1{
	transform:rotate(360deg);
	transition:border 0.25s, background 0.25s, transform 1s;
	border:3px solid #374;
	background-image:radial-gradient(#374, transparent);
}
#btnc2{
	transition:border 0.25s, background 0.25s, transform 1s;
	background-image:radial-gradient(transparent, transparent);
	border:3px solid #769;
}
#btnc3{
	transition:border 0.25s, background 0.25s, transform 1s;
	background-image:radial-gradient(transparent, transparent);
	border:3px solid #478;
}
#btnc4{
	background-image:radial-gradient(transparent, transparent);
	transition:border 0.25s, background 0.25s, transform 1s;
	border:3px solid #c82;
}