
:root{--cc-red:#e30613;--cc-black:#0b0b0d;--cc-white:#fff;--cc-gray:#f3f4f6;--cc-text:#20242a}
.cc-site{font-family:Arial,Helvetica,sans-serif;color:var(--cc-text);background:#fff}.cc-site *{box-sizing:border-box}.cc-site a{text-decoration:none}.cc-wrap{max-width:1220px;margin:auto;padding:0 24px}.cc-top{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid #e8e8e8}.cc-nav{height:86px;display:flex;align-items:center;gap:22px}.cc-logo{width:190px;height:auto;display:block}.cc-links{margin-left:auto;display:flex;align-items:center;gap:17px;font-size:13px;font-weight:800}.cc-links a{color:#111}.cc-links a:hover{color:var(--cc-red)}.cc-nav-cta,.cc-btn{background:var(--cc-red)!important;color:#fff!important;padding:13px 17px;border-radius:8px;display:inline-block;font-weight:900}.cc-menu{display:none;margin-left:auto;border:0;background:#111;color:#fff;padding:9px 12px;border-radius:7px}.cc-hero{background:linear-gradient(110deg,#fff 52%,#0b0b0d 52%);padding:72px 0}.cc-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.cc-eye{font-size:12px;letter-spacing:2px;color:var(--cc-red);font-weight:900}.cc-hero h1{font-size:58px;line-height:1.01;letter-spacing:-2.7px;margin:15px 0 20px;color:#101114}.cc-hero h1 em{font-style:normal;color:var(--cc-red)}.cc-hero p{font-size:19px;color:#626975;max-width:620px;margin-bottom:28px}.cc-hero-art{height:440px;border-radius:28px;background:radial-gradient(circle at 70% 20%,#591013,#121214 55%);position:relative;overflow:hidden;border:1px solid #2d2d30}.cc-crane{position:absolute;font-size:150px;left:35px;top:30px;filter:grayscale(1)}.cc-worker{position:absolute;font-size:190px;right:40px;bottom:20px}.cc-cardfloat{position:absolute;left:25px;bottom:25px;background:#fff;border-left:5px solid var(--cc-red);padding:14px 18px;border-radius:10px;box-shadow:0 15px 40px #0005}.cc-cardfloat b,.cc-cardfloat small{display:block}.cc-section,.cc-band,.cc-contact{padding:78px 0}.cc-band{background:#f3f4f6}.cc-black{background:#0b0b0d;color:#fff;padding:70px 0}.cc-black h2{color:#fff}.cc-site h2{font-size:39px;line-height:1.1;letter-spacing:-1.3px;margin:10px 0 15px}.cc-lead{font-size:18px;color:#69707a;max-width:800px}.cc-three,.cc-services,.cc-charter{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.cc-feature,.cc-services article,.cc-charter article{border:1px solid #e4e5e8;border-radius:16px;padding:24px;background:#fff}.cc-feature i{font-style:normal;font-size:34px}.cc-services article{padding:0 0 22px;overflow:hidden}.cc-services article>*:not(.cc-service-img){margin-left:20px;margin-right:20px}.cc-service-img,.cc-photo{background:linear-gradient(135deg,#111,#e30613);position:relative;overflow:hidden}.cc-service-img{height:210px;margin-bottom:20px}.cc-service-img:after,.cc-photo:after{content:"CHANTIER CONSEIL";position:absolute;color:#fff4;font-size:32px;font-weight:900;right:12px;bottom:10px}.cc-i2{background:linear-gradient(135deg,#3b3b3b,#8a0b11)}.cc-i3{background:linear-gradient(135deg,#0e0e0e,#6b6b6b)}.cc-i4{background:linear-gradient(135deg,#b20b14,#181818)}.cc-i5{background:linear-gradient(135deg,#444,#d50b15)}.cc-i6{background:linear-gradient(135deg,#111,#4c4c4c)}.cc-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0}.cc-video{background:#fff;border:1px solid #ddd;border-radius:16px;overflow:hidden}.cc-video iframe{width:100%;height:450px;border:0;background:#111}.cc-video>div{padding:16px}.cc-video span{font-size:11px;font-weight:900;color:var(--cc-red);text-transform:uppercase}.cc-split,.cc-story{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.cc-photo{height:430px;border-radius:22px}.cc-p1{background:linear-gradient(135deg,#0e0e0e,#e30613 130%)}.cc-p2{background:linear-gradient(145deg,#e30613,#111 65%)}.cc-textlink{color:var(--cc-red);font-weight:900}.cc-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cc-timeline>div{border-top:4px solid var(--cc-red);padding:22px;background:#f7f7f8;border-radius:0 0 12px 12px}.cc-timeline b,.cc-charter b{font-size:28px;color:var(--cc-red)}.cc-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.cc-filters button{border:1px solid #ddd;background:#fff;padding:9px 13px;border-radius:99px;font-weight:800;cursor:pointer}.cc-filters button.active{background:#111;color:#fff}.cc-contact{background:linear-gradient(120deg,#0b0b0d 38%,#f4f4f5 38%)}.cc-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.cc-contact-grid>div:first-child{color:#fff}.cc-contact h1{font-size:52px;line-height:1.03;color:#fff}.cc-contact-note{margin-top:30px;padding:18px;border:1px solid #ffffff33;border-left:4px solid var(--cc-red);border-radius:8px}.cc-form{background:#fff;padding:30px;border-radius:18px;box-shadow:0 20px 60px #0002}.cc-form label{display:block;font-size:13px;font-weight:900;margin:13px 0 6px}.cc-form input,.cc-form select,.cc-form textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d4d6da;border-radius:8px;font:inherit}.cc-form textarea{min-height:125px}.cc-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cc-form .cc-check{display:flex;gap:8px;font-weight:500}.cc-form .cc-check input{width:auto}.cc-help{background:#f4f4f5;padding:13px;border-radius:8px}.cc-success{background:#e9f8ed;border:1px solid #a9ddb5;padding:18px;border-radius:12px;margin-bottom:18px;color:#183b20}.cc-foot{display:grid;grid-template-columns:220px 1fr 1fr;gap:35px;align-items:center}footer{background:#08080a;color:#ddd;padding:45px 0}footer .cc-logo{background:#fff;border-radius:10px;padding:6px}footer a{color:#fff}
@media(max-width:900px){.cc-links{display:none}.cc-links.open{display:flex;position:absolute;left:0;right:0;top:86px;background:#fff;padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px #0002}.cc-menu{display:block}.cc-hero{background:#fff}.cc-hero-grid,.cc-three,.cc-services,.cc-charter,.cc-videos,.cc-split,.cc-story,.cc-timeline,.cc-contact-grid,.cc-foot{grid-template-columns:1fr}.cc-hero h1,.cc-contact h1{font-size:42px}.cc-contact{background:#111}.cc-contact-grid>div:last-child{color:#222}.cc-row{grid-template-columns:1fr}.cc-video iframe{height:520px}.cc-logo{width:155px}}

.cc-hero-art{background-image:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.38)),url('hero-chantier.jpg');background-size:cover;background-position:center}
.cc-hero-art .cc-crane,.cc-hero-art .cc-worker{display:none}
.cc-p1{background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.3)),url('service-assistance.jpg');background-size:cover;background-position:center}
.cc-p2{background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.25)),url('presentation-platform.jpg');background-size:cover;background-position:center}

.cc-realhero{min-height:360px;overflow:hidden;border-radius:28px;position:relative}.cc-realhero>img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.cc-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.cc-image-grid img,.cc-inline-img{width:100%;border-radius:18px;display:block}.cc-loginbox{background:#fff;padding:30px;border-radius:20px;box-shadow:0 15px 45px #0001}.cc-loginbox input{width:100%;padding:12px;margin:5px 0 14px}.cc-loginbox input[type=submit]{background:#e30613;color:#fff;border:0;border-radius:8px;font-weight:800}.cc-nav .cc-links{flex-wrap:wrap}@media(max-width:900px){.cc-image-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cc-image-grid{grid-template-columns:1fr}}

/* V8 navigation + accueil */
.cc-home-logo{display:flex;align-items:center;flex:0 0 auto}
.cc-homecards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.cc-homecard{border:1px solid #e2e3e6;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.05)}
.cc-homecard img{width:100%;height:220px;object-fit:cover;display:block}
.cc-homecard>div{padding:22px}.cc-homecard h3{font-size:24px;margin:0 0 10px}.cc-homecard p{line-height:1.55;color:#626975}
.cc-service-real{width:100%;height:220px;object-fit:cover;display:block;margin-bottom:20px}
.cc-home-final{padding:70px 0;text-align:center;background:linear-gradient(120deg,#111,#2a0508);color:#fff}
.cc-home-final h2{color:#fff}.cc-home-final p{font-size:18px;color:#ddd}
.cc-black .cc-inline-img{max-height:440px;object-fit:cover}
@media(max-width:1050px){.cc-links{gap:12px;font-size:12px}.cc-logo{width:165px}}
@media(max-width:900px){.cc-homecards{grid-template-columns:1fr 1fr}.cc-top{position:sticky;top:0}.cc-links.open{max-height:calc(100vh - 86px);overflow:auto}.cc-links.open a{padding:10px 4px;border-bottom:1px solid #eee}.cc-links.open .cc-nav-cta{margin-top:6px;text-align:center}}
@media(max-width:600px){.cc-homecards{grid-template-columns:1fr}.cc-homecard img{height:230px}}

/* V9 — navigation fixe, accueil visuel et confidentialité */
.cc-top{position:sticky;top:0;z-index:9999;background:#fff;border-bottom:3px solid var(--cc-red);box-shadow:0 5px 22px rgba(0,0,0,.08)}
.cc-nav{min-height:68px;height:auto;padding-top:10px;padding-bottom:10px;justify-content:center}
.cc-nav .cc-links{margin:0;justify-content:center;width:100%;gap:10px}
.cc-nav .cc-links a{padding:10px 9px;border-radius:7px;white-space:nowrap}
.cc-nav .cc-links a:first-child{background:#111;color:#fff}
.cc-nav .cc-links a:last-child{background:var(--cc-red);color:#fff}
.cc-foot-simple{grid-template-columns:220px 1fr;max-width:850px}.cc-copy{opacity:.7;font-size:13px;margin-top:18px}
.cc-welcome{padding-top:55px}.cc-welcome-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center;margin-bottom:45px}.cc-welcome-head>div>.cc-logo{width:240px;margin-bottom:28px}.cc-welcome-head>img{width:100%;max-height:430px;object-fit:cover;border-radius:24px}.cc-policy{max-width:900px}.cc-policy h2{font-size:28px;margin-top:34px}.cc-policy p{font-size:17px;line-height:1.75;color:#555}.cc-policy-link{color:var(--cc-red)!important;text-decoration:underline!important;font-weight:800}
@media(max-width:900px){.cc-nav{justify-content:flex-end;min-height:58px}.cc-menu{display:block;margin-left:auto}.cc-links.open{top:58px;max-height:calc(100vh - 58px);overflow:auto;border-top:1px solid #eee}.cc-links.open a{font-size:15px}.cc-welcome-head{grid-template-columns:1fr}.cc-welcome-head>div>.cc-logo{width:210px}.cc-foot-simple{grid-template-columns:1fr}.cc-foot-simple .cc-logo{width:190px}.cc-top{border-bottom-width:2px}}
