@import '../includes/fonts/notosans';

div#header {
	padding-left: 0;
}

#header #top #logo a {
	@media screen and ($min-desktop-viewport) {
		background-size: unset;
		height: 103px;
		margin: 24px 0 6px;
		text-indent: 300px;
		line-height: 100px;
		font-size: 1.5em;
		line-height: 2,5;
		font-weight: 700;
		color: $font-color;
	}
	@media screen and ($max-mobile-viewport) {
		background-size: contain;
		text-indent: -10000px;
	}
}

.site-nav {
	background-color: $tertiary-color;
	margin-top: 25px;
}

div.gru-nav {
	font-size: 1.333rem;
	letter-spacing: -0.03em;
	> ul {
		margin: 0;
		li {
			> a {
				padding-top: 26px;
				padding-bottom: 13.5px;
			}
		}
	}
}

body.has-picture .site-nav::after {
	background-image: var(--page-picture);
	background-size: cover;
	background-position: center;
	position: static;
	width: $width;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	@media screen and ($max-mobile-viewport) {
		height: 113px;
		width: unset;
	}
}

.gru-content {
	div.textcell h2:first-child {
		font-weight: 600;
	}
	// focus style for combo cells
	div.cell.focus {
		background: $tertiary-color;
		padding: 40px;
	}
}

div#footer-wrapper {
	background: url(img/footer-fond.png) no-repeat center 0 $footer-background;
	div.no-mobile {
		@media screen and (max-width: $nav-mobile-limit) {
			display: none;
		}
	}
	div.textcell {
		line-height: 1.2;
		a {
			color: $footer-color;
			font-size: 0.933rem;
		}
		a:hover {
			text-decoration: underline;
		}
		div.horaires {
			box-sizing: content-box;
			line-height: 1;
			font-size: 1.2rem;
			a {
				font-size: 1.2rem;
			}
			h2 {
				font-size: 1.467rem;
				font-weight: 800;
				text-transform: none;
				margin: 20px, 0, 0, 0;
			}
			p {
				margin: 0;
			}
			color: black;
			background: #ff5f21;
			padding: 10px 20px 20px 60px;
			position: relative;
			top: -10px;
			width: 265px;
		}
		h2, h3 {
			text-transform: uppercase;
		}
		h2 {
			font-size: 1rem;
			font-weight: 300;
			margin-bottom: 22px;
		}
		h3 {
			font-size: 1.333rem;
			font-weight: 400;
			margin: 0 0 0 0;
		}
		img {
			display: block;
			margin: 0 10px 10px 0;
		}
		img.marge {
			margin: 0 0 20px 54px;
		}
		p {
			margin-left: 0;
		}
		p a {
			display: inline-block;
			text-align: center;
			font-size: 0.8rem;
		}
		p.liens {
			border-top: 1px solid #888;
			border-bottom: 1px solid #888;
			font-style: italic;
			line-height: 1;
			padding: 5px 0 0 54px;
			margin: 20px 0 20px 0;
			a {
				text-align: left;
				font-size: 1.067rem;
				display: block;
				margin: 15px 0px 15px 0;
			}
		}
		p.marge {
			line-height: 1.5;
			margin: 15px 0 20px 54px;
			a.overgris {
				font-family: "Noto Sans Condensed", sans-serif;
				font-size: 1.333rem;
				font-weight: 100;
				text-align: left;
				white-space: nowrap;
				em {
					font-style: normal;
				}
			}
		}
		ul {
			list-style: none;
			margin-top: 0;
			padding-left: 0;
		}
		ul#footer-ecrire li {
			line-height: 1.5;
			margin: 0 0 10px 54px;
		}
	}
}

.a2-password-policy-container {
	color: #db0000;
}
