footer{
background: var(--bleu) url(//www.amisse-gauthier-avocat.fr/wp-content/themes/mag/img/fd-footer.svg) no-repeat left bottom / 100% auto;
color: var(--blanc);
padding: 3vw 10%;
font-size:0.9rem;
}
footer a.logo{
margin-bottom:1.5rem;
display:inline-block;
}
footer a.logo img{
width:150px; height: auto;
}
footer ul{
margin:0;
padding:0;
list-style: none;
}
footer a{
color: var(--blanc)
}
footer a:hover{
color: var(--grisclair)
}
footer .signature{
font-size:0.8rem;
}
footer .signature a{
pointer-events: none;
}
.home footer .signature a{
pointer-events: auto;
}
.menu-footer-container ul li{
margin:0 0 1rem 0;
}
.menu-reseaux-container ul{
display: flex;
flex-wrap: wrap;
gap:0 1rem;
}
.menu-reseaux-container ul li a{
display: inline-block;
width:120px;
height:120px;
border:2px solid var(--blanc);
border-radius: 50%;
overflow: hidden;
text-indent: 100%;
background-size: auto 40px;
background-repeat: no-repeat;
background-position: center;
}
.menu-reseaux-container ul li a:hover{
background-color: var(--noir);
}
.menu-reseaux-container ul li.fbk a{
background-image: url(//www.amisse-gauthier-avocat.fr/wp-content/themes/mag/img/fbk.svg);
}
.menu-reseaux-container ul li.twt a{
background-image: url(//www.amisse-gauthier-avocat.fr/wp-content/themes/mag/img/twt.png);
}
.menu-reseaux-container ul li.lkd a{
background-image: url(//www.amisse-gauthier-avocat.fr/wp-content/themes/mag/img/lkd.svg);
}
.navmobile{
position: fixed;
left:0;
top:0;
width:100%;;
height:100%;
overflow:auto;
-webkit-transform: translateX(-100%); transform: translateX(-100%);
-webkit-transition: all 0.5s ease; transition: all 0.5s ease; 
background-color: var(--bleu);
color: var(--blanc);
}
.navmobile.opened{
-webkit-transform: translateX(0); transform: translateX(0); 
}
.navmobile .inner{
padding:150px 15%;
}
.navmobile ul{
margin:0; padding:0;
list-style: none;
}
.navmobile ul li{
border-bottom:1px solid;
text-transform: uppercase;
}
.navmobile ul li:last-child, .navmobile ul ul.sub-menu li{
border-bottom:none
}
.navmobile ul ul.sub-menu li{
text-transform: none;
}
.navmobile ul ul.sub-menu{
display:none;
padding-left:1rem;
border-left:1px dashed;
margin-bottom:1rem;
}
.navmobile a{
color: var(--blanc);
display:block;
padding: 1rem 0;
}
@media screen and (min-width:1200px){
footer{
padding-left: 5%;
padding-right: 5%;
}
.rezos{
border-left:1px solid var(--blanc);
padding-left:2rem;
}
}