div#header-wrapper {
	border-top: 32px solid #efe6dd;
}

div#header {
	#logo {
		a {
			background: url('img/logo.png') no-repeat;
			background-size: contain;
			display: block;
			height: 93px;
			text-indent: -9999px;
			margin: 15px 0;
		}
	}
	#toplinks {
		position: absolute;
		top: -47px;
	}
}

.gru-content {
	div.searchcell {
		border: 0;
		form {
			input {
				border: 1px solid #cdac89;
				background: #efe6dd;
				padding: 3px;
				width: 90%;
				font-size: 1.12em;
			}
			button {
				padding: 0.5ex 0.4em;
			}
		}
		div.combo-search-results {
			background: #efe6dd;
			p.search-service-label {
				padding: 0.5ex 0.5em;
			}
			a {
				color: #7aa63e;
			}
		}
	}
	#columns > div.wcsformsofcategorycell, #columns > div.cell.linklistcell {
		> div {
			position: relative;
		}
		picture {
			margin-right: 1px;
		}
		img {
			height: $cell-image-height;
		}
		h2:first-child {
			position: absolute;
			width: 100%;
			transform: translateY(calc(#{$cell-image-height} - 100%));
			font-size: 1.25em;
			font-weight: normal;
			border: 0;
			padding: 0.5rem 2rem 0.5rem 1rem;
			line-height: 1;
			color: #ffffff;
			background: rgba(0, 0, 0, 0.75);
			&::after {
				bottom: 1ex;
			}
			&:hover {
				background: rgba(0,0,0,0.85);
			}
		}
		a {
			color: #000000;
			&:hover {
				color: $primary-color;
				background: transparent;
			}
		}
		div.description span.commune {
			background-color: $link-color;
			color: #ffffff;
			padding: 1px 2px;
		}
		border: 0;
	}
}

div#nav a {
	font-size: 1.25em;
	&:hover {
		color: $primary-color;
	}
}

div#rub_service {
	h2 {
		text-align: left;
	}
	form > div.buttons {
		div.submit-button {
			float: right;
			button {
				background: $primary-color;
			}
		}
	}
}

div#footer {
	h2 {
		color: $title-color;
		margin: 0.5ex auto;
	}
	a {
		color: #ffffff;
	}
	ul {
		margin: 0;
		padding: 0;
		li {
			list-style-type: none;
			font-size: 95%;
		}
	}
}
