/************************************
 * Partie gauche : Menu
 ************************************/
#activity_menu
{
	margin-top: 			70px;
	width: 					280px;
}

#activity_menu a:link,
#activity_menu a:hover,
#activity_menu a:active,
#activity_menu a:visited
{
	margin: 				3px 0;
	padding: 				3px;
	border: 				1px solid #222;
	background-color: 		#222;
	
	display: 				block;
	color: 					#BEC2CA;
	background-image: 		url(../images/activity/puce.png);
	background-repeat: 		no-repeat;
	background-position: 	5px 8px;
	padding-left: 			14px;
	text-decoration: 		none;
}

#activity_menu a:hover
{
	border: 			1px solid #444;
	background-color: 	#333;
}



#activity_menu #comment
{
	padding: 			0px 0 10px 0;
	border-bottom: 		1px solid #171817;
}
#activity_menu #comment .title
{
	border-bottom: 		1px solid #171817;
	padding: 			20px 0;
	margin: 			20px 0;
}
#activity_menu #comment .comment
{
	color: 		#999;
	font-size: 	8pt;
	padding: 	5px;
}
#activity_menu #comment .date
{
	padding: 	0 5px;
	color: 		#666;
	font-size: 	7pt;
}
#activity_menu #comment .picture
{
	background-color: 	#FFF;
	border: 			1px solid #AAA;
	padding: 			10px 10px;
	text-align: 		center;
}
#activity_menu #comment .name
{
	text-align: 	center;
	padding: 		10px 0;
	font-weight: 	bold;
	color: 			#BB7817;
}





/************************************
 * Partie droite : contenu
 ************************************/
#activity_content
{

}

#activity_content #activity_picturetitle
{
	margin: 			20px 0 0 30px;
}
#activity_content .activity_item
{
	border-bottom: 		1px solid #171817;
	padding: 			10px 5px 20px 5px;
	margin: 			10px 20px;
}



#activity_content .activity_item .activity
{

}
#activity_content .activity_item .activity .title
{
	color: 			#BB7817;
	font-size: 		16pt;
	font-weight: 	bold;
	padding: 		5px 5px;
}
#activity_content .activity_item .activity .description
{
	color:			#999;
	padding: 		5px 20px 15px 5px;
	text-align:		justify;
}


#activity_content .activity_item .customer
{
	width: 			120px;
}
#activity_content .activity_item .customer .exemple
{
	font-size: 		7pt;
	font-style: 	italic;
	color: 			#888;
	margin-top: 	25px;
}
#activity_content .activity_item .customer .picture
{
	background-color: 	#FFF;
	border: 			1px solid #AAA;
	width: 				110px;
	padding: 			10px 0;
	text-align: 		center;
}
#activity_content .activity_item .customer .realisation
{
	font-size: 		7pt;	
	font-style: 	italic;
	color: 			#888;
}