footer{
padding:4vw 5% 1vw 5%;
background-color: var(--bleufonce); color: var(--blanc);
}
footer .logo{
text-align:left;
margin-bottom:2rem;
}
footer .logo img{
width:80%; max-width: 210px;
}
footer ul{
list-style: none;
margin:0; padding:0;
}
footer ul li{
text-align:left; font-size: 0.85rem;
margin:0.25rem 0;
border-bottom:1px solid;
}
footer .signature{
font-size:0.75rem; border-top:1px solid var(--blanc);
margin-top:1.5rem; padding-top:1vw;
}
footer .signature a{
color: var(--blanc);
}
.page footer .signature a, .single footer .signature a{
pointer-events:none;
}
.home footer .signature a{
pointer-events:auto;
}
footer ul li.current_page_item a{
font-weight:700; color: var(--gris);
}
footer ul li a{
color: var(--blanc); display:block;
padding:0.25rem 0;
}
footer ul li a:hover{
color: var(--blanc);
}
footer .adresse{
text-align:left;
margin-top:1.5rem;
}
.nav-mobile{
position:fixed;
left:0; top:0;
width:100vw; height:100vh;
-webkit-transform: translateX(-100%); transform: translateX(-100%);
-webkit-transition: all 0.5s ease; transition: all 0.5s ease;
background-color: var(--bleufonce);
color: var(--blanc);
overflow:auto;
z-index:998;
}
.nav-mobile.open{
-webkit-transform: translateX(0); transform: translateX(0);
}
.nav-mobile .inner{
padding:160px 10% 1rem 10%
}
.nav-mobile ul{
list-style:none;
margin:0; padding:0;
}
.nav-mobile ul li{
text-align:left;
margin:1rem 0;
border-bottom:1px solid var(--gris);
}
.nav-mobile ul li a{
display:block;
padding-bottom:1rem;
color: var(--blanc);
}
@media screen and (min-width:1200px){
footer ul li{
margin:0;
border-bottom:none;
}
footer ul li a:hover{
color: var(--bleufonce);
}
.nav-mobile{
display:none;
}
footer .adresse{
text-align:right; margin-top:0;
}
}
@media screen and (min-width:1280px){
.nav-mobile{
display:none;
} 
}