/* CMS 20 : cybersécurité, domaines complémentaires et priorités. */
body:has(.pepro-cyber-page) #wrapper>.container{max-width:none;padding-inline:0}body:has(.pepro-cyber-page) #wrapper>.container>.row{margin-inline:0}body:has(.pepro-cyber-page) #content-wrapper{width:100%;max-width:100%;flex:0 0 100%;padding-inline:0}body:has(.pepro-cyber-page) #wrapper{padding-block:0}body:has(.pepro-cyber-page) .page-content--cms{margin-bottom:0}
.pepro-cyber-page{font-family:"IBM Plex Sans",Arial,sans-serif;color:#172b38;overflow:hidden}.pepro-cyber-page *{box-sizing:border-box}.pepro-cyber-container{width:calc(100% - 80px);max-width:1200px;margin-inline:auto}.pepro-cyber-page h1,.pepro-cyber-page h2,.pepro-cyber-page h3{font-family:inherit;font-weight:600;letter-spacing:-.035em;line-height:1.13;color:inherit;margin:0}.pepro-cyber-page h2{font-size:42px}.pepro-cyber-page p{font-size:16px;line-height:1.75;color:#536571;margin:0}.pepro-cyber-page a{text-decoration:none}.pepro-cyber-page a:focus-visible{outline:3px solid #087ecb;outline-offset:5px}.pepro-cyber-page .pepro-cyber-eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:#0874af;margin-bottom:18px;line-height:1.6}.pepro-cyber-button{display:inline-flex;align-items:center;gap:28px;min-height:52px;background:#a2e2e2;color:#102938;padding:15px 23px;font-size:14px;font-weight:600;line-height:1.4;border-radius:2px}.pepro-cyber-button:hover{background:#c2f0ed;color:#102938}.pepro-cyber-link{display:inline-flex;gap:18px;align-items:center;font-size:14px;line-height:1.5;color:#0874b3;font-weight:600;padding-bottom:5px;border-bottom:1px solid #b2d6e6}.pepro-cyber-link:hover{color:#07577c;border-color:#0874b3}
.pepro-cyber-hero{background:radial-gradient(ellipse at 85% 30%,#173e52,#0c202e 65%);color:#fff}.pepro-cyber-hero__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;padding-block:66px 63px}.pepro-cyber-hero .pepro-cyber-eyebrow{color:#a0d3e5}.pepro-cyber-hero h1{font-size:clamp(43px,4.5vw,66px);line-height:1.05;letter-spacing:-.04em}.pepro-cyber-hero h1 span{color:#9be0dd}.pepro-cyber-hero .pepro-cyber-lead{font-size:18px;color:#c9dce6;max-width:530px;margin:25px 0 29px}.pepro-cyber-hero .pepro-cyber-hero__note{font-size:12px;color:#aac5d2;margin-top:17px;max-width:460px}.pepro-cyber-hero__visual img{display:block;width:100%;height:auto;max-height:470px}
.pepro-cyber-intro{padding-block:75px 55px;max-width:900px;text-align:center}.pepro-cyber-intro h2{font-size:41px}.pepro-cyber-intro>p:not(.pepro-cyber-eyebrow){margin:23px auto 23px;max-width:830px}
.pepro-cyber-protection{padding-block:15px 77px}.pepro-cyber-protection__heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:36px}.pepro-cyber-protection__heading h2{font-size:32px;max-width:560px}.pepro-cyber-protection__heading>p{max-width:400px;font-size:14px}.pepro-cyber-domains{border-top:2px solid #193e51}.pepro-cyber-domain{display:grid;grid-template-columns:.95fr 1fr 1.25fr;gap:38px;padding:29px 0;border-bottom:1px solid #d4e1e8;align-items:start}.pepro-cyber-domain>div:first-child>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#0875b2;font-weight:600;margin-bottom:10px}.pepro-cyber-domain h3{font-size:23px;line-height:1.22}.pepro-cyber-domain p{font-size:14px}.pepro-cyber-domain>div:last-child{border-left:2px solid #86c8ca;padding-left:21px}.pepro-cyber-domain strong{display:block;color:#126068;font-size:12px;font-weight:600;margin-bottom:6px}.pepro-cyber-protection>.pepro-cyber-link{margin-top:24px}
.pepro-cyber-work{background:#f0f5f6;padding:65px 0}.pepro-cyber-work__inner{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.pepro-cyber-work__photo img{display:block;width:100%;height:410px;object-fit:cover;object-position:70% center}.pepro-cyber-work h2{font-size:38px}.pepro-cyber-work p:not(.pepro-cyber-eyebrow){font-size:15px;margin-top:21px}.pepro-cyber-work .pepro-cyber-link{margin-top:23px}
.pepro-cyber-plan{padding-block:77px 73px}.pepro-cyber-plan__heading{text-align:center}.pepro-cyber-plan__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;list-style:none!important;padding:0!important;margin:37px 0 0!important}.pepro-cyber-plan__steps li{border-top:1px solid #aacbd4;padding-top:21px}.pepro-cyber-plan__steps li>span{font-size:23px;color:#0874af;font-weight:600;display:block;margin-bottom:18px}.pepro-cyber-plan__steps h3{font-size:24px;margin-bottom:13px}.pepro-cyber-plan__steps p{font-size:14px}.pepro-cyber-followup{display:flex;align-items:start;gap:60px;margin-top:43px;padding-top:30px;border-top:1px solid #d4e1e8}.pepro-cyber-followup h3{font-size:23px;flex:0 0 30%}.pepro-cyber-followup p{font-size:14px}.pepro-cyber-followup a{color:#0874b3;text-decoration:underline}
.pepro-cyber-contact{background:#0e2938;color:#fff;padding:57px 0 60px}.pepro-cyber-contact>.pepro-cyber-container{display:flex;align-items:center;justify-content:space-between;gap:85px}.pepro-cyber-contact .pepro-cyber-eyebrow{color:#9cd6e1}.pepro-cyber-contact h2{font-size:46px}.pepro-cyber-contact>.pepro-cyber-container>div:first-child{max-width:690px}.pepro-cyber-contact>.pepro-cyber-container>div:first-child>p:last-child{font-size:15px;color:#c9dce6;margin-top:22px;max-width:610px}.pepro-cyber-contact>.pepro-cyber-container>div:last-child{flex-shrink:0}.pepro-cyber-contact>.pepro-cyber-container>div:last-child>p{font-size:12px;color:#aac5d2;margin-top:12px}
@media(max-width:1100px){.pepro-cyber-hero__inner{gap:20px}.pepro-cyber-domain{gap:24px}.pepro-cyber-work__inner{gap:40px}.pepro-cyber-protection__heading{gap:40px}.pepro-cyber-contact>.pepro-cyber-container{gap:40px}.pepro-cyber-contact h2{font-size:39px}}
@media(max-width:767px){.pepro-cyber-container{width:calc(100% - 40px)}.pepro-cyber-page h2{font-size:32px}.pepro-cyber-page p{font-size:15px}.pepro-cyber-hero__inner{grid-template-columns:1fr;padding-block:44px 27px;gap:22px}.pepro-cyber-hero h1{font-size:45px}.pepro-cyber-hero .pepro-cyber-lead{font-size:17px}.pepro-cyber-hero__visual{max-width:370px;justify-self:center;width:100%}.pepro-cyber-intro{padding-block:45px 37px}.pepro-cyber-intro h2{font-size:32px}.pepro-cyber-protection{padding-block:15px 45px}.pepro-cyber-protection__heading{display:block;margin-bottom:26px}.pepro-cyber-protection__heading h2{font-size:30px}.pepro-cyber-protection__heading>p{margin-top:18px;max-width:none}.pepro-cyber-domain{grid-template-columns:1fr;gap:14px;padding:25px 0}.pepro-cyber-domain h3{font-size:24px}.pepro-cyber-domain>div:last-child{padding-left:16px;margin-top:2px}.pepro-cyber-work{padding:45px 0}.pepro-cyber-work__inner{grid-template-columns:1fr;gap:30px}.pepro-cyber-work__photo img{height:300px;object-position:80% center}.pepro-cyber-work h2{font-size:33px}.pepro-cyber-plan{padding-block:45px}.pepro-cyber-plan__heading{text-align:left}.pepro-cyber-plan__steps{grid-template-columns:1fr;gap:27px;margin-top:28px!important}.pepro-cyber-plan__steps li>span{font-size:19px;margin-bottom:12px}.pepro-cyber-plan__steps h3{font-size:24px}.pepro-cyber-followup{display:block;margin-top:30px;padding-top:25px}.pepro-cyber-followup p{margin-top:15px}.pepro-cyber-contact{padding:45px 0 50px}.pepro-cyber-contact>.pepro-cyber-container{display:block}.pepro-cyber-contact h2{font-size:37px}.pepro-cyber-contact>.pepro-cyber-container>div:last-child{margin-top:26px}.pepro-cyber-button{font-size:13px;gap:18px;padding:15px 19px}.pepro-cyber-contact>.pepro-cyber-container>div:last-child>p{line-height:1.6}}
@media(max-width:359px){.pepro-cyber-container{width:calc(100% - 32px)}.pepro-cyber-hero h1{font-size:38px}.pepro-cyber-intro h2{font-size:29px}.pepro-cyber-contact h2{font-size:33px}}