/* ------------------ */

/*		  LAYOUT      */

/* ------------------ */

#footer_block {

	background-color: #a0c550;

	border-bottom: 6px solid #8eab4f;

}



#search_btn {

	background: url(../images/theme/loupe.png) center center no-repeat #a0c550;

}



#search_btn.active {

	background: url(../images/theme/croix.png) center center no-repeat #a0c550;

}



/* Footer */

#footer .title {

	color: #61792e;

}



#footer .form_btn {

	border: 2px solid #caec80;

	background-color: #caec80;

	color: #a0c550;

	cursor: pointer;

}



#footer .form_btn:hover {

	color: #caec80;

	background-color: #a0c550;

}



#footer #vertical_separator {

	background-color: #caec80;

}



/* Content */

#patient_content {

	margin-top: 20px;

}



#body {

	position: relative;

	width: 302px;

	height: 742px;

	margin: 0 auto;

}



#body_img {

	position: absolute;

	top: 0;

	left: 0;

}



.patient_point {

	position: absolute;

	width: 46px;

	height: 46px;

	background: url(../images/theme/patient_point.png) center center no-repeat;

	cursor: pointer;

}



.patient_point.active, .patient_point:hover {

	background: url(../images/theme/patient_point_active.png) center center no-repeat;

}



.patient_bodypart {

	display: none;

}



.patient_bodypart.active {

	display: block;

}



#patient_image_area {

	display: none;

}



.content_image_img {

	display: none;

	position: relative!important;

}



.content_image_img.active {

	display: block;

}



.content_detail {

	display: none;

}



.content_detail.active {

	display: block;

}



#body_detail {

	display: none;

}



/* head */

#patient_point_1 {

	top: 17px;

	left: 136px;

}



/* Shoulder (épaule) */

#patient_point_2 {

	top: 115px;

	left: 60px;

}



/* Arm */

#patient_point_3 {

	top: 235px;

	left: 37px;

}



/* Hand */

#patient_point_4 {

	top: 384px;

	left: 248px;

}



/* Knee */

#patient_point_5 {

	top: 512px;

	left: 101px;

}



/* Elbow (coude) */

#patient_point_6 {

	top: 327px;

	left: 178px;

}



/* Wrist -poignet */

#patient_point_7 {

	top: 325px;

	left: 15px;

}



/* Foot (pied) */

#patient_point_8 {

	top: 695px;

	left: 115px;

}



/* bas de colonne */

#patient_point_9 {

	top: 280px;

	left: 130px;

}



/* Jaw (machoir) */

#patient_point_10 {

	top: 60px;

	left: 150px;

}



/* Mi mollet */

#patient_point_11 {

	top: 590px;

	left: 170px;

}



/* Meniscus */

#patient_point_12 {

	top: 518px;

	left: 170px;

}



/* Tendon */

#patient_point_13 {

	top: 670px;

	left: 157px;

}



/* Ankle */

#patient_point_14 {

	top: 695px;

	left: 170px;

}







/* Patient bottom */

#patient_bottom {

	position: relative;

	height: 395px;

	width: 106%;

	background-color: #FFFFFF;

	margin-left: -3%;

	margin-top: 20px;

}



.no_wear {

	margin-top: 12px;

	font-family: 'Nunito', sans-serif;

}



.no_wear:first-child {

	margin-top: 0;

}



.no_wear .no_wear_img {

	float: left;

}



.no_wear .value {

	float: left;

	line-height: 29px;

	font-size: 23px;

	color: #313539;

	margin-left: 19px;

}



.content_image_img {

	position: absolute;

	top: 0;

	left: 0;

}



/* ---------------- */

/*		Tablet		*/

/* ---------------- */

@media screen and (max-width: 1024px) {



	#body {

		position: relative;

		width: 182px;

		height: 447px;

		margin: 0 auto;

	}



	#body_img {

		width: 182px;

		height: 447px;

	}



	.patient_point {

		width: 23px;

		height: 23px;

		background-size: 12px 12px;

	}



	.patient_point.active, .patient_point:hover {

		width: 23px;

		height: 23px;

		background-size: 23px 23px;

	}



	/* head */

	#patient_point_1 {

		top: 10px;

		left: 84px;

	}



	/* Heart */

	#patient_point_2 {

		top: 67px;

		left: 35px;

	}



	/* Arm */

	#patient_point_3 {

		top: 141px;

		left: 24px;

	}



	/* Hand */

	#patient_point_4 {

		top: 231px;

		left: 151px;

	}



	/* Knee */

	#patient_point_5 {

		top: 308px;

		left: 61px;

	}



	/* Elbow (coude) */

	#patient_point_6 {

		top: 190px;

		left: 110px;

	}



	/* Wrist -poignet */

	#patient_point_7 {

		top: 191px;

		left: 9px;

	}



	/* Foot (pied) */

	#patient_point_8 {

		top: 423px;

		left: 67px;

	}



	/* bas de colonne */

	#patient_point_9 {

		top: 167px;

		left: 80px;

	}



	/* Jaw (machoir) */

	#patient_point_10 {

		top: 38px;

		left: 92px;

	}



	/* Mi mollet */

	#patient_point_11 {

		top: 352px;

		left: 104px;

	}



	/* Meniscus */

	#patient_point_12 {

		top: 315px;

		left: 103px;

	}



	/* Tendon */

	#patient_point_13 {

		top: 407px;

		left: 96px;

	}



	/* Ankle */

	#patient_point_14 {

		top: 422px;

		left: 103px;

	}





	/* Patient bottom */

	#patient_bottom {

		height: 250px;

	}



	.no_wear .value {

		line-height: 15px;

		font-size: 15px;

		margin-left: 15px;

	}



	.no_wear .no_wear_img {

		width: 15px;

		height: 15px;

	}

}



/* ---------------- */

/*		Tablet		*/

/* ---------------- */

@media screen and (max-width: 768px) {

	/* Patient bottom */

	#patient_bottom {

		height: auto;

		padding: 50px 0;

		width: 100%;

		margin-left: 0%;

	}



	.no_wear .value {

		line-height: 15px;

		font-size: 12px;

		margin-left: 12px;

	}



	.content_image_img {

		position: relative;

	}

}