/* vue LISTE */
#directory_list ul, #directory_list li {
	margin	: 0;
}
#directory_list {
	margin-top	: 10px;
}
#directory_list li{
	margin			: 0;
	padding			: 5px 0;
	list-style-type	: none;
	position		: relative;
	border-top		: 1px solid #ccc;
}
	#directory_list li:hover{
		background-color	: #ffffe9;
	}
	#directory_list li li {
		border-top	: 0;
		//border-left	: 1px solid #F0F0C0;
		padding		: 5px 0 5px 25px;
		margin-left	: 5px;
	}
		#directory_list li p {
			margin	: 5px 0 0 20px;
			clear	: both;
		}
		#directory_list li ul.action{
			font-size	: 80%;
			position	: absolute;
			top			: 5px;
			right		: 0;
			margin		: 0;
		}
			#directory_list li ul.action li {
				float	: left;
				margin	: 0;
				padding	: 0;
				border	: 0;
			}
		#directory_list li strong {
			display			: block;
			padding-right	: 200px;
		}

#directory_list .actiboxlink {
	padding				: 20px 3px 0;
	background-position	: center top;
	float				: left;
}
#directory_list .actiboxlink span{
	display		: inline;
}

#list_active_service, li#list_active_service:hover {
	//background	: #ffc;
}
#container .display_links {
	margin	: 10px auto;
	width	: 264px;
}
	.display_links a, .display_links span {
		width		: 120px;
		padding		: 5px;
		float		: left;
		text-align	: center;
		border		: 1px solid transparent;
	}
		.display_links a:hover{
			border-color	: #ddd;
			text-decoration	: none;
			background		: #F8F8F8;
		}
		.display_links a span, .display_links span span {
			display			: block;
			float			: none;
		}
		.display_links span span {
			color			: #dcdcdc;
		}

/* vue ORGANIGRAMME */
#organigram_flowchart {
	margin-top	: 15px;
	min-height : 400px;
}
#organigram_flowchart ul{
	position	: relative;
	margin		: 0;
	background	: url(../interface/public/bg_service_level.gif) transparent top repeat-x;
}

	#organigram_flowchart li {
		float		: left;
		list-style	: none;
		margin		: 0;
		text-align	: center;
	}
	#organigram_flowchart div, #organigram_active_service li div {
		background-color: #eee !important;
		margin			: 10px 10px 0 10px;
		width			: 120px;
		padding			: 10px 0;
	}
	#organigram_flowchart div.has_subservice {
		padding-bottom	: 20px !important;
		background		: url(../interface/public/bg_has_subservice.gif) transparent center bottom no-repeat;
		background-color: #eee;
	}
	#organigram_flowchart li ul{
		position	: absolute;
		top			: 110px;
	}
		#organigram_flowchart li strong a{
			font-weight	: bold;
		}

	#organigram_active_service div {
		//background-color	: #ffc !important;
	}

	#organigram_active_service ul div.has_subservice {
		background-color	: #eee !important;
	}

.leftside_service {
	background	: url(../interface/public/bg_leftside_service.gif) center top no-repeat !important;
}
.rightside_service {
	background	: url(../interface/public/bg_rightside_service.gif) center top no-repeat !important;
}
.center_service {
	background	: url(../interface/public/bg_center_service.gif) center top no-repeat !important;
}

/* fiche détails */
.service_details {
	margin		: 0 10px;
}
.service_details dt {
	font-weight	: bold;
	margin		: 10px 0 0;
}
.service_details dd {
	margin-left	: 20px;
}