.deplier_title
{
	color:#707173;
	background-color:#D9DADC;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	padding: 4px 10px 4px 13px;
	overflow: hidden;
}

button.deplier_title{
	width: 100%;
	text-align: left;
	border: none;
}

.deplier_title:before
{
	font-family: 'onisep_icons';
	content: "\e609";
	color: #707173;
	speak: none;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	font-size: 10px;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right: 5px;
}

.deplier_title[aria-expanded=true]:before
{
	content: "\e622";
	font-size: 12px;
}

button ~ div.deplier_content[aria-hidden=true] {
	margin-bottom: 10px;
	overflow: hidden;
	transition-property: all;
	transition-duration: 1s;
	
	visibility: hidden;	
	max-height: 0;	
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

button[aria-expanded=true] ~ div.deplier_content[aria-hidden=false] {
	visibility: visible;
	max-height: 5000px;
	transition-timing-function: cubic-bezier(1, 1, 0.5, 0);
}

.deplier_content .deplier_title,
.deplier_content .deplier_content {
	margin-left: 10px;
}