:root{--primary-color: #005a9f;--secondary-color: #ffffff;--header-height: 10vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{margin:0 auto;font-size:16px;width:100%;overflow-x:hidden}body{margin:0 auto;width:100%;max-width:1440px;min-height:100vh;overflow-y:hidden;font-family:Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--primary-color);background-color:var(--secondary-color)}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}#home-image-container{width:100vw;max-height:650px;max-width:1440px;overflow:hidden}#home-image{width:100%;height:100%;object-fit:cover}#welcome-container{min-height:400px;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:50px;text-align:center;line-height:2;border-left:solid 1px var(--primary-color);border-right:solid 1px var(--primary-color);color:var(--secondary-color);background-color:var(--primary-color);scroll-margin-bottom:300px}#line{width:30%;margin-top:20px;margin-bottom:40px;border:solid 1px var(--secondary-color)}#home-image-container,#welcome-container,#troubleshooting,#maintenance,#renovation{scroll-margin-top:var(--header-height)}@media (max-width: 700px){#welcome-container{scroll-margin-bottom:0;scroll-margin-top:30px}}header{position:fixed;top:0;height:10vh;max-width:1440px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:15px;box-sizing:border-box!important;background-color:var(--primary-color);box-shadow:0 5px 5px #00000080;z-index:1000}#logo-container{width:20%}nav{width:60%}.classique{display:flex;justify-content:space-around;align-items:center;color:var(--secondary-color)}.burger{position:fixed;height:50vh;width:33%;top:10vh;right:0;background-color:var(--secondary-color);color:var(--primary-color);font-weight:700;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:50px;padding-top:10vh;border:solid var(--primary-color) 2px}#menu li:hover{text-decoration:underline;cursor:pointer}.burger-button{background-color:var(--primary-color);border:none;width:50px;cursor:pointer}#phone-link-top img{height:30px}@media (max-width: 1024px){header{justify-content:space-between}#logo-container{width:30%}#menu-burger{height:100%;display:flex;justify-content:flex-end}.burger{height:70vh;width:60%}.close-menu-container{position:absolute;top:20px;right:20px;width:60px;background-color:var(--secondary-color);border:none;cursor:pointer}.move-left{animation:slideLeft ease 1s}@keyframes slideLeft{0%{right:-300px}to{right:0}}#menu li:hover{text-decoration:underline}}@media (max-width: 700px){header{padding:5px}.burger{width:60%}#logo-container{width:40%}#burger-icon{width:40px}.close-menu-container{right:10px;width:30px}.close-menu-container img{width:30px}}#troubleshooting .container{display:flex;justify-content:space-around;align-items:center;padding:30px}.flip-container{width:350px;height:350px;perspective:1000px;border-radius:50%;overflow:hidden}.flipper{width:100%;height:100%;position:relative;transition:transform .6s;border-radius:50%;transform-style:preserve-3d}#troubleshooting-front,#troubleshooting-back{position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;backface-visibility:hidden;top:0;left:0}#troubleshooting-back,.flip-container:hover .flipper{transform:rotateY(180deg)}#troubleshooting-text{width:50%;padding:30px;line-height:2;text-align:center;border-radius:15px;box-shadow:0 10px 5px #0003;background-color:var(--primary-color);color:var(--secondary-color)}#troubleshooting-text h3{margin-bottom:15px}@media (max-width: 1024px){#troubleshooting .container{justify-content:center;padding:0}.flip-container{width:0;visibility:hidden}#troubleshooting-text{width:90%;padding:20px}#troubleshooting-text h3{margin-bottom:5px}}@media (max-width: 700px){#troubleshooting-text{width:95%;padding:20px}}#maintenance .container{display:flex;justify-content:space-around}#maintenance .image-container{max-height:400px;max-width:300px;border-radius:15px;overflow:hidden;box-shadow:-5px 10px 5px #0006}#maintenance img{max-height:500px;object-fit:cover}#maintenance .text-container{width:60%;background-color:var(--secondary-color);color:var(--primary-color);padding:30px;border-radius:15px;box-shadow:-5px 10px 5px #0006;line-height:2.5}#maintenance h3{text-align:center}#maintenance ul{list-style:disc inside}#maintenance li{padding-left:5px}#maintenance span{display:block;text-align:center;margin-top:10px;font-weight:700}@media (max-width: 1024px){#maintenance .container{justify-content:center}#maintenance .image-container{width:0;visibility:hidden}#maintenance .text-container{width:90%;padding:20px}}#maintenance .text-container{line-height:2}@media (max-width: 700px){#maintenance .text-container{width:95%;padding:20px}#maintenance .text-container{line-height:1.5}}#renovation .container{display:flex;align-items:center;column-gap:50px}#renovation .thumbnails{max-width:600px;min-width:300px;border-radius:15%;box-shadow:0 10px 5px #0006}#picture{max-width:600px;min-width:300px;border-radius:15%;object-fit:cover;overflow:hidden;display:flex;max-height:350px}#picture img{width:100%;height:100%}.next-button,.prev-button{display:flex;justify-content:center;align-items:center}#renovation button{width:200px;height:150px;background-color:var(--secondary-color);display:flex;justify-content:center;align-items:center;border:none;cursor:pointer}#renovation button img{max-width:100px}#renovation .text-container{visibility:hidden;width:0;height:0}@media (max-width: 1024px){#renovation .container{column-gap:20px;margin-top:10px}#renovation button,.next-button img,.prev-button img{width:70px}}@media (max-width: 700px){#renovation .container{flex-direction:column;column-gap:0;row-gap:10px}#renovation button{width:0;height:0;visibility:hidden;position:absolute}#renovation .text-container{visibility:visible;width:auto;height:auto;padding:20px;line-height:1.5;text-align:center;border-radius:15px;box-shadow:0 10px 5px #0003;background-color:var(--primary-color);color:var(--secondary-color)}.next-button img,.prev-button img{width:0}}.blue-section{height:600px;background-color:var(--primary-color);color:var(--secondary-color);display:flex;flex-direction:column;justify-content:start;align-items:center;row-gap:30px;padding:30px}@media (max-width: 1024px){.blue-section{height:500px;text-align:center}}@media (max-width: 700px){.blue-section{height:auto}}.white-section{height:600px;background-color:var(--secondary-color);color:var(--primary-color);display:flex;flex-direction:column;justify-content:start;align-items:center;row-gap:30px;padding:30px;border-left:solid 1px var(--primary-color);border-right:solid 1px var(--primary-color)}@media (max-width: 1024px){.white-section{height:500px;text-align:center}}@media (max-width: 700px){.white-section{height:auto}}footer{bottom:0;left:0;right:0;height:17vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background-color:var(--primary-color);color:var(--secondary-color)}#contact{display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:100px}#footer-logo-container{max-width:200px}.vertical-line{min-height:80px;width:0;border:1px solid var(--secondary-color)}.contact-container{display:flex;justify-content:flex-start}.contact-container img{max-height:30px;max-width:50px;padding:0 10px;margin:auto}.logo-contact-container{width:70px;margin-right:10px}.email-container,.tel-container,.google-container{display:flex;justify-content:flex-start;align-items:center}#website-developper{margin-top:20px;font-weight:lighter}@media (max-width: 1024px){#contact{column-gap:50px}}@media (max-width: 700px){#contact{column-gap:30px}.logo-contact-container{width:50px;margin-right:10px}}