.top{
padding:2rem 5%;
}
footer{
background-color: var(--bleu);
padding:2rem 5%;
color: var(--blanc);
font-size:0.85rem;
text-align:left;
}
footer a{
color: var(--blanc)
}
footer a:hover{
color: var(--hoverfooter);
}
footer a.picto{
display:inline-block;
width:80px; height:80px;
border-radius:50%; background-color: var(--blanc);
overflow:hidden;
border:2px solid var(--blanc)
}
footer a.picto img{
width:100%; height:100%; object-fit: contain;
}
footer ul{
margin:0; padding:0; list-style:none;
}
footer ul.rezos{
display:flex;
align-items:center;
flex-wrap: wrap;
align-content:start;
gap:1rem
}
footer ul.rezos li a{
display:block; width:60px;
}
footer ul.rezos li a img{
width:100%; opacity:0.7;
-webkit-transition: all .2s ease; transition: all .2s ease;
}
footer ul.rezos li a:hover img{
opacity:1;
-webkit-transform: scale(1.075); transform: scale(1.075);
}
footer .adresse{
text-align:left;
margin: 1rem 0;
}
footer .menu-principal-container ul{
margin-bottom:1.5rem;
}
footer .menu-principal-container ul li a{
display:block;
padding:0.5rem 0;
border-bottom: 1px solid;
font-weight:700
}
footer .menu-principal-container ul li:last-child a{
border-bottom: none;
}
footer .menu-principal-container ul ul.sub-menu{
display:none;
}
footer .menu-principal-container ul ul.sub-menu li a{
font-weight:300;
}
footer .ttl{
font-weight:700;
font-size:1.15rem;
}
footer .argu{
margin:1rem 0;
}
footer .rezos ul{
margin:0.5rem 0 1rem 0;
}
footer .rezos ul li a{
display:block; width:55px; height:55px;
}
footer .menu-mentions-container ul li{
font-size:0.75rem;
}
footer .signature{
margin-top:1.5rem; font-size:0.75rem;
}
footer .signature a{
pointer-events:none;
}
.home footer .signature a{
pointer-events:auto;
}
.nav-mobile{
display:block;
position: fixed; left:0; top:0; width:100vw; height: 100vh;
overflow:auto;
background-color: var(--blanc);
-webkit-transform: translateX(-100%); transform: translateX(-100%);
-webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;
z-index:998;
}
.nav-mobile.opened{
-webkit-transform: translateX(0); transform: translateX(0);
}
.nav-mobile .inner{
padding:150px 17.5%;
}
.nav-mobile ul{
list-style:none; margin:0; padding:0;
}
.nav-mobile ul li{
text-align:left; text-transform:uppercase;
font-size:1.15rem; font-weight:500;
}
.nav-mobile ul li a{
display: block; padding:1rem 0; border-bottom:1px solid;
}
.nav-mobile ul ul.sub-menu{
display:none;
}
.nav-mobile ul ul.sub-menu li{
text-transform: none;
}
.nav-mobile .menu-mentions-container{
margin-top:2rem;
}
.nav-mobile .menu-mentions-container ul li{
text-transform: none; font-size:1rem;
}
@media screen and (min-width:1200px){
.nav-mobile{
display:none;
}
footer .menu-principal-container ul li a{
display:inline-block;
padding:0.75rem 0;
border-bottom: none;
} 
}
@media screen and (min-width:1440px){
footer{
padding-top:3.5rem; padding-bottom:3.5rem;
}
.top{
padding:3.5rem 5% 4rem 5%; 
}
}
@media screen and (min-width:1680px){
.top{
font-size:0.85rem;    }
}