// ------------------------------------------
// Sous-navigation et autres menus
// ------------------------------------------ 

// Habillage general des menus de nav 
.menu { 
	clear: both; 
	margin-bottom: 1.5em; 
	text-align: left; 
	p {}
	ul { 
		margin-bottom: 1.5em;
	}
	ul li {}
	ul li ul { 
		margin-left: 1.5em; 
		list-style: circle;
	}
}

.nav { 
	ul {
		margin:0; 
		padding:0;
	}
	li {
		display:inline;
		line-height:1.2;
	}
	a, a:visited {
		display: inline-block; 
		padding:0.3em 0 0.2em; 
		margin:0 0.5em 0.4em; 
		text-decoration: none; 
		line-height:1.4; 
		border-bottom:3px solid white;
		.header__boussole & {
			font-size:0.8rem;
			font-weight:400;
			padding:0.6em 1em;
			margin:0;
			color:white;
			border:0;
		}
		.on &,
		&.on,
		&:focus,
		&:hover,
		&:active { 
			border-color:$couleurSecondaire;
			.header__boussole & {
				background:$couleurSecondaire;
			}
		}
	}
	
	.pagination { margin:0 0 1rem; }
}

/* header = nav-principale */
.page__header > .page--container {
	 .nav {
		font-size:0.9rem;
		> ul { 
			text-align:right;
		}
		a { 
			font-weight:700;
		}
	}
}

// aside
// ------------------------------------ 
.contentAside {
	.nav { 
		padding:0;
		li {
			display:block;
		}
		a { 
			width:100%;
		}
		& .blog {
			a { 
				line-height:1; 
				padding:1em; 
				font-weight:700;
				p { 
					font-weight:400; 
					margin:0; 
					&.date { 
						font-size:90%; 
						margin:0 0 0.3em;
					}
					&.introduction { 
						font-size:0.8em;
						margin-top:0.5em;
					}
				}
/* 				&:hover, &:focus, &:active, &.on { background:darken($grayLighter,10); color:$couleurPrincipaleDowner; } */
			}
		}
	}
}


// boussole
.header__boussole { 
	position:absolute; 
	top:0; 
	left:0; 
	right:0;
	background-color:$couleurPrincipale;
	color:white;
}