/* Site statique de demonstration - aucune execution serveur */
:root{--orange:#EF8E3A;--blue:#3886A8;--ink:#122b3c;--navy:#0d202e;--paper:#f5f8fa;--muted:#577080}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;z-index:4;background:#fff;padding:10px}.header{background:#fff;border-bottom:1px solid #e4edf0;position:sticky;top:0;z-index:10}.headin{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:95px}.logo{display:block;width:min(290px,35vw);height:auto}.header nav{display:flex;gap:26px;align-items:center;font-weight:650;font-size:.92rem}.header nav a:hover{color:var(--blue)}.navcontact{background:var(--orange);color:#1d2732!important;padding:11px 17px;border-radius:6px}.hero{min-height:610px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(8,27,41,.97),rgba(9,32,47,.84) 57%,rgba(9,32,47,.4)),url('bandeau-reseau.jpg') center/cover;background-color:var(--navy)}.hero-content{padding:85px 0}.eyebrow,.overline{display:inline-block;letter-spacing:.16em;font-size:.76rem;font-weight:850;color:var(--orange)}.hero h1{font-size:clamp(2.9rem,5.5vw,5.3rem);line-height:1.08;letter-spacing:-.055em;max-width:870px;margin:25px 0}.hero h1 em,.about em,.contact em{font-style:normal;color:var(--orange)}.hero p{font-size:1.16rem;max-width:670px;color:#dbe6ec}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 55px}.btn{border-radius:5px;padding:15px 23px;font-weight:750;display:inline-flex;gap:25px;align-items:center}.orange{background:var(--orange);color:#17232e}.ghost{border:1px solid #adc2ce;color:white}.hero-local{font-size:.88rem;color:#cbd8e0}.intro{border-bottom:1px solid #e3ecef;background:#f4f7f8}.intro-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 0;align-items:center;font-size:.72rem;font-weight:850;letter-spacing:.08em;color:#648092}.intro-inner strong{letter-spacing:0;color:var(--ink);font-size:.95rem}.section{padding:100px 0}.section-heading{display:flex;gap:60px;align-items:end;justify-content:space-between;margin-bottom:32px}.section-heading p{max-width:385px;color:var(--muted)}h2{font-size:clamp(2.3rem,4vw,3.65rem);letter-spacing:-.045em;line-height:1.13;margin:14px 0 24px}h2 span{color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{border:1px solid #dce7ec;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(13,32,46,.045)}.card-photo{height:155px;background-size:cover;background-position:center;background-color:#123149}.photo-infra{background-image:url('photos/infra.jpg')}.photo-secu{background-image:url('photos/secu.jpg')}.photo-reseau{background-image:url('photos/reseau.jpg')}.photo-telephonie{background-image:url('photos/telephonie.jpg')}.photo-gestion{background-image:url('photos/gestion.jpg')}.card-inner{padding:22px 24px 28px}.card small{color:var(--blue);font-weight:850}.card h3{font-size:1.3rem;letter-spacing:-.025em;margin:10px 0}.card p{color:var(--muted);margin:0}.about{padding:92px 0;background:linear-gradient(90deg,rgba(7,27,43,.98),rgba(7,27,43,.9)),url('photos/telephonie.jpg') center/cover;color:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.about p{font-size:1.15rem;color:#d4e1e8}.text-link{display:inline-block;color:var(--orange);font-weight:750;margin-top:20px}.partners{background:var(--paper)}.partners>div>p{color:var(--muted)}.partners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}.partners-grid div{background:white;border:1px solid #dce7ec;border-radius:9px;padding:25px 10px;text-align:center;font-size:1.35rem;font-weight:850;color:#2b586e}.fineprint{font-size:.82rem}.contact{padding:90px 0;background:#eaf3f6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact p{color:var(--muted)}.contact-card{background:#fff;padding:14px 32px;border-radius:10px;box-shadow:0 15px 40px #1b445012}.contact-card>*{display:block;border-bottom:1px solid #e7edef;padding:20px 0}.contact-card>*:last-child{border:0}.contact-card span{display:block;color:var(--blue);font-size:.72rem;letter-spacing:.12em;font-weight:850}.contact-card strong{display:block;font-size:1.2rem;margin-top:6px}footer{background:#091a26;color:#d6e6ec;padding:55px 0}.foot-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.foot-grid a{display:block;font-size:.87rem;margin:8px 0;color:#c3d5df}.foot-logo{display:block;width:260px;max-width:100%;height:auto}.foot-grid p{font-size:.86rem;color:#91aab7}@media(max-width:800px){.headin{flex-direction:column;gap:10px;padding:13px 0}.logo{width:260px}.header nav{justify-content:center;flex-wrap:wrap;gap:13px;font-size:.84rem}.navcontact{padding:8px 12px}.hero{min-height:500px}.hero-content{padding:64px 0}.section{padding:70px 0}.section-heading{display:block}.cards{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.partners-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{align-items:flex-start;flex-direction:column}}@media(max-width:550px){.cards{grid-template-columns:1fr}.intro-inner span{display:none}.hero h1{font-size:2.8rem}.contact-card{padding:10px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Acces clients integres a la page d accueil. */
.quickaccess{background:#f2f7f9}.quickaccess h2{margin:12px 0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.035em}.quicklead{color:#607785;margin-bottom:30px}.quickgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quickcard{padding:30px;background:#fff;border:1px solid #dce8ed;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;min-height:275px}.quicknum{font-size:.7rem;color:#3886A8;font-weight:800;letter-spacing:.13em}.quickcard h3{font-size:1.28rem;margin:22px 0 8px}.quickcard p{line-height:1.65;color:#5e7180;margin:0 0 22px}.quickbutton{margin-top:auto;border-radius:7px;padding:12px 17px;background:#EF8E3A;color:#132a37;text-decoration:none;font-weight:800;font-size:.85rem}.quickbutton:hover{background:#f4a35a}@media(max-width:800px){.quickgrid{grid-template-columns:1fr}}

/* Raccourci support en haut, vers les outils integres sur l accueil */
.header nav .navsupport{background:var(--blue);color:#fff;padding:11px 17px;border-radius:6px;white-space:nowrap}.header nav .navsupport:hover{background:#276783;color:#fff}#acces-clients{scroll-margin-top:110px}@media(max-width:800px){.header nav .navsupport{padding:8px 12px}#acces-clients{scroll-margin-top:160px}}

/* Introduction repositionnee dans la presentation de l entreprise */
.about .about-lead{font-size:clamp(1.15rem,2vw,1.48rem);line-height:1.48;color:#fff;font-weight:650;margin:0 0 24px;padding-left:20px;border-left:4px solid var(--orange)}

/* Genuine partner imagery from the original Reseau-Net website. */
.partners-grid .partner-logo{display:flex;align-items:center;justify-content:center;min-height:122px;padding:18px 12px;background:#fff;border:1px solid #dce7ec;border-radius:9px}
.partners-grid .partner-logo img{display:block;width:100%;max-width:205px;height:auto;max-height:95px;object-fit:contain}

/* Expertises complementaires - grille de neuf cartes */
.photo-m365{background-image:url('photos/m365.jpg')}
.photo-backup{background-image:url('photos/backup.jpg')}
.photo-monitoring{background-image:url('photos/monitoring.jpg')}
.photo-workplace{background-image:url('photos/workplace.jpg')}

.photo-audit{background-image:url('photos/audit.jpg')}