:root{--text-color:#4b4b4b;--title-color:#1b3a57;--hover-line-color:#c89d5b;--main-bg-color:#c5d9e9}*{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Tahoma,Verdana,sans-serif;color:var(--text-color)}body{background:#f8f9fa;color:#343a40;display:flex;flex-direction:column;align-items:center;line-height:1.6}main{width:100%;max-width:1200px;padding:20px;background-color:var(--alternative-bg-color)}a{text-decoration:none}li{list-style:none}article{margin-bottom:4rem;padding:0 1rem}h1,h2{color:var(--title-color);margin-bottom:1rem;text-align:center}h1{font-size:3rem}h2{font-size:2rem;position:relative}p{font-size:1.1rem;margin-bottom:1rem}.icon{width:1.5rem;height:1.5rem;display:inline-block;vertical-align:middle}header{width:100%;background:var(--main-bg-color);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem 2rem}header img{width:120px;border-radius:50%}header nav{width:100%;margin-top:1rem}header ul{display:flex;justify-content:center;align-items:center;gap:2rem}header li a{font-weight:700;font-size:1.1rem;color:var(--title-color)}header li a:hover{text-decoration:underline 2px solid var(--hover-line-color)}#introduction{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.introduction__text{max-width:600px;font-size:1.2rem}#contact,#devis,#services{display:flex;flex-direction:column;align-items:center;text-align:center}.contact__section{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem}.contact__section p{max-width:400px}form{width:100%;max-width:500px;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}fieldset{border:none;display:flex;flex-direction:column;gap:.8rem}label{font-weight:700;margin-bottom:.2rem;text-align:left}input,textarea{width:100%;padding:10px;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:inherit}textarea{resize:vertical}button{display:block;width:100%;padding:10px;background:var(--title-color);color:#fff;border:none;border-radius:4px;cursor:pointer}#galerie{display:flex;flex-direction:column;align-items:center;padding:10px}.galerie{position:relative;width:100%;max-width:900px;margin:0 auto}.next,.prev{width:2.5rem;height:2.5rem;position:absolute;top:50%;transform:translateY(-50%);color:#333;padding:.25rem;cursor:pointer;z-index:3}.prev{left:1rem}.next{right:1rem}.galerie__container{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:250px}.galerie__container img{position:absolute;opacity:0;transition:all .4s ease;width:300px;height:200px;object-fit:cover;border-radius:10px}img.visible{opacity:.5}img.left{transform:translateX(-110%) scale(.9)}img.right{transform:translateX(110%) scale(.9)}img.active{opacity:1;transform:translateX(0) scale(1.05);z-index:2}footer{width:100%;background:var(--main-bg-color);text-align:center}.open__mentions{display:block;width:30%;margin:1rem auto;padding:10px;background:var(--title-color);color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center}.modal{position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.5);justify-content:center;align-items:center}.modal__content{background:#fff;padding:20px;width:80%;max-width:600px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);max-height:80vh;overflow-y:auto;position:relative}.modal__content .fa-xmark{position:absolute;top:20px;right:20px;font-size:2rem;color:#333;cursor:pointer;transition:color .3s;z-index:20}.active{display:flex}.hidden{display:none}@media (max-width:768px){.contact__section,header ul{flex-direction:column;gap:1rem}#galerie{padding:.5rem}.galerie{max-width:100%}.icon-button:hover{background:rgba(255,255,255,.9);transform:translateY(-50%) scale(1.1)}.prev{left:.5rem}.next{right:.5rem}.galerie__container{height:180px}.galerie__container img{width:180px;height:120px}.galerie__container img.left,.galerie__container img.right{display:none}.galerie__container img.active{transform:translateX(0) scale(1.02)}.modal__content{width:90%;padding:15px;max-height:70vh}.modal__content .fa-xmark{font-size:1.8rem;top:15px;right:15px}input,label,textarea{font-size:1rem}}@media (min-width:768px) and (max-width:1024px){h1{font-size:2.5rem}h2{font-size:1.8rem}.galerie{max-width:95%}.next,.prev{font-size:2.2rem;padding:.4rem}.galerie__container{height:220px}.galerie__container img{width:240px;height:160px}.modal__content{width:85%;padding:18px;max-height:75vh}.modal__content .fa-xmark{font-size:2rem;top:18px;right:18px}.open__mentions{width:40%}header ul{flex-direction:row;gap:2rem}.contact__section{flex-direction:column;align-items:center}.contact__section p,.introduction__text{width:80%;font-size:1.25rem;text-align:center}form{width:80%}}