footer .menus{
gap:2rem;
}
footer .menus ul{
margin:0 0 1rem 0;
padding:0;
list-style: none;
}
footer .menus ul li{
text-align: left;
font-weight: bold;
}
footer .menus ul li a{
color: var(--blanc);
display:inline-block;
padding: 0.5rem 0;
pointer-events: none
}
footer .menus ul ul.sub-menu li{
font-weight: normal;
font-size:0.85rem;
}
footer .menus ul ul.sub-menu li a{
color: var(--grisclair);
pointer-events: auto;
}
footer .menus ul li a:hover{
color: var(--gold) !important;
}
footer .annexes ul li{
font-weight: normal;
font-size: 0.85rem;
}
footer .bottom a{
color: var(--blanc)
}
footer .bottom a:hover{
color: var(--gold)
}
.navmobile{
position: fixed;
left:0; top:0;
width:100%; height: 100%;
background-color: var(--grisfonce);
color: var(--blanc);
overflow: auto;
display: flex;
align-items: center;
flex-wrap: wrap;
z-index : 997;
transform: translateX(-100%);
transition: all 0.5s ease-out
}
.navmobile.opened{
transform: translateX(0);
}
.navmobile .inner{
padding:180px 10% 2rem 10%;
width: calc(100% - 20%);
}
.navmobile ul{
margin:0.5rem 0; padding:0;
list-style: none;
}
.navmobile ul li{
text-align: left;
text-transform: uppercase;
}
.navmobile ul li a{
display: block;
padding:0.75rem 0;
color: var(--blanc);
}
.navmobile ul ul.sub-menu{
display: none
}
.navmobile ul ul.sub-menu li{
text-transform: none;
font-size:0.9em;
}
.menu-annexes-container ul{
display: flex;
justify-content: center;
gap:0 0.5rem;
list-style: none;
margin:0; padding:0;
}
.menu-annexes-container ul li{
font-size:0.8rem;
}
.search-mobile .search-form{
flex-direction: column;
align-items: stretch;
gap:0.5rem 0;
width:100%
}
.search-mobile .search-form input{
width:100%
}
@media screen and (min-width: 1680px){
footer .menus{
gap:3rem;
}
}