#logo {
	padding-top: 30px;
}

body.has-header-background {
	#header-wrapper {
		background: url(/assets/header:background) top center no-repeat;
		padding-bottom: 10px;
	}
}

#logo {
	a {
		display: block;
		background: transparent url(anneaux-guichet.png) bottom left no-repeat;
		height: 64px;
		line-height: 84px;
		width: 100%;
		text-indent: 144px;
		@media screen and ($max-mobile-viewport) {
			text-indent: -1000px;
			width: auto;
		}
	}
	&.has-logo {
		a {
			background-image: url(/assets/header:logo);
			text-indent: -1000px;
		}
	}
}

div#nav-wrapper {
	border-bottom: 1px solid #DDD;
}

div#nav {
	margin-bottom: -1px;
	font-family: $title-font-family;
	font-size: 0.933rem;
}

div#nav > ul {
	margin-bottom: 0;
	& > li {
		border-bottom: 4px solid transparent;
		&:hover,
		&.selected {
			border-bottom-color: $primary-color;
		}
	}
}

div#main-content-wrapper {
	margin-top: 10px;
}

a:hover {
	text-decoration: underline;
}

div.list-of-forms span.form-number {
	opacity: 0.7;
}

.form-content--title,
div#rub_service h2 {
	text-align: left;
}

.pk-button-primary {
	@extend %button;
	display: inline-block;
	background-color: $primary-color;
}
