:root{--clr-primary-400: #040a16;--clr-secondary-400: #ffc400;--clr-accent-300: #66cddd;--clr-accent-400: #00abc7;--clr-neutral-100: #f7f7f7;--clr-neutral-200: #bfbfbf;--clr-neutral-300: #595959;--clr-neutral-400: #000;--ff-400: Be Vietnam Pro;--ff-ss: sans-serif;--fw-400: 400;--fw-500: 600}:root{--fs-nav: 1rem;--fs-300: 0.88rem;--fs-400: 1rem;--fs-500: 1.35rem;--fs-600: 1.62rem;--fs-700: 1.94rem;--fs-800: 2.33rem;--fs-900: 2.8rem}@media screen and (min-width: 769px)and (max-width: 1199px){:root{--fs-300: calc(0.96rem + -0.09vw);--fs-400: calc(0.98rem + 0.11vw);--fs-500: calc(1.2rem + 0.73vw);--fs-600: calc(1.31rem + 1.53vw);--fs-700: calc(1.39rem + 2.77vw);--fs-800: calc(1.41rem + 4.63vw);--fs-900: calc(1.32rem + 7.42vw)}}@media screen and (min-width: 1200px){:root{--fs-300: 0.94rem;--fs-400: 1.06rem;--fs-500: 1.77rem;--fs-600: 2.5rem;--fs-700: 3.53rem;--fs-800: 5rem;--fs-900: 7.07rem}}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}a{text-decoration:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,svg{max-width:100%;display:block}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.font-script{font-family:"Dancing Script",cursive;letter-spacing:2px;line-height:1.4em}.fs-300{font-size:var(--fs-300)}.text-center{text-align:center}.text-accent-400{color:var(--clr-accent-400)}.text-neutral-100{color:var(--clr-neutral-100)}.text-center{text-align:center}.wrapper{width:min(69.375rem,100% - 2rem);margin-left:auto;margin-right:auto}.nav-wrapper{width:min(71.375rem,100%);margin-left:auto;margin-right:auto}:root{--padding: 1rem;--padding-block: 2rem;--wrapper-max-width: 1110px}.flow>*+*{margin-top:var(--flow-space, 1em)}.padding-block{padding:4rem 0}.small-padding-block{padding:1rem 0}html{scroll-behavior:smooth}body{font-family:var(--ff-400),var(--ff-ss);font-weight:400;color:var(--clr-neutral-300);display:flex;flex-direction:column;min-height:100vh;padding-top:56px}main{flex:1}h1,h2{font-weight:600}h1{font-size:var(--fs-700);line-height:1.4}h2{font-size:var(--fs-600);line-height:1.25}h3{font-size:var(--fs-500)}::-moz-selection{color:var(--clr-accent-400);background:var(--clr-secondary-400)}::selection{color:var(--clr-accent-400);background:var(--clr-secondary-400)}.bg-accent-400{background-color:var(--clr-accent-400)}.bg-neutral-300{background-color:var(--clr-neutral-300)}.bg-neutral-400{background-color:var(--clr-neutral-400)}:root{--padding: 1rem;--padding-block: 2rem;--wrapper-max-width: 1110px}.navigation{position:fixed;min-width:100%;top:0;border-bottom:1px solid var(--clr-neutral-400);background-color:var(--clr-accent-400);box-shadow:0px 5px 21px -4px #000;z-index:999}.navigation a{font-size:var(--fs-nav)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:3.5rem}.nav ul{list-style-type:none}.nav-list{display:flex}.nav-list a{display:block;padding:1rem;color:var(--clr-neutral-400);transition:color .3s ease-in-out}.nav-list a:hover,.nav-list a:focus-within{color:var(--clr-neutral-300)}a.nav-phone{margin-right:16px;color:var(--clr-neutral-400);transition:color .3s ease-in-out}a.nav-phone:hover,a.nav-phone:focus-within{color:var(--clr-neutral-300)}.visually-hidden{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-1;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mobile-menu-bar{display:block;margin:.3125rem 0;width:1.5625rem;height:.1875rem;border-radius:100vmax;background-color:var(--clr-neutral-400);transition:transform .3s ease-in-out}.mobile-menu{display:none;border:0;background-color:rgba(0,0,0,0)}.mobile-menu:active{border:0}.mobile-menu.active .mobile-menu-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu.active .mobile-menu-bar:nth-child(2){opacity:0}.mobile-menu.active .mobile-menu-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media only screen and (max-width: 50em){.nav{justify-content:right;height:100%}.nav-list{position:absolute;flex-direction:column;width:100%;height:calc(100vh - 3.5rem);overflow-y:scroll;background-color:var(--clr-neutral-400);top:3.5rem;left:-100%;transition:left 1s;text-align:right}.nav-list.active{left:0}.nav-list a{color:var(--clr-neutral-100);transition:color .3s ease-in-out}.nav-list a:hover,.nav-list a:focus-within{color:var(--clr-neutral-300)}.nav-phone{display:none}.mobile-menu{display:block;margin-right:1rem}}.header{display:flex;align-items:center;justify-content:center;position:relative;background-image:url(../img/bg/reparation-coulis-ceramique-salle-de-bain-sm.f78660ab31e0290b1fd2.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;min-height:calc(100vh - 3.5rem);min-height:calc(100svh - 3.5rem)}.header::before{content:"";position:absolute;background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9));top:0;bottom:0;left:0;right:0;z-index:1}.header-container{position:relative;text-align:center;text-wrap:balance;z-index:2}.header-logo{display:inline-block;margin-bottom:2rem;width:min(31.25rem,100% - 1.25rem)}.header-link{display:flex;justify-content:center}.header-link a:first-child{margin-right:1rem}@media(min-width: 768px){.header{background-image:url(../img/bg/reparation-coulis-ceramique-salle-de-bain-md.fdf11c918d0b9fb67c6b.jpg)}}@media(min-width: 1024px){.header{background-image:url(../img/bg/reparation-coulis-ceramique-salle-de-bain-lg.941ad3130464c14d411d.jpg)}}.footer a{color:var(--clr-neutral-100);transition:color .3s ease-in-out}.footer a:hover,.footer a:focus-within{color:var(--clr-accent-400)}.footer-columns{display:grid;row-gap:3.125rem}.footer-contact{display:flex;flex-direction:column;text-align:center}.footer-logo{display:block;margin-left:auto;margin-right:auto;width:60%}.area-served-list{display:flex;justify-content:center;flex-wrap:wrap}.area-served-list li{display:block;width:-moz-max-content;width:max-content}.area-served-list li::after{content:"|";color:var(--clr-accent-400);font-weight:var(--fw-500);margin-left:.25rem;margin-right:.25rem}.area-served-list li:last-child::after{content:""}@media only screen and (min-width: 50em){.footer-logo{margin:revert;width:50%}.footer-contact{text-align:revert}.footer-columns{grid-auto-flow:column;grid-auto-columns:1fr;row-gap:revert;-moz-column-gap:1.25rem;column-gap:1.25rem}.area-served-list{justify-content:left}}.copyright{display:flex;flex-direction:column;justify-content:center;padding:.5rem 0;text-align:center}.copyright a{color:var(--clr-neutral-100);transition:color .3s ease-in-out}.copyright a:hover,.copyright a:focus-within{color:var(--clr-neutral-300)}.website-credit{margin-top:.25rem}@media only screen and (min-width: 50em){.copyright{flex-direction:row}.website-credit{margin-top:0}.website-credit::before{content:"|";margin:0 .5rem}}.btn{display:inline-block;padding:10px 15px;margin-top:2rem;font-size:var(--fs-400);text-align:center;color:var(--clr-neutral-400);background-color:var(--clr-accent-400);border:1px solid var(--clr-neutral-100);border-radius:.3125rem;box-shadow:rgba(0,0,0,.15) 0px 2px 5px 0px,rgba(0,0,0,.05) 0px 1px 1px 0px;cursor:pointer;transition:background-color .75s,color .75s}.btn:hover,.btn:focus-visible{color:var(--clr-neutral-100);background-color:var(--clr-neutral-400)}form span{display:none}form ::-moz-placeholder{color:var(--clr-neutral-200)}form ::placeholder{color:var(--clr-neutral-200)}.work-content{display:grid;gap:3rem;margin-top:3rem}.work-content img{width:100%;height:auto}.work-content figcaption{margin-top:1rem}@media only screen and (min-width: 50em){.work-content{grid-template-columns:1fr 1fr}}@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/8e936caafd756d4aae83.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/3cc5d152727f322e7f4a.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Dancing Script";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/efe69406a3148f3521d7.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}