Hacked By AnonymousFox

/* DropDown */
.dropDown{
	position: relative;
}

.dropDownMenu{
	display: none;
	position: absolute;
	background-color: #fff;
	padding: 20px;
	z-index: 999;
	&.shadow{
		@include box-shadow(lighten($grisTresClair,20%) 2px 2px 12px);
	}
	ul{
		list-style: none;
		a{
			padding: 2px 0px;
			color: $grisTresClair;
			font-weight: 300;
			display: block;
			@include transition-property(opacity,color);
			@include transition-duration(0.3s);
			@include transition-timing-function(ease);
			&:hover{
				opacity: 0.6;
			}
			.fa{
				padding-left: 5px;
			}
		}
	}
}

#menu{
	.menuNav{
		width: 100%;
		padding: 17px 20px 17px 40px;
		background-color: $grisFonce;
		display: block;
		color: #fff;
		border-bottom: 1px solid $grisNoir;
		position: relative;
		font-weight: 300;
		@include transition-property(color);
		@include transition-duration(0.3s);
		@include transition-timing-function(ease);
		.fa:first-child{
			padding-right: 15px;
		}
		.fa-angle-right{
			position: absolute;
			right: 15px;
			color: $grisTresClair;
			@include transition-property(transform, color);
			@include transition-duration(0.3s);
			@include transition-timing-function(ease);
		}
		&:hover{
			color: $turquoise;
			.fa-angle-right{
				color: $turquoise;
			}
		}
		&.active{
			.fa-angle-right{
				@include transform(rotateZ(90deg));
			}
		}
		&.current{
			color: $turquoise;
			.fa-angle-right{
				color: $turquoise;
				@include transform(rotateZ(90deg));
			}
			&:after{
				content: '';
				position: absolute;
				top: 0px;
				left: 0px;
				bottom: 0px;
				width: 10px;
				background-color: $turquoise;
			}
		}
	}
	ul{
		display: none;
		width: 100%;
		background-color: $grisFonce;
		border-bottom: 1px solid $grisNoir;
		&.current{
			display: block
		}
		li{
			padding: 3px 0px;
			a{
				width: 100%;
				padding-left: 40px;
				display: block;
				color: darken(#fff, 20%);
				font-weight: 300;
				@include transition-property(color);
				@include transition-duration(0.3s);
				@include transition-timing-function(ease);
				.fa{
					padding-right: 5px;
					font-size: 13px;
				}
				&:hover{
					color: $turquoise;
				}
			}
			&.current{
				a{
					color: $turquoise;
				}
			}
			&:first-child{
				padding-top: 20px;
			}
			&:last-child{
				padding-bottom: 20px;
			}
		}
	}
}