@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#07366b;--blue:#087ac5;--cyan:#00b5ed;--pale:#eef8ff;--text:#17385f;--muted:#5e7690;--line:#d9eaf7;--white:#fff;--shadow:0 10px 30px rgba(9,67,118,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}.site-header{height:90px;padding:10px clamp(20px,5vw,84px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px #0b477510}.brand{display:flex;align-items:center;gap:16px;min-width:245px}.brand img{width:300px;max-height:70px;object-fit:contain}.brand span{border-left:1px solid var(--cyan);padding-left:14px;font-size:11px;line-height:1.4;color:var(--navy)}.nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,38px);font-size:13px;font-weight:600}.nav a{padding:10px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--blue);border-color:var(--cyan)}.menu-toggle{display:none;background:none;border:0;color:var(--navy);font-size:27px}.hero{min-height:460px;position:relative;display:flex;align-items:center;overflow:hidden;background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=85');background-position:center 48%;background-size:cover;color:#fff}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,43,87,.96) 0%,rgba(4,68,122,.82) 34%,rgba(0,82,144,.14) 72%,rgba(0,49,97,.15))}.hero-content{position:relative;z-index:1;padding:55px clamp(24px,5.4vw,90px);max-width:760px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;margin:0 0 12px;text-transform:uppercase}.blue{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(35px,4.2vw,58px);line-height:1.08;letter-spacing:-1.6px;margin-bottom:18px}h1 span,h2 span,.network-copy h2 span{color:#39d0fa}.hero-content>p:not(.eyebrow){max-width:440px;font-size:16px;line-height:1.55;color:#eaf6ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:7px;background:linear-gradient(100deg,#00a8e8,#0874c6);color:#fff;padding:13px 20px;font-size:13px;font-weight:700;box-shadow:0 8px 18px #007cc533;cursor:pointer}.btn span{font-size:24px;line-height:12px}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.hero-iso{position:absolute;right:5%;top:36px;display:flex;gap:22px;text-align:center}.hero-iso>div{width:92px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff85;border-radius:50% 50% 46% 46%;background:#064a8b66;outline:1px solid #ffffff50;outline-offset:4px}.hero-iso b{font-size:15px}.hero-iso strong{font-size:20px;line-height:1.1}.hero-iso small{font-size:9px;line-height:1.2;margin-top:6px;max-width:78px}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:24px clamp(24px,5vw,84px);background:#f3faff;border-bottom:1px solid var(--line)}.values article{display:flex;align-items:center;gap:15px;padding:0 22px;border-right:1px solid #cfe7f8}.values article:first-child{padding-left:0}.values article:last-child{border:0}.value-icon,.big-icon{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border-radius:50%;background:#d9f0ff;color:var(--blue);font-size:30px}.values h3{font-size:15px;margin:0 0 3px}.values p{font-size:11px;color:var(--muted);margin:0;line-height:1.45}.section{padding:70px clamp(24px,5vw,84px)}.split{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(300px,1.1fr);gap:clamp(30px,5vw,70px);align-items:center}.photo{min-height:350px;border-radius:4px;background-size:cover;background-position:center;box-shadow:var(--shadow)}.photo-building{background-image:url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?auto=format&fit=crop&w=1100&q=85')}.copy h2,.section-heading h2,.certifications h2,.contact-intro h2{font-size:clamp(28px,3vw,39px);line-height:1.15;letter-spacing:-.8px;margin-bottom:17px;color:var(--navy)}.copy p:not(.eyebrow){font-size:14px;color:#526d89}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--blue);font-size:13px;font-weight:700;margin-top:8px}.products-preview{background:#f6fbff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.section-heading h2{margin-bottom:8px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:#fff;border:1px solid #e1edf6;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #164c7410;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-img{height:155px;background-size:cover;background-position:center}.product-card h3{font-size:14px;margin:13px 14px 2px;color:var(--navy)}.product-card p{font-size:11px;color:var(--muted);margin:0 14px 15px}.img-float{background-image:url('https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=700&q=80')}.img-tinted{background-image:url('https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=700&q=80')}.img-laminated{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=700&q=80')}.img-double{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=700&q=80')}.img-reflective{background-image:url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?auto=format&fit=crop&w=700&q=80')}.img-frosted{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=700&q=80')}.img-tempered{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=700&q=80')}.img-curved{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=700&q=80')}.network-banner{display:grid;grid-template-columns:1fr 1fr;min-height:330px;background:linear-gradient(115deg,#063668,#075c9d);color:#fff;overflow:hidden}.network-copy{padding:45px clamp(24px,5vw,84px);align-self:center}.network-copy h2{font-size:clamp(27px,3vw,38px);line-height:1.15;margin-bottom:15px}.network-copy p:not(.eyebrow){max-width:460px;color:#e1f3ff;font-size:13px}.network-cities{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:45px;background:linear-gradient(135deg,#eaf7ff,#fff)}.network-cities>span{z-index:1;background:#087ac5;color:white;border-radius:30px;padding:8px 14px;font-size:12px;font-weight:700;box-shadow:var(--shadow)}.morocco-shape{position:absolute;color:#c9eaff;font-weight:800;font-size:clamp(70px,10vw,145px);opacity:.65;transform:rotate(-18deg);letter-spacing:4px}.certifications{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.certifications p:not(.eyebrow){color:var(--muted);font-size:14px}.iso-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.iso-card{border:1px solid var(--line);border-radius:10px;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#f5fbff,#fff);color:var(--blue)}.iso-card b{font-size:13px;letter-spacing:2px}.iso-card strong{font-size:29px;line-height:1.2}.iso-card span{font-size:11px;color:var(--muted);text-align:center;padding:0 6px}.cta{padding:45px 24px;text-align:center;background:linear-gradient(110deg,#067fc5,#06376d);color:#fff}.cta h2{font-size:clamp(25px,3vw,35px);margin-bottom:8px}.cta p{color:#dcefff;font-size:14px}.btn-light{background:white;color:var(--navy);box-shadow:none}.footer{background:#052d58;color:#d7eaff;padding:28px clamp(24px,5vw,84px);display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer-brand img{width:220px;max-height:60px;object-fit:contain}.footer>p{font-size:11px;margin:0 auto 0 0}.footer nav{display:flex;gap:18px;flex-wrap:wrap;font-size:11px}.footer nav a:hover{color:#44d5ff}.footer small{width:100%;border-top:1px solid #ffffff25;padding-top:16px;text-align:center;font-size:10px;color:#a9c5df}.page-hero{min-height:285px;display:flex;align-items:center;padding:50px clamp(24px,6vw,100px);color:#fff;background-size:cover;background-position:center;position:relative}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04366ce8,#075b9d9c,transparent)}.page-hero>div{position:relative;max-width:680px}.page-hero h1{font-size:clamp(36px,4vw,52px);margin-bottom:10px}.page-hero p:not(.eyebrow){font-size:16px;color:#eff8ff}.page-hero-company{background-image:url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?auto=format&fit=crop&w=1800&q=85')}.page-hero-products{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=85')}.page-hero-network{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=85')}.page-hero-contact{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=85')}.pale{background:#f4faff}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{padding:28px;border:1px solid var(--line);border-radius:10px;background:#fff}.info-card h3{margin:14px 0 7px;color:var(--navy)}.info-card p{font-size:13px;color:var(--muted);margin:0}.big-icon{width:60px;height:60px;font-size:31px}.note{background:#f2f9ff;border-left:3px solid var(--cyan);padding:13px 16px;font-size:12px!important}.product-grid-large .product-img{height:190px}.product-text{padding:0 0 2px}.product-text p{font-size:12px;line-height:1.6}.inline-cta{margin-top:38px;padding:25px 30px;border-radius:10px;background:#eff8ff;display:flex;justify-content:space-between;align-items:center;gap:20px}.inline-cta h2{font-size:22px;margin-bottom:5px}.inline-cta p{font-size:13px;color:var(--muted);margin:0}.branch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.branch-card{border:1px solid var(--line);padding:26px;border-radius:10px;background:#fff;box-shadow:0 5px 20px #144c7010}.branch-top{display:flex;align-items:center;justify-content:space-between}.pin{display:grid;place-items:center;background:#e1f4ff;color:var(--blue);border-radius:50%;width:40px;height:40px;font-size:24px}.branch-region{font-size:11px;color:var(--blue);font-weight:700}.branch-card h3{font-size:24px;color:var(--navy);margin:17px 0 3px}.branch-card p{font-size:13px;color:var(--muted)}.placeholder-line{padding:10px 0;border-top:1px solid #e7f0f7;color:#8a9daf;font-size:12px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px);align-items:start}.contact-intro>p:not(.eyebrow){color:var(--muted);font-size:14px}.contact-note{padding:17px 0;border-top:1px solid var(--line)}.contact-note strong{font-size:13px;color:var(--navy)}.contact-note p{font-size:12px;color:var(--muted);margin:4px 0 0}.contact-form{padding:30px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:grid;gap:8px}.contact-form label{font-size:12px;font-weight:700;color:var(--navy);margin-top:5px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:inherit;font-size:13px;border:1px solid #cbddeb;border-radius:6px;padding:12px;color:var(--text);background:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #8ddfff;border-color:var(--blue)}.contact-form .btn{justify-self:start;margin-top:8px}.form-help,.form-status{font-size:11px;color:var(--muted);margin:4px 0 0}.form-status{color:var(--blue)}
@media(max-width:1000px){.brand span{display:none}.hero-iso{right:4%;gap:12px}.values{padding-inline:24px}.values article{padding:0 12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certifications{grid-template-columns:1fr}.footer{gap:18px}}
@media(max-width:720px){.site-header{height:78px;padding:8px 18px}.brand{min-width:0}.brand img{width:220px;max-height:56px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;padding:15px 22px 22px;background:white;box-shadow:0 10px 20px #00345b20;align-items:stretch;flex-direction:column;gap:4px}.nav.nav-open{display:flex}.nav a{padding:10px 0}.hero{min-height:530px;align-items:flex-start}.hero-content{padding:58px 24px}.hero-iso{top:auto;bottom:22px;left:24px;right:auto;gap:12px}.hero-iso>div{width:82px;height:94px}.hero-iso small{font-size:8px}.values{grid-template-columns:repeat(2,1fr);gap:18px}.values article{border:0;padding:0}.values article:first-child{padding-left:0}.value-icon{width:44px;height:44px;font-size:24px}.section{padding:48px 22px}.split{grid-template-columns:1fr;gap:26px}.photo{min-height:250px}.section-heading{align-items:flex-start;flex-direction:column}.product-grid{gap:12px}.product-img{height:125px}.product-card h3{font-size:12px;margin:10px 10px 3px}.product-card p{margin:0 10px 12px}.network-banner{grid-template-columns:1fr}.network-copy{padding:38px 24px}.network-cities{min-height:200px;padding:30px 15px}.certifications{gap:22px}.iso-cards{gap:8px}.iso-card{min-height:120px}.iso-card strong{font-size:24px}.iso-card span{font-size:9px}.footer{justify-content:center;text-align:center;flex-direction:column;gap:13px}.footer>p{margin:0}.footer nav{justify-content:center}.page-hero{min-height:240px;padding:38px 24px}.three-grid,.branch-grid,.contact-layout{grid-template-columns:1fr}.product-grid-large .product-img{height:160px}.inline-cta{align-items:flex-start;flex-direction:column;padding:22px}.contact-form{padding:20px}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-img{height:175px}.hero-iso{gap:8px}.hero-iso>div{width:76px}.values{grid-template-columns:1fr}.brand img{width:190px;max-height:50px}}

/* Animation discrète du logo ORIVERRE */
.brand img, .footer-brand img {
  transform-origin: center center;
  animation: oriverreLogoFloat 4.8s ease-in-out infinite;
  will-change: transform, filter;
}
.brand img { transition: filter .35s ease; }
.brand:hover img, .footer-brand:hover img {
  filter: drop-shadow(0 4px 10px rgba(0, 174, 239, .28));
}
@keyframes oriverreLogoFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.012); }
}
@media (prefers-reduced-motion: reduce) {
  .brand img, .footer-brand img { animation: none; transition: none; }
}