/* Code By Webdevtrick ( https://webdevtrick.com ) */
* {
		margin: 0;
		padding: 0;
}
 
 
#pds {
		background: #990000;
		width: 850px;
		margin: 50px auto 0 auto;
		color: #ffd700;
		box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5);
}
 

#pds h3 a {
		border: 1px solid white;
		padding: 5px;
		font-family: Arial, noserif;
		font-size: 16px;
		display: block;
		color: #ffd700;
		text-decoration: none;
}
 
#pds h3:hover {
		background-color: #003545;
}

#pds h3 a:hover {
		color: #ffd700;
}

i {
		margin-right: 10px;
}
 
#pds li {
		list-style-type: none;
}

#pds ul ul li {
	background-color: #ffd700;
}

#pds ul ul li a,
#pds h4 {
		width: 800px;
		color: black;
		padding: 3px;
		text-decoration: none;
		font-family: Arial, noserif;
		font-size: 12px;
		display: block;
		margin-left: 25px;
		-webkit-transition: all 0.15s;
		transition: all 0.15s;
		position: relative;
}

/* essai */
#pds ul ul ul li a,
#pds h4 {
		width: 774px;
		color: black;
		padding: 3px;
		text-decoration: none;
		font-family: Arial, noserif;
		font-size: 12px;
		display: block;
		margin-left: 25px;
		-webkit-transition: all 0.15s;
		transition: all 0.15s;
		position: relative;
}

 
#pds ul ul li a:hover {
		background: #003545;
		color: yellow;
		border-left: 15px solid #990000;
		padding-left: 8px;
}
 
#pds ul ul ul {
		margin-left: 25px;
}
 
/*#pds a:not(:only-child):after {
		content: "\f104";
		font-family: fontawesome;
		position: absolute;
		right: 10px;
		top: 0;
		font-size: 14px;
}
 
/*#pds .active>a:not(:only-child):after {
		content: "\f107";
}