:root{--bleu:#1B2F6E;--bleu-fonce:#0F1E47;--bleu-moyen:#243575;--jaune:#F9C300;--jaune-fonce:#D9A800;--blanc:#FFFFFF;--gris-clair:#F5F5F0;--gris-moyen:#E8E8E0;--gris:#555;--texte:#222;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{font-family:'Open Sans',sans-serif;background:var(--blanc);color:var(--texte);overflow-x:hidden;animation:pageFadeIn .15s ease both;}
@keyframes pageFadeIn{from{opacity:0;}to{opacity:1;}}
@view-transition{navigation:auto;}
::view-transition-old(root){animation:vtFade .12s ease both;}
::view-transition-new(root){animation:vtFade .15s ease reverse both;}
@keyframes vtFade{to{opacity:0;}}
nav{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--bleu-fonce);display:flex;align-items:center;justify-content:space-between;padding:0 4%;height:72px;border-bottom:3px solid var(--jaune);box-shadow:0 2px 20px rgba(0,0,0,.35);}
.nav-logo img{height:52px;width:auto;display:block;}
.nav-links{display:flex;gap:0;list-style:none;position:absolute;left:50%;transform:translateX(-50%);}
.nav-links li a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-family:'Oswald',sans-serif;padding:0 .9rem;height:72px;display:flex;align-items:center;border-bottom:3px solid transparent;transition:all .2s;}
.nav-links li a:hover,.nav-links li a.active{color:var(--jaune);border-bottom-color:var(--jaune);background:rgba(255,255,255,.04);}
.nav-right{display:flex;align-items:center;gap:1rem;}
.lang-switch{display:flex;gap:.3rem;}
.lang-btn{background:none;border:1.5px solid rgba(255,255,255,.3);color:rgba(255,255,255,.6);padding:.2rem .55rem;font-size:.75rem;letter-spacing:.05em;cursor:pointer;font-family:'Oswald',sans-serif;font-weight:500;transition:all .2s;}
.lang-btn.active,.lang-btn:hover{background:var(--jaune);border-color:var(--jaune);color:var(--bleu-fonce);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.hamburger span{display:block;width:26px;height:2px;background:var(--blanc);}
.page-hero{min-height:48vh;background:var(--bleu-fonce);display:flex;align-items:flex-end;padding:72px 5% 4rem;position:relative;overflow:hidden;}
.page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.25;filter:saturate(.3);}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,var(--bleu-fonce) 40%,rgba(15,30,71,.65));}
.page-hero-stripe{display:none;}
.page-hero-content{position:relative;z-index:2;}
.page-breadcrumb{font-size:.72rem;color:rgba(255,255,255,.5);letter-spacing:.1em;text-transform:uppercase;font-family:'Oswald',sans-serif;margin-bottom:1rem;}
.page-breadcrumb a{color:var(--jaune);text-decoration:none;}
.page-hero h1{font-family:'Oswald',sans-serif;font-size:clamp(2.4rem,5vw,4.5rem);color:var(--blanc);line-height:1.0;font-weight:700;text-transform:uppercase;letter-spacing:.02em;}
.page-hero h1 em{color:var(--jaune);font-style:normal;}
.page-hero p{font-size:1.05rem;color:rgba(255,255,255,.7);margin-top:1rem;max-width:560px;line-height:1.7;font-weight:300;}
.btn-primary{background:var(--jaune);color:var(--bleu-fonce);padding:.9rem 2rem;text-decoration:none;font-weight:700;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;font-family:'Oswald',sans-serif;transition:all .25s;display:inline-block;cursor:pointer;border:none;}
.btn-primary:hover{background:var(--jaune-fonce);transform:translateY(-2px);}
.btn-secondary{background:transparent;color:var(--bleu);border:2px solid var(--bleu);padding:.9rem 2rem;text-decoration:none;font-weight:700;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;font-family:'Oswald',sans-serif;transition:all .25s;display:inline-block;}
.btn-secondary:hover{background:var(--bleu);color:var(--blanc);}
.section{padding:5rem 5%;}
.section-alt{background:var(--gris-clair);}
.section-dark{background:var(--bleu-fonce);}
.section-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--jaune);background:var(--bleu);padding:.3rem 1rem;margin-bottom:.8rem;font-family:'Oswald',sans-serif;}
.section-dark .section-tag{background:rgba(249,195,0,.15);border:1px solid rgba(249,195,0,.4);}
.section-title{font-family:'Oswald',sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);color:var(--bleu-fonce);line-height:1.1;font-weight:700;text-transform:uppercase;}
.section-dark .section-title{color:var(--blanc);}
.section-sub{color:#666;font-size:1rem;margin-top:.75rem;font-weight:300;line-height:1.8;}
.section-dark .section-sub{color:rgba(255,255,255,.55);}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:3rem;}
.card{background:var(--blanc);padding:2rem;border-left:4px solid var(--jaune);box-shadow:0 2px 15px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s;}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12);}
.card-icon{font-size:2rem;margin-bottom:1rem;}
.card h3{font-family:'Oswald',sans-serif;font-size:1.2rem;color:var(--bleu-fonce);margin-bottom:.6rem;text-transform:uppercase;}
.card p{color:#666;font-size:.93rem;line-height:1.7;}
.service-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:3rem;}
.service-tile{background:var(--bleu-moyen);padding:2.5rem 1.5rem;text-decoration:none;text-align:center;transition:background .2s,transform .2s;display:flex;flex-direction:column;align-items:center;gap:.75rem;}
.service-tile:hover{background:var(--bleu);transform:translateY(-3px);}
.service-tile .tile-icon{font-size:2.5rem;}
.service-tile .tile-title{font-family:'Oswald',sans-serif;font-size:1rem;color:var(--blanc);text-transform:uppercase;letter-spacing:.1em;font-weight:600;}
.service-tile .tile-arrow{color:var(--jaune);font-size:1.2rem;margin-top:.5rem;}
.photo-grid{display:grid;gap:4px;}
.photo-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;cursor:pointer;}
.photo-grid img:hover{transform:scale(1.03);}
.devis-section{padding:5rem 5%;background:var(--gris-clair);}
.devis-wrapper{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start;}
.devis-info-title{font-family:'Oswald',sans-serif;font-size:2rem;color:var(--bleu-fonce);margin-bottom:1rem;font-weight:700;text-transform:uppercase;}
.devis-info p{color:#666;line-height:1.8;margin-bottom:1.5rem;}
.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem;}
.contact-icon{width:42px;height:42px;background:var(--bleu);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.contact-item a{color:var(--texte);text-decoration:none;font-weight:600;}
.contact-item a:hover{color:var(--bleu);}
.contact-item small{display:block;color:#999;font-size:.78rem;margin-top:.1rem;}
.devis-form{background:var(--blanc);padding:2.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}
.form-full{grid-column:1/-1;}
.form-group{display:flex;flex-direction:column;gap:.35rem;}
.form-group label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bleu-fonce);font-family:'Oswald',sans-serif;}
.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;background:var(--blanc);padding:.7rem 1rem;font-family:'Open Sans',sans-serif;font-size:.93rem;color:var(--texte);transition:border-color .2s;outline:none;}
.form-group label{font-family:'Oswald',sans-serif;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--bleu);}
.form-group textarea{resize:vertical;min-height:100px;}
.form-group select{appearance:none;cursor:pointer;}
.form-submit{margin-top:1.5rem;width:100%;background:var(--bleu);color:var(--blanc);border:none;padding:1rem;font-family:'Oswald',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s;}
.form-submit:hover{background:var(--bleu-fonce);}
.form-success{display:none;text-align:center;padding:2rem;color:var(--bleu);font-weight:700;font-size:1.05rem;}
.rating-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);padding:.4rem 1rem;margin-top:1.2rem;font-family:'Oswald',sans-serif;}
.rating-stars{color:var(--jaune);font-size:1rem;}
.rating-text{font-size:.85rem;color:rgba(255,255,255,.85);font-weight:600;}
footer{background:var(--bleu-fonce);border-top:4px solid var(--jaune);padding:3rem 5% 1.5rem;}
.footer-grid{display:grid;grid-template-columns:2fr 3fr;gap:3rem;max-width:1200px;margin:0 auto;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);align-items:start;}
.footer-logo img{height:55px;width:auto;margin-bottom:1rem;}
.footer-desc{color:rgba(255,255,255,.4);font-size:.88rem;line-height:1.7;}
.footer-col h4{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--jaune);margin-bottom:1rem;font-family:'Oswald',sans-serif;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:.5rem;}
.footer-col ul a,.footer-col ul span{color:rgba(255,255,255,.5);text-decoration:none;font-size:.88rem;transition:color .2s;display:block;}
.footer-col ul a:hover{color:var(--blanc);}
.footer-bottom{max-width:1200px;margin:1.2rem auto 0;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.22);font-size:.78rem;}
.reveal{opacity:0;transform:translateY(25px);transition:all .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
#cookieBanner{position:fixed;bottom:0;left:0;right:0;background:var(--bleu-fonce);color:var(--blanc);padding:1.1rem 5%;z-index:9998;border-top:3px solid var(--jaune);box-shadow:0 -4px 24px rgba(0,0,0,.3);transform:translateY(100%);transition:transform .35s ease;}
#cookieBanner.visible{transform:translateY(0);}
.cookie-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
.cookie-text{flex:1;min-width:280px;font-size:.85rem;line-height:1.55;color:rgba(255,255,255,.85);}
.cookie-text a{color:var(--jaune);text-decoration:underline;}
.cookie-btns{display:flex;gap:.7rem;flex-wrap:wrap;}
.cookie-btn{font-family:'Oswald',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.7rem 1.4rem;border:0;cursor:pointer;transition:all .2s;}
.cookie-btn.refuse{background:transparent;color:var(--blanc);border:1.5px solid rgba(255,255,255,.4);}
.cookie-btn.refuse:hover{border-color:var(--blanc);background:rgba(255,255,255,.08);}
.cookie-btn.accept{background:var(--jaune);color:var(--bleu-fonce);}
.cookie-btn.accept:hover{background:var(--jaune-fonce);}
@media(max-width:600px){#cookieBanner{padding:1rem 5%;}.cookie-text{font-size:.78rem;}.cookie-btn{padding:.6rem 1rem;font-size:.72rem;}}
@media(max-width:1000px){.service-tiles{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:1fr 1fr;}.devis-wrapper{grid-template-columns:1fr;gap:2.5rem;}}
@media(max-width:750px){.nav-links{display:none;}.hamburger{display:flex;}.service-tiles{grid-template-columns:1fr 1fr;}.cards-grid{grid-template-columns:1fr;}.form-grid{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr;}.page-hero{min-height:35vh;}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center;}nav{padding:0 4%;}.nav-right{gap:.6rem;}}
@media(max-width:600px){.nav-right > div:first-child{display:none !important;}.lang-switch{gap:.2rem;}.lang-btn{padding:.2rem .4rem;font-size:.7rem;}}
@media(max-width:480px){.service-tiles{grid-template-columns:1fr;}.page-hero h1{font-size:2rem !important;}.page-hero{padding:72px 5% 2rem;}}