/* Footer CSS */
footer{
    background-color: var(--blanc);
    border-top: 1px solid var(--noir-15)
}
footer a.logo img{
    width:80%;
    max-width: 180px;
}
.home footer a.logo{
    pointer-events: none
}
footer .adresse{
    font-size:0.9rem
}
footer ul{
    list-style: none;
    margin:0;
    padding:0;
}
footer ul li{
    font-weight: bold;
    font-size: 1.25rem
}
footer ul li a{
    color: var(--noir)
}
footer ul li a:hover{
    color: var(--grismedium)
}
footer ul ul.sub-menu li{
    font-weight: 500;
    font-size:0.9rem;
    margin:0.4rem 0;
}
footer ul ul.sub-menu li a{
    color: var(--bleu)
}
footer ul ul.sub-menu li a:hover{
    color: var(--grismedium)
}
footer ul ul.sub-menu{
    margin-top:1rem
}
footer a.phone{
    color: var(--bleu);
    border-radius: 0.5rem;
    gap: 0 0.25rem;
    padding:0.5rem 0;
    font-weight: bold;
    font-size: 1.25rem;
}
footer a.phone .icon{
    width:18px; height: 18px;
    background: url(../img/phone.svg) no-repeat center / contain
}
footer .menu-mentions-container ul{
    display: flex;
    gap: 0 0.5rem;
}
footer .menu-mentions-container ul li{
    font-size: 0.8rem; font-weight: normal
}
footer .bottom{
    border-top: 1px solid var(--noir-15);
}
footer a.bouton.contact{
    position: fixed;
    z-index:998;
    right:0; top:50%;
    transform: translateY(-50%);
    background: var(--bleu);
    border-color: var(--bleu);
    border-radius:0.25rem 0 0 0.25rem;
    gap:0 0.25rem;
    font-size:0.85rem;
}
footer a.bouton.contact .user{
    width:24px; height:24px;
    background: url(../img/user.svg) no-repeat center / contain;
}
.navmobile{
    position: fixed;
    left:0; top:0;
    width:100%; height: 100%;
    background-color: var(--bleulight);
    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:150px 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;
    font-size:1.25rem;
}
.navmobile ul li a{
    display: block;
    padding:0.75rem 0;
    color: var(--grisfonce);
}
.navmobile ul li a:hover{
    color: var(--grisfonce);
}
.navmobile ul ul.sub-menu{
    display: none;
    background-color: transparent
}
.navmobile ul ul.sub-menu li{
    text-transform: none;
    font-size:0.85em;
}
.navmobile .menu-header-deux-container{
    border-right: none;
    border-left: none;
    border-top:1px solid var(--grismedium);
    border-bottom:1px solid var(--grismedium);
    padding:0.5rem 0;
}
.navmobile ul li.bouton:hover{
    background-color: transparent;
    color: var(--grisfonce)
}
.navmobile .menu-header-un-container ul li.bouton:hover a {
    color: var(--grisfonce);
}
.navmobile .menu-header-un-container ul.sub-menu li a:hover, .navmobile .menu-header-deux-container ul.sub-menu li a:hover {
    color: var(--grisfonce);
  }