article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}*{margin:0;padding:0;border:0;list-style:none;font-size:100%;font:inherit;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:300;src:url(../../../themes/travier/fonts/nunitosans-light.woff2) format('woff2'),url(../../../themes/travier/fonts/nunitosans-light.woff) format('woff');font-display:swap}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;src:url(../../../themes/travier/fonts/nunitosans-regular.woff2) format('woff2'),url(../../../themes/travier/fonts/nunitosans-regular.woff) format('woff');font-display:swap}@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:400;src:url(../../../themes/travier/fonts/nunitosans-italic.woff2) format('woff2'),url(../../../themes/travier/fonts/nunitosans-italic.woff) format('woff');font-display:swap}@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;src:url(../../../themes/travier/fonts/nunitosans-bold.woff2) format('woff2'),url(../../../themes/travier/fonts/nunitosans-bold.woff) format('woff');font-display:swap}div>*:last-child{margin:0}body{background:#E7E5DA}main{background:#fff}.coronavirus{background:red;margin-bottom:12px;padding:12px}.coronavirus p{font-size:2.2rem;color:#fff}body{font-family:'Nunito Sans',sans-serif;font-weight:300;color:#474747}.banner,.has-banner,.menu,.crumb,main,footer{width:1000px;max-width:95%;margin:0 auto}header{height:190px;padding-top:25px;background:#5081B5}.accueil{position:relative;height:425px}.accueil-banner{background:url(https://www.serruriers-montpellier.fr/medias/entree-atelier.webp) no-repeat center;background-size:cover}.logo{display:block;max-width:327px;border:none;box-shadow:1px 6px 15px -8px rgba(0,0,0,.75)}.logo-img{margin:0;padding:5px;background:rgba(255,255,255,.7);border-radius:5px}.top{float:right;position:relative;top:auto;bottom:83px}.top-inner{width:430px;padding:15px 15px 10px;background:rgba(255,255,255,.7);border:2px solid #fff;border-radius:5px;-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.75);-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.75);box-shadow:inset 0 0 3px rgba(0,0,0,.75);font-weight:300;font-size:1.92rem;color:#333}.has-banner{display:flex;justify-content:space-between;align-items:flex-start}.info-box-wrapper{width:430px}.info-box{margin-bottom:24px;padding:15px 15px 10px;background:rgba(255,255,255,.7);border:2px solid #fff;border-radius:5px;-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.75);-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.75);box-shadow:inset 0 0 3px rgba(0,0,0,.75);font-weight:300;font-size:1.92rem;color:#333}.info-box p{margin-bottom:20px;line-height:1.3}.info-box p:first-of-type:before{content:url(../../../themes/travier/img/clock.png);float:left;margin-right:10px}.info-box p:nth-of-type(2):before{content:url(../../../themes/travier/img/pin.png);float:left;margin-right:10px}.info-box p:last-of-type{position:relative;top:5px}.info-box p:last-of-type:before{content:url(../../../themes/travier/img/tel.png);position:relative;bottom:12px;float:left;margin-right:10px}.info-box a{border-bottom:2px solid #D20021;text-decoration:none;font-weight:700;color:#D20021}.info-box a:hover{border-bottom:none}main{padding:50px;overflow:hidden}footer{background:#292C2F;color:#f2f2f2;font-weight:300;font-size:1.6rem}footer .where a,footer .lex a{border-bottom:none;color:#5392fd;font-weight:300;transition:.4s}footer .lex a{border-bottom:1px solid}footer .where a:hover{border-bottom:1px solid}footer .lex a:hover{border-bottom:none}footer h3{margin-bottom:10px;text-transform:uppercase;font-size:1.9rem;font-weight:400;color:#909398}.infos{padding:50px}.where,.when,.social{display:inline-block;vertical-align:top}.where{width:31%}.when{width:37%;padding:0 4%}.social{width:31%}div[itemprop="address"],.bck,.when span{display:block;padding:10px 0;line-height:1.5}.social-media{display:flex;justify-content:flex-start}.social-media li{margin-right:8px}.social-media li:last-child{margin-right:0}.icon{display:flex;justify-content:center;align-items:center;width:54px;height:54px;background:#36689E;border-radius:3px;box-shadow:0 2px 1px 1px rgba(0,0,0,.3);transition:.4s}.icon svg{display:block;width:24px;height:24px}.icon:hover{background:#22558C}.lex{padding:25px 0;background:#1F2023;text-align:center}.lex p,.footer-menu,.footer-menu li{display:inline-block;vertical-align:top}nav{clear:both;position:relative;top:20px;width:100%;background:rgba(0,0,0,.7);text-align:center;font-family:'Nunito Sans',sans-serif;font-weight:300;font-size:1.7rem}.accueil nav{top:103px}.sgle-nav{position:static}nav a{display:block;padding:18px 15px;border:none;text-decoration:none;font-weight:300;color:#fff}.menu>li{background:transparent;text-align:left;transition:.4s}.menu .current-menu-item a,.menu>li:hover{background:#36689E}nav a:hover{color:#fff}.menu>li{display:inline-block;vertical-align:top;position:relative}.menu .promolink a{background:#E4EE2D}.menu .promolink a{font-weight:400;color:#333}.menu .promolink a:hover{background:#36689E;color:#fff}.menu>li>.sub-menu{position:absolute;top:3.25em;left:0;white-space:nowrap;z-index:10}.menu>li>.sub-menu>li{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;float:left}.menu>li:hover>.sub-menu>li{background:#36689E;border-bottom:2px solid #0D3D70;min-width:9.85em;position:relative;left:auto;width:auto;height:auto;overflow:visible}.menu>li:nth-child(2):hover>.sub-menu>li,.menu>li:nth-child(6):hover>.sub-menu>li{min-width:200px}.menu>li:nth-child(4):hover>.sub-menu>li{min-width:225px}.menu>li:hover>.sub-menu>li:hover{background:#22558C}.menu>li>.sub-menu>li>.sub-menu{position:absolute;top:0;left:100%;white-space:nowrap;z-index:10}.menu>li>.sub-menu>li>.sub-menu>li{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;float:left}.menu>li>.sub-menu>li:hover>.sub-menu>li{position:relative;left:auto;min-width:165px;width:auto;height:auto;background:#36689E;border-bottom:2px solid #0D3D70;overflow:visible}.menu>li>.sub-menu>li:hover>.sub-menu>li:hover{background:#22558C}h1,h2,h3,h4,h5,h6{font-weight:700}h1{margin-bottom:25px;text-align:center;font-size:3.04rem}main h1+p{font-size:2rem}h2{margin-bottom:20px;font-size:2.48rem}h3{margin-bottom:20px;font-size:2.08rem}main p,main ul,main ol{margin-bottom:20px;font-size:1.616rem;line-height:1.5}main li{list-style:outside disc;margin:0 0 10px 18px;font-size:1.616rem;line-height:1.3}.gris{padding:25px 50px;background:#f9f9f9;border:1px solid #ddd}.jaune{padding:25px 50px;background:#ffc}.jaune+p,.jaune+h2,.jaune+h3,.jaune+.quartier,.gris+p,.gris+h2{margin-top:30px}strong,b{font-weight:700}em,i{font-style:italic}a{border-bottom:1px solid #36689E;text-decoration:none;font-weight:700;color:#36689E}a:hover{border-bottom:none;color:#22558C}a[href*="tel"]{font-weight:700;border-bottom:1px solid #D20021;color:#D20021}a[href*="tel"]:hover{border-bottom:none}.bouton{display:block}.bton{display:inline-block}.bouton,.bton{max-width:225px;padding:12px 15px;border-radius:4px;background:#36689E;border:1px solid #36689E;border-bottom:2px solid #0D3D70;text-transform:uppercase;text-align:center;letter-spacing:1px;text-decoration:none;font-weight:300;font-size:1.3rem;color:#fff;transition:.45s}.bouton:after,.bton:after{content:' →';transition:.45s}.bouton:hover,.bton:hover{background:#22558C;border-bottom:2px solid #0D3D70;color:#fff}.bouton:hover:after,.bton:hover:after{padding-left:10px}.grd{max-width:275px}.mini{max-width:200px}sup,sub{vertical-align:baseline;position:relative;top:-.4em}sub{top:.4em}hr{clear:both;margin:40px 0;border:0;border-bottom:1px dashed #ccc}.clear{clear:both}.table-wrapper{overflow-x:scroll}table{margin:30px 0;border-collapse:collapse;text-align:center;font-size:1.616rem}th,td{padding:16px 10px}th{border:1px solid #ddd;background:#eee;font-weight:700}td{max-width:250px;border:1px solid #eaeaea}.spe-table td:last-of-type{background:#FFFFB7;border:1px solid #ddd;font-weight:700}.spe-table th{padding:19px 10px}.spe-table td{padding:18px 10px}table caption{margin-bottom:10px;font-size:1.76rem;font-weight:700}.large-table th{background:#EEF1F8;border:1px solid #B6C9DC}.large-table td{border:1px solid #B6C9DC}.familial{margin-left:-50px;margin-right:-50px;padding:35px 50px;border-top:5px solid #555;border-left:3px solid #555;border-right:3px solid #555;border-bottom:5px solid #555;background:#E7E5DA;overflow:hidden}.familial p{margin-bottom:11px;font-size:1.7rem;font-weight:300}.familial .bouton{display:inline}.familial img{margin:15px 30px 15px 0;padding:5px;border:1px solid #ccc;background:#fff}.familial+h2{margin-top:30px}.presta{margin:50px 0}.presta h2,.presta h3{text-align:center}.presta h3{position:absolute;top:15px;left:15px;right:15px;margin:0 auto;padding:15px;border-radius:5px;background-color:rgba(0,0,0,.75);font-size:1.95rem;font-weight:300;color:#fff}.presta p:first-of-type{padding:0}.presta p{padding:0 20px}.presta .bouton{margin:auto}.a60,.a40,.a50,.a30{display:inline-block;vertical-align:top}.a60{width:60%;margin-right:3%}.a40{margin:0;width:37%}.a50{width:48%;padding:25px;border:1px solid #eee}.height{min-height:425px}.a50:nth-of-type(even){margin-left:4%}.bloc-promo{background:#ffc;box-shadow:0 8px 6px -6px rgba(0,0,0,.7)}.bloc-promo .bouton{background:#900;border:1px solid #900;border-bottom:2px solid #c23616}.promo{margin-bottom:20px;padding:25px}.promo h3{text-align:center}.promo .bouton{margin:0 auto}.a30{position:relative;width:30.66%;min-height:675px;margin-right:4%;padding-bottom:20px;border-radius:5px;box-shadow:0 2px 1px 0 rgba(0,0,0,.2)}.a30:last-of-type{margin-right:0}.a30 img{border-radius:5px 5px 0 0}.prix{margin:50px 0}.crumb{padding:30px 0;text-align:center;font-size:1.55rem}.crumb ol,.crumb li{display:inline-block;vertical-align:top}.mrg-tp{margin-top:40px}.quartier:nth-of-type(odd){padding:50px 0;overflow:hidden}.quartier:nth-of-type(even){margin-left:-50px;margin-right:-50px;padding:50px;border-top:5px solid #555;border-left:3px solid #555;border-right:3px solid #555;border-bottom:5px solid #555;background:#E7E5DA;overflow:hidden}.quartier img{float:left;margin-right:40px;padding:4px;background:#fff;border:1px solid #ccc}.quartier h2{font-size:2.38rem}.quartier h2 a{color:#36689E}.quartier p{font-weight:300}.quartier .bouton{display:inline}.quartier a,.quartier a:hover{border:none;text-decoration:none}.bnr{background:url(https://www.serruriers-montpellier.fr/medias/mtp.jpg) no-repeat center;background-size:cover}.zone h2{clear:both}img{display:block;max-width:100%;width:auto;height:auto}figure{float:left;display:table;background:#ddd;margin:0 40px 40px 0}figure img{padding:5px;background:#fff;border:1px solid #ccc}figure figcaption{display:table-caption;caption-side:bottom;padding:5px;text-align:center;font-style:italic;font-size:1.4rem}.gallerie{margin:0 auto;max-width:825px;overflow:hidden;text-align:center}.inline{margin:0 5px 20px}.aligncenter{margin:0 auto}.alignleft,.alignnone{float:left;margin:0 30px 20px 0}.alignleft{padding:5px;border:1px solid #ccc;background:#fff}.alignright{float:right;margin:0 0 20px 20px}iframe{max-width:100%}.video{text-align:center}.iframe{margin-bottom:30px}.jaune+.wpcf7,.wpcf7+h2{margin-top:30px}label{font-style:italic;font-size:1.7rem;color:#333}input{width:400px;max-width:100%;padding:5px 10px;background:#efefef;border:2px solid #ccc;border-radius:4px}input[type="submit"]{width:175px;padding:11px;background:#36689E;border:1px solid #26547C;border-bottom:2px solid #26547C;font-size:1.7rem;color:#fff;text-shadow:1px 1px 1px #000;cursor:pointer;transition:.4s}input[type="submit"]:hover{background:#26547C;border:1px solid #26547C;border-bottom:2px solid #26547C}textarea{width:500px;max-width:100%;padding:5px 8px;background:#efefef;border:2px solid #ccc;border-radius:4px}@media all and (max-width:990px){.accueil{padding-top:78px}.logo{display:inline-block;width:auto;margin:0 0 15px}header .logo{position:relative;top:56px}.accueil .logo{position:static}.accueil nav,nav{position:fixed;top:0;width:100%;height:62px;background:#1D1D20}.menu{display:none}.responsive-menu-item-link{text-transform:uppercase;font-weight:300}#responsive-menu-container #responsive-menu li.responsive-menu-item a{border-top:1px solid #313131}.rmp-container a{border-bottom:0}.rmp-menu-title{border-bottom:1px solid #111}.info-box{bottom:auto}}@media all and (max-width:900px){main{padding:50px 5%}.infos{padding:50px 5%}.where,.when,.social{display:block;width:auto;padding:0}.when{margin:30px 0}.quartier:nth-of-type(odd){padding:50px 0;overflow:hidden}.quartier:nth-of-type(even){margin-left:-6%;margin-right:-6%;padding:50px 5%}.quartier img{float:none;display:inline-block;vertical-align:top;width:35%;margin:0 5% 20px 0}.txt{display:inline-block;vertical-align:top;margin:0 0 20px;width:60%}}@media all and (max-width:820px){header{padding-top:15px}.accueil{height:432px}.has-banner{display:block}.info-box p:first-of-type:before{margin:18px 10px 0 0}}@media all and (max-width:600px){.a60,.a40,.a30{display:block;width:auto;margin:0;min-height:auto}.a60{margin-bottom:20px}.a30,.a30:last-of-type{max-width:276px;margin:0 auto}.table-wrapper{margin:0 -6% 30px}table{margin:0;font-size:1.5rem}table caption{text-align:left;padding:0 8px}figure{float:none;margin:0 0 30px 0;padding:0;background:none}}@media (max-width:500px){.info-box-wrapper{max-width:100%;font-size:1.67rem}.info-box p{clear:both}.a40,.a50{display:block;width:auto;margin:0;min-height:auto}.a50:nth-of-type(even){margin:30px 0 0}.gris,.jaune{padding:25px;margin:0 -6%}th,td{padding:10px 7px}.quartier img{float:none;display:block;width:auto;margin:0 0 20px 0}.txt{display:block;width:auto;margin:0 0 20px 0}.quartier:nth-of-type(even){padding:25px 5% 35px}.quartier:nth-of-type(odd){padding:25px 0 35px}.crumb{line-height:1.5}main h1+p{font-size:1.8rem}}@media(max-width:450px){.info-box p{margin-bottom:10px;font-size:1.8rem}}@media(max-width:380px){.accueil{height:460px}.info-box{padding:6px}.large-table td{width:80px}}@media (max-width:360px){.logo{margin-bottom:10px}.info-box p:first-of-type:before,.info-box p:nth-of-type(2):before,.info-box p:last-of-type:before{margin-right:5px}}@media (max-width:300px){.info-box p:first-of-type:before,.info-box p:nth-of-type(2):before,.info-box p:last-of-type:before{display:none}}