*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#102c55}a{text-decoration:none}.topbar{background:#062653;color:#fff;padding:10px 5.5%;display:flex;gap:28px;font-size:13px}.topbar a{color:#fff}header{position:sticky;top:0;z-index:10;background:#fff;display:flex;align-items:center;gap:28px;padding:15px 5.5%;box-shadow:0 3px 18px #0001}.brand{color:#062653;min-width:300px}.brand b{font-size:37px;letter-spacing:-2px}.brand i,.about-card i{color:#f3b000;font-style:normal}.brand small{display:block;font-size:10px;font-weight:800;line-height:1.2}.brand+nav{display:flex;gap:20px;flex:1;justify-content:center}.brand+nav a{color:#142847;text-transform:uppercase;font-size:12px;font-weight:800}.btn{display:inline-block;padding:14px 22px;border-radius:5px;text-transform:uppercase;font-weight:900;font-size:12px}.gold{background:#f3b000;color:#062653}.navy{background:#062653;color:#fff}.white{background:#fff;color:#062653;border:2px solid #062653}.hero{display:grid;grid-template-columns:50% 50%;min-height:545px;background:#f3f7fb}.copy{padding:82px 9%}.copy label,.section>label,.dark>label,.quote label{color:#efad00;font-size:12px;font-weight:900;letter-spacing:1.8px}.copy h1{font-size:48px;line-height:1.08;margin:15px 0;color:#082b59}.copy h1 em{font-style:normal;color:#efad00}.copy p{font-size:17px;line-height:1.65;color:#46566c;max-width:620px}.actions{display:flex;gap:12px;margin-top:28px}.ticks{margin-top:26px;font-size:12px;font-weight:800;color:#52637a}.photo{background:url("hero-cet-btp.jpg") center/cover;position:relative}.caption{position:absolute;bottom:25px;right:25px;background:#062653e8;color:#fff;padding:15px 18px;border-left:4px solid #f3b000}.caption b,.caption small{display:block}.caption small{margin-top:5px;color:#dce7f2}.trust{margin:-38px 5.5% 0;background:#062653;color:#fff;position:relative;z-index:2;border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);padding:24px;box-shadow:0 10px 25px #0002}.trust div{padding:0 18px;border-right:1px solid #fff4}.trust div:last-child{border:0}.trust b,.trust small{display:block}.trust small{margin-top:6px;color:#d6e2ef}.section{padding:75px 7%}.section h2,.quote h2{font-size:34px;text-transform:uppercase;margin:10px 0 35px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about h2{text-align:left}.about p{font-size:17px;line-height:1.75;color:#536276}.link{color:#062653;font-weight:900}.about-card{background:#062653;color:#fff;padding:75px 35px;text-align:center;border-radius:10px;box-shadow:15px 15px 0 #f3b000}.about-card strong{font-size:55px}.about-card p{color:#dbe5ef}.services{background:#f7f9fb}.center{display:block;text-align:center}.services h2{text-align:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cards article{background:#fff;padding:27px;border-radius:8px;box-shadow:0 6px 22px #06265312;border-top:4px solid #062653}.cards article:nth-child(even){border-top-color:#f3b000}.cards article>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e9eff6;font-size:27px;font-weight:900}.cards article>span.yellow{background:#fff3d3;color:#e4a500}.cards h3{text-transform:uppercase}.cards p{color:#58677b;line-height:1.6;min-height:72px}.cards a{color:#062653;font-weight:900;font-size:12px}.project{display:grid;grid-template-columns:1fr 1fr;min-height:350px;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #06265318}.project-photo{background:url("hero-cet-btp.jpg") center/cover}.project>div:last-child{background:#f2f6fa;padding:45px}.project mark{background:#f3b000;color:#062653;padding:7px;font-size:10px;font-weight:900}.project h3{font-size:27px}.project p{line-height:1.7;color:#526278}.dark{background:#062653;color:#fff;padding:70px 7%}.dark h2{max-width:700px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.steps div{border-left:3px solid #f3b000;padding:10px 18px}.steps b{display:block;color:#f3b000;font-size:27px}.steps strong,.steps small{display:block;margin-top:8px}.steps small{color:#d6e2ef;line-height:1.5}.quote{background:#eef4f9;padding:55px 8%;display:flex;justify-content:space-between;align-items:center;gap:30px}.quote p{max-width:650px;color:#526278;line-height:1.6}.contact h2{text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-grid>div{padding:26px;background:#f7f9fb;border-radius:7px}.contact-grid b,.contact-grid a,.contact-grid span{display:block}.contact-grid a{margin-top:10px;color:#062653;font-weight:800}.contact-grid span{margin-top:10px;line-height:1.6;color:#536276}.wa{position:fixed;right:22px;bottom:22px;background:#178b4b;color:#fff;padding:14px 18px;border-radius:30px;font-weight:900;z-index:20;box-shadow:0 5px 18px #0003}footer{background:#031a3b;color:#fff;padding:24px 6%;display:flex;justify-content:space-between;font-size:12px}@media(max-width:950px){.brand+nav{gap:10px}.brand+nav a{font-size:10px}.cards,.trust,.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header{flex-wrap:wrap}.brand{min-width:0}.brand+nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.header>.btn{display:none}.hero{grid-template-columns:1fr}.copy{padding:55px 7%}.photo{min-height:350px}.trust,.cards,.steps,.about,.project,.contact-grid{grid-template-columns:1fr}.trust{margin:0 5%}.trust div{border-right:0;border-bottom:1px solid #fff3;padding:13px 0}.trust div:last-child{border:0}.section{padding:55px 7%}.quote,footer{flex-direction:column;align-items:flex-start}.copy h1{font-size:35px}.actions{flex-wrap:wrap}}
.quote-section{background:#f8fafc}.quote-form{max-width:900px;margin:0 auto;background:#fff;padding:35px;border-radius:10px;box-shadow:0 8px 25px #06265314}.quote-form>label,.form-row label{display:block;font-weight:800;font-size:13px;color:#243a58;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d6dee8;border-radius:5px;padding:13px;font:inherit;color:#233b5a;background:#fff}.quote-form textarea{resize:vertical}.quote-form button{border:0;cursor:pointer}.map{margin-top:22px;padding:20px;background:#eef4f9;border-radius:7px;text-align:center}.map a{color:#062653;font-weight:900}.quote-section h2{margin-bottom:30px}@media(max-width:700px){.form-row{grid-template-columns:1fr}}

/* Visuel officiel des réalisations et projets CET-BTP */
.realizations-section{background:#fff}
.realizations-visual{max-width:1400px;margin:0 auto 42px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #06265318;border:1px solid #e3e9f0}
.realizations-visual a{display:block;line-height:0}
.realizations-visual img{display:block;width:100%;height:auto}
.realizations-visual p{margin:0;padding:13px 18px;text-align:center;font-size:13px;font-weight:700;color:#536276;background:#f7f9fb}
@media(max-width:700px){.realizations-visual{margin-bottom:30px;border-radius:8px}.realizations-visual p{font-size:12px;padding:11px 13px}}

.commercial-section{background:#f7f9fb}.commercial-intro{max-width:850px;margin:-10px auto 25px;text-align:center;color:#536276;line-height:1.7;font-size:16px}.commercial-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0 35px}.commercial-pdf{max-width:1050px;margin:0 auto;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #06265318;border:1px solid #dfe7ef}.commercial-pdf iframe{display:block;width:100%;height:850px;border:0}@media(max-width:700px){.commercial-pdf iframe{height:620px}.commercial-intro{font-size:14px}.commercial-actions .btn{width:100%;text-align:center}}