footer{
padding:2rem 0;
background: var(--bleufonce);
color:var(--blanc);
text-align:left;
line-height:150%; position:relative;
font-size:0.9rem;
}
footer a{ color: var(--blanc); }
footer a.mail{
color: var(--bleu);
}
footer a:hover{ color: var(--grismed); }
footer .main{ width:95%; margin:0 auto; position:relative; }
footer ul{ margin:0 0 2rem 0; padding:0; list-style:none; text-align:left; }
footer ul li a{ display:block; padding:0.25rem 0; }
footer ul li a.first{ pointer-events:none; text-transform:uppercase; color: var(--bleu)}
footer .logo{text-align:left;}
footer .logo a{display:block;}
footer .logo img{ width : 100%; }
footer .row{margin-left:0; margin-right:0;}
footer .adresse{ text-align:left }
footer a.bouton{ color: var(--blanc); margin:2rem 0; background-color: var(--bleu); border-color: var(--bleu) }
footer .ttl{text-transform:uppercase; margin-top:5px; color:var(--bleu);}
footer .ttlrezo{ font-weight:700; color:var(--blanc); }
footer .ttlphone{ font-weight:700; }
footer .phone{font-size:1.8rem; font-weight:400; background:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/phone.svg) no-repeat left center / 28px; padding-left:34px; color:var(--bleu);}
footer hr{ border:0;  height:1px; color: var(--grismed ); background-color: var(--grismed ); margin:1.5rem 0; width:80%; }
footer .resume{ color:var(--blanc); margin-top:2rem; }
footer .item{ color:var(--blanc); }
footer .signature{ border-top:1px solid var(--gris); padding-top:2rem; font-size:0.8rem; color:var(--grismed); text-align:center; position:relative; }
footer .signature a.backtotop{ position:absolute; right:0; top:50%; width:56px; height:56px; background: var(--grismed) url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/fl-top.svg) no-repeat center / 25px;  }
footer .cercle, footer .points{ display:none; }
.navmobile{ position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; z-index:998; background-color:var(--blanc); -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:all 1s ease; transition:all 1s ease; }
.navmobile .inner{ padding:2rem 15% 2rem 15%; }
.navmobile img{ height:50px; width:auto; display:block; margin:1rem auto; }
.navmobile hr{ border:none; height:1px; margin:2rem 0; color:var(--grisclair); background-color:var(--grismed); }
.navmobile ul{ margin:0 0 2rem 0; padding:0; list-style:none; }
.navmobile ul li{ text-align:left; text-transform:uppercase;}
.navmobile ul li a{ display:block; padding:0.75rem 0; border-bottom:1px solid var(--grisclair);color: var(--grisfonce); }
.navmobile ul li a.first{ font-weight:700; color:var(--bleu); font-size:1.5rem; }
.navmobile ul li ul.sub-menu{ padding-left:10%; }
.navmobile ul li ul.sub-menu li{ text-transform:none; }
.navmobile .menu-reseaux-container ul li{ display:inline-block; }
.navmobile .menu-reseaux-container ul li a{
display:block; width:40px; height:40px; overflow:hidden; white-space:nowrap; border:1px solid var(--bleu); border-radius:50%; margin:0 0.5rem;
background-position:center; background-repeat: no-repeat; background-color: var(--bleu); background-size:cover; text-indent:100%; padding:0;
}
.navmobile .menu-reseaux-container ul li.fbk a{ background-image:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/fbk.svg); }
.navmobile .menu-reseaux-container ul li.lkd a{ background-image:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/lkd.svg); }
.navmobile .menu-reseaux-container ul li.twt a{ background-image:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/twt.svg); }
.navmobile .menu-reseaux-container ul li.inst a{ background-image:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/instagram.svg); }
.navmobile .menu-reseaux-container ul li.ytb a{ background-image:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/youtube.svg); }
.navmobile.opened{ -webkit-transform:translateX(0);  transform:translateX(0); }
.navmobile .recherche{ display: block; margin-bottom:2rem; }
.navmobile .recherche input[type=search]{ border:1px solid var(--grismed); padding:.75rem; font-size:1rem; width:100%; background: url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/loupe.svg) no-repeat right center / 30px;}
.navmobile .recherche .screen-reader-text{display:none;}
.navmobile .recherche input[type=submit]{display:none; }
.navmobile .close{ display:block; width:40px; height:40px; background: var(--grismed) url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/fl-top.svg) no-repeat center / 25px; margin:-40px 0 1rem 0; -webkit-transform:translateX(-120%) rotate(-90deg); transform:translateX(-120%) rotate(-90deg); }
footer .menu-reseaux-container ul{ font-size:0;}
footer .menu-reseaux-container ul li{ display:inline-block; margin-right: 0.75rem; }
footer .menu-reseaux-container ul li a{ display:block; width:36px; height:36px; border-radius: 50%; overflow:hidden; text-indent:100%; white-space:nowrap; padding:0; -webkit-transition:all 0.2s ease;transition:all 0.2s ease; background-position:center; background-repeat:no-repeat; background-size:90%; background-color: var(--bleu)}
footer .menu-reseaux-container ul li a:hover{ -webkit-transform:scale(1.2);transform:scale(1.2); }
footer .menu-reseaux-container ul li.fbk a{ background-image:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/fbk.svg); }
footer .menu-reseaux-container ul li.lkd a{ background-image:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/lkd.svg); }
footer .menu-reseaux-container ul li.twt a{ background-image:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/twt.svg); }
footer .menu-reseaux-container ul li.ytb a{ background-image:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/youtube.svg); }
footer .menu-reseaux-container ul li.inst a{ background-image:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/instagram.svg); }
#menu-certification li{display:inline-block; margin-right: 0.75rem;}
.image-certification{height:5rem; width:auto;}
.certification{font-weight: 700; color: var(--blanc);}
@media screen and (min-width:1024px){
footer{ padding:3.5rem 0; }
footer .resume{ padding-right:20%; }
}
@media screen and (min-width:1280px){
footer hr{ width:80%; }
footer .cercle{ display:block; position:absolute; left:0; bottom:0; width:20%; z-index:0; overflow:hidden; }
footer .cercle > div{ width:120%; height:120%; border:2px solid var(--bleu); border-radius:100%; top:50%; right:0; left:unset; }
section.contact .accroche{font-size:3vw;}
footer .points{ display:block; position:absolute; left:20%; bottom:10rem; top:unset; width:85px; }
footer .points svg{ width:100%; }
footer .menu-container-bas{padding-left:10%;}
.navmobile{ display:none; }
}