// ------------------------------------------
// 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.5em; margin:0 0 0.4em; text-decoration: none; line-height:1.4; border:0;
		.on &,
		&.on,
		&:focus,
		&:hover,
		&:active { background:$colorPrincipale; color:$white; }
	}
	
	.pagination { margin:0 0 1rem; }
}

/* header = nav-principale */
.page__header {
	.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:$colorPrincipaleDowner; } */
			}
		}
	}
}


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