footer{
background-color: var(--grisclair);
font-size:0.9rem;
}
footer a.logo{
display: inline-block;
width:80px;
}
footer a.logo:hover{
box-shadow:0 0 5px rgba(0,0,0,.55);
}
footer a.logo img{
width:100%;
}
.home footer a.logo{
pointer-events: none;
}
footer .coordos{
text-align:left;
font-size:0.9rem;
}
footer .coordos p{
margin:0 0 0.35rem 0
}
footer .coordos p.phone{
font-weight: bold;
font-size:1.25rem;
}
footer ul{
margin:0;
padding:0;
list-style: none;
}
.menu-footer-activites-container ul li{
text-align: left;
margin:0.25rem 0;
text-transform: uppercase;
}
.menu-footer-activites-container ul ul.sub-menu li{
margin:0.15rem 0;
text-transform: none;
}
.menu-footer-activites-container ul li a{
display: inline-block;
padding:0.15rem 0;
}
footer .h3{
font-size:1rem;
font-weight: 600;
text-align:left;
text-transform: uppercase;
color: var(--bleufonce);
}
footer .copyright, footer .sign{
text-align: left;
font-size:0.75rem;
}
footer .copyright p, footer .sign p{
margin:0.5rem 0
}
.menu-footer-annexe-container ul li{
text-align: left;
margin:0.25rem 0;
}
.menu-footer-annexe-container ul li a{
display: inline-block;
padding:0.25rem 0;
}
.menu-reseaux-container ul{
display: flex;
flex-wrap: wrap;
gap:0.5rem;
}
.menu-reseaux-container ul li a{
display: block;
width:65px;
height: 65px;
border-radius:50%;
background-repeat: no-repeat;
background-position: center;
background-size: contain
}
.menu-reseaux-container ul li a:hover{
background-color: rgba(0,0,0,0.15);
}
.menu-reseaux-container ul li a span{
display: none;
}
.menu-reseaux-container ul li.lkd a{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/lkd.svg);
}
.menu-reseaux-container ul li.fbk a{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/fbk.svg);
}
.nav-mobile{
position: fixed;
left:0;
top:0;
width:100%; height: 100%;
z-index:998;
background-color: var(--bleufonce);
color: var(--blanc);
transition: all 0.5s ease-out;
transform: translateX(-100%);
overflow: auto;
}
.nav-mobile.opened{
transform: translateX(0);
}
.nav-mobile .wrap{
padding:180px 10% 2rem 10%;
}
.nav-mobile ul{
margin:0;
padding:0;
list-style: none;
display: flex;
flex-direction: column;
gap:0.5rem;
}
.nav-mobile ul li{
text-align:left;
font-size:1.15rem;
}
.nav-mobile ul li a{
display: block;
padding:0.5rem 0;
color: var(--blanc);
}
.nav-mobile ul ul.sub-menu{
display: none;
margin-bottom:1rem;
margin-left:1rem;
padding-left:1rem;
border-left:1px solid;
font-size:0.9em;
}
.nav-mobile .menu-top-container ul li a{
display: flex;
align-items: center;
}
.nav-mobile .menu-top-container ul li .picto{
display:inline-block;
width:30px;
height:30px;
margin-right:0.35rem;
margin-top:0.2rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.nav-mobile .menu-top-container ul li.presentation a .picto{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/infos-bl.svg);
}
.nav-mobile .menu-top-container ul li.actus a .picto{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/actus-bl.svg);
}
.nav-mobile .menu-top-container ul li.contact a .picto{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/contact-bl.svg);
}
.nav-mobile .menu-principal-container ul li{
text-transform: uppercase;
}
@media screen and (min-width:992px){
footer .h3{
font-size:1.10rem;
}
}