#content_file
{
	padding-top: 		0;
	padding: 			15px 5px;
}
#content_zoom .content_bloc h2
{
	margin: 			0;
	font-size: 			13pt;
	text-decoration: 	none;
}

/****************************
 * Generic
 ****************************/
.intro
{
	padding: 			15px 0;
	color: 				#222;
	font-size: 			10pt;
	border-bottom: 		1px dotted #aaa;
}
.content_bloc
{
	border-bottom: 		1px dotted #aaa;
	margin-bottom: 		10px;
	padding:			30px 30px;
	background-color: 	#f3f3f3;
}

.content_bloc::after
{
	content: 			" ";
	clear: 				both;
	display: 			block;
}

.left_bloc
{
	float: 				left;
	width: 				45%;
}
	
	.left_bloc p
	{
		padding: 			5px 0;
		color: 				#222;
	}

.right_bloc
{
	float: 				right;
	width: 				50%;
	padding-top: 		15px;
}
	.right_bloc p
	{
		padding: 			2px 0;
	}

.right_bloc img
{
	display: 			block;
	width: 				100%;
	margin: 			0;
}

	.contact_bloc
	{
	}
		.address_bloc
		{
			float: 				left;
			width: 				60%;
		}
		.hour_bloc
		{
			float: 				right;
			width: 				40%;
			background-color: 	#00B3DB;
			color: 				#fff;
			padding: 			20px;
		}
		.phone,
		.fax 
		{
			background-image: 		url(../images/content/phone.png);
			background-position: 	left;
			background-repeat: 		no-repeat;
			padding: 				3px 0;
			padding-left: 			20px;
		}
		.phone a,
		.fax a
		{
			color: 			#000;
		}
		.phone 	{ background-image: 		url(../images/content/phone.png); 	}
		.fax 	{ background-image: 		url(../images/content/fax.png); 	}
		
		
.center_bloc
{
	margin: 					30px 0;
}	
		
.bottom_bloc
{
	margin-top: 20px;
}
.bottom_bloc::after
{
	content: 			" ";
	clear: 				both;
	display: 			block;
}


	.bottom_bloc img
	{
		float: 				left;
		width: 				32%;
		margin-right: 		1%;
		margin-bottom: 		10px;
	}

/****************************
 * RESPONSIVE < 700px
 ****************************/
@media only screen
and (max-width : 1000px) 
{
}

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

	#content_zoom
	{
		padding: 			10px 5px !important;
	}
	.intro
	{
		border: 			0;
	}
	.content_bloc
	{
		padding: 			10px;
		border: 			0;
	}
	.left_bloc,
	.right_bloc
	{
		float: 				none;
		width: 				auto;
		padding-top: 		0;
	}
	.bottom_bloc img
	{
		width: 				48%;
		margin-right: 		2%;
	}
}

@media only screen
and (max-width : 420px) 
{
	.address_bloc,
	.hour_bloc
	{
		float: 				none;
		width: 				auto;
	}
	.bottom_bloc img
	{
		float: 				none;
		width: 				100%;
	}
}