2020-02-18 13:23:20 +01:00
|
|
|
// ------------------------------------------
|
|
|
|
// Sous-navigation et autres menus
|
|
|
|
// ------------------------------------------
|
|
|
|
|
|
|
|
// Habillage general des menus de nav
|
2020-02-18 23:50:44 +01:00
|
|
|
.menu {
|
|
|
|
clear: both;
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
text-align: left;
|
2020-02-18 13:23:20 +01:00
|
|
|
p {}
|
2020-02-18 23:50:44 +01:00
|
|
|
ul {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
2020-02-18 13:23:20 +01:00
|
|
|
ul li {}
|
2020-02-18 23:50:44 +01:00
|
|
|
ul li ul {
|
|
|
|
margin-left: 1.5em;
|
|
|
|
list-style: circle;
|
|
|
|
}
|
2020-02-18 13:23:20 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.nav {
|
2020-02-18 23:50:44 +01:00
|
|
|
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;
|
|
|
|
}
|
2020-02-18 13:23:20 +01:00
|
|
|
.on &,
|
|
|
|
&.on,
|
|
|
|
&:focus,
|
|
|
|
&:hover,
|
2020-02-18 23:50:44 +01:00
|
|
|
&:active {
|
|
|
|
border-color:$couleurSecondaire;
|
|
|
|
.header__boussole & {
|
|
|
|
background:$couleurSecondaire;
|
|
|
|
}
|
|
|
|
}
|
2020-02-18 13:23:20 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.pagination { margin:0 0 1rem; }
|
|
|
|
}
|
|
|
|
|
|
|
|
/* header = nav-principale */
|
2020-02-18 23:50:44 +01:00
|
|
|
.page__header > .page--container {
|
|
|
|
.nav {
|
|
|
|
font-size:0.9rem;
|
|
|
|
> ul {
|
|
|
|
text-align:right;
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
font-weight:700;
|
|
|
|
}
|
2020-02-18 13:23:20 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// aside
|
|
|
|
// ------------------------------------
|
|
|
|
.contentAside {
|
2020-02-18 23:50:44 +01:00
|
|
|
.nav {
|
|
|
|
padding:0;
|
|
|
|
li {
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
width:100%;
|
|
|
|
}
|
2020-02-18 13:23:20 +01:00
|
|
|
& .blog {
|
2020-02-18 23:50:44 +01:00
|
|
|
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;
|
|
|
|
}
|
2020-02-18 13:23:20 +01:00
|
|
|
}
|
2020-02-18 23:50:44 +01:00
|
|
|
/* &:hover, &:focus, &:active, &.on { background:darken($grayLighter,10); color:$couleurPrincipaleDowner; } */
|
2020-02-18 13:23:20 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// boussole
|
|
|
|
.header__boussole {
|
|
|
|
position:absolute;
|
|
|
|
top:0;
|
|
|
|
left:0;
|
|
|
|
right:0;
|
2020-02-18 23:50:44 +01:00
|
|
|
background-color:$couleurPrincipale;
|
2020-02-18 13:23:20 +01:00
|
|
|
color:white;
|
|
|
|
}
|